{"version":3,"sources":["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/MappingPopover.vue?ab90"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","staticClass","style","left","popoverPosition","x","top","y","attrs","backdrop","on","close","$event","$emit","_v","_s","$t","class","active","expressionView","click","toggleExpressionView","directives","name","rawName","value","expression","id","rows","placeholder","domProps","input","target","composing","expressionValue","onInput","innerHTML","expressionPreview","variable-groups","$store","getters","variableGroups","selected-variable-name","variable","show-values","variable-name-changed","onVariableNameChanged","disabled","selectedVariable","addExpression","staticRenderFns","MappingPopovervue_type_script_lang_js_","components","VariableSelector","CustomPopover","props","pos","data","_this","hasChanges","popoverHeight","expressionHasError","expressionError","getExpressionPreviewDebounce","getExpressionPreview","methods","format","variableName","checkElementPosition","bounds","$refs","popover","$el","getBoundingClientRect","height","windowHeight","window","innerHeight","$set","autoResizeTextarea","event","appHelper","_this2","length","dispatch","then","res","valid","errors","token","tokenType","push","error","result","concat","computed","combinedVariables","mounted","_this3","variableHelpers","stringIsSingleVariable","$nextTick","components_MappingPopovervue_type_script_lang_js_","component","Object","componentNormalizer","__webpack_exports__","_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__","__webpack_require__","_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","n"],"mappings":"8IAAA,IAAAA,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,kBAA4BE,IAAA,UAAAC,YAAA,kBAAAC,MAAA,CAAoDC,KAAAT,EAAAU,gBAAAC,EAAA,KAAAC,IAAAZ,EAAAU,gBAAAG,EAAA,QAA4EC,MAAA,CAASC,UAAA,GAAgBC,GAAA,CAAKC,MAAA,SAAAC,GAAyB,OAAAlB,EAAAmB,MAAA,YAA4B,CAAAf,EAAA,OAAYG,YAAA,qBAAgC,CAAAH,EAAA,OAAYG,YAAA,UAAqB,CAAAH,EAAA,MAAAJ,EAAAoB,GAAA,aAAApB,EAAAqB,GAAArB,EAAAsB,GAAA,sDAAAlB,EAAA,OAA6GG,YAAA,mBAA8B,CAAAH,EAAA,UAAeG,YAAA,aAAAgB,MAAA,CAAgCC,QAAAxB,EAAAyB,gBAA8BT,GAAA,CAAKU,MAAA,SAAAR,GAAyB,OAAAlB,EAAA2B,0BAAoC,CAAA3B,EAAAoB,GAAA,eAAApB,EAAAqB,GAAArB,EAAAsB,GAAA,6BAAAlB,EAAA,UAAgFG,YAAA,aAAAgB,MAAA,CAAgCC,OAAAxB,EAAAyB,gBAA6BT,GAAA,CAAKU,MAAA,SAAAR,GAAyB,OAAAlB,EAAA2B,0BAAoC,CAAA3B,EAAAoB,GAAA,sCAAApB,EAAAyB,eAAgUrB,EAAA,OAAYG,YAAA,kBAA6B,CAAAH,EAAA,YAAiBwB,WAAA,EAAaC,KAAA,QAAAC,QAAA,UAAAC,MAAA/B,EAAA,gBAAAgC,WAAA,oBAAwF1B,IAAA,WAAAQ,MAAA,CAAwBe,KAAA,kBAAAI,GAAA,kBAAAC,KAAA,IAAAC,YAAA,gBAAwFC,SAAA,CAAWL,MAAA/B,EAAA,iBAA8BgB,GAAA,CAAKqB,MAAA,UAAAnB,GAA0BA,EAAAoB,OAAAC,YAAsCvC,EAAAwC,gBAAAtB,EAAAoB,OAAAP,QAAwC/B,EAAAyC,YAAerC,EAAA,OAAYG,YAAA,0CAAqD,CAAAH,EAAA,QAAaG,YAAA,kCAAA6B,SAAA,CAAwDM,UAAA1C,EAAAqB,GAAArB,EAAA2C,0BAA13BvC,EAAA,qBAA6FG,YAAA,gBAAAO,MAAA,CAAmC8B,kBAAA5C,EAAA6C,OAAAC,QAAAC,eAAAC,yBAAAhD,EAAAiD,SAAAjD,EAAAiD,SAAApB,KAAA,KAAAqB,eAAA,GAAwIlC,GAAA,CAAKmC,wBAAAnD,EAAAoD,0BAAwpB,GAAAhD,EAAA,OAAoBG,YAAA,WAAsB,CAAAH,EAAA,UAAeY,GAAA,CAAIU,MAAA,SAAAR,GAAyB,OAAAlB,EAAAmB,MAAA,YAA4B,CAAAnB,EAAAoB,GAAA,WAAApB,EAAAqB,GAAArB,EAAAsB,GAAA,2CAAAlB,EAAA,UAA0FU,MAAA,CAAOuC,UAAArD,EAAAsD,mBAAAtD,EAAAwC,iBAAyDxB,GAAA,CAAKU,MAAA1B,EAAAuD,gBAA2B,CAAAvD,EAAAoB,GAAA,WAAApB,EAAAqB,GAAArB,EAAAsB,GAAA,gDAC/kEkC,EAAA,8FC8DeC,EAAA,CACfC,YACAC,8BACAC,4BAEAC,OACAC,WACA9B,mBAEA+B,gBAAA,IAAAC,EAAA/D,KACA,OACAqD,sBACAW,cACAvD,mBACAwD,iBACAzC,kBACAe,qBACAG,uBACAwB,wBACAC,qBACAC,4CACAL,EAAAM,wBACA,OAGAC,SACAnB,kCACAnD,KAAAgE,YAAA,EACAhE,KAAAqD,iBAAA,CAAAzB,OAAA2C,WACAvE,KAAAuC,gBAAAiC,GAIAC,gCACA,IAAAC,EAAA1E,KAAA2E,MAAAC,QAAAC,IAAAC,wBACA9E,KAAAiE,cAAAS,EAAAK,OACA/E,KAAAS,gBAAAT,KAAA6D,IAEA,IAAAmB,EAAAC,OAAAC,YAEAlF,KAAAiE,cAAAjE,KAAA6D,IAAAjD,EAAAoE,GACAhF,KAAAmF,KAAAnF,KAAAS,gBAAA,IAAAT,KAAAS,gBAAAG,EAAAZ,KAAAiE,gBAIAX,yBAEAtD,KAAAkB,MAAA,iBAAAlB,KAAAuC,kBAGAb,gCACA1B,KAAAwB,gBAAAxB,KAAAwB,gBAGAgB,oBACAxC,KAAAoF,mBAAAC,GAEArF,KAAAoE,gCAEAgB,+BACApF,KAAAwB,iBACA8D,4DACAtF,KAAAyE,yBAEAJ,gCAAA,IAAAkB,EAAAvF,KACA,GAAAA,KAAAuC,gBAAAiD,OAAAxF,KAAA0C,kBAAA,mBAEA1C,KAAA4C,OAAA6C,SAAA,iBAAAzF,KAAAuC,iBAAAmD,KAAA,SAAAC,GACAJ,EAAArB,oBAAAyB,EAAAC,MACA,IAAAC,EAAA,GACAN,EAAArB,oBACAyB,6BACA,YAAAG,EAAAC,WAAAF,EAAAG,KAAAF,EAAAG,SAGAV,EAAA7C,kBAAAiD,EAAAO,OAAA,WAAAC,OACAR,uFACAE,iCAKAO,UACApD,oBAEA,OAAAhD,KAAAqD,iBAAArD,KAAA4C,OAAAC,QAAAwD,kBAAArG,KAAAqD,iBAAAzB,MACA,OAGA0E,mBAAA,IAAAC,EAAAvG,KACAA,KAAA+B,aACA/B,KAAAuC,gBAAAvC,KAAA+B,WACAyE,EAAA,WAAAC,uBAAAzG,KAAA+B,YACA/B,KAAAqD,iBAAA,CACAzB,oDACA2C,oDAGAvE,KAAAwB,gBAAA,GAGAxB,KAAA0G,UAAA,WACAH,EAAAnB,qBACAmB,EAAA9B,2BCtKwVkC,EAAA,0BCQxVC,EAAgBC,OAAAC,EAAA,KAAAD,CACdF,EACA7G,EACAyD,GACF,EACA,KACA,KACA,MAIewD,EAAA,WAAAH,oECnBf,IAAAI,EAAAC,EAAA,QAAAC,EAAAD,EAAAE,EAAAH,GAAohBE,EAAG","file":"js/lazy-view-components-MappingPopover.7ccc9feb.js","sourcesContent":["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!./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":""}