\n
\n \n \n\n
\n \n \n
\n \n \n {{ staticText.filterErrorMessage }}\n \n
\n\n\n\n\n\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../../node_modules/vue-svg-inline-loader/src/index.js!./BasicTypeFilter.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../../node_modules/vue-svg-inline-loader/src/index.js!./BasicTypeFilter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BasicTypeFilter.vue?vue&type=template&id=36b5d568&\"\nimport script from \"./BasicTypeFilter.vue?vue&type=script&lang=js&\"\nexport * from \"./BasicTypeFilter.vue?vue&type=script&lang=js&\"\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 render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"w-100\"},[_c('criteria-selector',{attrs:{\"options\":_vm.criteriaOptions,\"multiselect\":false,\"required\":true},on:{\"input\":_vm.configChanged},model:{value:(_vm.selectedCriteria),callback:function ($$v) {_vm.selectedCriteria=$$v},expression:\"selectedCriteria\"}}),(_vm.isPlaybookFilterVisible)?_c('playbook-item-answer-filters',{ref:_vm.filterRefs['isPlaybookFilterVisible'],staticClass:\"mt-3\",attrs:{\"value\":{\n selectedPlaybooks: _vm.selectedPlaybooks,\n selectedPlaybookItems: _vm.selectedPlaybookItems,\n selectedAnswers: _vm.selectedAnswers\n },\"criteria-configurator\":true},on:{\"input\":_vm.playbookItemAnswerSelected}}):_vm._e(),(_vm.isDurationFilterVisible)?_c('duration-classificator',{ref:_vm.filterRefs['isDurationFilterVisible'],staticClass:\"mt-3\",attrs:{\"required\":true},on:{\"input\":_vm.configChanged},model:{value:(_vm.callDuration),callback:function ($$v) {_vm.callDuration=$$v},expression:\"callDuration\"}}):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"d-flex\"},[_c('bao-widget-filter-container',{attrs:{\"label\":_vm.staticText.selectCriteria,\"label-tag\":\"criteria-filter-202223051346\",\"required\":_vm.required}},[_c('vue-multiselect',{attrs:{\"id\":\"criteria-filter-202223051346\",\"options\":_vm.options,\"label\":\"label\",\"track-by\":\"type\",\"show-labels\":false,\"allow-empty\":false,\"multiple\":false,\"placeholder\":_vm.staticText.selectCriteria},on:{\"input\":inputValue=>_vm.$emit('input', inputValue)},model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v},expression:\"selected\"}})],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n \n \n\n \n\n \n
\n \n \n $emit('input', inputValue)\"\n >\n \n
\n\n\n\n\n\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../../node_modules/vue-svg-inline-loader/src/index.js!./CriteriaSelector.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../../node_modules/vue-svg-inline-loader/src/index.js!./CriteriaSelector.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CriteriaSelector.vue?vue&type=template&id=4637b542&scoped=true&\"\nimport script from \"./CriteriaSelector.vue?vue&type=script&lang=js&\"\nexport * from \"./CriteriaSelector.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CriteriaSelector.vue?vue&type=style&index=0&id=4637b542&prod&scoped=true&lang=css&\"\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 \"4637b542\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"bao-widget-filter d-flex\"},[_c('div',{staticClass:\"filter-body w-100\"},[_c('label',{staticClass:\"w-100 d-flex\",attrs:{\"id\":\"label-duration-filter-202112211245\",\"for\":\"target-input\"}},[_vm._v(\" \"+_vm._s(_vm.staticText.durationLabel)+\" \"),(_vm.required)?_c('span',{staticClass:\"required-icon\"},[_vm._v(\"*\")]):_vm._e()]),_c('div',{staticClass:\"d-flex align-items-end justify-content-center\"},[_c('div',{staticClass:\"w-50 p-1 inner-label-form\"},[_c('label',{staticClass:\"inner-label\",attrs:{\"for\":\"minutes-input-202207171246\"}},[_vm._v(\" \"+_vm._s(_vm.staticText.minutes)+\" \")]),_c('b-form-input',{staticClass:\"mr-1\",attrs:{\"id\":\"minutes-input-202207171246\",\"type\":\"number\",\"min\":\"0\",\"oninput\":\"validity.valid||(value=1)\"},on:{\"input\":inputValue=>_vm.$emit('input', (+inputValue) * 60 + (+_vm.durationSeconds))},model:{value:(_vm.durationMinutes),callback:function ($$v) {_vm.durationMinutes=$$v},expression:\"durationMinutes\"}})],1),_c('div',{staticClass:\"w-50 p-1 inner-label-form\"},[_c('label',{staticClass:\"inner-label\",attrs:{\"for\":\"seconds-input-202207171246\"}},[_vm._v(\" \"+_vm._s(_vm.staticText.seconds)+\" \")]),_c('b-form-input',{staticClass:\"ml-1\",attrs:{\"id\":\"seconds-input-202207171246\",\"type\":\"number\",\"min\":\"0\",\"oninput\":\"validity.valid||(value=0)\"},on:{\"input\":inputValue=>_vm.$emit('input', (+_vm.durationMinutes) * 60 + (+inputValue))},model:{value:(_vm.durationSeconds),callback:function ($$v) {_vm.durationSeconds=$$v},expression:\"durationSeconds\"}})],1)])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n\n\n\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../../node_modules/vue-svg-inline-loader/src/index.js!./DurationClassificator.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../../node_modules/vue-svg-inline-loader/src/index.js!./DurationClassificator.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DurationClassificator.vue?vue&type=template&id=4b9575ba&\"\nimport script from \"./DurationClassificator.vue?vue&type=script&lang=js&\"\nexport * from \"./DurationClassificator.vue?vue&type=script&lang=js&\"\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","\n \n \n \n\n \n \n\n \n
\n\n\n\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../../node_modules/vue-svg-inline-loader/src/index.js!./BaoWidgetCriteriaConfigurator.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../../node_modules/vue-svg-inline-loader/src/index.js!./BaoWidgetCriteriaConfigurator.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BaoWidgetCriteriaConfigurator.vue?vue&type=template&id=45fb9b74&\"\nimport script from \"./BaoWidgetCriteriaConfigurator.vue?vue&type=script&lang=js&\"\nexport * from \"./BaoWidgetCriteriaConfigurator.vue?vue&type=script&lang=js&\"\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","\n 0\" class=\"w-100 mb-4\">\n
\n\n\n\n\n\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../../node_modules/vue-svg-inline-loader/src/index.js!./BaoWidgetSettings.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../../node_modules/vue-svg-inline-loader/src/index.js!./BaoWidgetSettings.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BaoWidgetSettings.vue?vue&type=template&id=6e03ac47&scoped=true&\"\nimport script from \"./BaoWidgetSettings.vue?vue&type=script&lang=js&\"\nexport * from \"./BaoWidgetSettings.vue?vue&type=script&lang=js&\"\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 \"6e03ac47\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"d-flex mb-2 align-items-center\"},[_c('svg',{class:'mr-2',attrs:{\"width\":\"12\",\"height\":\"12\",\"viewBox\":\"0 0 12 12\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"svg-inline\":'',\"role\":'presentation',\"focusable\":'false',\"tabindex\":'-1'}},[_c('path',{attrs:{\"d\":\"M.681 1.151C.821.814 1.118.6 1.444.6h9.114c.326 0 .622.214.761.551.141.337.097.735-.127 1.024l-3.841 5.39v3.064c0 .291-.144.559-.374.689a.606.606 0 01-.706-.072l-1.35-1.158a.808.808 0 01-.27-.617V7.564L.79 2.174a1.077 1.077 0 01-.11-1.023z\",\"fill\":\"#555775\"}})]),_c('span',[_vm._v(_vm._s(_vm.staticText.filtersLabel))])]),_vm._l((_vm.filters),function(filter,index){return _c('div',{key:_vm.getNewKey(index),staticClass:\"w-100 mb-3\"},[(!filter.type)?_c('div',{staticClass:\"bao-widget-filter d-flex w-100\"},[_c('div',{staticClass:\"w-100 filter-type-select\"},[_c('vue-multiselect',{attrs:{\"id\":\"filter-type-202205241525\",\"options\":_vm.getFilterTypeOptions,\"placeholder\":_vm.staticText.selectFilterType,\"show-labels\":false,\"allow-empty\":false},on:{\"select\":input => _vm.handleFilterTypeSelected(index, input)},scopedSlots:_vm._u([{key:\"singleLabel\",fn:function({option}){return [_c('div',[_vm._v(\" \"+_vm._s(_vm.getSelectedTypeLabel(option))+\" \")])]}},{key:\"option\",fn:function({option}){return [_c('div',[_vm._v(\" \"+_vm._s(_vm.getLabel(option))+\" \")])]}}],null,true),model:{value:(filter.type),callback:function ($$v) {_vm.$set(filter, \"type\", $$v)},expression:\"filter.type\"}})],1),_c('div',{staticClass:\"ml-3 filter-delete\",on:{\"click\":function($event){return _vm.deleteEmptyFilter(index)}}},[_c('i',{staticClass:\"fa fa-trash my-auto\"})])]):_c('div',{staticClass:\"d-flex w-100\"},[_c(filter.component,_vm._b({ref:`filter-component-${index}`,refInFor:true,tag:\"component\",attrs:{\"value\":filter.value,\"options\":filter.configOptions,\"hasError\":filter.error},on:{\"input\":value => _vm.handleFiltersChanged(filter, value),\"delete\":function($event){return _vm.handleFiltersChanged(filter, null)}}},'component',filter.props,false))],1)])}),(_vm.filterOptions.length > _vm.filters.length)?_c('button',{staticClass:\"new-filter\",attrs:{\"id\":\"new-filter-202205241448\"},on:{\"click\":_vm.addFilter}},[_c('svg',{attrs:{\"width\":\"15\",\"height\":\"15\",\"viewBox\":\"0 0 15 15\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"svg-inline\":'',\"role\":'presentation',\"focusable\":'false',\"tabindex\":'-1'}},[_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M13.853 6.353H8.647V1.147a1.147 1.147 0 00-2.294 0v5.206H1.147a1.147 1.147 0 000 2.294h5.206v5.206a1.147 1.147 0 002.294 0V8.647h5.206a1.147 1.147 0 000-2.294zM7.65.457a.708.708 0 00-.856.69v5.647H1.147h5.647V1.147a.706.706 0 01.856-.69z\",\"fill\":\"#fff\"}})])]):_vm._e(),_c('b-tooltip',{attrs:{\"id\":\"new-filter-202205241448-tooltip\",\"target\":\"new-filter-202205241448\",\"triggers\":\"hover\",\"placement\":\"bottom\",\"noninteractive\":\"\"}},[_vm._v(\" \"+_vm._s(_vm.staticText.newFilterLabel)+\" \")])],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"bao-widget-filter w-100 d-flex\"},[_c('bao-widget-filter-container',{attrs:{\"label\":_vm.staticText.selectTags,\"label-tag\":\"tags-filter\",\"hasError\":_vm.hasError}},[_c('vue-multiselect',{attrs:{\"id\":\"tags-filter\",\"options\":_vm.options,\"show-labels\":false,\"multiple\":true,\"placeholder\":_vm.staticText.selectTags,\"internal-search\":true,\"hide-selected\":true,\"clear-on-select\":false,\"close-on-select\":false,\"show-no-results\":false,\"group-select\":false,\"loading\":_vm.isLoading,\"custom-label\":item => item.tag,\"group-label\":\"group\",\"group-values\":\"tags\",\"track-by\":\"name\"},on:{\"input\":_vm.handleNewTagSelected},scopedSlots:_vm._u([{key:\"tag\",fn:function({ option, remove }){return [_c('span',{staticClass:\"custom__tag d-flex justify-content-between my-1\"},[_c('span',{staticClass:\"w-100\"},[_c('span',{staticClass:\"option__small\"},[_vm._v(\" \"+_vm._s(option.label)+\" \")])]),_c('span',{staticClass:\"custom__remove\",on:{\"click\":function($event){$event.stopPropagation();return remove(option)}}},[_c('i',{staticClass:\"far fa-times-circle\"})])])]}}]),model:{value:(_vm.selectedTags),callback:function ($$v) {_vm.selectedTags=$$v},expression:\"selectedTags\"}},[_c('span',{attrs:{\"slot\":\"noOptions\"},slot:\"noOptions\"},[_vm._v(\" \"+_vm._s(_vm.staticText.listIsEmpty)+\" \")])])],1),_c('div',{staticClass:\"ml-3 filter-delete\",on:{\"click\":function($event){$event.preventDefault();return _vm.$emit('delete')}}},[_c('i',{staticClass:\"fa fa-trash my-auto\"})])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n\n\n\n\n\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../../../node_modules/vue-svg-inline-loader/src/index.js!./TagsFilter.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../../../node_modules/vue-svg-inline-loader/src/index.js!./TagsFilter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TagsFilter.vue?vue&type=template&id=6fd9a914&scoped=true&\"\nimport script from \"./TagsFilter.vue?vue&type=script&lang=js&\"\nexport * from \"./TagsFilter.vue?vue&type=script&lang=js&\"\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 \"6fd9a914\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"bao-widget-filter w-100 d-flex\"},[_c('div',{staticClass:\"w-100 filter-body\"},[_c('label',[_vm._v(\" \"+_vm._s(_vm.staticText.shortcutsLabel)+\" \")]),_c('playbook-selector',{ref:_vm.filterRefs[0],attrs:{\"options\":_vm.playbookConfigOptions},on:{\"input\":_vm.playbookSelected,\"delete\":function($event){return _vm.$emit('delete')}}}),(_vm.showObjectionsSelection)?_c('objection-selector',{ref:_vm.filterRefs[1],staticClass:\"mt-2\",attrs:{\"options\":_vm.objectionConfigOption,\"selected-playbook-id\":_vm.selectedPlaybookId},on:{\"input\":_vm.objectionSelected,\"delete\":function($event){return _vm.objectionSelected([])}}}):_vm._e()],1),_c('div',{staticClass:\"ml-3 filter-delete\",on:{\"click\":function($event){$event.preventDefault();return _vm.$emit('delete')}}},[_c('i',{staticClass:\"fa fa-trash my-auto\"})])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('base-filter',{attrs:{\"value\":_vm.options.value,\"label\":_vm.options.label || _vm.staticText.selectShortcuts,\"showLabel\":false,\"url\":_vm.getUrl,\"multiselect\":_vm.options.multiselect,\"key-to-extract-value\":\"id\",\"required\":_vm.options.required,\"internal-search\":true,\"hasError\":_vm.hasError},on:{\"input\":_vm.handleValueChanged}})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n \n {{ staticText.settingsLabel }}\n
\n \n successCriteriaChanged(value, configOption)\"\n >\n\n basicTypeFilterChanged(value, configOption)\"\n >\n\n \n\n playbookFilterChanged(value, configOption)\"\n >\n\n 0\"\n :ref=\"`${configOption.fieldName}-${index}`\"\n :options=\"configOption\"\n :selected-playbooks=\"selectedPlaybooks\"\n @input=\"value => playbookItemFilterChanged(value, configOption)\"\n >\n\n 0\"\n :ref=\"`${configOption.fieldName}-${index}`\"\n :options=\"configOption\"\n :selected-playbook-items=\"selectedPlaybookItems\"\n @input=\"value => answerChanged(value, configOption)\"\n >\n\n playbookAndPlaybookItemSelected(value, configOption)\"\n >\n
\n \n
\n\n\n\n\n\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../../../node_modules/vue-svg-inline-loader/src/index.js!./AvailableFilter.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../../../node_modules/vue-svg-inline-loader/src/index.js!./AvailableFilter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AvailableFilter.vue?vue&type=template&id=98340740&scoped=true&\"\nimport script from \"./AvailableFilter.vue?vue&type=script&lang=js&\"\nexport * from \"./AvailableFilter.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AvailableFilter.vue?vue&type=style&index=0&id=98340740&prod&scoped=true&lang=css&\"\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 \"98340740\",\n null\n \n)\n\nexport default component.exports","\n \n \n {{ filterLabel }}\n \n \n \n \n {{ staticText.filterErrorMessage }}\n \n
\n \n \n \n {{ staticText.yesLabel }}\n \n
\n \n \n \n {{ staticText.noLabel }}\n \n
\n \n \n
\n \n filters.length\"\n id=\"new-filter-202205241448\"\n class=\"new-filter\"\n @click=\"addFilter\"\n >\n \n \n\n \n {{ staticText.newFilterLabel }}\n \n
\n\n\n\n\n\n\n\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../../../node_modules/vue-svg-inline-loader/src/index.js!./FilterConfigurations.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../../../node_modules/vue-svg-inline-loader/src/index.js!./FilterConfigurations.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FilterConfigurations.vue?vue&type=template&id=a8e3c900&scoped=true&\"\nimport script from \"./FilterConfigurations.vue?vue&type=script&lang=js&\"\nexport * from \"./FilterConfigurations.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FilterConfigurations.vue?vue&type=style&index=0&id=a8e3c900&prod&scoped=true&lang=scss&\"\nimport style1 from \"./FilterConfigurations.vue?vue&type=style&index=1&id=a8e3c900&prod&lang=scss&\"\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 \"a8e3c900\",\n null\n \n)\n\nexport default component.exports","\n \n \n {{ staticText.filtersLabel }}\n
\n \n \n \n
\n\n \n handleFiltersChanged(filter, value)\"\n @delete=\"handleFiltersChanged(filter, null)\"\n >\n
\n \n
\n\n\n\n\n\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../node_modules/vue-svg-inline-loader/src/index.js!./BaoWidgetConfigurator.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../node_modules/vue-svg-inline-loader/src/index.js!./BaoWidgetConfigurator.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BaoWidgetConfigurator.vue?vue&type=template&id=1432241a&scoped=true&\"\nimport script from \"./BaoWidgetConfigurator.vue?vue&type=script&lang=js&\"\nexport * from \"./BaoWidgetConfigurator.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BaoWidgetConfigurator.vue?vue&type=style&index=0&id=1432241a&prod&scoped=true&lang=scss&\"\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 \"1432241a\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-card',{staticClass:\"rounded-border w-100\",class:{ 'h-100': !_vm.previewMode },scopedSlots:_vm._u([(!_vm.previewMode)?{key:\"header\",fn:function(){return [_c('div',{staticClass:\"w-100 d-flex justify-content-between cursor-pointer\"},[_c('div',{staticClass:\"mb-0 d-flex align-items-center slate-80\",attrs:{\"id\":'chartTitle-'+_vm.widget.id}},[_vm._v(\" \"+_vm._s(_vm.getWidgetLabel)+\" \"),_c('img',{staticClass:\"ml-1 action-icon cursor-pointer\",attrs:{\"id\":`chartInfo-${_vm.widget.id}`,\"src\":\"/img/icons/info-icon.svg\"}}),(_vm.widgetDescription)?_c('b-tooltip',{attrs:{\"id\":'chartDescription-' + _vm.widget.id,\"target\":`chartInfo-${_vm.widget.id}`}},[_c('div',{staticClass:\"text-left tooltip-custom-heading\"},[_vm._v(\" \"+_vm._s(_vm.widget.title)+\" \")]),_c('div',{staticClass:\"text-left tooltip-custom-body\"},[_vm._v(\" \"+_vm._s(_vm.widgetDescription)+\" \")])]):_vm._e()],1),_c('div',{staticClass:\"d-flex justify-content-between my-auto\"},[_c('b-alert',{staticClass:\"my-auto alert-class p-0\",attrs:{\"variant\":\"success\",\"size\":\"sm\",\"fade\":\"\"},model:{value:(_vm.widget.alertCountDown),callback:function ($$v) {_vm.$set(_vm.widget, \"alertCountDown\", $$v)},expression:\"widget.alertCountDown\"}},[_vm._v(\" \"+_vm._s(_vm.getAlertLabel)+\" \")]),(!_vm.isNewConversationPage && _vm.canModifyWidgetPage())?_c('b-dropdown',{staticClass:\"my-auto px-1 bao-widget-display-dropdown-202112101416\",attrs:{\"id\":'widget-action-dropdown-202112031303-'+_vm.widget.id,\"toggle-class\":\"text-decoration-none\",\"variant\":\"link\",\"size\":\"sm\",\"no-caret\":\"\",\"right\":\"\"},scopedSlots:_vm._u([{key:\"button-content\",fn:function(){return [_c('img',{staticClass:\"action-icon\",attrs:{\"id\":'ellipsisIcon-' + _vm.widget.id,\"src\":\"/img/icons/points-icon.svg\"}}),_c('b-tooltip',{attrs:{\"target\":'ellipsisIcon-' + _vm.widget.id}},[_vm._v(\" \"+_vm._s(_vm.staticText.tooltipMoreText)+\" \")])]},proxy:true}],null,false,430939866)},[_c('b-dropdown-item',[_c('b-btn',{staticClass:\"p-0 w-100\",attrs:{\"variant\":\"btn-outline\"},on:{\"click\":function($event){return _vm.handleWidgetCloned(_vm.widget)}}},[_c('i',{staticClass:\"fas fa-solid fa-clone my-auto text-slate\"}),_c('span',[_vm._v(\" \"+_vm._s(_vm.staticText.duplicate)+\" \")])])],1),_c('b-dropdown-divider'),_c('b-dropdown-item',[_c('bao-delete-button',{staticClass:\"w-100\",attrs:{\"id\":'widget-delete-btn-' + _vm.widget.id,\"label\":_vm.staticText.delete,\"variant\":\"btn-outline\",\"extra-class\":\"p-0 w-100 text-slate\",\"icon\":\"fa fa-trash text-slate\",\"url\":'/api/widgets/'+_vm.widget.id},on:{\"deleted\":function($event){return _vm.handleWidgetDeleted(_vm.widget.id)}}})],1),_c('b-dropdown-divider'),_c('b-dropdown-item',[_c('b-btn',{staticClass:\"p-0 w-100\",attrs:{\"variant\":\"btn-outline\"},on:{\"click\":function($event){return _vm.downloadWidgetAsPNG(_vm.widget)}}},[_c('i',{staticClass:\"fas fa-solid fa-download my-auto text-slate\"}),_c('span',[_vm._v(\" \"+_vm._s(_vm.staticText.download)+\" \")])])],1)],1):_vm._e(),(!_vm.isNewConversationPage && _vm.canModifyWidgetPage())?_c('b-btn',{staticClass:\"p-0 w-100\",attrs:{\"variant\":\"btn-outline\"},on:{\"click\":function($event){return _vm.openWidgetConfigurator(_vm.widget)}}},[_c('img',{staticClass:\"action-icon\",attrs:{\"id\":'edit-icon-202208040043'+_vm.widget.id,\"src\":\"/img/icons/edit-icon.svg\"}}),_c('b-tooltip',{attrs:{\"target\":'edit-icon-202208040043'+_vm.widget.id}},[_vm._v(\" \"+_vm._s(_vm.staticText.tooltipTextEdit)+\" \")])],1):_vm._e()],1)])]},proxy:true}:null],null,true)},[_c('div',{staticClass:\"w-100 h-100 my-auto mx-auto\",attrs:{\"id\":'chart-'+_vm.widget.id}},[(!_vm.previewMode)?_vm._t(\"filters\",function(){return [_c('bao-widget-criteria-display',{staticClass:\"pb-2\",attrs:{\"widget\":_vm.widget}}),_c('bao-widget-filters-display',{staticClass:\"pb-2\",attrs:{\"widget\":_vm.widget}})]}):_vm._e(),_vm._t(\"additional-info\",function(){return [(_vm.shouldShowTotalTime)?_c('div',{staticClass:\"w-100 d-flex justify-content-end legends font-size-16 slate-80\"},[_vm._v(\" \"+_vm._s(_vm.staticText.total)+\" \"+_vm._s(_vm.totalItems)+\" \")]):_vm._e()]}),_vm._t(\"chart\"),(_vm.showGoToConversationsButton)?_vm._t(\"callHistory\",function(){return [_c('button',{staticClass:\"mt-3 float-right btn btn-secondary py-2 px-3\",on:{\"click\":_vm.showConversations}},[_vm._v(\" \"+_vm._s(_vm.staticText.showConversationsLabel)+\" \")])]}):_vm._e()],2)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"grey-div mw-100 d-inline-block\",class:_vm.filtersExist ? 'cursor-pointer' : '',attrs:{\"id\":'filter-applied-20220902-'+_vm.widget.id},on:{\"click\":_vm.toggleFiltersPopover}},[_c('img',{attrs:{\"src\":\"/img/icons/filter.svg\"}}),_vm._v(_vm._s(_vm.getFilterText)+\" \")]),_c('transition',{attrs:{\"name\":\"animate-down\"}},[(_vm.showFiltersPopover && _vm.filtersExist)?_c('div',{staticClass:\"mt-1 p-2 filters-popover\"},[(_vm.loading)?_c('progress-indicator',{attrs:{\"small\":true,\"show-loading-label\":false}}):_c('ul',{staticClass:\"filters-popover__inner\"},_vm._l((_vm.filtersList),function(filter,index){return _c('li',{key:index+'-'+_vm.widget.id,staticClass:\"filter pb-2\"},[_c('span',{staticClass:\"filter__name pb-1\"},[_vm._v(_vm._s(filter.name))]),(Array.isArray(filter.value))?_c('ul',_vm._l((filter.value),function(value,valueIndex){return _c('li',{key:index+valueIndex,staticClass:\"filter__values\"},[_vm._v(\" \"+_vm._s(value)+\" \")])}),0):_c('div',[_vm._v(_vm._s(filter.value))])])}),0)],1):_vm._e()])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n
\n\n \n
\n \n ![](\"/img/icons/vector.svg\"/)
\n
\n \n \n {{ widgetToConfigure.title }}\n
\n \n \n
\n \n {{ getSubtitle }}\n
\n \n \n {{ staticText.cancel }}\n \n \n {{ staticText.saveLabel }}\n \n
\n \n
\n \n
\n \n \n \n \n \n {{ staticText.widgetDescription }}\n \n \n \n\n \n
\n\n \n \n {{ staticText.refreshLabel }}\n \n
\n\n \n \n\n \n \n \n\n \n \n \n
\n \n \n \n
\n\n\n\n\n\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../node_modules/vue-svg-inline-loader/src/index.js!./BaoWidgetFiltersDisplay.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../node_modules/vue-svg-inline-loader/src/index.js!./BaoWidgetFiltersDisplay.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BaoWidgetFiltersDisplay.vue?vue&type=template&id=006aab06&scoped=true&\"\nimport script from \"./BaoWidgetFiltersDisplay.vue?vue&type=script&lang=js&\"\nexport * from \"./BaoWidgetFiltersDisplay.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BaoWidgetFiltersDisplay.vue?vue&type=style&index=0&id=006aab06&prod&scoped=true&lang=scss&\"\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 \"006aab06\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.getCriterion)?_c('div',{staticClass:\"d-inline-block mw-100\"},[_c('div',{staticClass:\"font-size-12 grey-div d-flex align-items-center\"},[_c('img',{attrs:{\"src\":\"/img/icons/settings-icon.svg\"}}),(_vm.getCriterion === 'answer' || _vm.getCriterion === 'playbookItemCriteria')?_c('div',{staticClass:\"d-flex text-overflow-ellipsis\",attrs:{\"id\":'playbook-criteria-filter-20220329-'+_vm.widget.id}},[_c('div',{staticClass:\"text-overflow-ellipsis\"},[_vm._v(_vm._s(_vm.playbooks))]),_c('div',{staticClass:\"text-overflow-ellipsis mx-2\"},[_vm._v(_vm._s(_vm.staticText.item)+\": \"+_vm._s(_vm.playbookItems))]),(_vm.getCriterion === 'answer')?_c('div',{staticClass:\"text-overflow-ellipsis ml-2\"},[_vm._v(_vm._s(_vm.staticText.answer)+\": \"+_vm._s(_vm.getAnswerFilter))]):_vm._e(),_c('b-tooltip',{attrs:{\"target\":'playbook-criteria-filter-20220329-'+_vm.widget.id,\"placement\":\"top\",\"custom-class\":\"long-tooltip\"}},[_c('div',{staticClass:\"tooltip-text\"},[(_vm.playbooks.length > 0)?_c('div',{staticClass:\"pb-3\"},[_vm._v(_vm._s(_vm.playbooks))]):_vm._e(),_c('div',{staticClass:\"w-100 d-flex\"},[_c('div',{staticClass:\"w-30\"},[_vm._v(_vm._s(_vm.staticText.item)+\":\")]),_c('div',{staticClass:\"w-70 main-slate\"},[_vm._v(_vm._s(_vm.playbookItems))])]),(_vm.getCriterion === 'answer')?_c('div',{staticClass:\"w-100 d-flex\"},[_c('div',{staticClass:\"w-30\"},[_vm._v(_vm._s(_vm.staticText.answer)+\":\")]),_c('div',{staticClass:\"w-70 main-slate\"},[_vm._v(_vm._s(_vm.getAnswerFilter))])]):_vm._e()])])],1):(_vm.getCriterion === 'callDuration')?_c('div',{staticClass:\"text-overflow-ellipsis\"},[_vm._v(\" \"+_vm._s(_vm.staticText.duration)+\" ≥ \"+_vm._s(_vm.formatMinutes(_vm.getDurationFilter))+\" \")]):_c('div',{staticClass:\"text-overflow-ellipsis\",attrs:{\"id\":'reachability-item-filter-20220329-'+_vm.widget.id}},[_vm._v(\" \"+_vm._s(_vm.getTextToDisplay(_vm.getCriterion))+\" \")])])]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n ![](\"/img/icons/filter.svg\"/)
{{ getFilterText }}\n
\n\n {{ getFilterText }}\n \n \n\n
\n - \n
- \n {{ filter.name }}\n
- \n
- \n {{ value }}\n \n
{{ filter.value }}\n \n
\n
\n \n\n\n\n\n\n\n\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../node_modules/vue-svg-inline-loader/src/index.js!./BaoWidgetCriteriaDisplay.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../node_modules/vue-svg-inline-loader/src/index.js!./BaoWidgetCriteriaDisplay.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BaoWidgetCriteriaDisplay.vue?vue&type=template&id=069b812e&scoped=true&\"\nimport script from \"./BaoWidgetCriteriaDisplay.vue?vue&type=script&lang=js&\"\nexport * from \"./BaoWidgetCriteriaDisplay.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BaoWidgetCriteriaDisplay.vue?vue&type=style&index=0&id=069b812e&prod&scoped=true&lang=scss&\"\nimport style1 from \"./BaoWidgetCriteriaDisplay.vue?vue&type=style&index=1&id=069b812e&prod&lang=scss&\"\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 \"069b812e\",\n null\n \n)\n\nexport default component.exports","\n \n ![](\"/img/icons/settings-icon.svg\"/)
\n\n
\n\n \n\n \n \n
\n \n {{ playbooks }}
\n {{ staticText.item }}: {{ playbookItems }}
\n {{ staticText.answer }}: {{ getAnswerFilter }}
\n \n \n
\n 0\" class=\"pb-3\">{{ playbooks }}
\n \n
\n {{ staticText.item }}:
\n {{ playbookItems }}
\n {{ staticText.answer }}:
\n {{ getAnswerFilter }}
\n \n {{ staticText.duration }} ≥ {{ formatMinutes(getDurationFilter) }}\n
\n\n \n {{ getTextToDisplay(getCriterion) }}\n
\n \n
\n \n\n \n {{ getWidgetLabel }}\n \n \n
\n\n \n {{ widget.title }}\n
\n \n {{ widgetDescription }}\n
\n \n \n {{ getAlertLabel }}\n \n \n \n ![](\"/img/icons/points-icon.svg\"\n)
\n \n {{ staticText.tooltipMoreText }}\n \n \n \n \n \n \n {{ staticText.duplicate }}\n \n \n \n\n \n \n \n \n\n \n \n \n \n {{ staticText.download }}\n \n \n \n \n \n ![](\"/img/icons/edit-icon.svg\"\n)
\n \n {{ staticText.tooltipTextEdit }}\n \n \n
\n \n \n \n \n \n\n \n \n {{ staticText.total }} {{ totalItems }}\n
\n \n\n \n\n \n \n\n
\n\n\n\n\n\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../node_modules/vue-svg-inline-loader/src/index.js!./BaoDashboardChart.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../node_modules/vue-svg-inline-loader/src/index.js!./BaoDashboardChart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BaoDashboardChart.vue?vue&type=template&id=3819a379&scoped=true&\"\nimport script from \"./BaoDashboardChart.vue?vue&type=script&lang=js&\"\nexport * from \"./BaoDashboardChart.vue?vue&type=script&lang=js&\"\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 \"3819a379\",\n null\n \n)\n\nexport default component.exports","\n \n
\n\n \n\n
\n {{item.label}}
\n\n \n
\n\n \n \n\n \n\n ![](\"../../../../public/img/icons/info-icon.svg\")
\n\n \n {{ chart.description }}\n \n \n\n \n
\n\n\n\n\n\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../node_modules/vue-svg-inline-loader/src/index.js!./BaoDashboardCard.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../node_modules/vue-svg-inline-loader/src/index.js!./BaoDashboardCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BaoDashboardCard.vue?vue&type=template&id=7350d9ae&scoped=true&\"\nimport script from \"./BaoDashboardCard.vue?vue&type=script&lang=js&\"\nexport * from \"./BaoDashboardCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BaoDashboardCard.vue?vue&type=style&index=0&id=7350d9ae&prod&scoped=true&lang=scss&\"\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 \"7350d9ae\",\n null\n \n)\n\nexport default component.exports","import BaoWidgetBasicMixin from \"@/apps/dashboard/BaoWidgetsBaseComponents/BaoWidgetBasicMixin\"\nimport {\n getUsername,\n timeframes,\n FILTER_KEY_TIMEFRAME\n} from \"@/apps/dashboard/chartUtils\"\nimport BaoWidgetConfigurator from \"@/apps/dashboard/BaoWidgetsBaseComponents/BaoWidgetConfigurator\"\nimport BaoWidgetDisplay from \"@/apps/dashboard/BaoWidgetsBaseComponents/BaoWidgetDisplay\"\n\nconst ArcPieChart = () => import(/* webpackChunkName: \"ArcPieChart\" */ \"../BaoWidgetsBaseComponents/ArcPieChart\")\n\nexport default {\n name: \"BaoWidgetCallAttemptsGoal\",\n info: {\n title: \"Call Attempts Goal\",\n description: \"Number of dialing attempts in a given time period, no matter if a counterpart was reached or not.\"\n },\n extends: BaoWidgetBasicMixin,\n mounted () {\n if (this.chartData) {\n this.customChartRender(this.chartData)\n }\n },\n data () {\n return {\n getUsername,\n chartComponent: ArcPieChart,\n configuratorComponent: BaoWidgetConfigurator,\n displayComponent: BaoWidgetDisplay,\n staticTextDefault: {\n target: \"Target\",\n dialingAttempts: \"Dialing Attempts\"\n }\n }\n },\n computed: {\n staticText () {\n return this.$store.getters[\"I18nStore/getI18n\"](this.$options.name, this.staticTextDefault)\n },\n showGoToConversationsButton () {\n return !!(this.chartData && this.chartData.value && Number(this.chartData.value) > 0)\n }\n },\n methods: {\n mappingFunc (data) {\n return {\n color: this.defaultChartColor,\n label: this.staticText.dialingAttempts,\n value: data.calls_count,\n total: data.goal\n }\n },\n getChartOptions () {\n return null\n },\n getConfigOptions () {\n return [\n {\n type: \"filterOptions\",\n defaultFilters: { [FILTER_KEY_TIMEFRAME]: timeframes.today }\n },\n {\n label: this.staticText.target,\n type: \"number\",\n value: 20, // default\n fieldName: \"goal\"\n }\n ]\n },\n getDisplayProps () {\n return { widget: this.widget, showConversationsView: this.showGoToConversationsButton }\n },\n getConfigProps () {\n return { widget: this.widget, configOptions: this.getConfigOptions() }\n }\n }\n}\n","import BaoWidgetBasicMixin from \"@/apps/dashboard/BaoWidgetsBaseComponents/BaoWidgetBasicMixin\"\nimport {\n getDefaultHorizontalBarChartOptions, getUsername\n} from \"@/apps/dashboard/chartUtils\"\nimport { defaultHorizontalDatasetValues } from \"@/apps/dashboard/chartConfig\"\nimport BaoWidgetConfigurator from \"@/apps/dashboard/BaoWidgetsBaseComponents/BaoWidgetConfigurator\"\nimport BaoWidgetDisplay from \"@/apps/dashboard/BaoWidgetsBaseComponents/BaoWidgetDisplay\"\n\nconst HorizontalBarChart = () => import(/* webpackChunkName: \"HorizontalBarChart\" */ \"../BaoWidgetsBaseComponents/HorizontalBarChart\")\n\nexport default {\n name: \"BaoWidgetTeamCallActivity\",\n info: {\n title: \"Team Call Activity\",\n description: \"Displays the number of calls from my team on a user-level.\"\n },\n extends: BaoWidgetBasicMixin,\n mounted () {\n if (this.chartData) {\n this.customChartRender(this.chartData)\n }\n },\n data () {\n return {\n getDefaultHorizontalBarChartOptions,\n getUsername,\n chartComponent: HorizontalBarChart,\n configuratorComponent: BaoWidgetConfigurator,\n displayComponent: BaoWidgetDisplay,\n staticTextDefault: {\n maximumUsersDisplayed: \"Maximum users displayed\",\n others: \"Others\"\n },\n totalCalls: 0\n }\n },\n computed: {\n showGoToConversationsButton () {\n return this.totalCalls > 0\n }\n },\n methods: {\n async mappingFunc (items) {\n const usersLimit = this.widget.config.usersLimit || 6\n const sortedItems = items.sort((a, b) => b.countdistinct_id - a.countdistinct_id)\n this.totalCalls = this.getTotalCount(sortedItems, \"countdistinct_id\")\n const usersWithinLimit = sortedItems.splice(0, usersLimit)\n const labels = []\n const data = []\n const callIds = []\n for (const item of usersWithinLimit) {\n labels.push(this.getUsername(item, \"created_by\"))\n data.push(item.countdistinct_id)\n callIds.push(item.arrayagg_id)\n }\n const userOutsideLimit = sortedItems.slice(Math.max(sortedItems.length - usersLimit, 0))\n let userOutsideLimitCount = 0\n let userOutsideLimitCallIds = []\n for await (const item of userOutsideLimit) {\n userOutsideLimitCount += item.countdistinct_id\n userOutsideLimitCallIds = userOutsideLimitCallIds.concat(item.arrayagg_id)\n }\n\n if (userOutsideLimitCount > 0) {\n labels.push(this.staticText.others)\n data.push(userOutsideLimitCount)\n callIds.push(userOutsideLimitCallIds)\n }\n\n return {\n labels,\n datasets: [{ ...defaultHorizontalDatasetValues, data }],\n callIds\n }\n },\n getChartOptions () {\n const dataLabelClickCallBack = (dataIndex) => {\n this.showConversations(dataIndex)\n }\n\n return this.getDefaultHorizontalBarChartOptions(this.widget, this, { dataLabelClickCallBack })\n },\n getConfigOptions () {\n return [\n {\n label: this.staticText.maximumUsersDisplayed,\n type: \"number\",\n value: 6, // default\n fieldName: \"usersLimit\"\n }\n ]\n },\n getDisplayProps () {\n return { widget: this.widget, totalItems: this.totalCalls, showConversationsView: this.showGoToConversationsButton }\n },\n getConfigProps () {\n return { widget: this.widget, configOptions: this.getConfigOptions() }\n }\n }\n}\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('bao-widget-display',{attrs:{\"widget\":_vm.widget,\"previewMode\":_vm.previewMode},scopedSlots:_vm._u([{key:\"additional-info\",fn:function(){return [_c('div',{staticClass:\"d-flex justify-content-end align-items-center w-100 pb-1 main-slate\"},[_c('div',{staticClass:\"mr-3 my-auto font-size-12\"},[_c('span',[_vm._v(_vm._s(_vm.staticText.overallReachability)+\": \"),_c('b',[_vm._v(_vm._s(_vm.overallReachability))]),_vm._v(\" %\")])]),_c('div',{staticClass:\"d-flex font-size-10\"},[_c('div',{staticClass:\"my-auto mr-2\"},[_vm._v(_vm._s(_vm.staticText.low))]),_c('div',{staticClass:\"my-auto mr-2 div-scale\"}),_c('div',{staticClass:\"my-auto\"},[_vm._v(_vm._s(_vm.staticText.high))])])])]},proxy:true},{key:\"chart\",fn:function(){return [_c('div',{staticClass:\"pt-3\"},[_vm._t(\"chart\")],2)]},proxy:true}],null,true)})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n {{ chart.title }}\n
\n \n\n \n\n
\n\n \n
\n\n \n
\n\n \n
\n \n \n \n {{staticText.overallReachability}}: {{overallReachability}} %\n
\n \n
\n {{ staticText.low }}
\n \n {{ staticText.high }}
\n \n
\n \n \n
\n \n \n
\n\n\n\n\n\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../../node_modules/vue-svg-inline-loader/src/index.js!./BaoWidgetPlaybookConversionChart.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../../node_modules/vue-svg-inline-loader/src/index.js!./BaoWidgetPlaybookConversionChart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BaoWidgetPlaybookConversionChart.vue?vue&type=template&id=7aca2f8d&scoped=true&\"\nimport script from \"./BaoWidgetPlaybookConversionChart.vue?vue&type=script&lang=js&\"\nexport * from \"./BaoWidgetPlaybookConversionChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BaoWidgetPlaybookConversionChart.vue?vue&type=style&index=0&id=7aca2f8d&prod&scoped=true&lang=scss&\"\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 \"7aca2f8d\",\n null\n \n)\n\nexport default component.exports","import BaoWidgetBasicMixin from \"@/apps/dashboard/BaoWidgetsBaseComponents/BaoWidgetBasicMixin\"\nimport BaoWidgetConfigurator from \"@/apps/dashboard/BaoWidgetsBaseComponents/BaoWidgetConfigurator\"\nimport BaoWidgetPlaybookConversionChart from \"./BaoWidgetPlaybookConversionChart\"\nimport BaoWidgetDisplay from \"@/apps/dashboard/BaoWidgetsBaseComponents/BaoWidgetDisplay\"\n\nexport default {\n name: \"BaoWidgetPlaybookConversion\",\n info: {\n title: \"Conversion\",\n description: \"Shows how many calls lead to success (conversion).\"\n },\n extends: BaoWidgetBasicMixin,\n mounted () {\n if (this.chartData) {\n this.customChartRender(this.chartData)\n }\n },\n data () {\n return {\n chartComponent: BaoWidgetPlaybookConversionChart,\n configuratorComponent: BaoWidgetConfigurator,\n displayComponent: BaoWidgetDisplay,\n staticTextDefault: {\n }\n }\n },\n computed: {\n staticText () {\n return this.$store.getters[\"I18nStore/getI18n\"](this.$options.name, this.staticTextDefault)\n },\n showGoToConversationsButton () {\n return !!(this.chartData && this.chartData.success_calls && Number(this.chartData.success_calls) > 0)\n }\n },\n methods: {\n mappingFunc (data) {\n return data\n },\n getChartOptions () {\n return null\n },\n getConfigOptions () {\n return [\n {\n type: \"criteriaOptions\",\n value: { type: \"callResult\" },\n options: [\"callResult\", \"callDuration\", \"answer\"],\n fieldName: \"successCriteria\"\n }\n ]\n },\n getDisplayProps () {\n return { widget: this.widget, showConversationsView: this.showGoToConversationsButton }\n },\n getConfigProps () {\n return { widget: this.widget, configOptions: this.getConfigOptions() }\n }\n }\n}\n","import BaoWidgetBasicMixin from \"@/apps/dashboard/BaoWidgetsBaseComponents/BaoWidgetBasicMixin\"\nimport { getApexLineChartDefaultOptions } from \"@/apps/dashboard/chartConfig\"\nimport {\n computeDateLabelForData,\n createdDateArray,\n FILTER_KEY_TIMEFRAME,\n getBurntUpChartData,\n timeframes,\n today\n} from \"@/apps/dashboard/chartUtils\"\nimport BaoWidgetConfigurator from \"@/apps/dashboard/BaoWidgetsBaseComponents/BaoWidgetConfigurator\"\nimport BaoWidgetDisplay from \"@/apps/dashboard/BaoWidgetsBaseComponents/BaoWidgetDisplay\"\n\nconst ApexLineChart = () => import(/* webpackChunkName: \"ApexLineChart\" */ \"../BaoWidgetsBaseComponents/ApexCharts/ApexLineChart\")\n\nexport default {\n name: \"BaoWidgetSuccessGoal\",\n info: {\n title: \"Success Goal\",\n description: \"Target number and status quo of successful calls for a given time period.\"\n },\n extends: BaoWidgetBasicMixin,\n mounted () {\n if (this.chartData) {\n this.customChartRender(this.chartData)\n }\n },\n data () {\n return {\n getApexLineChartDefaultOptions,\n createdDateArray,\n getBurntUpChartData,\n today,\n chartComponent: ApexLineChart,\n configuratorComponent: BaoWidgetConfigurator,\n displayComponent: BaoWidgetDisplay,\n transformedData: {},\n computeDateLabelForData,\n staticTextDefault: {\n actualGrowth: \"Actual Growth\",\n expectedGrowth: \"Expected Growth\",\n target: \"Target\",\n today: \"Today\"\n },\n chartStyle: { \"aspect-ratio\": 1.5 }\n }\n },\n computed: {\n todayInString () {\n return this.today.toLocaleString(\"default\", { month: \"short\", day: \"numeric\" })\n },\n getTodayCallsCount () {\n const index = this.transformedData.labels.findIndex(item => item === this.todayInString)\n if (index > -1) {\n return this.transformedData.actualSeries[index]\n }\n return 0\n },\n staticText () {\n return this.$store.getters[\"I18nStore/getI18n\"](this.$options.name, this.staticTextDefault)\n }\n },\n methods: {\n mappingFunc (items) {\n const computedDateLabels = this.computeDateLabelForData(items, this.widget, true)\n const data = computedDateLabels.map(item => {\n return { text: item.text, actualData: item.count }\n })\n this.transformedData = this.getBurntUpChartData(data, items.goal)\n return [\n {\n name: this.staticText.actualGrowth,\n data: this.transformedData.actualSeries\n },\n {\n name: this.staticText.expectedGrowth,\n data: this.transformedData.idealSeries\n }\n ]\n },\n getChartOptions () {\n return { ...this.getApexLineChartDefaultOptions(this.widget, this.transformedData.labels), ...this.getAnnotations() }\n },\n getConfigOptions () {\n return [\n {\n type: \"filterOptions\",\n whitelist: [\"tags\", \"user\", \"duration\", \"timeframe\"],\n defaultFilters: { [FILTER_KEY_TIMEFRAME]: timeframes.thisMonth }\n },\n {\n type: \"criteriaOptions\",\n value: { type: \"callResult\" },\n options: [\"callResult\", \"callDuration\", \"answer\"],\n fieldName: \"successCriteria\"\n },\n {\n label: this.staticText.target,\n type: \"number\",\n value: 20, // default\n fieldName: \"goal\"\n }\n ]\n },\n getAnnotations () {\n return {\n annotations: {\n xaxis: [{\n x: this.todayInString,\n strokeDashArray: 1,\n borderColor: \"rgba(0, 0, 0, 0.1)\",\n label: {\n offsetY: 15,\n orientation: \"horizontal\",\n borderColor: \"#ffffff\",\n text: this.staticText.today\n }\n }\n ],\n points: [{\n x: this.transformedData.labels.at(-1),\n y: this.widget.config.goal,\n marker: {\n size: 6,\n colors: \"#ffffff\",\n strokeColor: \"rgba(31, 179, 9, 1)\",\n shape: \"circle\",\n radius: 2\n },\n image: {\n path: \"/img/euro-sign-solid.svg\"\n }\n },\n {\n x: this.todayInString,\n marker: {\n size: 4,\n colors: \"#ffffff\",\n strokeColor: \"rgba(255, 86, 50, 0.4)\",\n shape: \"circle\",\n radius: 2\n }\n },\n {\n x: this.todayInString,\n y: this.getTodayCallsCount,\n marker: {\n size: 4,\n colors: \"#ffffff\",\n strokeColor: \"rgba(255, 86, 50, 0.4)\",\n shape: \"circle\",\n radius: 2\n }\n }]\n }\n }\n },\n getDisplayProps () {\n return { widget: this.widget }\n },\n getConfigProps () {\n return { widget: this.widget, configOptions: this.getConfigOptions() }\n }\n }\n}\n","import BaoWidgetBasicMixin from \"@/apps/dashboard/BaoWidgetsBaseComponents/BaoWidgetBasicMixin\"\nimport {\n getDefaultLineChartOptions,\n getUsername,\n computeDateLabelForData,\n formatMillisecondsToHHMMSS\n} from \"@/apps/dashboard/chartUtils\"\nimport BaoWidgetConfigurator from \"@/apps/dashboard/BaoWidgetsBaseComponents/BaoWidgetConfigurator\"\nimport BaoWidgetDisplay from \"@/apps/dashboard/BaoWidgetsBaseComponents/BaoWidgetDisplay\"\n\nconst LineChart = () => import(/* webpackChunkName: \"LineChart\" */ \"@/apps/dashboard/BaoWidgetsBaseComponents/LineChart\")\n\nexport default {\n name: \"BaoWidgetCallDurationStats\",\n info: {\n title: \"Call Duration Stats\",\n description: \"Shows how long the minimum, maximum, average and median values of the calls are.\"\n },\n extends: BaoWidgetBasicMixin,\n mounted () {\n if (this.chartData) {\n this.customChartRender(this.chartData)\n }\n },\n data () {\n return {\n getUsername,\n computeDateLabelForData,\n getDefaultLineChartOptions,\n formatMillisecondsToHHMMSS,\n chartComponent: LineChart,\n configuratorComponent: BaoWidgetConfigurator,\n displayComponent: BaoWidgetDisplay,\n staticTextDefault: {\n avg: \"Average duration\",\n median: \"Median duration\",\n max: \"Maximum duration\",\n min: \"Minimum duration\"\n }\n }\n },\n computed: {\n staticText () {\n return this.$store.getters[\"I18nStore/getI18n\"](this.$options.name, this.staticTextDefault)\n },\n showGoToConversationsButton () {\n return !!(this.chartData && this.chartData.labels && this.chartData.labels.length > 0)\n }\n },\n methods: {\n mappingFunc (data) {\n const transformedData = this.computeDateLabelForData(data, this.widget)\n const { labels, avgDataset, minDataset, maxDataset, medianDataset } = this.getDatasets(transformedData)\n const defaultConfig = {\n fill: false,\n tension: 0.1,\n borderWidth: 0.9\n }\n return {\n labels,\n datasets: [{\n label: this.staticText.avg,\n data: avgDataset,\n borderColor: \"rgba(177, 82, 36, 1)\",\n ...defaultConfig\n },\n {\n label: this.staticText.max,\n data: maxDataset,\n borderColor: \"rgba(42, 45, 82, 0.8)\",\n ...defaultConfig\n },\n {\n label: this.staticText.min,\n data: minDataset,\n borderColor: \"rgba(0, 0, 0, 0.5)\",\n ...defaultConfig\n },\n {\n label: this.staticText.median,\n data: medianDataset,\n borderColor: \"rgba(177, 82, 36, 0.4)\",\n ...defaultConfig\n }]\n }\n },\n getDatasets (transformedData) {\n const labels = []\n const avgDataset = []\n const minDataset = []\n const maxDataset = []\n const medianDataset = []\n for (const item of transformedData) {\n labels.push(item.text)\n if (!item.avg_duration) {\n avgDataset.push(0.0)\n minDataset.push(0)\n maxDataset.push(0)\n medianDataset.push(0.0)\n } else {\n avgDataset.push(item.avg_duration)\n minDataset.push(item.min_duration)\n maxDataset.push(item.max_duration)\n medianDataset.push(item.median_duration)\n }\n }\n return { labels, avgDataset, minDataset, maxDataset, medianDataset }\n },\n getChartOptions () {\n const chartOptions = this.getDefaultLineChartOptions(this.widget, { legend: true })\n chartOptions.scales.yAxes[0].ticks.callback = (milliseconds) => this.formatMillisecondsToHHMMSS(milliseconds)\n chartOptions.scales.yAxes[0].scaleLabel = { display: true, labelString: \"HH:MM:SS\", fontSize: 10, padding: 0 }\n chartOptions.tooltips.callbacks.label = (value) => this.formatMillisecondsToHHMMSS(value.yLabel)\n return chartOptions\n },\n getConfigOptions () {\n return []\n },\n getDisplayProps () {\n return { widget: this.widget, showConversationsView: this.showGoToConversationsButton }\n },\n getConfigProps () {\n return { widget: this.widget, configOptions: this.getConfigOptions() }\n }\n }\n}\n","import BaoWidgetBasicMixin from \"@/apps/dashboard/BaoWidgetsBaseComponents/BaoWidgetBasicMixin\"\nimport {\n getDefaultLineChartOptions,\n getUsername,\n computeDateLabelForData,\n formatMillisecondsToHHMMSS\n} from \"@/apps/dashboard/chartUtils\"\nimport BaoWidgetConfigurator from \"@/apps/dashboard/BaoWidgetsBaseComponents/BaoWidgetConfigurator\"\nimport BaoWidgetDisplay from \"@/apps/dashboard/BaoWidgetsBaseComponents/BaoWidgetDisplay\"\n\nconst LineChart = () => import(/* webpackChunkName: \"LineChart\" */ \"@/apps/dashboard/BaoWidgetsBaseComponents/LineChart\")\n\nexport default {\n name: \"BaoWidgetTotalCallTime\",\n info: {\n title: \"Total Call Time\",\n description: \"Displays the summarized call duration of calls over time.\"\n },\n extends: BaoWidgetBasicMixin,\n mounted () {\n if (this.chartData) {\n this.customChartRender(this.chartData)\n }\n },\n data () {\n return {\n getUsername,\n computeDateLabelForData,\n getDefaultLineChartOptions,\n formatMillisecondsToHHMMSS,\n chartComponent: LineChart,\n configuratorComponent: BaoWidgetConfigurator,\n displayComponent: BaoWidgetDisplay,\n totalCallTime: 0,\n staticTextDefault: {\n hourLabel: \"h\",\n minutesLabel: \"min\",\n secondsLabel: \"sec\"\n }\n }\n },\n computed: {\n staticText () {\n return this.$store.getters[\"I18nStore/getI18n\"](this.$options.name, this.staticTextDefault)\n },\n showGoToConversationsButton () {\n return this.totalCallTime > 0\n }\n },\n methods: {\n mappingFunc (data) {\n this.totalCallTime = data.total_call_time\n const transformedData = this.computeDateLabelForData(data, this.widget)\n const { labels, dataSet } = this.getDatasets(transformedData)\n const defaultConfig = {\n fill: false,\n tension: 0.1,\n borderWidth: 0.9\n }\n return {\n labels,\n datasets: [\n {\n label: this.staticText.avg,\n data: dataSet,\n borderColor: \"rgba(177, 82, 36, 1)\",\n ...defaultConfig\n }\n ]\n }\n },\n getDatasets (transformedData) {\n const labels = []\n const dataSet = []\n for (const item of transformedData) {\n labels.push(item.text)\n if (item.sum_duration) dataSet.push(item.sum_duration)\n else dataSet.push(0.0)\n }\n return { labels, dataSet }\n },\n getChartOptions () {\n const chartOptions = this.getDefaultLineChartOptions(this.widget)\n chartOptions.scales.yAxes[0].ticks.callback = (milliseconds) => this.formatMillisecondsToHHMMSS(milliseconds)\n chartOptions.scales.yAxes[0].scaleLabel = { display: true, labelString: \"HH:MM:SS\", fontSize: 10, padding: 0 }\n chartOptions.tooltips.callbacks.label = (value) => this.formatMillisecondsToHHMMSS(value.yLabel)\n return chartOptions\n },\n getConfigOptions () {\n return []\n },\n getDisplayProps () {\n const formattedTotalCallTime = this.formatTotalCallTime(this.formatMillisecondsToHHMMSS(this.totalCallTime))\n return { widget: this.widget, totalItems: formattedTotalCallTime, showConversationsView: this.showGoToConversationsButton }\n },\n formatTotalCallTime (timeInHHMMSS) {\n // This formats time in HH:MM:SS to HH h, MM mins, SS secs\n const timeArray = timeInHHMMSS.split(\":\")\n const hours = Number(timeArray[0])\n const minutes = Number(timeArray[1])\n const seconds = Number(timeArray[2])\n let formattedTime = \"\"\n if (hours > 0 || minutes > 0 || seconds > 0) {\n if (hours > 0) formattedTime += `${hours} ${this.staticText.hourLabel}, `\n if (minutes > 0) formattedTime += `${minutes} ${this.staticText.minutesLabel}, `\n if (seconds > 0) formattedTime += `${seconds} ${this.staticText.secondsLabel}`\n return formattedTime\n } else return 0\n },\n getConfigProps () {\n return { widget: this.widget, configOptions: this.getConfigOptions() }\n }\n }\n}\n","import BaoWidgetBasicMixin from \"@/apps/dashboard/BaoWidgetsBaseComponents/BaoWidgetBasicMixin\"\nimport {\n getDefaultLineChartOptions,\n getUsername,\n computeDateLabelForData,\n formatMillisecondsToHHMMSS\n} from \"@/apps/dashboard/chartUtils\"\nimport BaoWidgetConfigurator from \"@/apps/dashboard/BaoWidgetsBaseComponents/BaoWidgetConfigurator\"\nimport BaoWidgetDisplay from \"@/apps/dashboard/BaoWidgetsBaseComponents/BaoWidgetDisplay\"\nimport { defaultLineDatasetValues } from \"@/apps/dashboard/chartConfig\"\n\nconst LineChart = () => import(/* webpackChunkName: \"LineChart\" */ \"@/apps/dashboard/BaoWidgetsBaseComponents/LineChart\")\nexport default {\n name: \"BaoWidgetTimeGraph\",\n info: {\n title: \"Activity Over Time\",\n description: \"Displays the total number of dial attempts and calls over time.\"\n },\n extends: BaoWidgetBasicMixin,\n mounted () {\n if (this.chartData) {\n this.customChartRender(this.chartData)\n }\n },\n data () {\n return {\n getUsername,\n computeDateLabelForData,\n getDefaultLineChartOptions,\n formatMillisecondsToHHMMSS,\n chartComponent: LineChart,\n configuratorComponent: BaoWidgetConfigurator,\n displayComponent: BaoWidgetDisplay,\n totalCalls: 0\n }\n },\n computed: {\n staticText () {\n return this.$store.getters[\"I18nStore/getI18n\"](this.$options.name, this.staticTextDefault)\n },\n showGoToConversationsButton () {\n return this.totalCalls > 0\n }\n },\n methods: {\n mappingFunc (data) {\n const transformedData = this.computeDateLabelForData(data, this.widget)\n const { labels, dataset } = this.getDatasets(transformedData)\n this.totalCalls = this.getTotalCount(data.data)\n return {\n labels,\n datasets: [{\n label: this.staticText.avg,\n data: dataset,\n ...defaultLineDatasetValues\n }]\n }\n },\n getDatasets (transformedData) {\n const labels = []\n const dataset = []\n for (const item of transformedData) {\n labels.push(item.text)\n dataset.push(Math.round(item.count * 100) / 100)\n }\n return { labels, dataset }\n },\n getChartOptions () {\n return this.getDefaultLineChartOptions(this.widget)\n },\n getConfigOptions () {\n return []\n },\n getDisplayProps () {\n return { widget: this.widget, totalItems: this.totalCalls, showConversationsView: this.showGoToConversationsButton }\n },\n getConfigProps () {\n return { widget: this.widget, configOptions: this.getConfigOptions() }\n }\n }\n}\n","import BaoWidgetBasicMixin from \"@/apps/dashboard/BaoWidgetsBaseComponents/BaoWidgetBasicMixin\"\nimport {\n FILTER_KEY_PLAYBOOK,\n getDefaultHorizontalBarChartOptions\n} from \"@/apps/dashboard/chartUtils\"\nimport { defaultHorizontalDatasetValues } from \"@/apps/dashboard/chartConfig\"\nimport BaoWidgetConfigurator from \"@/apps/dashboard/BaoWidgetsBaseComponents/BaoWidgetConfigurator\"\nimport BaoWidgetDisplay from \"@/apps/dashboard/BaoWidgetsBaseComponents/BaoWidgetDisplay\"\n\nconst HorizontalBarChart = () => import(/* webpackChunkName: \"HorizontalBarChart\" */ \"@/apps/dashboard/BaoWidgetsBaseComponents/HorizontalBarChart\")\n\nexport default {\n name: \"BaoWidgetMostFrequentAnswerForItem\",\n info: {\n title: \"Most Frequent Answers\",\n description: \"Shows which answers were given most often per selected item.\"\n },\n extends: BaoWidgetBasicMixin,\n mounted () {\n if (this.chartData) {\n this.customChartRender(this.chartData)\n }\n },\n data () {\n return {\n getDefaultHorizontalBarChartOptions,\n chartComponent: HorizontalBarChart,\n configuratorComponent: BaoWidgetConfigurator,\n displayComponent: BaoWidgetDisplay,\n totalAnswers: 0\n }\n },\n methods: {\n mappingFunc (items) {\n items = items\n .sort((a, b) => b.count_text - a.count_text)\n .filter(item => item.count_text > 0)\n .splice(0, 10)\n // TODO: combine the rest into \"Other\" field\n const labels = []\n const data = []\n const callIds = []\n this.totalAnswers = this.getTotalCount(items, \"count_text\")\n for (const item of items) {\n labels.push(item.text)\n data.push(item.count_text)\n callIds.push(item.arrayagg_call_item__call__id)\n }\n return {\n labels,\n datasets: [{ ...defaultHorizontalDatasetValues, data }],\n callIds\n }\n },\n getChartOptions () {\n const dataLabelClickCallBack = (dataIndex) => {\n this.showConversations(dataIndex)\n }\n return this.getDefaultHorizontalBarChartOptions(\n this.widget,\n this,\n {\n dataLabelClickCallBack\n }\n )\n },\n getConfigOptions () {\n return [\n {\n type: \"filterOptions\",\n blacklist: [FILTER_KEY_PLAYBOOK]\n },\n {\n type: \"playbookAndPlaybookItemFilter\",\n value: {\n playbooks: [],\n playbookItems: []\n }, // default\n fieldName: \"playbookAndPlaybookItemFilter\"\n }\n ]\n },\n getDisplayProps () {\n return { widget: this.widget, totalItems: this.totalAnswers }\n },\n getConfigProps () {\n return { widget: this.widget, configOptions: this.getConfigOptions() }\n }\n }\n}\n","import moment from \"moment\"\nimport {\n createdDateArray,\n getDefaultHorizontalBarChartOptions,\n getDefaultLineChartOptions,\n getThisMonth,\n getUsername,\n transformDateRange\n} from \"./chartUtils\"\nimport axios from \"axios\"\nimport BaoWidgetMostFrequentShortcuts from \"@/apps/dashboard/BaoWidgets/BaoWidgetMostFrequentShortcuts\"\nimport BaoWidgetCallsPerDay from \"@/apps/dashboard/BaoWidgets/BaoWidgetCallsPerDay\"\nimport BaoWidgetCallsPerPlaybook from \"@/apps/dashboard/BaoWidgets/BaoWidgetCallsPerPlaybook\"\nimport BaoWidgetCallsPerUser from \"@/apps/dashboard/BaoWidgets/BaoWidgetCallsPerUser\"\nimport BaoWidgetCallsPerMonth from \"@/apps/dashboard/BaoWidgets/BaoWidgetCallsPerMonth\"\nimport BaoDashboardCard from \"@/apps/dashboard/BaoWidgetsBaseComponents/BaoDashboardCard\"\nimport BaoWidgetCallAttemptsGoal from \"@/apps/dashboard/BaoWidgets/BaoWidgetCallAttemptsGoal\"\nimport BaoWidgetTeamCallActivity from \"@/apps/dashboard/BaoWidgets/BaoWidgetTeamCallActivity\"\nimport BaoWidgetReachabilityMatrix from \"@/apps/dashboard/BaoWidgets/BaoWidgetReachabilityMatrix/BaoWidgetReachabilityMatrix\"\nimport BaoWidgetConversationGoal from \"@/apps/dashboard/BaoWidgets/BaoWidgetConversationGoal/BaoWidgetConversationGoal\"\nimport BaoWidgetPlaybookConversion from \"@/apps/dashboard/BaoWidgets/BaoWidgetPlaybookConversion/BaoWidgetPlaybookConversion\"\nimport BaoWidgetSuccessGoal from \"@/apps/dashboard/BaoWidgets/BaoWidgetSuccessGoal\"\nimport BaoWidgetCallDurationStats from \"@/apps/dashboard/BaoWidgets/BaoWidgetCallDurationStats\"\nimport BaoWidgetTotalCallTime from \"@/apps/dashboard/BaoWidgets/BaoWidgetTotalCallTime\"\nimport BaoWidgetTimeGraph from \"@/apps/dashboard/BaoWidgets/BaoWidgetTimeGraph\"\nimport BaoWidgetMostFrequentAnswersForItem from \"@/apps/dashboard/BaoWidgets/BaoWidgetMostFrequentAnswersForItem\"\n\nconst BaoAnalytics = () => import(/* webpackChunkName: \"BaoAnalytics\" */ \"@/apps/dashboard/BaoAnalytics\")\n\nexport const defaultLineDatasetValues = {\n backgroundColor: \"rgba(255, 86, 50, 0.08)\",\n borderColor: \"#B15224\",\n pointBorderColor: \"#B15224\",\n borderWidth: 1\n}\n\nexport const defaultHorizontalDatasetValues = {\n backgroundColor: \"rgba(42, 45, 82, 0.8)\",\n borderColor: \"rgba(42, 45, 82, 0.8)\",\n borderWidth: 1\n}\n\nexport function getDataForWidget (widget) {\n return new Promise((resolve, reject) => {\n if (!widget.id) reject(new Error(\"Widget has no id, aborting.\"))\n axios.get(`/api/widgets/${widget.id}/query`).then(resolve)\n })\n}\n\nexport function getDefaultWidgets () {\n return {\n activity_over_time: {\n component: BaoWidgetTimeGraph,\n type: \"activity_over_time\",\n thumbnail: \"/img/widgetThumbnails/conversationsPerMonth.svg\",\n deprecated: false\n },\n conversations_per_month: {\n component: BaoWidgetCallsPerMonth,\n type: \"conversations_per_month\",\n thumbnail: \"/img/widgetThumbnails/conversationsPerMonth.svg\",\n deprecated: true\n },\n team_call_activity: {\n component: BaoWidgetTeamCallActivity,\n type: \"team_call_activity\",\n thumbnail: \"/img/widgetThumbnails/conversationsPerUser.svg\",\n deprecated: false\n },\n daily_activity_goal: {\n component: BaoWidgetCallAttemptsGoal,\n type: \"daily_activity_goal\",\n thumbnail: \"/img/widgetThumbnails/daily_activity_goal.svg\",\n deprecated: false\n },\n daily_success_goal: {\n component: BaoWidgetConversationGoal,\n type: \"daily_success_goal\",\n thumbnail: \"/img/widgetThumbnails/dailySuccessGoal.svg\",\n deprecated: false\n },\n conversations_per_day: {\n component: BaoWidgetCallsPerDay,\n type: \"conversations_per_day\",\n thumbnail: \"/img/widgetThumbnails/conversationsPerDay.svg\",\n deprecated: true\n },\n monthly_success_goal: {\n component: BaoWidgetSuccessGoal,\n type: \"monthly_success_goal\",\n thumbnail: \"/img/widgetThumbnails/conversationsPerMonth.svg\",\n deprecated: false\n },\n conversations_per_playbook: {\n component: BaoWidgetCallsPerPlaybook,\n type: \"conversations_per_playbook\",\n thumbnail: \"/img/widgetThumbnails/conversationsPerPlaybook.svg\",\n deprecated: false\n },\n conversations_per_user: {\n component: BaoWidgetCallsPerUser,\n type: \"conversations_per_user\",\n thumbnail: \"/img/widgetThumbnails/conversationsPerUser.svg\",\n deprecated: true\n },\n answers_for_item: {\n component: BaoWidgetMostFrequentAnswersForItem,\n type: \"answers_for_item\",\n thumbnail: \"/img/widgetThumbnails/most_frequent_answers.svg\",\n deprecated: false\n },\n most_frequent_objections: {\n component: BaoWidgetMostFrequentShortcuts,\n type: \"most_frequent_objections\",\n thumbnail: \"/img/widgetThumbnails/mostFrequentObjections.svg\",\n deprecated: false\n },\n reachability_matrix: {\n component: BaoWidgetReachabilityMatrix,\n type: \"reachability_matrix\",\n thumbnail: \"/img/widgetThumbnails/reachabilityMatrix.svg\",\n deprecated: false\n },\n playbook_conversion: {\n component: BaoWidgetPlaybookConversion,\n type: \"playbook_conversion\",\n thumbnail: \"/img/widgetThumbnails/playbookConversion.svg\",\n deprecated: false\n },\n call_duration_stats: {\n component: BaoWidgetCallDurationStats,\n type: \"call_duration_stats\",\n thumbnail: \"/img/widgetThumbnails/conversationsPerDay.svg\",\n deprecated: false\n },\n total_call_time: {\n component: BaoWidgetTotalCallTime,\n type: \"total_call_time\",\n thumbnail: \"/img/widgetThumbnails/baoWidgetTotalCallTime.svg\",\n deprecated: false\n }\n }\n}\n\n/* TODO:can be removed */\nexport function getAvailableCharts (staticText) {\n const MAX_ITEM_NUMBER = 10\n\n return [\n {\n id: 1,\n title: staticText.conversationsPerMonthLabel,\n description: staticText.conversationsPerMonthDescription,\n url: \"/api/calls/stats?group_by[created_at__year]&group_by[created_at__month]&aggregate[Count]=id\",\n filter: {\n created_at__range: {\n field: \"created_at__range\",\n value: {\n start: moment().subtract(11, \"month\").startOf(\"month\"),\n end: moment().endOf(\"month\")\n },\n transform: transformDateRange\n }\n },\n chartType: \"line\",\n mappingFunc (items) {\n const dateArray = createdDateArray(moment().subtract(11, \"month\"), \"month\")\n const data = dateArray.map(date => {\n const result = { text: date.toLocaleString(\"default\", { month: \"short\", year: \"numeric\" }), count: 0 }\n const data = items.filter(item => item.created_at__month === moment(date).month() + 1)\n if (data && data.length > 0) result.count = data[0].count_id\n return result\n })\n const result = {}\n result.labels = data.map(item => item.text)\n result.datasets = [{\n ...defaultLineDatasetValues,\n data: data.map(item => Math.round(item.count * 100) / 100)\n }]\n return result\n },\n getOptions: getDefaultLineChartOptions\n },\n {\n id: 5,\n title: staticText.conversationsPerPlaybookLabel,\n description: staticText.conversationsPerPlaybookDescription,\n url: \"/api/calls/stats?group_by[talkscript__name]&aggregate[Count]=id\",\n filter: {\n created_at__range: {\n field: \"created_at__range\",\n value: getThisMonth(),\n transform: transformDateRange,\n label: \"Date Filter\"\n }\n },\n chartType: \"horizontalbar\",\n mappingFunc (items) {\n items = items.sort((a, b) => b.count_id - a.count_id)\n .filter(item => item.count_id > 0)\n .splice(0, MAX_ITEM_NUMBER)\n const labels = []\n const data = []\n for (const item of items) {\n labels.push(item.talkscript__name)\n data.push(item.count_id)\n }\n return {\n labels,\n datasets: [{ ...defaultHorizontalDatasetValues, data }]\n }\n },\n getOptions: getDefaultHorizontalBarChartOptions\n },\n {\n id: 3,\n title: staticText.conversationsPerUserLabel,\n description: staticText.conversationsPerUserDescription,\n url: \"/api/calls/stats?group_by[user__email]&group_by[user__first_name]&group_by[user__last_name]&aggregate[Count]=id\",\n filter: {\n created_at__range: {\n field: \"created_at__range\",\n value: getThisMonth(),\n transform: transformDateRange\n },\n user__is_active: {\n field: \"user__is_active\",\n value: true\n }\n },\n chartType: \"horizontalbar\",\n mappingFunc (items) {\n items = items.sort((a, b) => b.count_id - a.count_id).splice(0, MAX_ITEM_NUMBER)\n const labels = []\n const data = []\n for (const item of items) {\n labels.push(getUsername(item))\n data.push(item.count_id)\n }\n return {\n labels,\n datasets: [{ ...defaultHorizontalDatasetValues, data }]\n }\n },\n getOptions: getDefaultHorizontalBarChartOptions\n },\n {\n id: 10,\n title: staticText.conversationsPerDayLabel,\n description: staticText.conversationsPerDayDescription,\n url: \"/api/calls/stats?group_by[created_at__date]&aggregate[CountDistinct]=id\",\n filter: {\n created_at__range: {\n field: \"created_at__range\",\n value: getThisMonth(),\n transform: transformDateRange\n }\n },\n chartType: \"line\",\n mappingFunc: items => {\n const dateArray = createdDateArray(moment().startOf(\"month\"), \"day\", moment().endOf(\"month\"))\n items = dateArray.map(date => {\n const result = { text: date.toLocaleString(\"default\", { month: \"short\", day: \"numeric\" }), count: 0 }\n const data = items.filter(item => item.created_at__date === moment(date).format(\"YYYY-MM-DD\"))\n if (data && data.length > 0) result.count = data[0].countdistinct_id\n return result\n })\n const result = {}\n result.labels = items.map(item => item.text)\n result.datasets = [{\n data: items.map(item => Math.round(item.count * 100) / 100),\n ...defaultLineDatasetValues\n }]\n return result\n },\n getOptions: getDefaultLineChartOptions\n },\n {\n id: 8,\n title: staticText.objectionsPerPlaybookLabel,\n description: staticText.objectionsPerPlaybookDescription,\n url: \"/api/calls/stats?group_by[talkscript]&group_by[talkscript__name]&aggregate[CountIfTrue]=additional_data_for_call__is_objection\",\n filter: {\n created_at__range: {\n field: \"created_at__range\",\n value: getThisMonth(),\n transform: transformDateRange,\n label: \"Date Filter\"\n }\n },\n chartType: \"horizontalbar\",\n mappingFunc (items) {\n items = items.map(item => {\n return {\n text: item.talkscript__name,\n count: item.countiftrue_additional_data_for_call__is_objection\n }\n }).sort((a, b) => b.count - a.count).filter(item => item.count > 0).splice(0, MAX_ITEM_NUMBER)\n const result = {}\n result.labels = items.map(item => item.text)\n result.datasets = [{\n data: items.map(item => item.count),\n ...defaultHorizontalDatasetValues\n }]\n return result\n },\n getOptions: getDefaultHorizontalBarChartOptions\n },\n {\n id: 7,\n title: staticText.objectionsPerUserLabel,\n description: staticText.objectionsPerUserDescription,\n url: \"/api/calls/stats?group_by[created_by__email]&group_by[created_by__first_name]&group_by[created_by__last_name]&aggregate[CountIfTrue]=additional_data_for_call__is_objection\",\n filter: {\n created_at__range: {\n field: \"created_at__range\",\n value: getThisMonth(),\n transform: transformDateRange,\n label: \"Date Filter\"\n }\n },\n chartType: \"horizontalbar\",\n mappingFunc (items) {\n items = items.map(item => {\n return {\n text: getUsername(item, \"created_by\"),\n count: item.countiftrue_additional_data_for_call__is_objection\n }\n }).sort((a, b) => b.count - a.count).filter(item => item.count > 0).splice(0, MAX_ITEM_NUMBER)\n const result = {}\n result.labels = items.map(item => item.text)\n result.datasets = [{\n data: items.map(item => item.count),\n ...defaultHorizontalDatasetValues\n }]\n return result\n },\n getOptions: getDefaultHorizontalBarChartOptions\n }\n ].map(item => {\n item.loading = true\n item.component = BaoDashboardCard\n return item\n })\n}\n\nexport function playbookAnalyticsPage (staticText) {\n return {\n id: \"playbookanalytics\",\n name: staticText.playbookAnalytics,\n widgets: [{\n size: 2,\n component: BaoAnalytics\n }],\n static: true,\n icon: \"/img/icons/bar-chart.svg\"\n }\n}\n\nexport function getApexLineChartDefaultOptions (widget, labels) {\n const widgetName = widget.name ? widget.name : widget.title\n const chartId = widgetName.split(\" \").join(\"\") + widget.id\n return {\n chart: {\n type: \"line\",\n id: chartId,\n toolbar: {\n show: false\n }\n },\n colors: [\"rgba(255, 86, 50, 0.4)\", \"rgba(42, 45, 82, 0.4)\"],\n yaxis: {\n labels: {\n formatter: function (val, index) {\n return val.toFixed(0)\n }\n }\n },\n dataLabels: {\n enabled: false\n },\n stroke: {\n width: 1,\n curve: [\"stepline\", \"straight\"]\n },\n grid: {\n padding: {\n right: 30,\n left: 20\n }\n },\n labels,\n tooltip: {\n y: {\n formatter: function (value, { series, seriesIndex, dataPointIndex, w }) {\n return Math.round(value)\n }\n }\n }\n }\n}\n","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../../../node_modules/vue-svg-inline-loader/src/index.js!./DurationFilter.vue?vue&type=style&index=0&id=5f694e0a&prod&scoped=true&lang=scss&\"","// extracted by mini-css-extract-plugin\nmodule.exports = {\"white\":\"#fff\",\"white20\":\"rgba(255,255,255,.2)\",\"slate10\":\"rgba(42,45,82,.1)\",\"slate20\":\"rgba(42,45,82,.2)\",\"slate80\":\"rgba(42,45,82,.8)\",\"orange\":\"#ff5632\",\"orange12\":\"rgba(255,86,50,.12)\",\"bricklight\":\"#dcb6a3\"};","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('base-filter',{attrs:{\"value\":_vm.selectedCounterparts,\"label\":_vm.staticText.selectCounterparts,\"url\":_vm.getUrl,\"key-to-extract-value\":\"id\",\"required\":false,\"show-delete\":true,\"internal-search\":true,\"hasError\":_vm.hasError,\"isOpenFromAdvancedFilters\":_vm.isOpenFromAdvancedFilters},on:{\"input\":_vm.handleValueChanged,\"delete\":function($event){return _vm.$emit('delete')}}})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n {{ successRatio }} %\n
\n \n \n {{this.chartData.success_calls }} {{ this.staticText.success }} / {{ this.chartData.total_calls }} {{ this.getConversationLabel }}\n \n
\n \n ![](\"/img/icons/round-exclamation-btn.svg\"\n)
\n\n
\n \n\n \n
\n \n \n {{ staticText.cancel }}\n \n\n \n {{ staticText.delete }}\n \n
\n \n \n \n \n \n {{ label }}\n \n \n\n \n {{ getTooltip }}\n \n\n \n \n
\n\n\n\n\n\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../node_modules/vue-svg-inline-loader/src/index.js!./BaoDeleteButton.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../node_modules/vue-svg-inline-loader/src/index.js!./BaoDeleteButton.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BaoDeleteButton.vue?vue&type=template&id=54638682&scoped=true&\"\nimport script from \"./BaoDeleteButton.vue?vue&type=script&lang=js&\"\nexport * from \"./BaoDeleteButton.vue?vue&type=script&lang=js&\"\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 \"54638682\",\n null\n \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('base-filter',{attrs:{\"value\":_vm.options.value,\"label\":_vm.displayLabel,\"showLabel\":false,\"url\":_vm.getUrl,\"multiselect\":_vm.options.multiselect,\"required\":_vm.options.required,\"hasError\":_vm.hasError},on:{\"input\":_vm.handleValueChanged}})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n \n item.name\"\n :track-by=\"keyToExtractValue\"\n :group-values=\"groupValues\"\n :group-label=\"groupLabel\"\n :group-select=\"false\"\n @search-change=\"searchTerm=>search(searchTerm, internalSearch)\"\n @input=\"handleValueSelected\"\n >\n \n \n \n \n {{ option.name }}\n \n \n\n \n \n \n \n \n \n {{ staticText.listIsEmpty }}\n \n \n \n
\n\n\n\n\n\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../../node_modules/vue-svg-inline-loader/src/index.js!./BaseFilter.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../../node_modules/vue-svg-inline-loader/src/index.js!./BaseFilter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BaseFilter.vue?vue&type=template&id=4b8478f6&scoped=true&\"\nimport script from \"./BaseFilter.vue?vue&type=script&lang=js&\"\nexport * from \"./BaseFilter.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BaseFilter.vue?vue&type=style&index=0&id=4b8478f6&prod&scoped=true&lang=css&\"\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 \"4b8478f6\",\n null\n \n)\n\nexport default component.exports","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../../../node_modules/vue-svg-inline-loader/src/index.js!./FilterConfigurations.vue?vue&type=style&index=1&id=a8e3c900&prod&lang=scss&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../node_modules/vue-svg-inline-loader/src/index.js!./BaoWidgetDisplay.vue?vue&type=style&index=1&id=1fb7a1f7&prod&scoped=true&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{class:['bao-widget-filter w-100 d-flex', { 'advanced-filters' : _vm.isOpenFromAdvancedFilters }]},[_c('div',{staticClass:\"w-100 filter-body\"},[_c('label',{staticClass:\"mb-2 filter-title\",attrs:{\"id\":\"label-timeframe-filter-202112211245\",\"for\":\"timeframe-filter-202112211245\"}},[_vm._v(\" \"+_vm._s(_vm.staticText.selectTimeframe)+\" \")]),_c('bao-widget-filter-container',{attrs:{\"label\":_vm.staticText.selectTimeframe,\"label-tag\":\"timeframe-filter-202112211245\",\"hasError\":_vm.noValueError}},[_c('vue-multiselect',{attrs:{\"id\":\"timeframe-filter-202112211245\",\"options\":_vm.timeframeOptions,\"show-labels\":false,\"placeholder\":_vm.staticText.selectTimeframe,\"show-no-results\":false,\"allow-empty\":false,\"track-by\":\"value\",\"label\":\"label\"},on:{\"input\":_vm.handleTimeframeSelected},model:{value:(_vm.selectedTimeframe),callback:function ($$v) {_vm.selectedTimeframe=$$v},expression:\"selectedTimeframe\"}},[_c('span',{attrs:{\"slot\":\"noResult\"},slot:\"noResult\"},[_vm._v(_vm._s(_vm.staticText.noResultMessage))])])],1),(_vm.isStatic(_vm.selectedTimeframe))?_c('div',[_c('div',{staticClass:\"d-flex w-100 mt-2\"},[_c('div',{staticClass:\"w-50 p-1 inner-label-form\",class:{ 'error-class': _vm.customDurationError }},[_c('label',{staticClass:\"inner-label\"},[_vm._v(\" \"+_vm._s(_vm.staticText.startLabel)+\" \")]),_c('b-datepicker',{attrs:{\"placeholder\":_vm.staticText.noDateSelected},model:{value:(_vm.startDate),callback:function ($$v) {_vm.startDate=$$v},expression:\"startDate\"}})],1),_c('div',{staticClass:\"w-50 p-1 inner-label-form\",class:{ 'error-class': _vm.customDurationError }},[_c('label',{staticClass:\"inner-label\"},[_vm._v(\" \"+_vm._s(_vm.staticText.endLabel)+\" \")]),_c('b-datepicker',{attrs:{\"placeholder\":_vm.staticText.noDateSelected},model:{value:(_vm.endDate),callback:function ($$v) {_vm.endDate=$$v},expression:\"endDate\"}})],1)]),(_vm.customDurationError)?_c('p',{staticClass:\"filter-error-text\"},[_vm._v(_vm._s(_vm.customDurationError))]):_vm._e()]):_vm._e()],1),_c('div',{staticClass:\"ml-3 filter-delete\",class:{ hidden: !_vm.options.showDelete },on:{\"click\":function($event){$event.preventDefault();return _vm.$emit('delete')}}},[(!_vm.isOpenFromAdvancedFilters)?_c('i',{staticClass:\"fa fa-trash my-auto\"}):_c('svg',{attrs:{\"width\":\"7\",\"height\":\"7\",\"viewBox\":\"0 0 7 7\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"svg-inline\":'',\"role\":'presentation',\"focusable\":'false',\"tabindex\":'-1'}},[_c('mask',{attrs:{\"id\":\"a\",\"fill\":\"#fff\"}},[_c('path',{attrs:{\"d\":\"M7 .705L6.295 0 3.5 2.795.705 0 0 .705 2.795 3.5 0 6.295.705 7 3.5 4.205 6.295 7 7 6.295 4.205 3.5 7 .705z\"}})]),_c('path',{attrs:{\"d\":\"M7 .705L6.295 0 3.5 2.795.705 0 0 .705 2.795 3.5 0 6.295.705 7 3.5 4.205 6.295 7 7 6.295 4.205 3.5 7 .705z\",\"fill\":\"#000\",\"fill-opacity\":\".5\"}}),_c('path',{attrs:{\"d\":\"M7 .705l.707.707.707-.707-.707-.707L7 .705zM6.295 0l.707-.707-.707-.707-.707.707.707.707zM3.5 2.795l-.707.707.707.707.707-.707-.707-.707zM.705 0l.707-.707-.707-.707-.707.707L.705 0zM0 .705l-.707-.707-.707.707.707.707L0 .705zM2.795 3.5l.707.707.707-.707-.707-.707-.707.707zM0 6.295l-.707-.707-.707.707.707.707L0 6.295zM.705 7l-.707.707.707.707.707-.707L.705 7zM3.5 4.205l.707-.707L3.5 2.79l-.707.707.707.707zM6.295 7l-.707.707.707.707.707-.707L6.295 7zM7 6.295l.707.707.707-.707-.707-.707L7 6.295zM4.205 3.5l-.707-.707-.707.707.707.707.707-.707zM7.707-.002l-.705-.705L5.588.707l.705.705L7.707-.002zm-2.12-.705L2.794 2.088l1.414 1.414L7.002.707 5.588-.707zm-1.38 2.795L1.412-.707-.002.707l2.795 2.795 1.414-1.414zM-.003-.707l-.704.705L.707 1.412l.705-.705L-.002-.707zm-.704 2.12l2.795 2.794 1.414-1.414L.707-.002-.707 1.412zm2.795 1.38L-.707 5.588.707 7.002l2.795-2.795-1.414-1.414zm-2.795 4.21l.705.704 1.414-1.414-.705-.705-1.414 1.414zm2.12.704l2.794-2.795-1.414-1.414-2.795 2.795 1.414 1.414zm1.38-2.795l2.795 2.795 1.414-1.414-2.795-2.795-1.414 1.414zm4.21 2.795l.704-.705-1.414-1.414-.705.705 1.414 1.414zm.704-2.12L4.912 2.794 3.498 4.207l2.795 2.795 1.414-1.414zm-2.795-1.38l2.795-2.795L6.293-.002 3.498 2.793l1.414 1.414z\",\"fill\":\"#2A2D52\",\"fill-opacity\":\".01\",\"mask\":\"url(#a)\"}})])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n \n \n
\n \n
\n\n\n\n\n\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../../node_modules/vue-svg-inline-loader/src/index.js!./TimeframeFilter.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../../node_modules/vue-svg-inline-loader/src/index.js!./TimeframeFilter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TimeframeFilter.vue?vue&type=template&id=5356e9fa&scoped=true&\"\nimport script from \"./TimeframeFilter.vue?vue&type=script&lang=js&\"\nexport * from \"./TimeframeFilter.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TimeframeFilter.vue?vue&type=style&index=0&id=5356e9fa&prod&lang=scss&scoped=true&\"\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 \"5356e9fa\",\n null\n \n)\n\nexport default component.exports","import moment from \"moment\"\nimport store from \"../../store\"\nimport { getLanguage } from \"./index\"\nimport colors from \"@/assets/scss/main.scss\"\n\nexport const FILTER_KEY_DURATION = \"duration\"\nexport const FILTER_KEY_PLAYBOOK = \"talkscript__id__in\"\nexport const FILTER_KEY_OBJECTIONS = \"playbook_and_objection\"\nexport const FILTER_KEY_COUNTERPART = \"counterparts__id__in\"\nexport const FILTER_KEY_TAGS = \"tags\"\nexport const FILTER_KEY_TEXT_MATCH = \"text_match\"\nexport const FILTER_KEY_TRANSCRIPT_SEARCH = \"transcript_search\"\nexport const FILTER_KEY_TIMEFRAME = \"timeframe\"\nexport const FILTER_KEY_USER = \"user\"\nexport const FILTER_KEY_PLAYBOOK_ITEM_AND_ANSWER = \"playbook_item_and_answer\"\nexport const FILTER_KEY_OBJECTIONS__PLAYBOOK = \"talkscript__id\"\nexport const FILTER_KEY_OBJECTIONS__OBJECTIONS = \"additional_data_for_call__selected_choice__id__contains\"\nexport const FILTER_KEY_PLAYBOOK_ITEM_AND_ANSWER__PLAYBOOKS = \"call_items__talkscript__id__in\"\nexport const FILTER_KEY_PLAYBOOK_ITEM_AND_ANSWER__ITEMS = \"call_items__talkscript_item__id__in\"\nexport const FILTER_KEY_PLAYBOOK_ITEM_AND_ANSWER__TEXT = \"call_items__answers__text__in\"\nexport const FILTER_KEY_COUNTERPART_REACHABILITY = \"counterpartReachability\"\nexport const FILTER_KEY_CALL_RESULT = \"callResult\"\nexport const FILTER_KEY_ANSWER = \"answer\"\nexport const FILTER_KEY_CALL_DURATION = \"callDuration\"\nexport const FILTER_KEY_CALLS_ENDED_WITH_QUICK_END = \"ended_with_quick_call_end\"\nexport const LIBRARY_ITEM_TYPE_LABEL = \"libraryItem\"\nexport const NON_LIBRARY_ITEM_TYPE_LABEL = \"nonLibraryItem\"\nexport const FILTER_KEY_VIDEO_AVAILABLE = \"video_available\"\nexport const FILTER_KEY_AUDIO_AVAILABLE = \"audio_available\"\nexport const HUBSPOT_CALL_OUTCOME_ITEM_TAG = \"item_type/hubspot_call_outcome\"\n\nexport const today = new Date()\n\nexport function sortByAlphaNumeric (data, key = \"name\") {\n /**\n * Sorts data by alphanumeric order\n */\n return data.sort((a, b) => {\n if (!a[key]) return false\n return a[key].localeCompare(b[key], undefined, {\n numeric: true, // numeric is to true to compare the numerical part of a and b\n sensitivity: \"base\" // sensitivity is set to 'base' to compare the case and the alphabet\n })\n })\n}\n\nexport function getFormat (momentDate, f = \"YYYY-MM-DD HH:mm\") {\n return momentDate.format(f)\n}\n\nexport function formatDateRange (startDate, endDate = moment()) {\n return getFormat(startDate) + \",\" + getFormat(endDate)\n}\n\nexport function formatMillisecondsToHHMMSS (milliseconds) {\n // Get hours from milliseconds\n const hours = milliseconds / (1000 * 60 * 60)\n const absoluteHours = Math.floor(hours)\n const h = absoluteHours > 9 ? absoluteHours : \"0\" + absoluteHours\n\n // Get remainder from hours and convert to minutes\n const minutes = (hours - absoluteHours) * 60\n const absoluteMinutes = Math.floor(minutes)\n const m = absoluteMinutes > 9 ? absoluteMinutes : \"0\" + absoluteMinutes\n\n // Get remainder from minutes and convert to seconds\n const seconds = (minutes - absoluteMinutes) * 60\n const absoluteSeconds = Math.floor(seconds)\n const s = absoluteSeconds > 9 ? absoluteSeconds : \"0\" + absoluteSeconds\n return h + \":\" + m + \":\" + s\n}\n\nexport function getThisMonth () {\n return {\n start: moment().startOf(\"month\").toISOString(),\n end: moment().endOf(\"month\").toISOString()\n }\n}\n\nexport function getLocale () {\n const locale = {\n en: \"en-GB\"\n }\n return locale[getLanguage()] || \"default\"\n}\n\nexport function populateDataByDay (dateArray, items) {\n return dateArray.map(date => {\n let result = { text: date.toLocaleString(getLocale(), { month: \"short\", day: \"numeric\" }) }\n const entry = items.find(item => item.created_at__date === moment(date).format(\"YYYY-MM-DD\"))\n if (entry) result = { ...result, ...entry }\n else result = { ...result, count: 0 }\n return result\n })\n}\n\nexport function populateDataByWeek (dateArray, items) {\n return dateArray.map(date => {\n let result = { text: (getLanguage() === \"en\" ? \"Week \" : \"Woche \") + moment(date).week() + \" \" + moment(date).year() }\n const entry = items.find(item =>\n item.created_at__week === moment(date).week() && item.created_at__year === moment(date).year()\n )\n if (entry) result = { ...result, ...entry }\n else result = { ...result, count: 0 }\n return result\n })\n}\n\nexport function populateDataByMonth (dateArray, items) {\n return dateArray.map(date => {\n let result = { text: date.toLocaleString(getLocale(), { month: \"short\", year: \"numeric\" }) }\n const entry = items.find(item =>\n item.created_at__year === moment(date).year() &&\n item.created_at__month === (moment(date).month() + 1)\n )\n if (entry) result = { ...result, ...entry }\n else result = { ...result, count: 0 }\n return result\n })\n}\n\nexport function getDateFromWeekAndYear (weekNumber, year) {\n return moment().day(\"Monday\").week(weekNumber).year(year).set({ second: 0, minute: 0, hour: 0, millisecond: 0 })\n}\n\nexport function getStartAndEndDates (data, timeframeFilter) {\n const items = data.data\n let startDate = new Date(data.start_date)// get start date from backend(null if timeframeFilter = noFilter)\n let endDate = new Date(data.end_date) // get end date from backend(null if timeframeFilter = noFilter)\n if (timeframeFilter === \"noFilter\") {\n if (items.length > 0) {\n // get start date and end date from the data\n startDate = getDateFromWeekAndYear(items[0].created_at__week, items[0].created_at__year)\n endDate = getDateFromWeekAndYear(items[items.length - 1].created_at__week, items[items.length - 1].created_at__year)\n } else {\n // if no data available get start of the year until today\n startDate = moment().startOf(\"year\")\n endDate = moment().endOf(\"month\")\n }\n }\n return { startDate, endDate }\n}\n\nexport function getStartAndEndDatesIncludingFuture (data, timeframeFilter) {\n // Note: for now timeframeFilter is never \"noFilter\". Update this code if timeframeFilter===\"noFilter\"\n const startDate = new Date(data.start_date)\n let endDate = new Date(data.end_date)\n const includeFutureDates = { today: \"day\", thisWeek: \"week\", thisMonth: \"month\", thisYear: \"year\" }\n if (timeframeFilter in includeFutureDates) {\n endDate = moment().endOf(includeFutureDates[timeframeFilter])\n }\n return { startDate, endDate }\n}\n\nexport const populateDateArray = {\n month: populateDataByMonth,\n week: populateDataByWeek,\n day: populateDataByDay\n}\n\nexport function computeDateLabelForData (data, widget, includeFuture = false) {\n const dataset = data.data || data // we want to be able to handle both cases\n let timeframeFilter\n if (widget.config) {\n timeframeFilter = widget.config.filters ? widget.config.filters.timeframe : widget.config.timeframeFilter\n }\n timeframeFilter = timeframeFilter || \"noFilter\"\n const { startDate, endDate } = includeFuture\n ? getStartAndEndDatesIncludingFuture(data, timeframeFilter)\n : getStartAndEndDates(data, timeframeFilter)\n let timeframe = \"day\"\n if (dataset && dataset.length > 0) {\n if (\"created_at__week\" in dataset[0]) timeframe = \"week\"\n else if (\"created_at__month\" in dataset[0]) timeframe = \"month\"\n } else {\n const dateRangeInDays = moment(endDate).diff(moment(startDate), \"days\")\n if (dateRangeInDays > 30) timeframe = \"month\"\n }\n const dateArray = createdDateArray(startDate, timeframe, endDate)\n return populateDateArray[timeframe](dateArray, dataset)\n}\n\nexport function createdDateArray (startDate, timeframe, endDate = null, increment = 1) {\n const dateList = []\n const today = moment().endOf(\"day\").toDate()\n const dateMove = new Date(startDate)\n let convertedStartDate = new Date(startDate)\n let convertedEndDate = endDate\n if (!convertedEndDate) {\n const mapping = {\n day: today,\n week: moment().endOf(\"week\"),\n noFilter: moment().endOf(\"week\")\n }\n if (timeframe in mapping) convertedEndDate = mapping[timeframe]\n else convertedEndDate = moment().endOf(\"month\").toDate()\n }\n const dateRangeInDays = moment(convertedEndDate).diff(moment(convertedStartDate), \"days\")\n while (convertedStartDate <= convertedEndDate) {\n // starting from convertedStartDate until we reach end date, we add the dates to the list and\n // loop(and skip some dates) based on timeframe and the increment value passed\n convertedStartDate = dateMove\n if (timeframe === \"day\") {\n // Below condition is used to exclude saturday and sunday from dates\n // Note: if timeframe value is 'today' or 'yesterday' and if this date falls on saturday or sunday, don't exclude.\n if ((dateMove.getDay() !== 6 && dateMove.getDay() !== 0) || dateRangeInDays <= 1) {\n dateList.push(new Date(dateMove.toISOString()))\n }\n dateMove.setDate(dateMove.getDate() + increment) // days are incremented by increment number passed\n } else {\n dateList.push(new Date(dateMove.toISOString()))\n if (timeframe === \"week\") {\n dateMove.setDate(dateMove.getDate() + 7) // days are incremented by a week\n } else {\n dateMove.setMonth(dateMove.getMonth() + increment) // months are incremented by increment number passed\n }\n }\n }\n return dateList\n}\n\nexport function transformDateRange (value) {\n const startDate = value && value.start ? moment(value.start) : moment(\"1970-01-01\")\n const endDate = value && value.end ? moment(value.end) : moment().endOf(\"month\")\n return formatDateRange(startDate, endDate)\n}\n\nexport function getUsername (item, baseField = \"user\") {\n return item[baseField + \"__first_name\"] + \" \" + item[baseField + \"__last_name\"]\n}\n\nexport function wordWrap (s, w) {\n if (!s) {\n return \"\"\n }\n const splitChar = \"{{cut}}\"\n return (\"\" + s).replace(new RegExp(`(?![^\\\\n]{1,${w}}$)([^\\\\n]{1,${w}})\\\\s`, \"g\"), \"$1\" + splitChar).split(splitChar)\n}\n\nconst wordSlice = (word, fontSize) => {\n const estimatedYAxesWidth = 300\n const maxWordLength = Math.round(estimatedYAxesWidth / fontSize)\n\n return word.length > maxWordLength ? `${word.slice(0, maxWordLength)}...` : word\n}\n\nexport function getDefaultLineChartOptions (widget, config = {}) {\n return {\n addLabel: config.addLabel,\n scales: {\n yAxes: [{\n ticks: {\n beginAtZero: true,\n maxTicksLimit: 4,\n max: config.maxCount\n }\n }],\n xAxes: [{\n categoryPercentage: 3,\n barPercentage: 0.8,\n maxBarThickness: 60,\n minBarLength: 2,\n gridLines: {\n display: false\n },\n ticks: {\n callback: function (label) {\n return wordWrap(label, 25)\n }\n }\n }]\n },\n maintainAspectRatio: false,\n responsive: true,\n legend: {\n display: config.legend ? config.legend : false\n },\n tooltips: {\n callbacks: {\n title: function (tooltipitem) {\n tooltipitem = tooltipitem[0]\n return tooltipitem.xLabel\n }\n },\n backgroundColor: colors.white,\n cornerRadius: 12,\n titleFontColor: colors.slate80,\n bodyFontColor: colors.slate80\n },\n plugins: {\n datalabels: {\n display: false\n }\n }\n }\n}\n\nconst showDataLabelOutside = (context) => {\n for (const contextMeta of Object.values(context.dataset._meta)) {\n const dataWidth = contextMeta.data[context.dataIndex]._model.x\n if (dataWidth < 215) {\n return true\n }\n }\n return false\n}\n\nexport function getDefaultHorizontalBarChartOptions (config, vueComponent, configOptions = {}) {\n const chartData = vueComponent.chartData\n let fontSize = 12\n if (chartData) {\n const totalDataLength = chartData.labels.length\n // The font size is dynamic with the no. of labels we display, but to a max value of 12px\n fontSize = Math.min(Math.floor(400 / totalDataLength), 12)\n }\n\n const disableChartClickBehavior = configOptions.disableChartClickBehavior || false\n\n const labelAdd = config && config.addLabel ? config.addLabel : \"\"\n return {\n scales: {\n xAxes: [{\n ticks: {\n beginAtZero: true,\n callback: function (label) {\n return label + labelAdd\n },\n maxTicksLimit: 8\n },\n gridLines: {\n // display: false\n },\n barPercentage: 1.0\n }],\n yAxes: [{\n maxBarThickness: 60,\n gridLines: {\n display: false\n },\n afterFit: function (scaleInstance) {\n scaleInstance.width = 180 // sets the width to 100px\n },\n ticks: {\n fontSize,\n lineHeight: 1,\n callback: function (label) {\n return wordSlice(label, fontSize)\n }\n }\n }]\n },\n tooltips: {\n enabled: configOptions.showTooltip || false,\n callbacks: {\n title () {\n },\n label: function (tooltipItem, data) {\n let result = tooltipItem.yLabel + \": \" + tooltipItem.value + labelAdd\n try {\n const dataset = data.datasets[tooltipItem.datasetIndex]\n if (dataset.absolut && dataset.absolut[tooltipItem.index]) {\n result += \" (\"\n result += dataset.absolut[tooltipItem.index]\n result += \")\"\n }\n } catch (e) {\n console.error(e)\n }\n return result\n }\n },\n backgroundColor: colors.white,\n cornerRadius: 12,\n titleFontColor: colors.slate80,\n bodyFontColor: colors.slate80,\n displayColors: colors.bricklight\n },\n elements: {\n rectangle: {\n borderWidth: 2\n }\n },\n maintainAspectRatio: false,\n responsive: true,\n legend: {\n display: false\n },\n plugins: {\n datalabels: {\n borderRadius: 12,\n padding: {\n bottom: 2\n },\n font: {\n family: \"'Helvetica', 'Arial', sans-serif, 'Font Awesome 5 Free'\",\n weight: 540,\n size: fontSize\n },\n color: (context) => showDataLabelOutside(context) ? colors.slate80 : colors.white,\n backgroundColor: (context) => {\n if (showDataLabelOutside(context)) {\n return colors.slate10\n }\n return context.hovered ? colors.white20 : \"\"\n },\n anchor: (context) => showDataLabelOutside(context) ? \"end\" : \"center\",\n align: (context) => showDataLabelOutside(context) ? \"right\" : \"center\",\n formatter: (value, context) => {\n value = `${value}${labelAdd}`\n return (context.hovered || context.active) && !disableChartClickBehavior ? `${value} \\uf054` : value\n },\n\n listeners: {\n click: (context) => {\n if (!disableChartClickBehavior) configOptions.dataLabelClickCallBack(context.dataIndex)\n },\n enter: (context) => {\n context.hovered = true\n context.chart.canvas.style.cursor = \"pointer\"\n return true\n },\n leave: (context) => {\n context.hovered = false\n context.chart.canvas.style.cursor = \"default\"\n return true\n }\n }\n }\n }\n }\n}\n\nexport const timeframes = {\n static: \"Custom\",\n today: \"today\",\n yesterday: \"yesterday\",\n last7Days: \"since last 7 days\",\n thisWeek: \"in this week\",\n lastWeek: \"in last week\",\n last14Days: \"since last 14 days\",\n thisMonth: \"in this month\",\n lastMonth: \"in last month\",\n last30Days: \"since last 30 days\",\n thisYear: \"in this year\",\n lastYear: \"in last year\",\n last12Months: \"since last 12 months\"\n}\n\nexport function getTranslatedTimeframes () {\n return store.getters[\"I18nStore/getI18n\"](\"Timeframes\", timeframes)\n}\n\nexport const userFilters = {\n me: \"Me\",\n team: \"Team (excl. me)\"\n}\n\nexport function getTranslatedUserFilters () {\n return store.getters[\"I18nStore/getI18n\"](\"UserFilterOptions\", userFilters)\n}\n\nexport function getBurntUpChartData (data, goal) {\n /***\n * This function computes the data series for actual and ideal growth\n * Actual growth is computed as incremental values(like step)\n * Ideal growth is computed based on the goal and the length of the data\n */\n const idealDataPerDay = goal / data.length\n let previousCount = 0\n const idealSeries = []\n const actualSeries = []\n const labels = []\n for (const index in data) {\n idealSeries.push((idealDataPerDay * (parseInt(index) + 1)).toFixed(2))\n const actualData = data[index].actualData !== null ? previousCount + data[index].actualData : data[index].actualData\n actualSeries.push(actualData)\n labels.push(data[index].text)\n previousCount = actualData\n }\n return { idealSeries, actualSeries, labels }\n}\n\nexport const getDefaultConfigOptions = (options = {}) => {\n return new WidgetConfigOptions({\n value: null,\n showLabel: true,\n multiselect: false,\n required: false,\n showDelete: true,\n ...options\n })\n}\n\nexport class WidgetConfigOptions {\n constructor (newConfigOptions = null, widget = null) {\n this.handleNewConfig(newConfigOptions)\n this.updateWidget(widget)\n }\n\n handleNewConfig (newConfigOptions) {\n if (newConfigOptions instanceof WidgetConfigOptions) {\n // we might get a WidgetConfigOptions itself, then we transform it accordingly\n this.internalConfig = newConfigOptions.internalConfig\n } else {\n this.internalConfig = newConfigOptions\n }\n if (!newConfigOptions) {\n this.internalConfig = new WidgetConfigOptions(getDefaultConfigOptions())\n }\n }\n\n get fieldName () {\n return this.internalConfig.fieldName || null\n }\n\n get label () {\n return this.internalConfig.label || null\n }\n\n get value () {\n return this.internalConfig.value\n }\n\n set value (newVal) {\n this.internalConfig.value = newVal\n }\n\n get type () {\n return this.internalConfig.type || null\n }\n\n isType (type) {\n return !!this.internalConfig.type && !!type && this.internalConfig.type === type\n }\n\n get rawConfig () {\n return this.internalConfig\n }\n\n get multiselect () {\n return this.internalConfig.multiselect || null\n }\n\n get required () {\n return !!this.internalConfig.required\n }\n\n get showDelete () {\n return \"showDelete\" in this.internalConfig ? this.internalConfig.showDelete : true\n }\n\n get showLabel () {\n return \"showLabel\" in this.internalConfig ? this.internalConfig.showLabel : true\n }\n\n get options () {\n return \"options\" in this.internalConfig ? this.internalConfig.options : []\n }\n\n updateWidget (widget) {\n this.widget = widget\n if (!widget) return // dont parse anything if nothing is there\n this.parseWidgetConfig()\n }\n\n parseWidgetConfig () {\n const existingConfig = this.widget.config || {}\n if (this.internalConfig.fieldName && this.internalConfig.fieldName in existingConfig) {\n this.internalConfig.value = existingConfig[this.internalConfig.fieldName]\n }\n }\n\n get isCriteriaOptions () {\n return this.type === \"criteriaOptions\"\n }\n\n get isText () {\n return this.type === \"text\"\n }\n\n get isNumber () {\n return this.type === \"number\"\n }\n\n get isTextArea () {\n return this.type === \"textarea\"\n }\n\n get isPlaybookFilter () {\n return this.type === \"playbookFilter\"\n }\n\n get isPlaybookItemFilter () {\n return this.type === \"playbookItemFilter\"\n }\n\n get isAnswerFilter () {\n return this.type === \"answerFilter\"\n }\n\n get isTimeframeFilter () {\n return this.type === \"timeframeFilter\"\n }\n\n get enableGrouping () {\n return \"enableGrouping\" in this.internalConfig ? this.internalConfig.enableGrouping : false\n }\n\n get isPlaybookAndPlaybookItemFilter () {\n return this.type === \"playbookAndPlaybookItemFilter\"\n }\n}\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{class:['bao-widget-filter w-100 d-flex', { 'advanced-filters' : _vm.isOpenFromAdvancedFilters }]},[_c('div',{staticClass:\"filter-body w-100\"},[_c('label',{staticClass:\"w-100 d-flex justify-content-between filter-title\",attrs:{\"id\":\"label-duration-filter-202112211245\",\"for\":\"duration-filter-202112211245\"}},[_vm._v(\" \"+_vm._s(_vm.staticText.durationFilterLabel)+\" \"+_vm._s(_vm.staticText.timeframeLabel)+\" \")]),_c('b-form-row',{staticClass:\"mb-1 w-100 d-flex\"},[_c('div',{staticClass:\"w-50 p-1 inner-label-form\",class:{ 'error-class': _vm.errorMessage }},[_c('label',{staticClass:\"my-auto inner-label\",attrs:{\"for\":\"duration-min-id-202205261600\"}},[_vm._v(\" \"+_vm._s(_vm.staticText.minCallDuration)+\" \")]),_c('b-form-input',{attrs:{\"id\":\"duration-min-id-202205261600\",\"placeholder\":_vm.staticText.minCallDuration,\"type\":\"number\",\"min\":\"0\",\"oninput\":\"validity.valid||(minValue=0)\"},on:{\"change\":_vm.handleFilterChanged},model:{value:(_vm.minValue),callback:function ($$v) {_vm.minValue=$$v},expression:\"minValue\"}})],1),_c('div',{staticClass:\"w-50 p-1 inner-label-form\",class:{ 'error-class': _vm.errorMessage }},[_c('label',{staticClass:\"my-auto inner-label\",attrs:{\"for\":\"duration-max-id-202205261600\"}},[_vm._v(\" \"+_vm._s(_vm.staticText.maxCallDuration)+\" \")]),_c('b-form-input',{attrs:{\"id\":\"duration-max-id-202205261600\",\"placeholder\":_vm.staticText.maxCallDuration,\"type\":\"number\",\"min\":\"1\",\"oninput\":\"validity.valid||(maxValue=1)\"},on:{\"change\":_vm.handleFilterChanged},model:{value:(_vm.maxValue),callback:function ($$v) {_vm.maxValue=$$v},expression:\"maxValue\"}})],1)]),(_vm.errorMessage)?_c('p',{staticClass:\"filter-error-text\"},[_vm._v(\" \"+_vm._s(_vm.errorMessage)+\" \")]):_vm._e()],1),_c('div',{staticClass:\"ml-3 filter-delete\",on:{\"click\":function($event){$event.preventDefault();return _vm.$emit('delete')}}},[(!_vm.isOpenFromAdvancedFilters)?_c('i',{staticClass:\"fa fa-trash my-auto\"}):_c('svg',{attrs:{\"width\":\"7\",\"height\":\"7\",\"viewBox\":\"0 0 7 7\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"svg-inline\":'',\"role\":'presentation',\"focusable\":'false',\"tabindex\":'-1'}},[_c('mask',{attrs:{\"id\":\"a\",\"fill\":\"#fff\"}},[_c('path',{attrs:{\"d\":\"M7 .705L6.295 0 3.5 2.795.705 0 0 .705 2.795 3.5 0 6.295.705 7 3.5 4.205 6.295 7 7 6.295 4.205 3.5 7 .705z\"}})]),_c('path',{attrs:{\"d\":\"M7 .705L6.295 0 3.5 2.795.705 0 0 .705 2.795 3.5 0 6.295.705 7 3.5 4.205 6.295 7 7 6.295 4.205 3.5 7 .705z\",\"fill\":\"#000\",\"fill-opacity\":\".5\"}}),_c('path',{attrs:{\"d\":\"M7 .705l.707.707.707-.707-.707-.707L7 .705zM6.295 0l.707-.707-.707-.707-.707.707.707.707zM3.5 2.795l-.707.707.707.707.707-.707-.707-.707zM.705 0l.707-.707-.707-.707-.707.707L.705 0zM0 .705l-.707-.707-.707.707.707.707L0 .705zM2.795 3.5l.707.707.707-.707-.707-.707-.707.707zM0 6.295l-.707-.707-.707.707.707.707L0 6.295zM.705 7l-.707.707.707.707.707-.707L.705 7zM3.5 4.205l.707-.707L3.5 2.79l-.707.707.707.707zM6.295 7l-.707.707.707.707.707-.707L6.295 7zM7 6.295l.707.707.707-.707-.707-.707L7 6.295zM4.205 3.5l-.707-.707-.707.707.707.707.707-.707zM7.707-.002l-.705-.705L5.588.707l.705.705L7.707-.002zm-2.12-.705L2.794 2.088l1.414 1.414L7.002.707 5.588-.707zm-1.38 2.795L1.412-.707-.002.707l2.795 2.795 1.414-1.414zM-.003-.707l-.704.705L.707 1.412l.705-.705L-.002-.707zm-.704 2.12l2.795 2.794 1.414-1.414L.707-.002-.707 1.412zm2.795 1.38L-.707 5.588.707 7.002l2.795-2.795-1.414-1.414zm-2.795 4.21l.705.704 1.414-1.414-.705-.705-1.414 1.414zm2.12.704l2.794-2.795-1.414-1.414-2.795 2.795 1.414 1.414zm1.38-2.795l2.795 2.795 1.414-1.414-2.795-2.795-1.414 1.414zm4.21 2.795l.704-.705-1.414-1.414-.705.705 1.414 1.414zm.704-2.12L4.912 2.794 3.498 4.207l2.795 2.795 1.414-1.414zm-2.795-1.38l2.795-2.795L6.293-.002 3.498 2.793l1.414 1.414z\",\"fill\":\"#2A2D52\",\"fill-opacity\":\".01\",\"mask\":\"url(#a)\"}})])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n \n {{ staticText.selectTimeframe }}\n \n \n \n {{ staticText.noResultMessage }}\n \n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n {{ customDurationError }}
\n\n \n \n
\n \n
\n\n\n\n\n\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../../../node_modules/vue-svg-inline-loader/src/index.js!./DurationFilter.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../../../node_modules/vue-svg-inline-loader/src/index.js!./DurationFilter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DurationFilter.vue?vue&type=template&id=5f694e0a&scoped=true&\"\nimport script from \"./DurationFilter.vue?vue&type=script&lang=js&\"\nexport * from \"./DurationFilter.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DurationFilter.vue?vue&type=style&index=0&id=5f694e0a&prod&scoped=true&lang=scss&\"\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 \"5f694e0a\",\n null\n \n)\n\nexport default component.exports","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!../../../../../../node_modules/vue-svg-inline-loader/src/index.js!./BaoWidgetFilterContainer.vue?vue&type=style&index=0&id=e8f5b090&prod&lang=scss&\"","const BASE_URL = process.env.VUE_APP_BASEURL\nexport const canDebug = BASE_URL && BASE_URL.includes(\"localhost\")\n\nexport const debug = {\n log: (...params) => {\n if (canDebug) {\n console.log(...params)\n console.trace(\"Traceback:\")\n }\n }\n}\n\nexport const getCallIdFromURL = () => {\n return new Promise((resolve) => {\n const MAX_RETRIES = 10\n const retryDelay = 1000\n let retries = 0\n\n const extractCallId = () => {\n const match = window.location.href.match(/\\/(\\d+)(?:\\?|$)/)\n if (match) {\n console.log(\"Found call ID:\", parseInt(match[1]))\n resolve(parseInt(match[1]))\n } else if (retries < MAX_RETRIES) {\n retries++\n console.log(\"Failed to find call ID in URL, retrying in\", retryDelay, \"ms\")\n setTimeout(extractCallId, retryDelay)\n } else {\n console.log(\"Failed to find call ID in URL after\", MAX_RETRIES, \"retries\")\n resolve(null)\n }\n }\n\n extractCallId()\n })\n}\n\nconst cookieString = (cname, cvalue) => {\n return cname + \"=\" + cvalue + \";SameSite=None;Secure;domain=\" + location.hostname + \";path=/\"\n}\n\nexport const removeCookie = (cname) => {\n const cookie = getCookie(cname)\n if (cookie) {\n document.cookie = cookieString(cname) + \";Expires=Thu, 01 Jan 1970 00:00:00 GMT\"\n }\n}\n\n// source: https://www.w3schools.com/js/js_cookies.asp\nexport const getCookie = (cname) => {\n const name = cname + \"=\"\n const decodedCookie = decodeURIComponent(document.cookie)\n const ca = decodedCookie.split(\";\")\n for (let i = 0; i < ca.length; i++) {\n let c = ca[i]\n while (c.charAt(0) === \" \") {\n c = c.substring(1)\n }\n if (c.indexOf(name) === 0) {\n return c.substring(name.length, c.length)\n }\n }\n return \"\"\n}\n\nexport const setCookie = (cname, cvalue) => {\n document.cookie = cookieString(cname, cvalue)\n}\n"],"sourceRoot":""}\n \n {{ staticText.durationFilterLabel }} {{staticText.timeframeLabel}}\n \n \n \n \n {{ errorMessage }}\n \n
\n \n \n {{ staticText.minCallDuration }}\n \n \n
\n \n \n {{ staticText.maxCallDuration }}\n \n \n
\n \n \n \n
\n