{"version":3,"sources":["webpack:///./src/components/AiMappingListInstance.vue?c747","webpack:///src/components/AiMappingListInstance.vue","webpack:///./src/components/AiMappingListInstance.vue?3f2c","webpack:///./src/components/AiMappingListInstance.vue?ab2b","webpack:///./src/components/FormatPopover.vue?d792","webpack:///src/components/FormatPopover.vue","webpack:///./src/components/FormatPopover.vue?e4c3","webpack:///./src/components/FormatPopover.vue?2e7a","webpack:///./src/components/AiMappingListInstance.vue?b0cf","webpack:///./src/components/FormatPopover.vue?1a91","webpack:///./src/components/MappingPopover.vue?0f02","webpack:///src/components/MappingPopover.vue","webpack:///./src/components/MappingPopover.vue?22f9","webpack:///./src/components/MappingPopover.vue?d935","webpack:///./src/components/AiMappingList.vue?d3ff","webpack:///./src/components/AiMappingList.vue?e956","webpack:///src/components/AiMappingList.vue","webpack:///./src/components/AiMappingList.vue?f3df","webpack:///./src/components/AiMappingList.vue?1e96","webpack:///./src/components/MappingPopover.vue?ab90"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","is-disabled","isDisabled","attrs","draggable","dragHandle","on","dragstart","$event","$emit","drop","dragover","preventDefault","dragenter","dragleave","selected","mapping","expression","_v","_s","value","ref","title","click","onSelectVariable","variable","displayName","variablePrettyName","expressionToVariable","style","maxWidth","format","_e","left","slot","is-advanced","expressionView","opened","expand","$t","expressionExample","label","inactiveColor","model","callback","$$v","$set","mousedown","mouseleave","staticRenderFns","mappingLanguagReference","__webpack_require__","AiMappingListInstancevue_type_script_lang_js_","components","Checkbox","props","data","_this","hasFormat","variableExample","languageReference","getExpressionValueDebounce","getExpressionValue","methods","e","_this2","$store","dispatch","then","res","result","computed","variableHelpers","stringIsSingleVariable","name","removeBrackets","getters","combinedVariables","active","mappingDisplayName","language","watch","mapping.expression","handler","immediate","deep","components_AiMappingListInstancevue_type_script_lang_js_","component","Object","componentNormalizer","__webpack_exports__","popoverPosition","x","top","y","backdrop","close","selectedVariable","format-changed","onFormatChanged","applyFormat","FormatPopovervue_type_script_lang_js_","VariableFormatSelector","CustomPopover","pos","hasChanges","popoverMeasurements","checkElementPosition","bounds","$refs","popover","$el","getBoundingClientRect","popoverHeight","height","windowHeight","window","innerHeight","selectVariable","variables","mounted","$nextTick","components_FormatPopovervue_type_script_lang_js_","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AiMappingListInstance_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AiMappingListInstance_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","n","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FormatPopover_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_FormatPopover_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","toggleExpressionView","directives","rawName","id","rows","placeholder","domProps","input","target","composing","expressionValue","onInput","innerHTML","expressionPreview","variable-groups","variableGroups","selected-variable-name","show-values","variable-name-changed","onVariableNameChanged","disabled","addExpression","MappingPopovervue_type_script_lang_js_","VariableSelector","expressionHasError","expressionError","getExpressionPreviewDebounce","getExpressionPreview","variableName","autoResizeTextarea","event","appHelper","length","valid","errors","token","tokenType","push","error","concat","_this3","components_MappingPopovervue_type_script_lang_js_","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AiMappingList_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AiMappingList_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","_l","index","key","on-open-variable-list","onOpenVariablePopover","on-format-variable","onOpenFormatPopover","expression-value","setExpressionValue","trash-variable","trashVariable","remove-selected-variable-object","removeSelectedVariableObject","drag-element","startDrag","drop-element","onDrop","on-remove-mapping","onRemoveMapping","newMappingInput","submit","stopPropagation","addNewMapping","newMappingValue","invalidInputMessage","type","onAddMapping","currentMappingInstance","showPopover","add-expression","mapVariable","showFormatPopover","update-variable-format","formatCurrentVariable","AiMappingListvue_type_script_lang_js_","AiMappingListInstance","MappingPopover","FormatPopover","mappings","invalidInput","nameExists","some","draggedMappingnIndex","dataTransfer","getData","draggedMapping","splice","mappinginput","focus","$modal","show","ConfirmModal","description","onConfirm","width","VariableHelpers","components_AiMappingListvue_type_script_lang_js_","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_MappingPopover_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_10_oneOf_1_0_node_modules_css_loader_index_js_ref_10_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_10_oneOf_1_2_node_modules_less_loader_dist_cjs_js_ref_10_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_MappingPopover_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default"],"mappings":"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","file":"js/lazy-view-components-AiMappingList.d135994d.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"ai-mapping-instance\",class:{ 'is-disabled': _vm.isDisabled },attrs:{\"draggable\":_vm.dragHandle},on:{\"dragstart\":function($event){return _vm.$emit('drag-element', $event)},\"drop\":function($event){return _vm.$emit('drop-element', $event)},\"dragover\":function($event){$event.preventDefault();},\"dragenter\":function($event){$event.preventDefault();},\"dragleave\":function($event){$event.preventDefault();}}},[_c('div',{staticClass:\"ai-variable\"},[_c('div',{staticClass:\"ai-value\",class:{ selected: _vm.mapping.expression }},[_c('p',[_vm._v(_vm._s(_vm.mapping.value))])])]),_c('div',{staticClass:\"spacer\"}),_c('div',{staticClass:\"user-input\"},[_c('div',{ref:\"wrapper\",staticClass:\"user-variable\"},[(!_vm.mapping.expression)?_c('div',[_c('button',{staticClass:\"select-variable\",on:{\"click\":function($event){return _vm.onSelectVariable($event)}}},[_vm._v(\"\\n          \"+_vm._s(_vm.$t(\"ai-sections.select-variable\"))+\"\\n        \")])]):_c('div',{staticClass:\"expression-instance\"},[(_vm.expressionView)?_c('div',{staticClass:\"advanced-expression ellipsis\",attrs:{\"title\":_vm.mapping.expression},on:{\"click\":function($event){return _vm.onSelectVariable($event)}}},[_vm._v(\"\\n          \"+_vm._s(_vm.mapping.expression)+\"\\n        \")]):_c('div',{staticClass:\"variable-expression\"},[_c('div',{staticClass:\"variable-name\"},[_c('span',{on:{\"click\":function($event){return _vm.onSelectVariable($event)}}},[_vm._v(\"\\n              \"+_vm._s(_vm.variable.displayName || _vm.variablePrettyName)+\"\\n            \")])]),(_vm.expressionToVariable.format)?_c('div',{staticClass:\"format-in-variable ellipsis\",style:({ maxWidth: _vm.maxWidth }),on:{\"click\":function($event){return _vm.$emit('on-format-variable', $event, _vm.mapping)}}},[_c('span',[_vm._v(\"\\n              \"+_vm._s(_vm.expressionToVariable.format)+\"\\n            \")])]):_vm._e()]),_c('dropdown',{attrs:{\"left\":\"\"}},[_c('span',{staticClass:\"format-toggle\",attrs:{\"slot\":\"toggle\"},slot:\"toggle\"},[_c('div',{staticClass:\"format-variable-btn\",class:{ 'is-advanced': _vm.expressionView, opened: _vm.expand },on:{\"click\":function($event){_vm.expand = !_vm.expand}}},[_c('i',{staticClass:\"fa-light fa-ellipsis-v-alt\"})])]),(!_vm.expressionView)?_c('div',{staticClass:\"dropdown-item\",on:{\"click\":function($event){return _vm.$emit('on-format-variable', $event, _vm.mapping)}}},[_vm._v(\"\\n            Format +\\n          \")]):_vm._e(),_c('div',{staticClass:\"dropdown-item\",on:{\"click\":function($event){return _vm.$emit('trash-variable')}}},[_c('span',[_vm._v(_vm._s(_vm.$t(\"remove\"))+\" \")]),_c('i',{staticClass:\"fa-light fa-trash\"})])])],1)])]),_c('div',{staticClass:\"variable-example\"},[_c('p',{staticClass:\"text-muted ellipsis\",attrs:{\"title\":_vm.expressionExample}},[_vm._v(\"\\n      \"+_vm._s(_vm.expressionExample || _vm.$t(\"ai-sections.no-example\"))+\"\\n    \")])]),_c('div',{staticClass:\"active-status\"},[_c('checkbox',{staticClass:\"checkbox\",attrs:{\"label\":'',\"inactiveColor\":'var(--charcoal-115)'},model:{value:(_vm.mapping.active),callback:function ($$v) {_vm.$set(_vm.mapping, \"active\", $$v)},expression:\"mapping.active\"}})],1),_c('div',{staticClass:\"drag-grip-mapping\",on:{\"mousedown\":function($event){_vm.dragHandle = true},\"mouseleave\":function($event){_vm.dragHandle = false}}},[_c('i',{staticClass:\"fa-light fa-grip-dots-vertical\"})]),_c('div',{staticClass:\"delete-mapping\",on:{\"click\":function($event){return _vm.$emit('on-remove-mapping')}}},[_c('i',{staticClass:\"fa-light fa-trash\"})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    class=\"ai-mapping-instance\"\n    :class=\"{ 'is-disabled': isDisabled }\"\n    :draggable=\"dragHandle\"\n    @dragstart=\"$emit('drag-element', $event)\"\n    @drop=\"$emit('drop-element', $event)\"\n    @dragover.prevent\n    @dragenter.prevent\n    @dragleave.prevent\n  >\n    <div class=\"ai-variable\">\n      <div class=\"ai-value\" :class=\"{ selected: mapping.expression }\">\n        <p>{{ mapping.value }}</p>\n      </div>\n    </div>\n    <div class=\"spacer\"></div>\n    <div class=\"user-input\">\n      <div class=\"user-variable\" ref=\"wrapper\">\n        <div v-if=\"!mapping.expression\">\n          <button class=\"select-variable\" @click=\"onSelectVariable($event)\">\n            {{ $t(\"ai-sections.select-variable\") }}\n          </button>\n        </div>\n\n        <div v-else class=\"expression-instance\">\n          <div\n            v-if=\"expressionView\"\n            @click=\"onSelectVariable($event)\"\n            :title=\"mapping.expression\"\n            class=\"advanced-expression ellipsis\"\n          >\n            {{ mapping.expression }}\n          </div>\n          <div v-else class=\"variable-expression\">\n            <div class=\"variable-name\">\n              <span @click=\"onSelectVariable($event)\">\n                {{ variable.displayName || variablePrettyName }}\n              </span>\n            </div>\n            <div\n              class=\"format-in-variable ellipsis\"\n              v-if=\"expressionToVariable.format\"\n              @click=\"$emit('on-format-variable', $event, mapping)\"\n              :style=\"{ maxWidth: maxWidth }\"\n            >\n              <span>\n                {{ expressionToVariable.format }}\n              </span>\n            </div>\n          </div>\n\n          <dropdown left>\n            <span slot=\"toggle\" class=\"format-toggle\">\n              <div\n                class=\"format-variable-btn\"\n                :class=\"{ 'is-advanced': expressionView, opened: expand }\"\n                @click=\"expand = !expand\"\n              >\n                <i class=\"fa-light fa-ellipsis-v-alt\"></i>\n              </div>\n            </span>\n            <div class=\"dropdown-item\" v-if=\"!expressionView\" @click=\"$emit('on-format-variable', $event, mapping)\">\n              Format +\n            </div>\n            <div class=\"dropdown-item\" @click=\"$emit('trash-variable')\">\n              <span>{{ $t(\"remove\") }} </span> <i class=\"fa-light fa-trash\"></i>\n            </div>\n          </dropdown>\n        </div>\n      </div>\n    </div>\n    <div class=\"variable-example\">\n      <p class=\"text-muted ellipsis\" :title=\"expressionExample\">\n        {{ expressionExample || $t(\"ai-sections.no-example\") }}\n      </p>\n    </div>\n    <div class=\"active-status\">\n      <checkbox class=\"checkbox\" :label=\"''\" v-model=\"mapping.active\" :inactiveColor=\"'var(--charcoal-115)'\"/>\n    </div>\n\n    <div class=\"drag-grip-mapping\" @mousedown=\"dragHandle = true\" @mouseleave=\"dragHandle = false\">\n      <i class=\"fa-light fa-grip-dots-vertical\"></i>\n    </div>\n\n    <div class=\"delete-mapping\" @click=\"$emit('on-remove-mapping')\">\n      <i class=\"fa-light fa-trash\"></i>\n    </div>\n  </div>\n</template>\n\n<script>\nimport VariableHelpers from \"@/assets/js/variableHelpers.js\";\nimport Checkbox from \"@/components/Checkbox\";\nimport debounce from \"lodash/debounce\";\nconst mappingLanguagReference = require(\"@/assets/js/mappingLanguageReference.json\");\nexport default {\n  components: {\n    Checkbox\n  },\n  props: {\n    mapping: Object\n  },\n  data() {\n    return {\n      hasFormat: false,\n      expand: false,\n      variableExample: \"\",\n      maxWidth: 100 + \"px\",\n      languageReference: mappingLanguagReference,\n      getExpressionValueDebounce: debounce((expression) => {\n        this.getExpressionValue(expression);\n      }, 500),\n      expressionExample: \"\",\n      dragHandle: false\n    };\n  },\n  methods: {\n    onSelectVariable(e) {\n      this.$emit(\"on-open-variable-list\", e, this.mapping);\n    },\n    getExpressionValue(expression) {\n      this.$store.dispatch(\"testExpression\", expression).then((res) => {\n        this.expressionExample = res.result ? res.result : this.$t(\"ai-sections.no-evaluate\");\n      });\n    }\n  },\n\n  computed: {\n    expressionToVariable() {\n      if (VariableHelpers.stringIsSingleVariable(this.mapping.expression)) {\n        return {\n          name: VariableHelpers.removeFormatting(this.mapping.expression),\n          format: VariableHelpers.getFormatting(this.mapping.expression)\n        };\n      } else return null;\n    },\n\n    variablePrettyName() {\n      return this.expressionToVariable ? VariableHelpers.removeBrackets(this.expressionToVariable.name) : \"test\";\n    },\n\n    variable() {\n      // return the actual variable, not the instance\n      if (this.expressionToVariable) {\n        const variable = this.$store.getters.combinedVariables[this.expressionToVariable.name];\n        return variable ? variable : { displayName: this.variablePrettyName, value: this.$t(\"ai-sections.no-value\") };\n      } else return null;\n    },\n\n    isDisabled() {\n      return this.mapping.expression && !this.mapping.active;\n    },\n\n    mappingDisplayName() {\n      const displayName = this.languageReference[this.mapping.value];\n      return displayName ? displayName[this.$store.getters.language] : this.mapping.value;\n    },\n\n    expressionView() {\n      return !VariableHelpers.stringIsSingleVariable(this.mapping.expression);\n    }\n  },\n  watch: {\n    \"mapping.expression\": {\n      handler: function() {\n        if (this.mapping.expression) this.getExpressionValueDebounce(this.mapping.expression);\n        this.$emit(\"expression-value\", this.mapping.expression);\n        this.expand = false;\n      },\n      immediate: true,\n      deep: true\n    }\n  }\n};\n</script>\n\n<style lang=\"less\">\n.ai-mapping-instance {\n  position: relative;\n  display: grid;\n  padding: 7px 12px;\n  //   grid-template-columns: repeat(5, 1fr);\n  grid-template-columns: minmax(max-content, 240px) 1px minmax(max-content, 300px) 3fr 86px;\n  align-items: center;\n  &:hover {\n    background: #6e757a50;\n  }\n  .ai-variable {\n    max-width: 240px;\n    padding-right: 48px;\n  }\n  .ai-value {\n    border-radius: 3px;\n    border: 1px solid #fff;\n    opacity: 0.5;\n    padding: 8px 12px;\n    margin-right: 18px;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    p {\n      font-size: 14px;\n      font-weight: 700;\n      margin: 0;\n    }\n  }\n  .selected {\n    opacity: 1;\n  }\n  .spacer {\n    background-color: #fff;\n    height: 137%;\n  }\n  .spacer ~ .spacer {\n    height: 50%;\n  }\n  .user-variable {\n    margin-left: 18px;\n    white-space: nowrap;\n    padding-left: 48px;\n    .select-variable {\n      width: fit-content;\n      background: none;\n      border: none;\n      color: #fff;\n      opacity: 0.5;\n      border-radius: 3px;\n      border: 1px solid #fff;\n      padding: 8px 12px;\n      padding-right: 43px;\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      &:hover {\n        opacity: 1;\n      }\n    }\n  }\n\n  .variable-example {\n    display: flex;\n    margin-left: 80px;\n    flex-direction: row;\n    max-width: 220px;\n    align-items: center;\n    p {\n      margin: 0;\n    }\n  }\n  .active-status {\n    width: 100%;\n    justify-self: end;\n    padding-bottom: 6px;\n    margin-right: 15px;\n    .container-checkbox .checkbox-check-indicator {\n      // background-color: var(--charcoal-115);\n    }\n    // .container-checkbox input:checked ~ .checkbox-check-indicator {\n    //   background-color: var(--orange-web);\n    // }\n  }\n\n  &.is-disabled {\n    .ai-variable {\n      opacity: 0.2;\n    }\n    .variable-expression,\n    .advanced-expression,\n    .format-in-variable,\n    .format-variable-btn {\n      opacity: 0.2;\n      &:hover {\n        opacity: 0.6;\n      }\n      .dropdown {\n        opacity: 1;\n      }\n      .menu {\n        opacity: 1;\n      }\n    }\n    .variable-example {\n      opacity: 0.4;\n    }\n  }\n\n  .drag-grip-mapping {\n    cursor: grab;\n    position: absolute;\n    right: 32px;\n    visibility: hidden;\n\n    &:focus {\n      cursor: grabbing;\n    }\n  }\n\n  .delete-mapping {\n    cursor: pointer;\n    position: absolute;\n    right: 6px;\n    visibility: hidden;\n  }\n}\n\n.ai-mapping-instance:hover {\n  .drag-grip-mapping,\n  .delete-mapping {\n    visibility: visible;\n  }\n}\n.user-input {\n  max-width: 300px;\n\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.expression-instance {\n  z-index: 2;\n  display: inline-flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  color: #fff;\n  gap: 2px;\n  max-width: 250px;\n\n  .variable-name,\n  .format-in-variable,\n  .advanced-expression {\n    cursor: pointer;\n    background: var(--flame);\n    // flex: 1 1 auto;\n    padding: 8px 12px;\n    font-weight: bold;\n    border-radius: 3px 0 0 3px;\n  }\n\n  .advanced-expression {\n    background: unset;\n    background: var(--charcoal-border);\n    border: 1px solid #fff;\n  }\n\n  .variable-expression {\n    display: inline-flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    color: #fff;\n    gap: 2px;\n  }\n\n  .format-in-variable {\n    font-weight: normal;\n    border-radius: 0;\n  }\n  .format-toggle {\n    width: 13px;\n    cursor: pointer;\n  }\n\n  .format-variable-btn,\n  .add-format-btn,\n  .trash-variable-btn {\n    border-radius: 0 3px 3px 0;\n    background: var(--flame);\n    padding: 8px 12px;\n    border: none;\n    color: #fff;\n\n    &.is-advanced {\n      background: unset;\n      background: var(--charcoal-border);\n      border: 1px solid #fff;\n    }\n  }\n\n  .add-format-btn,\n  .trash-variable-btn {\n    border-radius: 0;\n    background: #c0583a;\n  }\n  .trash-variable-btn {\n    // border-left: 2px solid var(--charcoal);\n    border-radius: 0 3px 3px 0;\n  }\n\n  .actions-wrapper {\n    position: relative;\n    z-index: 0;\n  }\n  .expand-actions {\n    position: absolute;\n    display: flex;\n    flex-direction: row;\n    gap: 2px;\n    transform: translateY(-50%);\n  }\n  // .format-variable-btn.opened {\n  //   border-radius: 0px;\n  // }\n}\n\n.slide-enter-active,\n.slide-leave-active {\n  transition: all 0.1s;\n}\n.slide-enter-to {\n  width: 1px;\n  // transform: translateX(0px);\n  // opacity: 1;\n}\n.slide-enter,\n.slide-leave-to {\n  width: 100%;\n  // transform: translateX(-60px);\n  // opacity: 0;\n}\n@media only screen and (max-width: 1450px) {\n  .ai-mapping-instance {\n    .variable-example {\n      margin-left: 30px;\n    }\n  }\n}\n@media only screen and (max-width: 1250px) {\n  .ai-mapping-instance {\n    grid-template-columns: minmax(max-content, 120px) 1px minmax(max-content, 150px) 3fr 86px;\n    padding-right: 0;\n    .variable-example {\n      margin-left: 00px;\n      margin-right: 10%;\n    }\n    .ai-variable {\n      width: 110px;\n      display: flex;\n      justify-content: flex-start;\n      padding-right: 0;\n      margin: 0;\n    }\n\n    .ai-value {\n      margin: 0;\n      width: 100px;\n      padding-right: 0;\n    }\n    .user-variable {\n      padding: 0;\n      display: flex;\n      justify-content: flex-start;\n      align-items: flex-end;\n      .select-variable {\n        width: 100px;\n        font-size: 11px;\n        margin-right: 20px;\n        padding-left: 8px;\n      }\n    }\n    .variable-example {\n      margin-left: 30px;\n      max-width: 200px;\n    }\n  }\n  .active-status {\n    .container-checkbox .checkbox-check-indicator {\n      background-color: var(--charcoal-115);\n      // margin-right:120px;\n    }\n    // .container-checkbox input:checked ~ .checkbox-check-indicator {\n    //   background-color: var(--orange-web);\n    // }\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AiMappingListInstance.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AiMappingListInstance.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AiMappingListInstance.vue?vue&type=template&id=0c68557f&\"\nimport script from \"./AiMappingListInstance.vue?vue&type=script&lang=js&\"\nexport * from \"./AiMappingListInstance.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AiMappingListInstance.vue?vue&type=style&index=0&lang=less&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('custom-popover',{ref:\"popover\",staticClass:\"format-popover\",style:({ left: _vm.popoverPosition.x + 'px', top: _vm.popoverPosition.y + 8 + 'px' }),attrs:{\"backdrop\":true},on:{\"close\":function($event){return _vm.$emit('close')}}},[_c('div',{staticClass:\"format-selector\"},[(_vm.selectedVariable && _vm.variable)?_c('variable-format-selector',{staticClass:\"variable-format\",attrs:{\"variable\":_vm.variable,\"format\":_vm.selectedVariable.format},on:{\"format-changed\":_vm.onFormatChanged}}):_vm._e()],1),_c('div',{staticClass:\"actions\"},[_c('button',{on:{\"click\":function($event){return _vm.$emit('close')}}},[_vm._v(\"\\n      \"+_vm._s(_vm.$t(\"editor-expression.cancel\"))+\"\\n    \")]),_c('button',{on:{\"click\":_vm.applyFormat}},[_vm._v(\"\\n      \"+_vm._s(_vm.$t(\"editor-expression.save\"))+\"\\n    \")])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <custom-popover\n    class=\"format-popover\"\n    ref=\"popover\"\n    :style=\"{ left: popoverPosition.x + 'px', top: popoverPosition.y + 8 + 'px' }\"\n    @close=\"$emit('close')\"\n    :backdrop=\"true\"\n  >\n    <!-- <div class=\"format-selector\" :style=\"{ height: popoverMeasurements.height + 'px' }\"> -->\n    <div class=\"format-selector\">\n      <variable-format-selector\n        v-if=\"selectedVariable && variable\"\n        class=\"variable-format\"\n        :variable=\"variable\"\n        :format=\"selectedVariable.format\"\n        @format-changed=\"onFormatChanged\"\n      />\n    </div>\n    <div class=\"actions\">\n      <button @click=\"$emit('close')\">\n        {{ $t(\"editor-expression.cancel\") }}\n      </button>\n      <button @click=\"applyFormat\">\n        {{ $t(\"editor-expression.save\") }}\n      </button>\n    </div>\n  </custom-popover>\n</template>\n\n<script>\nimport VariableHelpers from \"@/assets/js/variableHelpers.js\";\nimport CustomPopover from \"@/components/CustomPopover\";\nimport VariableFormatSelector from \"@/components/VariableFormatSelector\";\nexport default {\n  components: {\n    VariableFormatSelector,\n    CustomPopover\n  },\n  props: {\n    pos: Object,\n    // selectedVariable: Object,\n    expression: String\n  },\n  data() {\n    return {\n      selectedVariable: null,\n      hasChanges: false,\n      popoverPosition: {},\n      popoverMeasurements: {},\n      format: null\n    };\n  },\n  methods: {\n    checkElementPosition() {\n      const bounds = this.$refs.popover.$el.getBoundingClientRect();\n      this.popoverHeight = bounds.height;\n      this.popoverPosition = this.pos;\n      // Ensure that the popover does not open below the screens height\n      const windowHeight = window.innerHeight;\n\n      if (this.popoverHeight + this.pos.y > windowHeight) {\n        this.$set(this.popoverPosition, \"y\", this.popoverPosition.y - this.popoverHeight);\n      }\n    },\n\n    selectVariable() {\n      this.$emit(\"select-variable\", this.selectedVariable, this.variable);\n    },\n\n    onFormatChanged(format) {\n      this.format = format;\n    },\n    applyFormat() {\n      this.$emit(\"update-variable-format\", this.format);\n      this.$emit(\"close\");\n    }\n  },\n  computed: {\n    variable() {\n      // return the actual variable, not the instance\n      if (this.selectedVariable) return this.$store.getters.combinedVariables[this.selectedVariable.name];\n      else return null;\n    },\n    variables() {\n      return this.$store.getters.combinedVariables;\n    }\n  },\n  mounted() {\n    this.selectedVariable = {\n      name: VariableHelpers.removeFormatting(this.expression),\n      format: VariableHelpers.getFormatting(this.expression)\n    };\n    this.$nextTick(() => {\n      this.checkElementPosition();\n    });\n  }\n};\n</script>\n\n<style lang=\"less\">\n.format-popover {\n  position: fixed;\n  z-index: 102;\n  .format-selector {\n    border-radius: 10px 10px 0 0;\n    padding-bottom: 12px;\n    padding-top: 12px;\n    background: #f1f1f1;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n  }\n\n  .actions {\n    display: flex;\n    justify-content: center;\n    border-top: 1px solid #3d464a5d;\n    border-radius: 0 0 10px 10px;\n    background: #fff;\n    button {\n      transition: 0.1s;\n      flex: 1 1 auto;\n      border: none;\n      background: none;\n      padding: 8px 20px;\n      color: var(--charcoal);\n      &:disabled,\n      &:hover {\n        opacity: 0.75;\n      }\n      &:first-of-type {\n        border-right: 1px solid #3d464a5d;\n      }\n    }\n  }\n}\n#aiPopover input.form-control {\n  color: #000;\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormatPopover.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormatPopover.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormatPopover.vue?vue&type=template&id=37297280&\"\nimport script from \"./FormatPopover.vue?vue&type=script&lang=js&\"\nexport * from \"./FormatPopover.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FormatPopover.vue?vue&type=style&index=0&lang=less&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AiMappingListInstance.vue?vue&type=style&index=0&lang=less&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AiMappingListInstance.vue?vue&type=style&index=0&lang=less&\"","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormatPopover.vue?vue&type=style&index=0&lang=less&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormatPopover.vue?vue&type=style&index=0&lang=less&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('custom-popover',{ref:\"popover\",staticClass:\"mapping-popover\",style:({ left: _vm.popoverPosition.x + 'px', top: _vm.popoverPosition.y + 8 + 'px' }),attrs:{\"backdrop\":true},on:{\"close\":function($event){return _vm.$emit('close')}}},[_c('div',{staticClass:\"variable-selector\"},[_c('div',{staticClass:\"header\"},[_c('h3',[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"ai-sections.mapping-select-variable\"))+\"\\n      \")]),_c('div',{staticClass:\"toggle-advanced\"},[_c('button',{staticClass:\"btn btn-xs\",class:{ active: !_vm.expressionView },on:{\"click\":function($event){return _vm.toggleExpressionView()}}},[_vm._v(\"\\n          \"+_vm._s(_vm.$t(\"variable\"))+\"\\n        \")]),_c('button',{staticClass:\"btn btn-xs\",class:{ active: _vm.expressionView },on:{\"click\":function($event){return _vm.toggleExpressionView()}}},[_vm._v(\"\\n          Custom\\n        \")])])]),(!_vm.expressionView)?_c('variable-selector',{staticClass:\"variable-list\",attrs:{\"variable-groups\":_vm.$store.getters.variableGroups,\"selected-variable-name\":_vm.variable ? _vm.variable.name : null,\"show-values\":true},on:{\"variable-name-changed\":_vm.onVariableNameChanged}}):_c('div',{staticClass:\"advanced-input\"},[_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.expressionValue),expression:\"expressionValue\"}],ref:\"textarea\",attrs:{\"name\":\"expressionInput\",\"id\":\"expressionInput\",\"rows\":\"1\",\"placeholder\":\"Write text..\"},domProps:{\"value\":(_vm.expressionValue)},on:{\"input\":[function($event){if($event.target.composing){ return; }_vm.expressionValue=$event.target.value},_vm.onInput]}}),_c('div',{staticClass:\"preview-wrapper custom-scrollbar-light\"},[_c('span',{staticClass:\"text-muted text-xs preview-text\",domProps:{\"innerHTML\":_vm._s(_vm.expressionPreview)}})])])],1),_c('div',{staticClass:\"actions\"},[_c('button',{on:{\"click\":function($event){return _vm.$emit('close')}}},[_vm._v(\"\\n      \"+_vm._s(_vm.$t(\"ai-sections.mapping-cancel\"))+\"\\n    \")]),_c('button',{attrs:{\"disabled\":!_vm.selectedVariable && !_vm.expressionValue},on:{\"click\":_vm.addExpression}},[_vm._v(\"\\n      \"+_vm._s(_vm.$t(\"ai-sections.mapping-select\"))+\"\\n    \")])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <custom-popover\n    class=\"mapping-popover\"\n    ref=\"popover\"\n    :style=\"{ left: popoverPosition.x + 'px', top: popoverPosition.y + 8 + 'px' }\"\n    @close=\"$emit('close')\"\n    :backdrop=\"true\"\n  >\n    <!-- <div class=\"variable-selector\" :style=\"{ height: popoverHeight + 'px' }\"> -->\n    <div class=\"variable-selector\">\n      <div class=\"header\">\n        <h3>\n          {{ $t(\"ai-sections.mapping-select-variable\") }}\n        </h3>\n        <div class=\"toggle-advanced\">\n          <button class=\"btn btn-xs\" :class=\"{ active: !expressionView }\" @click=\"toggleExpressionView()\">\n            {{ $t(\"variable\") }}\n          </button>\n          <button class=\"btn btn-xs\" :class=\"{ active: expressionView }\" @click=\"toggleExpressionView()\">\n            Custom\n          </button>\n        </div>\n      </div>\n      <variable-selector\n        v-if=\"!expressionView\"\n        class=\"variable-list\"\n        :variable-groups=\"$store.getters.variableGroups\"\n        :selected-variable-name=\"variable ? variable.name : null\"\n        :show-values=\"true\"\n        @variable-name-changed=\"onVariableNameChanged\"\n      />\n      <div v-else class=\"advanced-input\">\n        <textarea\n          name=\"expressionInput\"\n          id=\"expressionInput\"\n          rows=\"1\"\n          placeholder=\"Write text..\"\n          @input=\"onInput\"\n          v-model=\"expressionValue\"\n          ref=\"textarea\"\n        ></textarea>\n        <div class=\"preview-wrapper custom-scrollbar-light\">\n          <span class=\"text-muted text-xs preview-text\" v-html=\"expressionPreview\"></span>\n        </div>\n      </div>\n    </div>\n    <div class=\"actions\">\n      <button @click=\"$emit('close')\">\n        {{ $t(\"ai-sections.mapping-cancel\") }}\n      </button>\n      <button @click=\"addExpression\" :disabled=\"!selectedVariable && !expressionValue\">\n        {{ $t(\"ai-sections.mapping-select\") }}\n      </button>\n    </div>\n  </custom-popover>\n</template>\n\n<script>\nimport VariableHelpers from \"@/assets/js/variableHelpers.js\";\nimport appHelper from \"@/assets/js/appHelper.js\";\nimport CustomPopover from \"@/components/CustomPopover\";\nimport VariableSelector from \"@/components/VariableSelector\";\nimport debounce from \"lodash/debounce\";\nexport default {\n  components: {\n    VariableSelector,\n    CustomPopover\n  },\n  props: {\n    pos: Object,\n    expression: String\n  },\n  data() {\n    return {\n      selectedVariable: null,\n      hasChanges: false,\n      popoverPosition: {},\n      popoverHeight: {},\n      expressionView: false,\n      expressionValue: null,\n      expressionPreview: null,\n      expressionHasError: null,\n      expressionError: null,\n      getExpressionPreviewDebounce: debounce(() => {\n        this.getExpressionPreview();\n      }, 500)\n    };\n  },\n  methods: {\n    onVariableNameChanged(variableName) {\n      this.hasChanges = true;\n      this.selectedVariable = { name: variableName, format: \"\" };\n      this.expressionValue = variableName;\n      // this.onVariableUpdated()\n    },\n\n    checkElementPosition() {\n      const bounds = this.$refs.popover.$el.getBoundingClientRect();\n      this.popoverHeight = bounds.height;\n      this.popoverPosition = this.pos;\n      // Ensure that the popover does not open below the screens height\n      const windowHeight = window.innerHeight;\n      \n      if (this.popoverHeight + this.pos.y > windowHeight ) {\n        this.$set(this.popoverPosition, \"y\", this.popoverPosition.y - this.popoverHeight);\n      }\n    },\n\n    addExpression() {\n      // this.$emit(\"select-variable\", this.selectedVariable, this.variable);\n      this.$emit(\"add-expression\", this.expressionValue);\n    },\n\n    toggleExpressionView() {\n      this.expressionView = !this.expressionView;\n    },\n\n    onInput(event) {\n      this.autoResizeTextarea(event);\n      // Get the expression value to show as preview result\n      this.getExpressionPreviewDebounce();\n    },\n    autoResizeTextarea(event) {\n      if (!this.expressionView) return;\n      appHelper.resizeTextArea(event ? event.target : this.$refs.textarea);\n      this.checkElementPosition();\n    },\n    getExpressionPreview() {\n      if (this.expressionValue.length == 0) this.expressionPreview = \"Result: No value\";\n      else {\n        this.$store.dispatch(\"testExpression\", this.expressionValue).then((res) => {\n          this.expressionHasError = !res.valid;\n          const errors = [];\n          if (this.expressionHasError) {\n            res.tokens.forEach((token) => {\n              if (token.tokenType === \"Invalid\") errors.push(token.error);\n            });\n          }\n          this.expressionPreview = res.result\n            ? `Result: ${res.result}`\n            : `<span class='text-danger'>Error: Invalid expression statement <br> ${errors.join(\", <br>\")} </span>`;\n        });\n      }\n    }\n  },\n  computed: {\n    variable() {\n      // return the actual variable, not the instance\n      if (this.selectedVariable) return this.$store.getters.combinedVariables[this.selectedVariable.name];\n      else return null;\n    }\n  },\n  mounted() {\n    if (this.expression) {\n      this.expressionValue = this.expression;\n      if (VariableHelpers.stringIsSingleVariable(this.expression)) {\n        this.selectedVariable = {\n          name: VariableHelpers.removeFormatting(this.expression),\n          format: VariableHelpers.getFormatting(this.expression)\n        };\n      } else {\n        this.expressionView = true;\n      }\n    }\n    this.$nextTick(() => {\n      this.autoResizeTextarea();\n      this.checkElementPosition();\n    });\n  }\n};\n</script>\n\n<style lang=\"less\">\n.mapping-popover {\n  position: fixed;\n  z-index: 102;\n  width: 300px;\n  .variable-selector {\n    border-radius: 10px 10px 0 0;\n    padding-top: 0;\n    padding-bottom: 4px;\n    background: #fff;\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n\n    .header {\n      display: flex;\n      justify-content: space-between;\n      margin: 12px 20px 0 20px;\n      .toggle-advanced {\n        // margin: 12px;\n      }\n    }\n\n    .advanced-input {\n      margin: 12px 20px;\n      textarea {\n        width: 100%;\n        border: none;\n        border-bottom: 1px solid var(--charcoal-50);\n        resize: none;\n        outline: none;\n      }\n    }\n  }\n\n  .actions {\n    display: flex;\n    justify-content: center;\n    border-top: 1px solid #3d464a5d;\n    border-radius: 0 0 10px 10px;\n    background: #fff;\n    button {\n      transition: 0.1s;\n      flex: 1 1 auto;\n      border: none;\n      background: none;\n      padding: 8px 20px;\n      color: var(--charcoal);\n      &:disabled,\n      &:hover {\n        opacity: 0.75;\n      }\n      &:first-of-type {\n        border-right: 1px solid #3d464a5d;\n      }\n    }\n  }\n  .preview-wrapper {\n    max-height: 100px;\n    overflow: auto;\n  }\n  .preview-text {\n    word-wrap: break-word;\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MappingPopover.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MappingPopover.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MappingPopover.vue?vue&type=template&id=29a61d00&\"\nimport script from \"./MappingPopover.vue?vue&type=script&lang=js&\"\nexport * from \"./MappingPopover.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MappingPopover.vue?vue&type=style&index=0&lang=less&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AiMappingList.vue?vue&type=style&index=0&lang=less&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AiMappingList.vue?vue&type=style&index=0&lang=less&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"ai-mapping-list\"},[_c('header',[_c('span',{staticClass:\"list-heading\"},[_vm._v(_vm._s(_vm.$t(\"ai-sections.ai-variable\"))+\" \")]),_c('span',{staticClass:\"list-heading\"},[_vm._v(_vm._s(_vm.$t(\"ai-sections.variables\")))]),_c('span',{staticClass:\"list-heading\"},[_vm._v(_vm._s(_vm.$t(\"ai-sections.examples\")))]),_c('span',{staticClass:\"list-heading\"},[_vm._v(_vm._s(_vm.$t(\"ai-sections.activate/deactivate\")))])]),_c('main',{staticClass:\"mapping-list\"},[_vm._l((_vm.mappings),function(mapping,index){return _c('AiMappingListInstance',{key:index,staticClass:\"mapping-instance\",attrs:{\"mapping\":mapping},on:{\"on-open-variable-list\":_vm.onOpenVariablePopover,\"on-format-variable\":_vm.onOpenFormatPopover,\"expression-value\":function (expression) {\n          _vm.setExpressionValue(mapping, expression);\n        },\"trash-variable\":function($event){return _vm.trashVariable(mapping)},\"remove-selected-variable-object\":function($event){return _vm.removeSelectedVariableObject(mapping)},\"drag-element\":function (e) { return _vm.startDrag(e, index); },\"drop-element\":function (e) { return _vm.onDrop(e, index); },\"on-remove-mapping\":function($event){return _vm.onRemoveMapping(index)}}})}),_c('div',{staticClass:\"add-variable-wrapper\"},[(!_vm.newMappingInput)?_c('div',{staticClass:\"add-variable-btn\",on:{\"click\":_vm.onAddMapping}},[_c('span',[_vm._v(\"\\n          \"+_vm._s(\"+ \" + _vm.$t(\"variable\"))+\"\\n        \")])]):_c('form',{staticClass:\"ai-value-input\",on:{\"submit\":function($event){$event.preventDefault();$event.stopPropagation();return _vm.addNewMapping($event)}}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newMappingValue),expression:\"newMappingValue\"}],ref:\"mappinginput\",attrs:{\"placeholder\":\"AI Variable name\"},domProps:{\"value\":(_vm.newMappingValue)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.newMappingValue=$event.target.value}}}),(_vm.invalidInput)?_c('span',{staticClass:\"invalid-message text-xs text-danger\",domProps:{\"innerHTML\":_vm._s(_vm.invalidInputMessage)}}):_vm._e(),_c('button',{staticClass:\"btn btn-small add-variable\",attrs:{\"type\":\"submit\"}},[_vm._v(_vm._s(_vm.$t(\"add\")))]),_c('button',{staticClass:\"btn btn-small\",attrs:{\"type\":\"reset\"},on:{\"click\":function($event){_vm.newMappingInput = !_vm.newMappingInput}}},[_c('i',{staticClass:\"fa-light fa-times\"})])])])],2),(_vm.showPopover)?_c('mapping-popover',{attrs:{\"pos\":_vm.popoverPosition,\"expression\":_vm.currentMappingInstance.expression},on:{\"close\":function($event){_vm.showPopover = false},\"add-expression\":_vm.mapVariable}}):_vm._e(),(_vm.showFormatPopover)?_c('format-popover',{attrs:{\"pos\":_vm.popoverPosition,\"expression\":_vm.currentMappingInstance.expression},on:{\"close\":function($event){_vm.showFormatPopover = false},\"update-variable-format\":_vm.formatCurrentVariable}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"ai-mapping-list\">\n    <header>\n      <span class=\"list-heading\">{{ $t(\"ai-sections.ai-variable\") }} </span>\n      <span class=\"list-heading\">{{ $t(\"ai-sections.variables\") }}</span>\n      <span class=\"list-heading\">{{ $t(\"ai-sections.examples\") }}</span>\n      <span class=\"list-heading\">{{ $t(\"ai-sections.activate/deactivate\") }}</span>\n    </header>\n\n    <main class=\"mapping-list\">\n      <AiMappingListInstance\n        class=\"mapping-instance\"\n        v-for=\"(mapping, index) in mappings\"\n        :key=\"index\"\n        :mapping=\"mapping\"\n        @on-open-variable-list=\"onOpenVariablePopover\"\n        @on-format-variable=\"onOpenFormatPopover\"\n        @expression-value=\"\n          (expression) => {\n            setExpressionValue(mapping, expression);\n          }\n        \"\n        @trash-variable=\"trashVariable(mapping)\"\n        @remove-selected-variable-object=\"removeSelectedVariableObject(mapping)\"\n        @drag-element=\"(e) => startDrag(e, index)\"\n        @drop-element=\"(e) => onDrop(e, index)\"\n        @on-remove-mapping=\"onRemoveMapping(index)\"\n      />\n\n      <div class=\"add-variable-wrapper\">\n        <div class=\"add-variable-btn\" @click=\"onAddMapping\" v-if=\"!newMappingInput\">\n          <span>\n            {{ \"+ \" + $t(\"variable\") }}\n          </span>\n        </div>\n        <form @submit.prevent.stop=\"addNewMapping\" class=\"ai-value-input\" v-else>\n          <input v-model=\"newMappingValue\" ref=\"mappinginput\" placeholder=\"AI Variable name\" />\n          <span class=\"invalid-message text-xs text-danger\" v-if=\"invalidInput\" v-html=\"invalidInputMessage\"></span>\n          <button type=\"submit\" class=\"btn btn-small add-variable\">{{ $t(\"add\") }}</button>\n          <button type=\"reset\" class=\"btn btn-small\" @click=\"newMappingInput = !newMappingInput\">\n            <i class=\"fa-light fa-times\"></i>\n          </button>\n        </form>\n      </div>\n    </main>\n    <mapping-popover\n      v-if=\"showPopover\"\n      @close=\"showPopover = false\"\n      :pos=\"popoverPosition\"\n      :expression=\"currentMappingInstance.expression\"\n      @add-expression=\"mapVariable\"\n    />\n    <format-popover\n      v-if=\"showFormatPopover\"\n      @close=\"showFormatPopover = false\"\n      :pos=\"popoverPosition\"\n      :expression=\"currentMappingInstance.expression\"\n      @update-variable-format=\"formatCurrentVariable\"\n    />\n  </div>\n</template>\n<script>\nimport VariableHelpers from \"@/assets/js/variableHelpers.js\";\nimport AiMappingListInstance from \"@/components/AiMappingListInstance\";\nimport MappingPopover from \"@/components/MappingPopover\";\nimport FormatPopover from \"@/components/FormatPopover\";\nimport ConfirmModal from \"@/components/modals/ConfirmModal\";\nexport default {\n  components: {\n    AiMappingListInstance,\n    MappingPopover,\n    FormatPopover\n  },\n  props: {\n    mappings: Array\n  },\n  data() {\n    return {\n      showPopover: false,\n      showFormatPopover: false,\n      popoverPosition: {},\n      currentMappingInstance: null,\n      newMappingInput: false,\n      newMappingValue: \"\",\n      invalidInput: false\n    };\n  },\n  computed: {\n    nameExists() {\n      return this.mappings.some((mapping) => mapping.value === this.newMappingValue);\n    },\n    invalidInputMessage() {\n      return this.nameExists\n        ? `<em>${this.newMappingValue}</em> ${this.$t(\"alread-exists\")}`\n        : this.$t(\"invalid-default\");\n    }\n  },\n  methods: {\n    // Drag n drop features\n    startDrag(e, index) {\n      e.dataTransfer.dropEffect = \"move\";\n      e.dataTransfer.effectAllowed = \"move\";\n      e.dataTransfer.setData(\"mappingIndex\", index);\n    },\n    onDrop(e, index) {\n      const draggedMappingnIndex = e.dataTransfer.getData(\"mappingIndex\");\n      const draggedMapping = this.mappings[draggedMappingnIndex];\n      this.mappings.splice(draggedMappingnIndex, 1);\n      this.mappings.splice(index, 0, draggedMapping);\n    },\n\n    addNewMapping() {\n      this.invalidInput = false;\n      if (this.newMappingValue.length > 0 && !this.nameExists) {\n        this.$emit(\"add-mapping\", this.newMappingValue);\n        this.newMappingInput = false;\n        this.newMappingValue = \"\";\n      } else {\n        this.invalidInput = true;\n      }\n    },\n    onAddMapping() {\n      this.invalidInput = false;\n      this.newMappingInput = !this.newMappingInput;\n      this.$nextTick(() => {\n        this.$refs.mappinginput.focus();\n      });\n    },\n    onRemoveMapping(index) {\n      this.$modal.show(\n        ConfirmModal,\n        {\n          title: this.$t(\"ai-sections.remove-title\"),\n          description: this.$t(\"ai-sections.remove-description\"),\n          onConfirm: () => {\n            this.$emit(\"remove-mapping\", index);\n          }\n        },\n        { width: 350, height: \"auto\" }\n      );\n    },\n    onOpenVariablePopover(e, mapping) {\n      this.currentMappingInstance = mapping;\n      this.popoverPosition = { x: e.x, y: e.y };\n      this.showPopover = true;\n    },\n    onOpenFormatPopover(e, mapping) {\n      this.currentMappingInstance = mapping;\n      this.popoverPosition = { x: e.x, y: e.y };\n      this.showFormatPopover = true;\n    },\n    mapVariable(expression) {\n      this.$set(this.currentMappingInstance, \"expression\", expression);\n      this.$set(this.currentMappingInstance, \"active\", true);\n      this.showPopover = false;\n    },\n    formatCurrentVariable(format) {\n      if (format) {\n        this.$set(\n          this.currentMappingInstance,\n          \"expression\",\n          VariableHelpers.insertFormatting(\n            VariableHelpers.removeFormatting(this.currentMappingInstance.expression),\n            format\n          )\n        );\n      }\n      // this.$set(this.currentMappingInstance.selectedVariable, \"format\", format);\n    },\n    removeSelectedVariableObject(mapping) {\n      this.$set(mapping, \"selectedVariable\", null);\n    },\n    trashVariable(mapping) {\n      this.$set(mapping, \"selectedVariable\", null);\n      this.$set(mapping, \"expression\", null);\n    },\n    setExpressionValue(mapping, expression) {\n      this.$set(mapping, \"expression\", expression);\n    }\n  },\n  watch: {\n    newMappingValue() {\n      this.invalidInput = false;\n    }\n  }\n};\n</script>\n\n<style lang=\"less\">\n.ai-mapping-list {\n  header {\n    padding: 0 12px;\n    display: grid;\n    grid-template-columns: minmax(max-content, 150px) minmax(max-content, 564px) 1fr 100px;\n    .list-heading {\n      font-size: 14px;\n      font-weight: 700;\n      &:nth-child(2) {\n        margin-left: 158px;\n      }\n      &:nth-child(3) {\n        margin-left: -93px;\n      }\n    }\n\n    .variable-tip {\n      opacity: 0.75;\n      &:hover {\n        opacity: 1;\n      }\n    }\n  }\n  main {\n    display: flex;\n    flex-direction: column;\n    // gap: 14px;\n  }\n\n  .ai-value-input {\n    opacity: 1;\n    padding: 0;\n    input {\n      background: var(--charcoal-border);\n      border: none;\n      padding: 8px 12px;\n      color: #fff !important;\n    }\n    button {\n      // background: none;\n    }\n  }\n\n  .add-variable {\n    &:hover {\n      border: 1px solid #fff;\n    }\n  }\n\n  .add-variable-wrapper {\n    // border:1px solid #ffffff50;\n    margin: 12px;\n    font-weight: 500;\n    color: #ffffff50;\n\n    .add-variable-btn {\n      cursor: pointer;\n      border: 1px solid #ffffff50;\n      min-width: 170px;\n      width: max-content;\n      padding: 8px 12px;\n      border-radius: 4px;\n      &:hover {\n        color: #ffffff;\n        border: 1px solid #fff;\n      }\n    }\n    .ai-value-input {\n      position: relative;\n      border-radius: 4px;\n      // border: 1px solid #fff;\n      display: flex;\n      gap: 12px;\n\n      .btn {\n        color: #ffffff50;\n        &:hover,\n        &:focus {\n          color: #fff;\n        }\n      }\n      .add-variable {\n        font-size: 12px;\n        padding-left: 18px;\n        padding-right: 18px;\n        border: 1px solid #ffffff50;\n        &:hover {\n          border: 1px solid #fff;\n        }\n      }\n      input {\n        outline: none;\n        flex-grow: 1;\n        border-radius: 4px;\n        box-shadow: 0 0 4px 2px #13121224;\n        &:focus {\n          box-shadow: 0 0 4px 3px #00000025;\n        }\n        &::placeholder {\n          color: #ffffff75;\n        }\n      }\n      .invalid-message {\n        position: absolute;\n        bottom: -18px;\n        left: 6px;\n      }\n    }\n  }\n}\n@media only screen and (max-width: 1450px) {\n  .ai-mapping-list {\n    header {\n      .list-heading {\n        &:nth-child(3) {\n          margin-left: -145px;\n        }\n      }\n    }\n  }\n}\n@media only screen and (max-width: 1250px) {\n  .ai-mapping-list {\n    header {\n      grid-template-columns: 150px 150px 1fr 150px;\n      .list-heading {\n        &:nth-child(3) {\n          margin: 0px;\n        }\n        &:nth-child(2) {\n          margin-left: -10px;\n        }\n        &:nth-child(4) {\n          justify-self: center;\n        }\n      }\n    }\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AiMappingList.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AiMappingList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AiMappingList.vue?vue&type=template&id=611bb16d&\"\nimport script from \"./AiMappingList.vue?vue&type=script&lang=js&\"\nexport * from \"./AiMappingList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AiMappingList.vue?vue&type=style&index=0&lang=less&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MappingPopover.vue?vue&type=style&index=0&lang=less&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MappingPopover.vue?vue&type=style&index=0&lang=less&\""],"sourceRoot":""}