<commit_before><div ng-switch="configDefinition.type" class="config_{{configDefinition.name}}">
  <div ng-switch-when="BOOLEAN">
    <ng-include src="'labelConfigurationTemplate'"></ng-include>
    <ng-include src="'booleanConfigurationTemplate'"></ng-include>
  </div>

  <div ng-switch-when="NUMBER">
    <ng-include src="'labelConfigurationTemplate'"></ng-include>
    <ng-include src="'elStringConfigurationTemplate'"></ng-include>
  </div>

  <div ng-switch-when="STRING">
    <ng-include src="'labelConfigurationTemplate'"></ng-include>
    <ng-include src="'elStringConfigurationTemplate'"></ng-include>
  </div>

  <div ng-switch-when="CHARACTER">
    <ng-include src="'labelConfigurationTemplate'"></ng-include>
    <ng-include src="'characterConfigurationTemplate'"></ng-include>
  </div>

  <div ng-switch-when="EL_STRING" class="expression-language"
       ng-click="onFieldSelectorFocus(detailPaneConfig)">
    <ng-include src="'labelConfigurationTemplate'"></ng-include>
    <ng-include src="'elStringConfigurationTemplate'"></ng-include>
  </div>

  <div ng-switch-when="EL_NUMBER" class="expression-language"
       ng-click="onFieldSelectorFocus(detailPaneConfig)">
    <ng-include src="'labelConfigurationTemplate'"></ng-include>
    <ng-include src="'elStringConfigurationTemplate'"></ng-include>
  </div>

  <div ng-switch-when="EL_DATE" class="expression-language"
       ng-click="onFieldSelectorFocus(detailPaneConfig)">
    <ng-include src="'labelConfigurationTemplate'"></ng-include>
    <ng-include src="'elStringConfigurationTemplate'"></ng-include>
  </div>

  <div ng-switch-when="EL_BOOLEAN" class="expression-language"
       ng-click="onFieldSelectorFocus(detailPaneConfig)">
    <ng-include src="'labelConfigurationTemplate'"></ng-include>
    <ng-include src="'elStringConfigurationTemplate'"></ng-include>
  </div>

  <div ng-switch-when="EL_OBJECT" class="expression-language"
       ng-click="onFieldSelectorFocus(detailPaneConfig)">
    <ng-include src="'labelConfigurationTemplate'"></ng-include>
    <ng-include src="'elStringConfigurationTemplate'"></ng-include>
  </div>

  <div ng-switch-when="LIST"
       ng-click="onFieldSelectorFocus(detailPaneConfig)">
    <ng-include src="'labelConfigurationTemplate'"></ng-include>
    <ng-include src="'listConfigurationTemplate'"></ng-include>
  </div>

  <div ng-switch-when="MAP"
       ng-click="onFieldSelectorFocus(detailPaneConfig)">
    <ng-include src="'labelConfigurationTemplate'"></ng-include>
    <ng-include src="'mapConfigurationTemplate'"></ng-include>
  </div>

  <div ng-switch-when="TEXT"
       ng-click="onFieldSelectorFocus(detailPaneConfig)">
    <ng-include src="'labelConfigurationTemplate'"></ng-include>
    <ng-include src="'textConfigurationTemplate'"></ng-include>
  </div>

  <div ng-switch-when="MODEL"
       ng-switch="configDefinition.model.modelType">

    <div ng-switch-when="VALUE_CHOOSER">
      <ng-include src="'labelConfigurationTemplate'"></ng-include>
      <ng-include src="'valueChooserConfigurationTemplate'"></ng-include>
    </div>

    <div ng-switch-when="MULTI_VALUE_CHOOSER">
      <ng-include src="'labelConfigurationTemplate'"></ng-include>
      <ng-include src="'multiValueChooserConfigurationTemplate'"></ng-include>
    </div>

    <div ng-switch-when="FIELD_SELECTOR_MULTI_VALUE"
         ng-click="onFieldSelectorFocus(detailPaneConfig)"
         class="clearfix">
      <ng-include src="'labelConfigurationTemplate'"></ng-include>
      <ng-include src="'fieldSelectorMultiValuedConfigurationTemplate'"></ng-include>
    </div>

    <div ng-switch-when="FIELD_SELECTOR"
         ng-click="onFieldSelectorFocus(detailPaneConfig)"
         class="clearfix">
      <ng-include src="'labelConfigurationTemplate'"></ng-include>
      <ng-include src="'fieldSelectorSingleValuedConfigurationTemplate'"></ng-include>
    </div>

    <div ng-switch-when="PREDICATE"
         ng-click="onFieldSelectorFocus(detailPaneConfig)">
      <ng-include src="'labelConfigurationTemplate'"></ng-include>
      <ng-include src="'lanePredicateMappingConfigurationTemplate'"></ng-include>
    </div>


    <div ng-switch-when="LIST_BEAN" class="clearfix">
      <ng-include ng-if="configDefinition.label" src="'labelConfigurationTemplate'"></ng-include>

      <div class="controls" ng-class="configDefinition.label ? 'col-md-7' : 'col-md-12'">

        <table class="table" ng-if="_.size(configDefinition.model.configDefinitions) <= 4">
          <thead>
          <tr>
            <th class="custom-field-property"
                ng-repeat="customeFieldConfigDefintion in configDefinition.model.configDefinitions | orderBy: 'displayPosition'">
              <span>{{customeFieldConfigDefintion.label}}</span>
              <i class="fa fa-info-circle help-icon"
                 ng-if="customeFieldConfigDefintion.description"
                 tooltip-placement="right"
                 tooltip-append-to-body="false"
                 tooltip="{{customeFieldConfigDefintion.description}}"
                 tooltip-trigger="mouseenter"></i>
            </th>
            <th class="custom-field-buttons"></th>
          </tr>
          </thead>
          <tbody>
          <tr ng-repeat="customFieldValue in customeFieldValueList = detailPaneConfig.configuration[configIndex].value track by $index">

            <td class="col-md-5"
                ng-repeat="customFieldConfigDefinition in configDefinition.model.configDefinitions | orderBy: 'displayPosition'">

              <div ng-if="(verifyCustomFieldDependsOn(detailPaneConfig, customFieldValue, customFieldConfigDefinition))">
                <ng-include src="'app/home/detail/configuration/listBeanConfiguration.tpl.html'"></ng-include>
              </div>

            </td>

            <td>
              <div class="btn-group" role="group" aria-label="Default button group" ng-hide="isPipelineReadOnly || isPipelineRunning">
                <button type="button" class="btn btn-default"
                        ng-click="removeFromCustomField(detailPaneConfig, customeFieldValueList, $index)">
                  <i class="fa fa-minus pointer"></i>
                </button>
                <button type="button" class="btn btn-default"
                        ng-show="$last"
                        ng-click="addToCustomField(detailPaneConfig, detailPaneConfig.configuration[configIndex], configDefinition.model.configDefinitions)">
                  <i class="fa fa-plus pointer"></i>
                </button>
              </div>
            </td>

          </tr>
          </tbody>
        </table>


        <table class="table table-bordered" ng-if="_.size(configDefinition.model.configDefinitions) > 4">
          <tbody>
          <tr ng-repeat="customFieldValue in customeFieldValueList = detailPaneConfig.configuration[configIndex].value track by $index"
              ng-init="configIndex = $index">

            <td>
              <div class="form-group "
                   ng-repeat="customFieldConfigDefinition in configDefinition.model.configDefinitions | orderBy: 'displayPosition'"
                   ng-class="{'has-error': getConfigurationIssues(detailPaneConfig, customFieldConfigDefinition).length > 0}"
                   ng-if="(verifyCustomFieldDependsOn(detailPaneConfig, customFieldValue, customFieldConfigDefinition))">

                <label class="col-lg-3 control-label">{{customFieldConfigDefinition.label}}
                  <i class="fa fa-info-circle help-icon"
                     tooltip-placement="right"
                     tooltip-append-to-body="false"
                     tooltip="{{customFieldConfigDefinition.description || customFieldConfigDefinition.label}}"
                     tooltip-trigger="mouseenter"></i>
                </label>

                <div class="controls col-lg-9">
                  <ng-include src="'app/home/detail/configuration/listBeanConfiguration.tpl.html'"></ng-include>
                  <ng-include src="'complexConfigurationIssuesTemplate'"></ng-include>
                </div>
              </div>
            </td>

            <td>
              <div class="btn-group" role="group" aria-label="Default button group" ng-hide="isPipelineReadOnly || isPipelineRunning">
                <button type="button" class="btn btn-default"
                        ng-click="removeFromCustomField(detailPaneConfig, customeFieldValueList, $index)">
                  <i class="fa fa-minus pointer"></i>
                </button>
                <button type="button" class="btn btn-default"
                        ng-show="$last"
                        ng-click="addToCustomField(detailPaneConfig, detailPaneConfig.configuration[configIndex], configDefinition.model.configDefinitions)">
                  <i class="fa fa-plus pointer"></i>
                </button>
              </div>
            </td>

          </tr>

          </tbody>
        </table>

        <button type="button" class="btn btn-default btn-sm"
                ng-if="!detailPaneConfig.configuration[configIndex].value || detailPaneConfig.configuration[configIndex].value.length === 0"
                ng-hide="isPipelineReadOnly || isPipelineRunning"
                ng-click="addToCustomField(detailPaneConfig, detailPaneConfig.configuration[configIndex], configDefinition.model.configDefinitions)">
          <i class="fa fa-plus pointer"></i>
        </button>

        <div class="help-block">
          <div ng-repeat="issue in getConfigurationIssues(detailPaneConfig, configDefinition)">
            <span>{{issue.message}}</span>
            <span ng-show="issue.count > 1" class="badge">{{issue.count}}</span>
          </div>
        </div>

      </div><commit_msg>SDC-5817. UI: Adding new webhook notification is throwing JS error<commit_after><div ng-switch="configDefinition.type" class="config_{{configDefinition.name}}">
  <div ng-switch-when="BOOLEAN">
    <ng-include src="'labelConfigurationTemplate'"></ng-include>
    <ng-include src="'booleanConfigurationTemplate'"></ng-include>
  </div>

  <div ng-switch-when="NUMBER">
    <ng-include src="'labelConfigurationTemplate'"></ng-include>
    <ng-include src="'elStringConfigurationTemplate'"></ng-include>
  </div>

  <div ng-switch-when="STRING">
    <ng-include src="'labelConfigurationTemplate'"></ng-include>
    <ng-include src="'elStringConfigurationTemplate'"></ng-include>
  </div>

  <div ng-switch-when="CHARACTER">
    <ng-include src="'labelConfigurationTemplate'"></ng-include>
    <ng-include src="'characterConfigurationTemplate'"></ng-include>
  </div>

  <div ng-switch-when="EL_STRING" class="expression-language"
       ng-click="onFieldSelectorFocus(detailPaneConfig)">
    <ng-include src="'labelConfigurationTemplate'"></ng-include>
    <ng-include src="'elStringConfigurationTemplate'"></ng-include>
  </div>

  <div ng-switch-when="EL_NUMBER" class="expression-language"
       ng-click="onFieldSelectorFocus(detailPaneConfig)">
    <ng-include src="'labelConfigurationTemplate'"></ng-include>
    <ng-include src="'elStringConfigurationTemplate'"></ng-include>
  </div>

  <div ng-switch-when="EL_DATE" class="expression-language"
       ng-click="onFieldSelectorFocus(detailPaneConfig)">
    <ng-include src="'labelConfigurationTemplate'"></ng-include>
    <ng-include src="'elStringConfigurationTemplate'"></ng-include>
  </div>

  <div ng-switch-when="EL_BOOLEAN" class="expression-language"
       ng-click="onFieldSelectorFocus(detailPaneConfig)">
    <ng-include src="'labelConfigurationTemplate'"></ng-include>
    <ng-include src="'elStringConfigurationTemplate'"></ng-include>
  </div>

  <div ng-switch-when="EL_OBJECT" class="expression-language"
       ng-click="onFieldSelectorFocus(detailPaneConfig)">
    <ng-include src="'labelConfigurationTemplate'"></ng-include>
    <ng-include src="'elStringConfigurationTemplate'"></ng-include>
  </div>

  <div ng-switch-when="LIST"
       ng-click="onFieldSelectorFocus(detailPaneConfig)">
    <ng-include src="'labelConfigurationTemplate'"></ng-include>
    <ng-include src="'listConfigurationTemplate'"></ng-include>
  </div>

  <div ng-switch-when="MAP"
       ng-click="onFieldSelectorFocus(detailPaneConfig)">
    <ng-include src="'labelConfigurationTemplate'"></ng-include>
    <ng-include src="'mapConfigurationTemplate'"></ng-include>
  </div>

  <div ng-switch-when="TEXT"
       ng-click="onFieldSelectorFocus(detailPaneConfig)">
    <ng-include src="'labelConfigurationTemplate'"></ng-include>
    <ng-include src="'textConfigurationTemplate'"></ng-include>
  </div>

  <div ng-switch-when="MODEL"
       ng-switch="configDefinition.model.modelType">

    <div ng-switch-when="VALUE_CHOOSER">
      <ng-include src="'labelConfigurationTemplate'"></ng-include>
      <ng-include src="'valueChooserConfigurationTemplate'"></ng-include>
    </div>

    <div ng-switch-when="MULTI_VALUE_CHOOSER">
      <ng-include src="'labelConfigurationTemplate'"></ng-include>
      <ng-include src="'multiValueChooserConfigurationTemplate'"></ng-include>
    </div>

    <div ng-switch-when="FIELD_SELECTOR_MULTI_VALUE"
         ng-click="onFieldSelectorFocus(detailPaneConfig)"
         class="clearfix">
      <ng-include src="'labelConfigurationTemplate'"></ng-include>
      <ng-include src="'fieldSelectorMultiValuedConfigurationTemplate'"></ng-include>
    </div>

    <div ng-switch-when="FIELD_SELECTOR"
         ng-click="onFieldSelectorFocus(detailPaneConfig)"
         class="clearfix">
      <ng-include src="'labelConfigurationTemplate'"></ng-include>
      <ng-include src="'fieldSelectorSingleValuedConfigurationTemplate'"></ng-include>
    </div>

    <div ng-switch-when="PREDICATE"
         ng-click="onFieldSelectorFocus(detailPaneConfig)">
      <ng-include src="'labelConfigurationTemplate'"></ng-include>
      <ng-include src="'lanePredicateMappingConfigurationTemplate'"></ng-include>
    </div>


    <div ng-switch-when="LIST_BEAN" class="clearfix">
      <ng-include ng-if="configDefinition.label" src="'labelConfigurationTemplate'"></ng-include>

      <div class="controls" ng-class="configDefinition.label ? 'col-md-7' : 'col-md-12'">

        <table class="table" ng-if="_.size(configDefinition.model.configDefinitions) <= 4">
          <thead>
          <tr>
            <th class="custom-field-property"
                ng-repeat="customeFieldConfigDefintion in configDefinition.model.configDefinitions | orderBy: 'displayPosition'">
              <span>{{customeFieldConfigDefintion.label}}</span>
              <i class="fa fa-info-circle help-icon"
                 ng-if="customeFieldConfigDefintion.description"
                 tooltip-placement="right"
                 tooltip-append-to-body="false"
                 tooltip="{{customeFieldConfigDefintion.description}}"
                 tooltip-trigger="mouseenter"></i>
            </th>
            <th class="custom-field-buttons"></th>
          </tr>
          </thead>
          <tbody>
          <tr ng-repeat="customFieldValue in customeFieldValueList = detailPaneConfig.configuration[configIndex].value track by $index">

            <td class="col-md-5"
                ng-repeat="customFieldConfigDefinition in configDefinition.model.configDefinitions | orderBy: 'displayPosition'">

              <div ng-if="(verifyCustomFieldDependsOn(detailPaneConfig, customFieldValue, customFieldConfigDefinition))">
                <ng-include src="'app/home/detail/configuration/listBeanConfiguration.tpl.html'"></ng-include>
              </div>

            </td>

            <td>
              <div class="btn-group" role="group" aria-label="Default button group" ng-hide="isPipelineReadOnly || isPipelineRunning">
                <button type="button" class="btn btn-default"
                        ng-click="removeFromCustomField(detailPaneConfig, customeFieldValueList, $index)">
                  <i class="fa fa-minus pointer"></i>
                </button>
                <button type="button" class="btn btn-default"
                        ng-show="$last"
                        ng-click="addToCustomField(detailPaneConfig, detailPaneConfig.configuration[configIndex], configDefinition.model.configDefinitions)">
                  <i class="fa fa-plus pointer"></i>
                </button>
              </div>
            </td>

          </tr>
          </tbody>
        </table>


        <table class="table table-bordered" ng-if="_.size(configDefinition.model.configDefinitions) > 4">
          <tbody>
          <tr ng-repeat="customFieldValue in customeFieldValueList = detailPaneConfig.configuration[configIndex].value track by $index"
              ng-init="parentConfigIndex=configIndex; configIndex = $index">

            <td>
              <div class="form-group "
                   ng-repeat="customFieldConfigDefinition in configDefinition.model.configDefinitions | orderBy: 'displayPosition'"
                   ng-class="{'has-error': getConfigurationIssues(detailPaneConfig, customFieldConfigDefinition).length > 0}"
                   ng-if="(verifyCustomFieldDependsOn(detailPaneConfig, customFieldValue, customFieldConfigDefinition))">

                <label class="col-lg-3 control-label">{{customFieldConfigDefinition.label}}
                  <i class="fa fa-info-circle help-icon"
                     tooltip-placement="right"
                     tooltip-append-to-body="false"
                     tooltip="{{customFieldConfigDefinition.description || customFieldConfigDefinition.label}}"
                     tooltip-trigger="mouseenter"></i>
                </label>

                <div class="controls col-lg-9">
                  <ng-include src="'app/home/detail/configuration/listBeanConfiguration.tpl.html'"></ng-include>
                  <ng-include src="'complexConfigurationIssuesTemplate'"></ng-include>
                </div>
              </div>
            </td>

            <td>
              <div class="btn-group" role="group" aria-label="Default button group" ng-hide="isPipelineReadOnly || isPipelineRunning">
                <button type="button" class="btn btn-default"
                        ng-click="removeFromCustomField(detailPaneConfig, customeFieldValueList, $index)">
                  <i class="fa fa-minus pointer"></i>
                </button>
                <button type="button" class="btn btn-default"
                        ng-show="$last"
                        ng-click="addToCustomField(detailPaneConfig, detailPaneConfig.configuration[parentConfigIndex], configDefinition.model.configDefinitions)">
                  <i class="fa fa-plus pointer"></i>
                </button>
              </div>
            </td>

          </tr>

          </tbody>
        </table>

        <button type="button" class="btn btn-default btn-sm"
                ng-if="!detailPaneConfig.configuration[configIndex].value || detailPaneConfig.configuration[configIndex].value.length === 0"
                ng-hide="isPipelineReadOnly || isPipelineRunning"
                ng-click="addToCustomField(detailPaneConfig, detailPaneConfig.configuration[configIndex], configDefinition.model.configDefinitions)">
          <i class="fa fa-plus pointer"></i>
        </button>

        <div class="help-block">
          <div ng-repeat="issue in getConfigurationIssues(detailPaneConfig, configDefinition)">
            <span>{{issue.message}}</span>
            <span ng-show="issue.count > 1" class="badge">{{issue.count}}</span>
          </div>
        </div>

      </div>
{'fraction_non_alphanumeric': 0.14552620802620803, 'fraction_numerical': 0.0013308763308763308, 'mean_word_length': 2.9444780940843933, 'pattern_counts': {'":': 0, '<': 383, '<?xml version=': 0, '>': 387, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1224295', 'n_tokens_mistral': 5483, 'n_tokens_neox': 5163, 'n_words': 751}