{"version":3,"sources":["webpack:///./src/components/icons/IconStar.vue?fae2","webpack:///./src/components/icons/IconStar.vue","webpack:///./src/components/DemoDataBrowser.vue?a57a","webpack:///./src/components/DemoDataBrowser.vue?2f5c","webpack:///src/components/DemoDataBrowser.vue","webpack:///./src/components/DemoDataBrowser.vue?ae23","webpack:///./src/components/DemoDataBrowser.vue?7ab1"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","d","stroke-linejoin","staticRenderFns","script","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_DemoDataBrowser_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_DemoDataBrowser_vue_vue_type_style_index_0_lang_less___WEBPACK_IMPORTED_MODULE_0___default","n","staticClass","on","click","$event","$emit","submit","stopPropagation","preventDefault","handleTabletSubmit","ref","inputType","name","label","searchPlaceholder","placeholder","$t","autoComplete","focusInputField","input","onFilterChange","filter","model","value","callback","$$v","trim","expression","onEraseFilter","_e","directives","rawName","searching","class","is-selected","selectedDatasetId","onSelectResult","_v","_s","_l","result","key","referenceName","id","title","loading","toggleFavorite","iconStroke","favoriteDatasets","some","favorite","iconColor","width","height","is-preview","previewDataSet","loadVariables","$store","state","templateDataSearchResults","length","variableGroups","loadingVariablePreview","showVariablePreview","variable-groups","show-values","showValueOnHover","DemoDataBrowservue_type_script_lang_js_","components","IconBase","IconStar","VariableSelector","data","_this","variables","selectedDataset","onFilterChangeDebounce","search","then","methods","$refs","searchinput","focus","userDevice","$el","children","blur","_this2","dispatch","templateId","searched","results","_this3","template","vars","onSave","catch","_this4","_this5","commit","console","preview","computed","resultList","_this6","concat","demoFavoriteList","p","map","includes","dataFavorites","fixedConnectors","c","metadata","contentType","getters","combinedVars","toConsumableArray","extraVariables","v","_objectSpread","custom","type","reduce","variableGroup","variableHelpers","groupVariables","mounted","currentDatasetId","components_DemoDataBrowservue_type_script_lang_js_"],"mappings":"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","file":"js/lazy-view-components-DemoDataBrowser.c0ebbd91.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('g',[_c('path',{attrs:{\"d\":\"M7.57145 6.90533L1.02193 7.85748L5.70907 12.5099L4.53268 19.035L10.4701 15.8899L16.394 19.0604L15.2219 12.5303L20.0238 7.89819L13.4547 6.91794L10.502 1.02028L7.57145 6.90533Z\",\"stroke-linejoin\":\"round\"}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./IconStar.vue?vue&type=template&id=24028b89&\"\nvar script = {}\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!./DemoDataBrowser.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!./DemoDataBrowser.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:\"demo-data-browser\"},[_c('div',{staticClass:\"background-layer\",on:{\"click\":function($event){return _vm.$emit('close')}}}),_c('div',{staticClass:\"demo-search-data\"},[_c('form',{staticClass:\"search-form\",on:{\"submit\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.handleTabletSubmit()}}},[_c('custom-input',{ref:\"searchinput\",staticClass:\"search-input\",attrs:{\"inputType\":'text',\"name\":'dataSearchInput',\"label\":_vm.searchPlaceholder,\"placeholder\":_vm.$t('search'),\"autoComplete\":'off',\"focusInputField\":true},on:{\"input\":function($event){return _vm.onFilterChange(_vm.filter)}},model:{value:(_vm.filter),callback:function ($$v) {_vm.filter=(typeof $$v === 'string'? $$v.trim(): $$v)},expression:\"filter\"}}),_c('div',{staticClass:\"input-icons\"},[(_vm.filter.length)?_c('div',{staticClass:\"erase-wrapper\",on:{\"click\":function($event){return _vm.onEraseFilter(_vm.filter)}}},[_c('i',{staticClass:\"close-icon fa-light fa-times\"})]):_vm._e(),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.searching),expression:\"searching\"}]},[_c('i',{staticClass:\"searching fa-light fa-circle-notch fa-spin\"})]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.searching),expression:\"!searching\"}],staticClass:\"search-icon\"},[_c('i',{staticClass:\"fa-light fa-search\"})])])],1),_c('ul',{staticClass:\"result-list custom-scrollbar-light ellipsis\"},[_c('li',{staticClass:\"result-item\",class:{ 'is-selected': _vm.selectedDatasetId == null },on:{\"click\":function($event){return _vm.onSelectResult(null)}}},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"tp-data-popover.sample\"))+\"\\n      \")]),_vm._l((_vm.resultList),function(result){return _c('li',{key:result.referenceName,staticClass:\"result-item \",class:{ 'is-selected': result.id === _vm.selectedDatasetId },attrs:{\"title\":result.referenceName},on:{\"click\":function($event){return _vm.onSelectResult(result)}}},[_c('div',{staticClass:\"title ellipsis\"},[_c('span',{staticClass:\"name\"},[_vm._v(_vm._s(result.referenceName))]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(result.id === _vm.selectedDatasetId && _vm.loading),expression:\"result.id === selectedDatasetId && loading\"}],staticClass:\"loading\"},[_c('i',{staticClass:\"fa-light fa-circle-notch fa-spin\"})])]),_c('div',{staticClass:\"star-icon\",on:{\"click\":function($event){$event.stopPropagation();return _vm.toggleFavorite(result)}}},[_c('icon-base',{attrs:{\"iconStroke\":_vm.favoriteDatasets.some(function (favorite) { return favorite.id === result.id; }) ? 'var(--flame)' : 'rgb(158, 167, 172)',\"iconColor\":_vm.favoriteDatasets.some(function (favorite) { return favorite.id === result.id; }) ? 'var(--flame)' : 'none',\"width\":\"14\",\"height\":\"14\"}},[_c('icon-star')],1)],1),_c('div',{staticClass:\"variables-button\",class:{'is-preview': _vm.previewDataSet && _vm.previewDataSet.id == result.id},on:{\"click\":function($event){$event.stopPropagation();return _vm.loadVariables(result)}}},[_c('i',{staticClass:\"fa-light fa-chevron-right\"})])])}),(!_vm.searching && _vm.$store.state.templateDataSearchResults.length == 0 && _vm.filter.length)?_c('span',{staticClass:\"no-results text-small text-muted ellipsis\"},[_vm._v(\"\\n        \"+_vm._s(_vm.$t(\"tp-data-popover.no-result1\"))+\" '\"+_vm._s(_vm.filter)+\"' \"+_vm._s(_vm.$t(\"tp-data-popover.no-result2\"))+\"\\n      \")]):_vm._e()],2),(_vm.variableGroups && !_vm.loadingVariablePreview && _vm.showVariablePreview )?_c('div',{staticClass:\"variable-list\"},[_c('variable-selector',{staticClass:\"list\",attrs:{\"variable-groups\":_vm.variableGroups,\"show-values\":true,\"focusInputField\":false,\"showValueOnHover\":true,\"title\":_vm.previewDataSet.referenceName}})],1):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"demo-data-browser\">\n    <div class=\"background-layer\" @click=\"$emit('close')\"></div>\n    <div class=\"demo-search-data\">\n      <form class=\"search-form\" @submit.stop.prevent=\"handleTabletSubmit()\">\n        <custom-input\n          ref=\"searchinput\"\n          @input=\"onFilterChange(filter)\"\n          class=\"search-input\"\n          v-model.trim=\"filter\"\n          :inputType=\"'text'\"\n          :name=\"'dataSearchInput'\"\n          :label=\"searchPlaceholder\"\n          :placeholder=\"$t('search')\"\n          :autoComplete=\"'off'\"\n          :focusInputField=\"true\"\n        />\n        <div class=\"input-icons\">\n          <div @click=\"onEraseFilter(filter)\" v-if=\"filter.length\" class=\"erase-wrapper\">\n            <i class=\"close-icon fa-light fa-times\"></i>\n          </div>\n          <div v-show=\"searching\">\n            <i class=\"searching fa-light fa-circle-notch fa-spin\"></i>\n          </div>\n          <div v-show=\"!searching\" class=\"search-icon\">\n            <i class=\"fa-light fa-search\"></i>\n          </div>\n        </div>\n      </form>\n      <ul class=\"result-list custom-scrollbar-light ellipsis\">\n        <li :class=\"{ 'is-selected': selectedDatasetId == null }\" class=\"result-item\" @click=\"onSelectResult(null)\">\n          {{ $t(\"tp-data-popover.sample\") }}\n        </li>\n\n        <li\n          v-for=\"result in resultList\"\n          :key=\"result.referenceName\"\n          :class=\"{ 'is-selected': result.id === selectedDatasetId }\"\n          class=\"result-item \"\n          :title=\"result.referenceName\"\n          @click=\"onSelectResult(result)\"\n        >\n          <div class=\"title ellipsis\">\n            <span class=\"name\">{{ result.referenceName }}</span>\n\n            <span class=\"loading\" v-show=\"result.id === selectedDatasetId && loading\">\n              <i class=\"fa-light fa-circle-notch fa-spin\"></i>\n            </span>\n          </div>\n\n          <div class=\"star-icon\" @click.stop=\"toggleFavorite(result)\">\n            <icon-base\n              :iconStroke=\"\n                favoriteDatasets.some((favorite) => favorite.id === result.id) ? 'var(--flame)' : 'rgb(158, 167, 172)'\n              \"\n              :iconColor=\"favoriteDatasets.some((favorite) => favorite.id === result.id) ? 'var(--flame)' : 'none'\"\n              width=\"14\"\n              height=\"14\"\n            >\n              <icon-star />\n            </icon-base>\n          </div>\n\n          <div class=\"variables-button\" @click.stop=\"loadVariables(result)\" :class=\"{'is-preview': previewDataSet && previewDataSet.id == result.id}\">\n              <i class=\"fa-light fa-chevron-right\"></i>\n          </div>\n\n        </li>\n        <span\n          class=\"no-results text-small text-muted ellipsis\"\n          v-if=\"!searching && $store.state.templateDataSearchResults.length == 0 && filter.length\"\n        >\n          {{ $t(\"tp-data-popover.no-result1\") }} '{{ filter }}' {{ $t(\"tp-data-popover.no-result2\") }}\n        </span>\n      </ul>\n      <div v-if=\"variableGroups && !loadingVariablePreview && showVariablePreview \" class=\"variable-list\">\n        <variable-selector\n          class=\"list\"\n          :variable-groups=\"variableGroups\"\n          :show-values=\"true\"\n          :focusInputField=\"false\"\n          :showValueOnHover=\"true\"\n          :title=\"previewDataSet.referenceName\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport debounce from \"lodash/debounce\";\nimport VariableGroup from \"@/assets/js/variableGroup\";\nimport VariableSelector from \"@/components/VariableSelector\";\nimport VariableHelpers from \"@/assets/js/variableHelpers\";\nimport IconBase from \"@/components/icons/IconBase\";\nimport IconStar from \"@/components/icons/IconStar\";\nexport default {\n  components: {\n    IconBase,\n    IconStar,\n    VariableSelector\n  },\n  data() {\n    return {\n      previewDataSet: null,\n      showVariablePreview: false,\n      loading: false,\n      loadingVariablePreview: false,\n      variables: null,\n      selectedDatasetId: null,\n      selectedDataset: null,\n      filter: \"\",\n      searching: false,\n      onFilterChangeDebounce: debounce((filter) => {\n        if (filter.length) this.search(filter).then(() => (this.searching = false), () => (this.searching = false));\n        else {\n          this.$store.state.templateDataSearchResults = [];\n          this.searching = false;\n        }\n      }, 500)\n    };\n  },\n  methods: {\n    onEraseFilter(filter) {\n      this.filter = \"\";\n      this.onFilterChange(\"\");\n      this.$refs.searchinput.focus();\n    },\n    handleTabletSubmit() {\n      if (this.$store.state.userDevice != \"desktop\") {\n        this.$refs.searchinput.$el.children[0].blur();\n      }\n    },\n    search() {\n      return this.$store\n        .dispatch(\"searchVariables\", {\n          filter: this.filter,\n          templateId: this.$store.state.template.metadata.id\n        })\n        .then((results) => {\n          this.searched = true;\n          this.$store.state.templateDataSearchResults = results;\n        });\n    },\n    onFilterChange(filter) {\n      this.searching = true;\n      this.onFilterChangeDebounce(filter);\n    },\n    onSelectResult(result) {\n      this.selectedDatasetId = result ? result.id : null;\n      this.selectedDataset = result;\n      this.loading = true;\n      this.$store\n        .dispatch(\"getVariables\", {\n          template: this.$store.state.template.metadata,\n          id: result ? result.id : null\n        })\n        .then((vars) => {\n          this.loading = false;\n          this.variables = vars;\n          this.onSave();\n        })\n        .catch(() => {\n          this.loading = false;\n        });\n    },\n\n    loadVariables(result){\n      this.previewDataSet = result\n      this.loadingVariablePreview = true\n      this.$store\n        .dispatch(\"getVariables\", {\n          template: this.$store.state.template.metadata,\n          id: result ? result.id : null\n        }).then((vars) => {\n          this.variables = vars;\n          this.showVariablePreview = true\n          this.loadingVariablePreview = false;\n        })\n    },\n\n    onSave() {\n      this.$store.commit(\"setTemplateVariables\", this.variables);\n      this.$store.commit(\"setCurrentDatasetId\", this.selectedDatasetId);\n      this.$store\n        .dispatch(\"getTemplatePreview\", {\n          template: this.$store.state.template,\n          variables: this.$store.state.templateVariables,\n        })\n        .then((preview) => {\n          console.log(this.selectedDataset);\n          this.$store.commit(\"setTemplatePreview\", preview);\n          this.$store.commit(\"setSelectedDataset\", { selectedDataset: this.selectedDataset });\n          this.$store.dispatch(\"getTemplatePreviewForSectionType\", \"ai\")\n          this.$emit(\"close\");\n        });\n    },\n    toggleFavorite(result) {\n      this.$store.dispatch(\"toggleFavorites\", result);\n    }\n  },\n  computed: {\n    resultList() {\n      return this.filter\n        ? this.$store.state.templateDataSearchResults\n        : this.favoriteDatasets.concat(\n            this.$store.state.demoFavoriteList.filter((p) => !this.favoriteDatasets.map((p) => p.id).includes(p.id))\n          );\n    },\n    favoriteDatasets() {\n      return this.$store.state.dataFavorites;\n    },\n    searchPlaceholder() {\n      if (\n        this.$store.state.fixedConnectors\n          .map((c) => c.value)\n          .filter((c) => c !== \"XmlFeed\")\n          .includes(this.$store.state.template.metadata.contentType.name)\n      ) {\n        return this.$t(\"tp-data-popover.product-search\");\n      } else {\n        switch (this.$store.state.template.metadata.contentType.name) {\n          case \"SoccerMatch\":\n            return this.$t(\"tp-data-popover.soccer-search\");\n          case \"CompanyResume\":\n            return this.$t(\"tp-data-popover.company-search\");\n          case \"PersonResume\":\n            return this.$t(\"tp-data-popover.person-search\");\n          default:\n            return this.$t(\"tp-data-popover.default-search\");\n        }\n      }\n    },\n    variableGroups() {\n      if (!this.selectedDatasetId && !this.variables) return this.$store.getters.variableGroups;\n      if (!this.variables) return null;\n      let combinedVars = [\n        ...(this.variables || []),\n        ...(this.$store.state.template.extraVariables.map((v) => ({\n          custom: true,\n          type: \"Bool\",\n          ...v\n        })) || [])\n      ].reduce((vars, v) => {\n        vars[v.name] = v;\n        return vars;\n      }, {});\n      return new VariableGroup(VariableHelpers.groupVariables(combinedVars));\n    }\n  },\n  mounted() {\n    this.selectedDataset = this.$store.state.selectedDataset;\n    this.selectedDatasetId = this.$store.state.currentDatasetId;\n  }\n};\n</script>\n\n<style lang=\"less\">\n.background-layer {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 99;\n}\n.demo-search-data {\n  background: #fff;\n  position: absolute;\n  z-index: 99;\n  top: 100%;\n  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);\n  border-radius: var(--standard-border-radius);\n  min-width: 300px;\n  max-width: 600px;\n  .search-form {\n    display: flex;\n    align-items: center;\n    position: relative;\n    .search-input {\n      padding: 0px 12px;\n      flex-grow: 1;\n      input {\n        padding-right: 40px;\n      }\n    }\n    .input-icons {\n      display: flex;\n      flex-direction: row;\n      gap: 6px;\n      position: absolute;\n      right: 18px;\n      bottom: 10px;\n    }\n  }\n  .result-list {\n    max-height: 400px;\n    margin-top: 12px;\n    padding: 0;\n    width: auto;\n    white-space: nowrap;\n    overflow: auto;\n    .result-item {\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 12px;\n      padding: 6px 12px;\n      cursor: pointer;\n\n      .title {\n        flex-grow: 1;\n        display: flex;\n        justify-content: space-between;\n        gap: 12px;\n\n        &:hover {\n          .name {\n            flex: 1 1 auto;\n          }\n          .loading {\n            flex-grow: 1;\n          }\n        }\n      }\n\n      .star-icon {\n        margin-top: 1px;\n        svg {\n          opacity: 1;\n        }\n      }\n      &:hover {\n        background-color: var(--alabaster);\n      }\n\n      &.is-selected {\n        background-color: var(--alabaster);\n      }\n      .variables-button{\n        padding: 0 6px;\n        border-radius: 50% 50%;\n        &:hover{\n          \n          background-color: #fff;\n        }\n        &.is-preview{\n          background-color: var(--alabaster);\n        }\n      }\n    }\n\n\n\n\n \n\n    .no-results {\n      text-align: center;\n      padding: 6px 12px;\n    }\n    .fa-chevron-right {\n      font-size: 12px;\n    }\n  }\n\n  .variable-list{\n    max-width: 300px;\n    position: absolute;\n    left: 100%;\n    top: 0;\n    background: #fff;\n    position: absolute;\n    z-index: 99;\n    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);\n    border-radius: var(--standard-border-radius);\n    padding: 12px 0;\n    height: clamp(300px, 100%, 50vh);\n    \n\n    .variable-selector.list{\n      position: relative;\n      height: 100%;\n      overflow: hidden;\n\n      .variable-list-wrapper{\n        max-height: calc(100% - 32px - 24px - 24px) ;\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!./DemoDataBrowser.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!./DemoDataBrowser.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DemoDataBrowser.vue?vue&type=template&id=44ebe71c&\"\nimport script from \"./DemoDataBrowser.vue?vue&type=script&lang=js&\"\nexport * from \"./DemoDataBrowser.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DemoDataBrowser.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"],"sourceRoot":""}