\n
\n\n\n\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ToastError.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ToastError.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ToastError.vue?vue&type=template&id=0fefbec2&scoped=true&\"\nimport script from \"./ToastError.vue?vue&type=script&lang=js&\"\nexport * from \"./ToastError.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ToastError.vue?vue&type=style&index=0&id=0fefbec2&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 \"0fefbec2\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"keybe-toast\"},[_c('h4',[_vm._v(\"⏰\")]),_c('span',[_vm._v(_vm._s(_vm.message))])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n 😰
\n {{ message }}\n\n
\n\n\n\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ToastInfo.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ToastInfo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ToastInfo.vue?vue&type=template&id=7988b1f2&scoped=true&\"\nimport script from \"./ToastInfo.vue?vue&type=script&lang=js&\"\nexport * from \"./ToastInfo.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ToastInfo.vue?vue&type=style&index=0&id=7988b1f2&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 \"7988b1f2\",\n null\n \n)\n\nexport default component.exports","\n \n\n\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ToastNotification.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ToastNotification.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ToastNotification.vue?vue&type=template&id=96721e64&\"\nimport script from \"./ToastNotification.vue?vue&type=script&lang=js&\"\nexport * from \"./ToastNotification.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 () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.show)?_c('div',{staticClass:\"ImageModal\",attrs:{\"id\":\"ImageModal\"},on:{\"click\":_vm.close}},[_c('div',{class:_vm.$vuetify.theme.dark ? 'ImageModal__background--dark' : 'ImageModal__background'}),_c('div',{staticClass:\"ImageModal__imageContainer\"},[_c('span',{staticClass:\"mdi mdi-close ImageModal__close\"}),_c('figure',{staticClass:\"ImageModal__imageContainer--image\",style:((\"\" + (_vm.isZoomActive ? 'cursor: zoom-out':'background-image: none'))),attrs:{\"id\":\"figure-principal-image-zoomer\"},on:{\"mousemove\":_vm.zoom,\"click\":function($event){$event.stopPropagation();return _vm.toggleZoom.apply(null, arguments)}}},[_c('img',{class:{\n 'ImageModal__imageContainer--image--zoom': _vm.isZoomActive\n },attrs:{\"src\":_vm.image.src,\"alt\":\"\"},on:{\"click\":function($event){$event.preventDefault();}}})]),_c('div',{staticClass:\"ImageModal__imageContainer__additionalContent\"},[_c('p',[_vm._v(_vm._s(_vm.image.text))])])]),(_vm.images.length > 1)?_c('div',{staticClass:\"ImageModal__thumbnails\"},_vm._l((_vm.images),function(image,index){return _c('div',{key:(\"ImageModal__thumbnails--thumbnail__\" + index),staticClass:\"ImageModal__thumbnails--thumbnail\",class:{\n 'ImageModal__thumbnails--thumbnail--selected': _vm.isSelected(image)\n }},[_c('img',{staticClass:\"ImageModal__thumbnails--thumbnail__image\",attrs:{\"src\":image.src,\"alt\":\"\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.selectImage(image)}}})])}),0):_vm._e()]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { EventBus } from '@/eventBus'\n\nexport default {\n name: 'ImageModal',\n data () {\n return {\n show: false,\n image: '',\n images: [],\n isZoomActive: false\n }\n },\n mounted () {\n EventBus.$on('showModalImage', this.onShowModalImage.bind(this))\n },\n beforeDestroy () {\n this.removeEventListeners()\n EventBus.$off('showModalImage', this.onShowModalImage.bind(this))\n },\n methods: {\n onShowModalImage ({ show, image, images }): void {\n console.log('show', image)\n this.image = image\n document.documentElement.style.setProperty('--modalImageHeight', `${image.h}px`)\n document.documentElement.style.setProperty('--modalImageWidth', `${image.w}px`)\n this.images = images || [image]\n this.show = show\n },\n close () {\n this.show = false\n this.image = ''\n },\n selectImage (image) {\n this.image = image\n document.documentElement.style.setProperty('--modalImageHeight', `${image.h}px`)\n document.documentElement.style.setProperty('--modalImageWidth', `${image.w}px`)\n },\n isSelected (image) {\n return this.image?.src === image?.src\n },\n addEventListeners () {\n document.addEventListener('keydown', this.handleKeyDown)\n },\n handleKeyDown (event) {\n if (event.key === 'Escape') {\n this.close()\n }\n\n // handle arrow keys\n if (event.key === 'ArrowRight') {\n this.nextImage()\n }\n\n if (event.key === 'ArrowLeft') {\n this.previousImage()\n }\n },\n nextImage () {\n const index = this.images?.findIndex(image => image.src === this.image.src)\n if (index === this.images?.length - 1) {\n this.selectImage(this.images[0])\n } else {\n this.selectImage(this.images[index + 1])\n }\n },\n previousImage () {\n const index = this.images?.findIndex(image => image.src === this.image.src)\n if (index === 0) {\n this.image = this.images[this.images?.length - 1]\n } else {\n this.image = this.images[index - 1]\n }\n },\n removeEventListeners () {\n document.removeEventListener('keydown', this.handleKeyDown)\n },\n zoom (e: {[key: string]: any}): void {\n const offsetX: number = e.offsetX || (e.touches || [])[0]?.pageX || 0\n const offsetY: number = e.offsetY || (e.touches || [])[0]?.pageY || 0\n\n const zoomer: HTMLImageElement = e.currentTarget\n const x: number = (offsetX / zoomer.offsetWidth) * 100\n const y: number = (offsetY / zoomer.offsetHeight) * 100\n\n zoomer.style.backgroundPosition = x + '% ' + y + '%'\n zoomer.style.backgroundSize = this.isZoomActive ? '150%' : '100%'\n },\n toggleZoom () {\n this.isZoomActive = !this.isZoomActive\n\n const zoomer: HTMLElement = document.getElementById('figure-principal-image-zoomer')\n zoomer.style.backgroundSize = this.isZoomActive ? '150%' : '100%'\n }\n },\n watch: {\n show (val: boolean): void {\n if (val) {\n this.addEventListeners()\n } else {\n this.removeEventListeners()\n }\n },\n image (val: { src: string }): void {\n this.isZoomActive = false\n if (val) {\n document.documentElement.style.setProperty('--modalImage', `url(${val.src})`)\n }\n }\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport ImageModal from './ImageModal'\n\nexport default ImageModal\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageModal.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageModal.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./ImageModal.vue?vue&type=template&id=4c2b82a3&scoped=true&\"\nimport script from \"./ImageModal.vue?vue&type=script&lang=ts&\"\nexport * from \"./ImageModal.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./ImageModal.vue?vue&type=style&index=0&id=4c2b82a3&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 \"4c2b82a3\",\n null\n \n)\n\nexport default component.exports","import { LoggedUser, LoggedUserExtradata } from '@/modules/Config/GeneralUserConfiguration/domain/LoggedUser'\r\n\r\nexport enum onboardingStatusEnum {\r\n STARTED = 'started',\r\n NONE = 'none',\r\n FINISHED = 'finished'\r\n}\r\nexport interface IOnboardingController {\r\n checkOnboardingStatus: () => string;\r\n setOnboardingStarted: (token: string) => Promise⏰
\n {{ message }}\n\n \n
\n\n\n\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DownloadApp.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DownloadApp.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DownloadApp.vue?vue&type=template&id=8306fd28&scoped=true&\"\nimport script from \"./DownloadApp.vue?vue&type=script&lang=js&\"\nexport * from \"./DownloadApp.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DownloadApp.vue?vue&type=style&index=0&id=8306fd28&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 \"8306fd28\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"KeybeFloatingContainer\"},[_c('Transition',{attrs:{\"name\":\"floating\"}},[(_vm.maximazedWindow)?_c('div',{staticClass:\"KeybeFloatingBox floating\",attrs:{\"id\":\"KeybeFloatingBox\"},on:{\"click\":function($event){$event.stopPropagation();}}},[_c('div',{staticClass:\"KeybeFloatingBox__header\",attrs:{\"id\":\"KeybeFloatingBox__header\"}},[_c('div',{staticClass:\"KeybeFloatingBox__header--expand\",on:{\"click\":_vm.expand}},[_c('KeybeIcon',{attrs:{\"icon\":_vm.isExpanded ? _vm.KeybeIconType.SHRINK : _vm.KeybeIconType.EXPAND,\"color\":\"#B6BEC7\"}})],1),_c('div',{staticClass:\"KeybeFloatingBox__header--close\",on:{\"click\":_vm.close}},[_c('KeybeIcon',{attrs:{\"icon\":_vm.KeybeIconType.CLOSE,\"color\":\"#B6BEC7\"}})],1)]),_c('div',{staticClass:\"KeybeFloatingBox__content floating\",attrs:{\"id\":\"content\"}},[_c('Transition',{attrs:{\"name\":\"fade\"}},[(_vm.loading)?_c('Loader',{attrs:{\"absolute\":true}}):_vm._e()],1),_c(_vm.windowComponent,{tag:\"component\",attrs:{\"height\":_vm.heightWithoutHeader,\"width\":_vm.width,\"noBalance\":_vm.noBalance,\"changePlan\":_vm.changePlan,\"addAccountBalance\":_vm.addAccountBalance,\"segment\":_vm.segment,\"segmentType\":_vm.type},on:{\"start-loading\":function($event){_vm.loading = true},\"stop-loading\":function($event){_vm.loading = false}}})],1)]):_vm._e()]),_vm._t(\"layout\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"OnboardingScreen\"},[_c('OnboardingHeader',{attrs:{\"title\":_vm.title,\"subtitle\":_vm.subtitle,\"omit\":_vm.showOmitButton,\"backArrow\":_vm.showBackArrow},on:{\"back\":function($event){_vm.step = _vm.OnboardingSteps.WELCOME}}}),_c(_vm.stepComponent,{tag:\"component\",on:{\"selectStep\":function($event){_vm.step=$event},\"back\":function($event){_vm.step = _vm.OnboardingSteps.WELCOME}}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export enum OnboardingSteps {\n WELCOME = 'welcome',\n CATALOG = 'catalog',\n CHANNELS = 'channels',\n TEAM = 'team',\n}\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"OnboardingHeader\"},[_c('div',{staticClass:\"OnboardingHeader__decoration\"},[_c('KeybeIcon',{attrs:{\"icon\":_vm.KeybeIconType.WIZARD_TITLE_DECORATION}})],1),_c('span',{staticClass:\"OnboardingHeader__title\"},[_vm._v(_vm._s(_vm.title))]),_c('span',{staticClass:\"OnboardingHeader__subtitle\"},[_vm._v(_vm._s(_vm.subtitle))]),(_vm.backArrow)?_c('div',{staticClass:\"OnboardingHeader__backButton\",on:{\"click\":function($event){return _vm.$emit('back')}}},[_c('KeybeIcon',{attrs:{\"icon\":_vm.KeybeIconType.ARROW_LEFT,\"height\":13,\"width\":31,\"color\":_vm.Colors.kbGreen}})],1):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export enum ChannelsEnum {\r\n WHATSAPP = 'whatsapp',\r\n FACEBOOK = 'facebook',\r\n INSTAGRAM = 'instagram'\r\n}\r\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { KeybeIconType } from '@/shared/infrastructure/enums/icons/KeybeIconType'\nimport Colors from '@/shared/domain/colors/Color'\nimport KeybeIcon from '@/shared/infrastructure/ui/icons/KeybeIcon.vue'\n\nexport default {\n name: 'OnboardingHeader.vue',\n props: {\n title: {\n type: String,\n default: 'OnboardingHeader'\n },\n subtitle: {\n type: String,\n default: 'OnboardingHeader'\n },\n backArrow: {\n type: Boolean,\n default: false\n },\n omit: {\n type: Boolean,\n default: false\n }\n },\n components: {\n KeybeIcon\n },\n data () {\n return {\n KeybeIconType,\n Colors\n }\n }\n}\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OnboardingHeader.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OnboardingHeader.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./OnboardingHeader.vue?vue&type=template&id=729a887e&scoped=true&\"\nimport script from \"./OnboardingHeader.vue?vue&type=script&lang=ts&\"\nexport * from \"./OnboardingHeader.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./OnboardingHeader.vue?vue&type=style&index=0&id=729a887e&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 \"729a887e\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"OnboardingWelcome\"},[_c('div',{staticClass:\"OnboardingWelcome__item\"},[_c('div',{staticClass:\"OnboardingWelcome__item--titles\"},[_c('span',{staticClass:\"OnboardingWelcome__item--titles--title\"},[_vm._v(\" \"+_vm._s(_vm.$t('whoSellsIt'))+\" \")]),_c('span',{staticClass:\"OnboardingWelcome__item--titles--subtitle\"},[_vm._v(\" \"+_vm._s(_vm.$t('whoSellsItDescription'))+\" \")])]),_c('div',{staticClass:\"OnboardingWelcome__item--button\",on:{\"click\":function($event){return _vm.$emit('selectStep',_vm.OnboardingSteps.TEAM)}}},[_c('span',{staticClass:\"OnboardingWelcome__item--button--label\"},[_vm._v(_vm._s(_vm.$t('start')))]),_c('div',{staticClass:\"OnboardingWelcome__item--button--icon\"},[_c('KeybeIcon',{attrs:{\"icon\":_vm.KeybeIconType.ARROW_RIGHT,\"height\":13,\"width\":31,\"color\":_vm.Colors.kbGreen}})],1)])]),(!_vm.isAgent)?_c('div',{staticClass:\"OnboardingWelcome__item\"},[_c('div',{staticClass:\"OnboardingWelcome__item--titles\"},[_c('span',{staticClass:\"OnboardingWelcome__item--titles--title\"},[_vm._v(\" \"+_vm._s(_vm.$t('whereDoYouSell'))+\" \")]),_c('span',{staticClass:\"OnboardingWelcome__item--titles--subtitle\"},[_vm._v(\" \"+_vm._s(_vm.$t('whereDoYouSellDescription'))+\" \")])]),_c('div',{staticClass:\"OnboardingWelcome__item--button\",on:{\"click\":function($event){return _vm.$emit('selectStep',_vm.OnboardingSteps.CHANNELS)}}},[_c('span',{staticClass:\"OnboardingWelcome__item--button--label\"},[_vm._v(_vm._s(_vm.$t('start')))]),_c('div',{staticClass:\"OnboardingWelcome__item--button--icon\"},[_c('KeybeIcon',{attrs:{\"icon\":_vm.KeybeIconType.ARROW_RIGHT,\"height\":13,\"width\":31,\"color\":_vm.Colors.kbGreen}})],1)])]):_vm._e(),(!_vm.isAgent)?_c('div',{staticClass:\"OnboardingWelcome__item\"},[_c('div',{staticClass:\"OnboardingWelcome__item--titles\"},[_c('span',{staticClass:\"OnboardingWelcome__item--titles--title\"},[_vm._v(\" \"+_vm._s(_vm.$t('whatDoYouSell'))+\" \")]),_c('span',{staticClass:\"OnboardingWelcome__item--titles--subtitle\"},[_vm._v(\" \"+_vm._s(_vm.$t('whatDoYouSellDescription'))+\" \")])]),_c('div',{staticClass:\"OnboardingWelcome__item--button\",on:{\"click\":function($event){return _vm.$emit('selectStep',_vm.OnboardingSteps.CATALOG)}}},[_c('span',{staticClass:\"OnboardingWelcome__item--button--label\"},[_vm._v(_vm._s(_vm.$t('start')))]),_c('div',{staticClass:\"OnboardingWelcome__item--button--icon\"},[_c('KeybeIcon',{attrs:{\"icon\":_vm.KeybeIconType.ARROW_RIGHT,\"height\":13,\"width\":31,\"color\":_vm.Colors.kbGreen}})],1)])]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { KeybeIconType } from '@/shared/infrastructure/enums/icons/KeybeIconType'\nimport Colors from '@/shared/domain/colors/Color'\nimport { OnboardingSteps } from '@/modules/onboarding/domain/enums/OnboardingSteps'\nimport { mapGetters, mapState } from 'vuex'\nimport KeybeIcon from '@/shared/infrastructure/ui/icons/KeybeIcon.vue'\nexport default {\n name: 'OnboardingWelcome',\n components: {\n KeybeIcon\n },\n data () {\n return {\n KeybeIconType,\n Colors,\n OnboardingSteps\n }\n },\n computed: {\n ...mapState('UserStore', ['user']),\n ...mapGetters('UserStore', ['isAgent'])\n }\n}\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OnboardingWelcome.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OnboardingWelcome.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./OnboardingWelcome.vue?vue&type=template&id=75f43c44&scoped=true&\"\nimport script from \"./OnboardingWelcome.vue?vue&type=script&lang=ts&\"\nexport * from \"./OnboardingWelcome.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./OnboardingWelcome.vue?vue&type=style&index=0&id=75f43c44&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 \"75f43c44\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"OnboardingCatalog\"},[_c('div',{staticClass:\"OnboardingCatalog__item\",on:{\"click\":_vm.goToKBFlows}},[_c('div',{staticClass:\"OnboardingCatalog__item--icon\"},[_c('KeybeIcon',{attrs:{\"icon\":_vm.KeybeIconType.SHOPIFY,\"color\":_vm.Colors.simpleGrey}})],1),_c('span',{staticClass:\"OnboardingCatalog__item--title\"},[_vm._v(\" \"+_vm._s(_vm.$t('connectShopifyCatalog'))+\" \")])]),_c('div',{staticClass:\"OnboardingCatalog__item\",on:{\"click\":_vm.openCatalogConfig}},[_c('div',{staticClass:\"OnboardingCatalog__item--icon\"},[_c('KeybeIcon',{attrs:{\"icon\":_vm.KeybeIconType.TOOL,\"color\":_vm.Colors.simpleGrey}})],1),_c('span',{staticClass:\"OnboardingCatalog__item--title\"},[_vm._v(\" \"+_vm._s(_vm.$t('manualCatalogConfig'))+\" \")])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { mapActions, mapState } from 'vuex'\nimport { EventBus } from '@/eventBus'\nimport Colors from '@/shared/domain/colors/Color'\nimport { KeybeIconType } from '@/shared/infrastructure/enums/icons/KeybeIconType'\nimport { OnboardingSteps } from '@/modules/onboarding/domain/enums/OnboardingSteps'\nimport { FloatingWindowType } from '@/shared/infrastructure/enums/Layout/FloatingWindowType'\nimport { ConfigurationTabsEnum } from '@/modules/configuration/application/enums/ConfigurationTabsEnum'\nimport KeybeIcon from '@/shared/infrastructure/ui/icons/KeybeIcon.vue'\n\nexport default {\n name: 'OnboardingWelcome',\n components: {\n KeybeIcon\n },\n data () {\n return {\n KeybeIconType,\n Colors,\n OnboardingSteps\n }\n },\n computed: {\n ...mapState('UserStore', ['user']),\n ...mapState('AppStore', ['selectedApp']),\n userEmail () {\n return this.user?.email\n },\n selectedAppName () {\n return this.selectedApp?.name\n }\n },\n methods: {\n ...mapActions('FloatingWindowsStore', ['setMaximazedWindow']),\n openCatalogConfig () {\n this.setMaximazedWindow(FloatingWindowType.CONFIGURATION)\n setTimeout(() => {\n EventBus.$emit('setConfigurationTab', ConfigurationTabsEnum.CATALOG)\n }, 500)\n },\n goToKBFlows () {\n const url = `${process.env.VUE_APP_MAKE_REDIRECTION_URL}?name=${encodeURIComponent(this.selectedAppName)}&email=${encodeURIComponent(this.userEmail)}`\n window.open(url, '_blank')\n }\n }\n}\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OnboardingCatalog.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OnboardingCatalog.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./OnboardingCatalog.vue?vue&type=template&id=f64fe1a4&scoped=true&\"\nimport script from \"./OnboardingCatalog.vue?vue&type=script&lang=ts&\"\nexport * from \"./OnboardingCatalog.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./OnboardingCatalog.vue?vue&type=style&index=0&id=f64fe1a4&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 \"f64fe1a4\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"OnboardingChannel\"},[_c('OnboardingWhatsapp',{on:{\"refresh\":function($event){return _vm.getChannels(true)}}}),_c('OnboardingInstagram',{attrs:{\"configs\":_vm.instagramConfig},on:{\"refresh\":function($event){return _vm.getChannels(true)}}}),_c('OnboardingFacebook',{attrs:{\"configs\":_vm.facebookConfig},on:{\"refresh\":function($event){return _vm.getChannels(true)}}}),_c('OnboardingWeb')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"OnboardingChannel__item\"},[_c('div',{staticClass:\"OnboardingChannel__item--avatar OnboardingChannel__item--avatar--whatsapp\"},[_c('div',{staticClass:\"OnboardingChannel__item--avatar--icon\"},[_c('KeybeIcon',{attrs:{\"icon\":_vm.KeybeIconType.WHATSAPP,\"color\":\"white\"}})],1)]),_c('span',{staticClass:\"OnboardingChannel__item--label\"},[_vm._v(\"WhatsApp\")]),(_vm.wpProviders.length > 0)?_c('div',{staticClass:\"OnboardingChannel__item--indicator OnboardingChannel__item--indicator--green\"},[_c('div')]):_vm._e(),(_vm.wpProviders.length > 0)?_c('span',{staticClass:\"OnboardingChannel__item--label\"},[_vm._v(_vm._s(_vm.$t('active')))]):_vm._e(),(_vm.wpProviders.length <= 0)?_c('WhatsappBspConfig',{staticClass:\"ml-auto\",on:{\"connectedWhatsapp\":function($event){return _vm.$emit('refresh')}}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{},[(_vm.migrate)?_c('facebook-login',{attrs:{\"label\":_vm.$t('addNewWhatsappAccount'),\"appId\":_vm.whatsappAppId,\"loginParams\":{\n scope: _vm.whatsappPermissions.join(','),\n auth_type: 'rerequest',\n extras: {\n feature: 'whatsapp_embedded_signup',\n version: 1\n }\n },\"buttonText\":\"Migrate\"}}):_c('facebook-login',{attrs:{\"label\":_vm.$t('addNewWhatsappAccount'),\"appId\":_vm.whatsappAppId,\"loginParams\":{\n scope: _vm.whatsappPermissions.join(','),\n auth_type: 'rerequest',\n extras: {\n feature: 'whatsapp_embedded_signup',\n version: 2\n }\n },\"buttonText\":_vm.$t('addNewWhatsappAccount'),\"another-line\":_vm.anotherLine},on:{\"gotAccessToken\":_vm.gotAccessToken}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"FacebookLogin__anotherLineButton\",on:{\"click\":_vm.connect}},[_c('v-expand-x-transition',[(_vm.showDisconnectWarning)?_c('DisconnectWarning',{attrs:{\"loading\":_vm.loadingDisconnect},on:{\"disconnect\":_vm.disconnectFacebook,\"cancel\":function($event){_vm.showDisconnectWarning = false}}}):_vm._e()],1),_c('span',{staticClass:\"FacebookLogin__anotherLineButton--text\"},[_vm._v(_vm._s(_vm.label))])],1),(!_vm.anotherLine && _vm.extend && !_vm.isDisabled)?_c('div',{staticClass:\"AutoConnectConfig__item--options\",staticStyle:{\"cursor\":\"pointer\"},on:{\"click\":function($event){return _vm.connect()}}},[_c('KeybeIcon',{staticClass:\"AutoConnectConfig__item--options--icon\",attrs:{\"color\":(\"\" + (_vm.$vuetify.theme.dark ? 'white' : 'black')),\"icon\":_vm.KeybeIconType.REFRESH}}),_c('span',{staticClass:\"AutoConnectConfig__item--options--label\"},[_vm._v(\" \"+_vm._s(_vm.$t('extendConnection')))])],1):_vm._e(),(!_vm.anotherLine && _vm.extend && !_vm.isDisabled)?_c('div',{staticClass:\"AutoConnectConfig__item--options\",staticStyle:{\"cursor\":\"pointer\"}},[_c('KeybeIcon',{staticClass:\"AutoConnectConfig__item--options--icon\",attrs:{\"color\":(\"\" + (_vm.$vuetify.theme.dark ? 'white' : 'black')),\"icon\":_vm.KeybeIconType.DISCONNECT}}),_c('span',{staticClass:\"AutoConnectConfig__item--options--label\",on:{\"click\":function($event){_vm.showDisconnectWarning = true}}},[_vm._v(\" \"+_vm._s(_vm.$t('disconnect')))])],1):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { IChannelsController, channelDisconnect, dataToDisconnectChannel, dataToUpdateWhatsAppBusinessProfile, dataToUpdateWhatsAppBusinessProfilePhoto, dataTogGetWhatsAppBusinessProfile, whatsappBusinessProfile } from '../domain/ChannelsController'\r\n\r\nexport default class ChannelsUseCases {\r\n static abort (controller: IChannelsController) : void {\r\n controller.abort()\r\n }\r\n\r\n static async disconnectChannel (controller: IChannelsController, data: dataToDisconnectChannel) : Promise\n \n
\n \n \n
\n \n {{ $t('downloadAppTitle') }}\n \n \n {{ $t('downloadAppSubitle') }}\n \n\n \n\n \n 0\"\n class=\"OnboardingChannel__item--indicator OnboardingChannel__item--indicator--green\"\n >\n \n
\n\n 0\"\n class=\"OnboardingChannel__item--label\">{{ $t('active') }}\n\n \n \n \n \n
\n\n\n\n\n\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OnboardingTeam.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OnboardingTeam.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OnboardingTeam.vue?vue&type=template&id=5ca33dcc&scoped=true&\"\nimport script from \"./OnboardingTeam.vue?vue&type=script&lang=js&\"\nexport * from \"./OnboardingTeam.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OnboardingTeam.vue?vue&type=style&index=0&id=5ca33dcc&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 \"5ca33dcc\",\n null\n \n)\n\nexport default component.exports","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { OnboardingSteps } from '@/modules/onboarding/domain/enums/OnboardingSteps'\n\nimport OnboardingHeader from '@/modules/onboarding/infrastructure/ui/components/OnboardingHeader.vue'\nimport OnboardingWelcome from '@/modules/onboarding/infrastructure/ui/components/OnboardingWelcome.vue'\nimport OnboardingCatalog from '@/modules/onboarding/infrastructure/ui/components/OnboardingCatalog.vue'\nimport OnboardingChannels from '@/modules/onboarding/infrastructure/ui/components/OnboardingChannels.vue'\nimport OnboardingTeam from '@/modules/onboarding/infrastructure/ui/components/OnboardingTeam.vue'\n\nexport default {\n name: 'OnboardingScreen',\n components: {\n OnboardingHeader\n },\n data () {\n return {\n lipsum: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque lobortis eu enim a bibendum.',\n step: OnboardingSteps.WELCOME,\n OnboardingSteps\n }\n },\n computed: {\n title () {\n const titles = {\n [OnboardingSteps.WELCOME]: this.$t('welcomeToKeybe'),\n [OnboardingSteps.CATALOG]: this.$t('whatDoYouSell'),\n [OnboardingSteps.CHANNELS]: this.$t('whereDoYouSell'),\n [OnboardingSteps.TEAM]: this.$t('whoSellsIt')\n }\n return titles[this.step] || ''\n },\n subtitle () {\n const subtitles = {\n [OnboardingSteps.WELCOME]: this.$t('welcomeToKeybeSubtitle'),\n [OnboardingSteps.CATALOG]: this.$t('whatDoYouSellSubtitle'),\n [OnboardingSteps.CHANNELS]: this.$t('whereDoYouSellSubtitle'),\n [OnboardingSteps.TEAM]: this.$t('whoSellsItSubtitle')\n }\n return subtitles[this.step] || ''\n },\n showBackArrow () {\n return this.step !== OnboardingSteps.WELCOME\n },\n showOmitButton () {\n return this.step !== OnboardingSteps.WELCOME\n },\n stepComponent () {\n const components = {\n [OnboardingSteps.WELCOME]: OnboardingWelcome,\n [OnboardingSteps.CATALOG]: OnboardingCatalog,\n [OnboardingSteps.CHANNELS]: OnboardingChannels,\n [OnboardingSteps.TEAM]: OnboardingTeam\n }\n return components[this.step] || OnboardingWelcome\n }\n }\n}\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OnboardingScreen.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OnboardingScreen.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./OnboardingScreen.vue?vue&type=template&id=53ab677d&scoped=true&\"\nimport script from \"./OnboardingScreen.vue?vue&type=script&lang=ts&\"\nexport * from \"./OnboardingScreen.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./OnboardingScreen.vue?vue&type=style&index=0&id=53ab677d&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 \"53ab677d\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.isFeesAdmin)?_c('div',{staticClass:\"FloatingScreen\",class:_vm.$vuetify.theme.dark? 'FloatingScreen__dark' :'',attrs:{\"id\":\"ConsumptionsScreen\"}},[(_vm.loading)?_c('Loader'):_vm._e(),_c('div',{staticClass:\"FloatingScreen__sidebar\"},[_c('ConsumptionsSidebar',{attrs:{\"selected-tab\":_vm.selectedTab},on:{\"selectTab\":function($event){_vm.selectedTab = $event}}})],1),_c('div',{staticClass:\"FloatingScreenConsumptions__content\",attrs:{\"id\":\"ConsumptionsScreen__sidebar\"}},[_c(_vm.selectedTabComponent,{tag:\"component\",attrs:{\"consumptions\":_vm.consumptions,\"groups\":_vm.groupsString,\"invoices\":_vm.invoices,\"totalConsumption\":_vm.totalConsumption,\"dateString\":_vm.dateString,\"dateFrom\":_vm.dateFrom,\"dateTo\":_vm.dateTo,\"creditCards\":_vm.creditCards,\"treeMapData\":_vm.treeMapData,\"optionBarChart\":_vm.optionBarChart},on:{\"change-date\":_vm.handleDateChange,\"refreshCards\":_vm.refreshCards}})],1)],1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import axios from 'axios'\nimport store from '@/store'\nimport { RestResponseFactory } from '@/models/apis/RestResponse'\nimport { StatusCodes } from '@/models/apis/StatusCodes'\n\ninterface IConsumptionInteface {\n appUUID?: string,\n dateFrom?: string,\n dateTo?: string,\n chargeType?: string,\n plan?: string\n}\n\nexport default class ConsumptionService {\n static async getConsumption (payload: IConsumptionInteface) {\n try {\n const token = store.getters['UserStore/getV4Token']\n const { uuid } = store.getters['AppStore/getSelectedApp']\n payload.appUUID = uuid\n const url = `${process.env.VUE_APP_CONSUMPTION_URL}`\n const response = await axios.post(url, payload, {\n headers: {\n Authorization: `Bearer ${token}`\n }\n })\n return new RestResponseFactory().process({ response })\n } catch (error) {\n return new RestResponseFactory().process({ response: { status: StatusCodes.HTTP_409_CONFLICT, message: 'Failed with transaction, Try again' } })\n }\n }\n}\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"ConsumptionsSidebar\",class:_vm.$vuetify.theme.dark? 'ConsumptionsSidebar__dark':''},[_c('div',{staticClass:\"ConsumptionsSidebar__box\"},[_c('div',{staticClass:\"ConsumptionsSidebar__box--brandInfo\"},[_c('KeybeAvatar',{attrs:{\"name\":_vm.appName,\"size\":50,\"isKeybeProfile\":false}}),_c('div',{staticClass:\"ConsumptionsSidebar__box--brandInfo--data\"},[_c('strong',[_vm._v(_vm._s(_vm.appName))]),_c('span',[_vm._v(_vm._s(_vm.balanceComputed ? _vm.formatCurrency(_vm.balanceComputed, 'USD') : (\"USD \" + (0) + \" \")))])])],1)]),_c('div',{staticClass:\"ConsumptionsSidebar__box\"},[_c('div',{staticClass:\"ConsumptionsSidebar__box--tab\",on:{\"click\":function($event){!_vm.inactiveApp ? _vm.selectTab(_vm.ConsumptionsTabs.CONSUMPTIONS) : ''}}},[_c('div',{staticClass:\"ConsumptionsSidebar__box--tab--greenBox\"},[_c('div',{staticClass:\"ConsumptionsSidebar__box--tab--icon\"},[_c('KeybeIcon',{attrs:{\"icon\":_vm.KeybeIconType.HOME,\"color\":\"black\"}})],1)]),_c('span',{staticClass:\"ConsumptionsSidebar__box--tab--text\",class:[_vm.isSelectedTab(_vm.ConsumptionsTabs.CONSUMPTIONS)?'ConsumptionsSidebar__box--tab--text--selected':'', _vm.inactiveApp ? 'ConsumptionsSidebar__box--tab--textDisabled' : '']},[_vm._v(\" \"+_vm._s(_vm.$t('consumption'))+\" \")])]),_c('div',{staticClass:\"ConsumptionsSidebar__box--tab--divider\"}),_c('div',{staticClass:\"ConsumptionsSidebar__box--tab\",on:{\"click\":function($event){!_vm.inactiveApp ? _vm.selectTab(_vm.ConsumptionsTabs.DETAILS) : ''}}},[_c('div',{staticClass:\"ConsumptionsSidebar__box--tab--greenBox\"},[_c('div',{staticClass:\"ConsumptionsSidebar__box--tab--icon\"},[_c('KeybeIcon',{attrs:{\"icon\":_vm.KeybeIconType.LIST,\"color\":\"black\"}})],1)]),_c('span',{staticClass:\"ConsumptionsSidebar__box--tab--text\",class:[_vm.isSelectedTab(_vm.ConsumptionsTabs.DETAILS)?'ConsumptionsSidebar__box--tab--text--selected':'', _vm.inactiveApp ? 'ConsumptionsSidebar__box--tab--textDisabled' : '']},[_vm._v(\" \"+_vm._s(_vm.$t('detail'))+\" \")])])]),_c('div',{staticClass:\"ConsumptionsSidebar__box\"},[_c('div',{staticClass:\"ConsumptionsSidebar__box--tab\",on:{\"click\":function($event){!_vm.inactiveApp ? _vm.selectTab(_vm.ConsumptionsTabs.INVOICES) : ''}}},[_c('div',{staticClass:\"ConsumptionsSidebar__box--tab--blackBox\"},[_c('div',{staticClass:\"ConsumptionsSidebar__box--tab--icon\"},[_c('KeybeIcon',{attrs:{\"icon\":_vm.KeybeIconType.EYE_CLOCK,\"color\":\"white\"}})],1)]),_c('span',{staticClass:\"ConsumptionsSidebar__box--tab--text\",class:[_vm.isSelectedTab(_vm.ConsumptionsTabs.INVOICES)?'ConsumptionsSidebar__box--tab--text--selected':'', _vm.inactiveApp ? 'ConsumptionsSidebar__box--tab--textDisabled' : '']},[_vm._v(\" \"+_vm._s(_vm.$t('invoices'))+\" \")])]),_c('div',{staticClass:\"ConsumptionsSidebar__box--tab--divider\"}),_c('div',{staticClass:\"ConsumptionsSidebar__box--tab\",on:{\"click\":function($event){!_vm.inactiveApp ? _vm.selectTab(_vm.ConsumptionsTabs.PLANS) : ''}}},[_c('div',{staticClass:\"ConsumptionsSidebar__box--tab--blackBox\"},[_c('div',{staticClass:\"ConsumptionsSidebar__box--tab--icon\"},[_c('KeybeIcon',{attrs:{\"icon\":_vm.KeybeIconType.PLUS,\"color\":\"white\"}})],1)]),_c('span',{staticClass:\"ConsumptionsSidebar__box--tab--text\",class:[_vm.isSelectedTab(_vm.ConsumptionsTabs.PLANS)?'ConsumptionsSidebar__box--tab--text--selected':'', _vm.inactiveApp ? 'ConsumptionsSidebar__box--tab--textDisabled' : '']},[_vm._v(\" \"+_vm._s(_vm.$t('plans'))+\" \")])]),_c('div',{staticClass:\"ConsumptionsSidebar__box--tab--divider\"}),_c('div',{staticClass:\"ConsumptionsSidebar__box--tab\",on:{\"click\":function($event){!_vm.inactiveApp ? _vm.selectTab(_vm.ConsumptionsTabs.ADD_PAYMENT) : ''}}},[_c('div',{staticClass:\"ConsumptionsSidebar__box--tab--blackBox\"},[_c('div',{staticClass:\"ConsumptionsSidebar__box--tab--icon\"},[_c('KeybeIcon',{attrs:{\"icon\":_vm.KeybeIconType.PLUS,\"color\":\"white\"}})],1)]),_c('span',{staticClass:\"ConsumptionsSidebar__box--tab--text\",class:[_vm.isSelectedTab(_vm.ConsumptionsTabs.ADD_PAYMENT)?'ConsumptionsSidebar__box--tab--text--selected':'', _vm.inactiveApp ? 'ConsumptionsSidebar__box--tab--textDisabled' : '']},[_vm._v(\" \"+_vm._s(_vm.$t('paymentMethod'))+\" \")])]),_c('div',{staticClass:\"ConsumptionsSidebar__box--tab--divider\"}),_c('div',{staticClass:\"ConsumptionsSidebar__box--tab\",on:{\"click\":function($event){return _vm.selectTab(_vm.ConsumptionsTabs.PAYMENTS_METHODS)}}},[_c('div',{staticClass:\"ConsumptionsSidebar__box--tab--blackBox\"},[_c('div',{staticClass:\"ConsumptionsSidebar__box--tab--icon\"},[_c('KeybeIcon',{attrs:{\"icon\":_vm.KeybeIconType.POINTER,\"color\":\"white\"}})],1)]),_c('span',{staticClass:\"ConsumptionsSidebar__box--tab--text\",class:_vm.isSelectedTab(_vm.ConsumptionsTabs.PAYMENTS_METHODS)?'ConsumptionsSidebar__box--tab--text--selected':''},[_vm._v(\" \"+_vm._s(_vm.$t('addBalance'))+\" \")])]),_c('div',{staticClass:\"ConsumptionsSidebar__box--tab--divider\"}),_c('div',{staticClass:\"ConsumptionsSidebar__box--tab\",on:{\"click\":function($event){!_vm.inactiveApp ? _vm.selectTab(_vm.ConsumptionsTabs.PACKAGES) : ''}}},[_c('div',{staticClass:\"ConsumptionsSidebar__box--tab--blackBox\"},[_c('div',{staticClass:\"ConsumptionsSidebar__box--tab--icon\"},[_c('KeybeIcon',{attrs:{\"icon\":_vm.KeybeIconType.PLUS,\"color\":\"white\"}})],1)]),_c('span',{staticClass:\"ConsumptionsSidebar__box--tab--text\",class:[_vm.isSelectedTab(_vm.ConsumptionsTabs.PACKAGES)?'ConsumptionsSidebar__box--tab--text--selected':'', _vm.inactiveApp ? 'ConsumptionsSidebar__box--tab--textDisabled' : '']},[_vm._v(\" \"+_vm._s(_vm.$t('packages'))+\" \")])])]),(_vm.isFeesAdmin)?_c('div',{staticClass:\"ConsumptionsSidebar__box ConsumptionsSidebar__box__green\"},[_c('div',{staticClass:\"ConsumptionsSidebar__box--tab\",on:{\"click\":function($event){return _vm.selectTab(_vm.ConsumptionsTabs.COMMISSIONS)}}},[_c('div',{staticClass:\"ConsumptionsSidebar__box--tab--blackBox\"},[_c('div',{staticClass:\"ConsumptionsSidebar__box--tab--icon\"},[_c('KeybeIcon',{attrs:{\"icon\":_vm.KeybeIconType.POINTER,\"color\":\"white\"}})],1)]),_c('span',{staticClass:\"ConsumptionsSidebar__box--tab--text\",class:_vm.isSelectedTab(_vm.ConsumptionsTabs.COMMISSIONS)?'ConsumptionsSidebar__box--tab--text--selected':''},[_vm._v(\" \"+_vm._s(_vm.$t('commissions'))+\" \")])])]):_vm._e(),(_vm.isFeesAdmin)?_c('div',{staticClass:\"ConsumptionsSidebar__box border-green\"},[_c('div',{staticClass:\"ConsumptionsSidebar__box--tab\",on:{\"click\":function($event){!_vm.inactiveApp && _vm.isSuperAdmin ? _vm.selectTab(_vm.ConsumptionsTabs.BRANDS) : ''}}},[_c('div',{staticClass:\"ConsumptionsSidebar__box--tab--blackBox\"},[_c('div',{staticClass:\"ConsumptionsSidebar__box--tab--icon\"},[_c('KeybeIcon',{attrs:{\"icon\":_vm.KeybeIconType.BRAND_DETAILS,\"color\":\"white\"}})],1)]),_c('span',{staticClass:\"ConsumptionsSidebar__box--tab--text\",class:[_vm.isSelectedTab(_vm.ConsumptionsTabs.BRANDS)?'ConsumptionsSidebar__box--tab--text--selected':'', _vm.inactiveApp ? 'ConsumptionsSidebar__box--tab--textDisabled' : '']},[_vm._v(\" \"+_vm._s(_vm.$t('brands'))+\" \")])]),_c('div',{staticClass:\"ConsumptionsSidebar__box--tab--divider\"}),_c('div',{staticClass:\"ConsumptionsSidebar__box--tab\",on:{\"click\":function($event){!_vm.inactiveApp && _vm.isSuperAdmin ? _vm.selectTab(_vm.ConsumptionsTabs.SERVICES) : ''}}},[_c('div',{staticClass:\"ConsumptionsSidebar__box--tab--blackBox\"},[_c('div',{staticClass:\"ConsumptionsSidebar__box--tab--icon\"},[_c('KeybeIcon',{attrs:{\"icon\":_vm.KeybeIconType.TOOL,\"color\":\"white\"}})],1)]),_c('span',{staticClass:\"ConsumptionsSidebar__box--tab--text\",class:[_vm.isSelectedTab(_vm.ConsumptionsTabs.SERVICES)?'ConsumptionsSidebar__box--tab--text--selected':'', _vm.inactiveApp ? 'ConsumptionsSidebar__box--tab--textDisabled' : '']},[_vm._v(\" \"+_vm._s(_vm.$t('card_beauty_services'))+\" \")])]),_c('div',{staticClass:\"ConsumptionsSidebar__box--tab--divider\"}),_c('div',{staticClass:\"ConsumptionsSidebar__box--tab\",on:{\"click\":function($event){!_vm.inactiveApp && _vm.isSuperAdmin ? _vm.selectTab(_vm.ConsumptionsTabs.NEW_INVOICES) : ''}}},[_c('div',{staticClass:\"ConsumptionsSidebar__box--tab--blackBox\"},[_c('div',{staticClass:\"ConsumptionsSidebar__box--tab--icon\"},[_c('KeybeIcon',{attrs:{\"icon\":_vm.KeybeIconType.SALES,\"color\":\"white\"}})],1)]),_c('span',{staticClass:\"ConsumptionsSidebar__box--tab--text\",class:_vm.isSelectedTab(_vm.ConsumptionsTabs.NEW_INVOICES)?'ConsumptionsSidebar__box--tab--text--selected':''},[_vm._v(\" \"+_vm._s(_vm.$t('invoices'))+\" \")])]),_c('div',{staticClass:\"ConsumptionsSidebar__box--tab--divider\"}),_c('div',{staticClass:\"ConsumptionsSidebar__box--tab\",on:{\"click\":function($event){!_vm.inactiveApp && _vm.isSuperAdmin ? _vm.selectTab(_vm.ConsumptionsTabs.PARTNERS) : ''}}},[_c('div',{staticClass:\"ConsumptionsSidebar__box--tab--blackBox\"},[_c('div',{staticClass:\"ConsumptionsSidebar__box--tab--icon\"},[_c('KeybeIcon',{attrs:{\"icon\":_vm.KeybeIconType.SALES,\"color\":\"white\"}})],1)]),_c('span',{staticClass:\"ConsumptionsSidebar__box--tab--text\",class:_vm.isSelectedTab(_vm.ConsumptionsTabs.PARTNERS)?'ConsumptionsSidebar__box--tab--text--selected':''},[_vm._v(\" \"+_vm._s(_vm.$t('Partners'))+\" \")])])]):_vm._e(),(_vm.isFeesAdmin)?_c('div',{staticClass:\"ConsumptionsSidebar__box border-green\"},[_c('div',{staticClass:\"ConsumptionsSidebar__box--tab\",on:{\"click\":function($event){!_vm.inactiveApp && _vm.isSuperAdmin ? _vm.selectTab(_vm.ConsumptionsTabs.CONFIG_PLANS) : ''}}},[_c('div',{staticClass:\"ConsumptionsSidebar__box--tab--blackBox\"},[_c('div',{staticClass:\"ConsumptionsSidebar__box--tab--icon\"},[_c('KeybeIcon',{attrs:{\"icon\":_vm.KeybeIconType.PLUS,\"color\":\"white\"}})],1)]),_c('span',{staticClass:\"ConsumptionsSidebar__box--tab--text\",class:_vm.isSelectedTab(_vm.ConsumptionsTabs.CONFIG_PLANS)?'ConsumptionsSidebar__box--tab--text--selected':''},[_vm._v(\" \"+_vm._s(_vm.$t('plans'))+\" \")])]),_c('div',{staticClass:\"ConsumptionsSidebar__box--tab--divider\"}),_c('div',{staticClass:\"ConsumptionsSidebar__box--tab\",on:{\"click\":function($event){!_vm.inactiveApp && _vm.isSuperAdmin ? _vm.selectTab(_vm.ConsumptionsTabs.DAILY_CONTACT) : ''}}},[_c('div',{staticClass:\"ConsumptionsSidebar__box--tab--blackBox\"},[_c('div',{staticClass:\"ConsumptionsSidebar__box--tab--icon\"},[_c('KeybeIcon',{attrs:{\"icon\":_vm.KeybeIconType.PLUS,\"color\":\"white\"}})],1)]),_c('span',{staticClass:\"ConsumptionsSidebar__box--tab--text\",class:_vm.isSelectedTab(_vm.ConsumptionsTabs.DAILY_CONTACT)?'ConsumptionsSidebar__box--tab--text--selected':''},[_vm._v(\" \"+_vm._s(_vm.$t('DailyContacts'))+\" \")])]),_c('div',{staticClass:\"ConsumptionsSidebar__box--tab--divider\"}),_c('div',{staticClass:\"ConsumptionsSidebar__box--tab\",on:{\"click\":function($event){!_vm.inactiveApp && _vm.isSuperAdmin ? _vm.selectTab(_vm.ConsumptionsTabs.PRODUCTS) : ''}}},[_c('div',{staticClass:\"ConsumptionsSidebar__box--tab--blackBox\"},[_c('div',{staticClass:\"ConsumptionsSidebar__box--tab--icon\"},[_c('KeybeIcon',{attrs:{\"icon\":_vm.KeybeIconType.PLUS,\"color\":\"white\"}})],1)]),_c('span',{staticClass:\"ConsumptionsSidebar__box--tab--text\",class:_vm.isSelectedTab(_vm.ConsumptionsTabs.PRODUCTS)?'ConsumptionsSidebar__box--tab--text--selected':''},[_vm._v(\" \"+_vm._s(_vm.$t('products'))+\" \")])])]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { ConsumptionsTabs } from '@/modules/consumptions/infrastructure/enums/ConsumptionsTabs'\nimport { mapGetters, mapState } from 'vuex'\nimport { KeybeIconType } from '@/shared/infrastructure/enums/icons/KeybeIconType'\nimport FeesServices from '@/modules/configuration/application/services/FeesServices'\n\nimport KeybeAvatar from '@/shared/infrastructure/ui/KeybeAvatar.vue'\nimport KeybeIcon from '@/shared/infrastructure/ui/icons/KeybeIcon.vue'\n// import BannerSlidebar from '@/shared/infrastructure/ui/BannerSlidebar/BannerSlidebar.vue'\n\nexport default {\n name: 'ConsumptionsSidebar',\n components: {\n KeybeAvatar,\n KeybeIcon\n // BannerSlidebar\n },\n props: {\n selectedTab: {\n type: String,\n required: true\n }\n },\n data () {\n return {\n ConsumptionsTabs,\n KeybeIconType,\n hasFees: false,\n isFeesAdmin: false\n }\n },\n computed: {\n ...mapGetters('UserStore', ['isSuperAdmin']),\n ...mapState('AppStore', ['selectedApp']),\n ...mapState('UserStore', ['isUserReadonly']),\n ...mapState('BillingStore', ['appConfig']),\n inactiveApp (): boolean {\n const status = this.selectedApp?.status\n return !(status === 'active' || status == null || status === true || status === false || status === 200)\n },\n appName (): string {\n return this.selectedApp?.name || ''\n },\n balanceComputed () {\n let value = this.appConfig.balanceUSD\n if (value) value = this.appConfig.balanceUSD\n return value\n }\n },\n methods: {\n async getFeesUser () {\n const feesData = await FeesServices.isCommissionAgent()\n if (feesData?.status) {\n this.hasFees = true\n const user = feesData.data\n this.isFeesAdmin = user.superadmin\n }\n },\n isSelectedTab (tab: ConsumptionsTabs) {\n return this.selectedTab === tab\n },\n selectTab (tab: ConsumptionsTabs) {\n if (\n (tab === ConsumptionsTabs.PAYMENTS_METHODS ||\n tab === ConsumptionsTabs.PACKAGES) &&\n this.isUserReadonly\n ) return\n if (this.selectedTab === tab) return\n this.$emit('selectTab', tab)\n },\n formatCurrency (value, currency) {\n const formatter = new Intl.NumberFormat('en-US', {\n style: 'currency',\n currency\n })\n return formatter.format(value)\n }\n },\n mounted () {\n this.getFeesUser()\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport ConsumptionsSidebar from './ConsumptionsSidebar'\nexport default ConsumptionsSidebar\n","import mod from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConsumptionsSidebar.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConsumptionsSidebar.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./ConsumptionsSidebar.vue?vue&type=template&id=63366b9c&\"\nimport script from \"./ConsumptionsSidebar.vue?vue&type=script&lang=ts&\"\nexport * from \"./ConsumptionsSidebar.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./ConsumptionsSidebar.vue?vue&type=style&index=0&id=63366b9c&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 null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"ConsumptionsDetails\"},[_c('div',{staticClass:\"ConsumptionsDetails__header\"},[_c('span',{staticClass:\"ConsumptionsDetails__header--title\"},[_vm._v(_vm._s(_vm.$t('billingAndConsumptions')))]),_c('div',{staticClass:\"ConsumptionsDetails__header--row\"},[_c('span',[_vm._v(_vm._s(_vm.$t('serviceDetail')))]),_c('div',{staticClass:\"ConsumptionsDetails__header--row-end\"},[_c('KBDateRangeMenu',{on:{\"change-date\":function($event){return _vm.$emit('change-date', $event)}},model:{value:(_vm.dateSelector),callback:function ($$v) {_vm.dateSelector=$$v},expression:\"dateSelector\"}})],1)])]),_c('div',{staticClass:\"ConsumptionsDetails__dataContainer\"},[_c('div',{staticClass:\"ConsumptionsDetails__total\"},[_c('strong',[_vm._v(\"TOTAL: \")]),_c('span',[_vm._v(\"USD \"+_vm._s(_vm.formatCurrency(_vm.total, 'USD')))])]),_vm._l((_vm.consumptionsGroups),function(item,index){return _c('div',{key:(\"ConsumptionsDetails-item-\" + index),staticClass:\"ConsumptionsDetails__dataContainer--item\"},[_c('div',{staticClass:\"ConsumptionsDetails__dataContainer--item--header\",on:{\"click\":function($event){return _vm.toggleDetails(item.name)}}},[_c('span',{staticClass:\"mdi mdi-chevron-right mr-2\"}),_c('span',{staticClass:\"mr-auto\"},[_vm._v(_vm._s(_vm.$t(item.name)))]),_c('div',{staticClass:\"ml-auto\"},[_c('span',{staticClass:\"mr-8\"},[_vm._v(_vm._s(item.amount)+\" Unt\")]),_c('span',{staticClass:\"ml-12\"},[_vm._v(\"USD \"+_vm._s(_vm.formatCurrency(item.total, 'USD')))])])]),_c('v-expand-transition',[(item.name === _vm.showingItem && item.name !== 'daily_contact')?_c('KBSimpleTable',{attrs:{\"labels\":_vm.headers,\"data\":item.consumptions,\"filter\":['priceTotal', 'priceSubTotal', 'priceUnit', 'discount']}}):_vm._e(),(item.name === _vm.showingItem && item.name === 'daily_contact')?_c('KBTableDailyContact',{attrs:{\"labels\":_vm.headersContact,\"data\":item.consumptions,\"filter\":['priceTotal', 'priceSubTotal', 'priceUnit', 'discount']}}):_vm._e()],1)],1)})],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"KBSimpleTable newBackground\"},[_c('table',{staticClass:\"KBSimpleTable__table\"},[_c('thead',[_c('tr',_vm._l((_vm.labels),function(label,labelIndex){return _c('td',{key:(\"KBSimpleTable-\" + (label.text) + \"-\" + labelIndex),staticClass:\"KBSimpleTable__header\",class:_vm.positionClass(labelIndex, _vm.labels.length)},[_vm._v(\" \"+_vm._s(label.text)+\" \")])}),0)]),_c('tbody',_vm._l((_vm.data),function(item,itemIndex){return _c('tr',{key:(\"KBSimpleTable-item-\" + itemIndex),staticClass:\"KBSimpleTable__row\"},_vm._l((_vm.labels),function(label,labelIndex){return _c('td',{key:(\"KBSimpleTable-label-\" + labelIndex),staticClass:\"KBSimpleTable__item\",class:_vm.positionClass(labelIndex, _vm.labels.length)},[(_vm.filter && _vm.filter.includes(label.field))?[_vm._v(\" USD \"+_vm._s(_vm.formatCurrency(item[label.field], 'USD'))+\" \")]:[_vm._v(\" \"+_vm._s(item[label.field])+\" \")]],2)}),0)}),0)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n \r\n \r\n \r\n
\r\n
\r\n\r\n\r\n\r\n\r\n\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./KBSimpleTable.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./KBSimpleTable.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./KBSimpleTable.vue?vue&type=template&id=bb92bf3a&\"\nimport script from \"./KBSimpleTable.vue?vue&type=script&lang=js&\"\nexport * from \"./KBSimpleTable.vue?vue&type=script&lang=js&\"\nimport style0 from \"./KBSimpleTable.vue?vue&type=style&index=0&id=bb92bf3a&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 null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"KBSimpleTable newBackground\"},[_c('table',{staticClass:\"KBSimpleTable__table\"},[_c('thead',[_c('tr',_vm._l((_vm.labels),function(label,labelIndex){return _c('td',{key:(\"KBSimpleTable-\" + (label.text) + \"-\" + labelIndex),staticClass:\"KBSimpleTable__header\",class:_vm.positionClass(labelIndex, _vm.labels.length)},[_vm._v(\" \"+_vm._s(label.text)+\" \")])}),0)]),_c('tbody',_vm._l((_vm.data),function(item,itemIndex){return _c('tr',{key:(\"KBSimpleTable-item-\" + itemIndex),staticClass:\"KBSimpleTable__row\"},_vm._l((_vm.labels),function(label,labelIndex){return _c('td',{key:(\"KBSimpleTable-label-\" + labelIndex),staticClass:\"KBSimpleTable__item\",class:_vm.positionClass(labelIndex, _vm.labels.length)},[(_vm.filter && _vm.filter.includes(label.field))?[_vm._v(\" \"+_vm._s(_vm._f(\"currencyUSD\")(item[label.field]))+\" \")]:[_vm._v(\" \"+_vm._s(_vm.customLogic(item, label))+\" \")]],2)}),0)}),0)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","// filters.ts\n\n// Define una función que formatea el valor como moneda USD\nexport function currencyToUSD (value: any): string {\n if (!value) {\n return 'USD $0.00'\n }\n if (typeof value !== 'number') {\n return value.toString()\n }\n\n const currency = 'USD'\n const formatter = new Intl.NumberFormat('en-US', {\n style: 'currency',\n currency\n })\n\n return `USD $${formatter.format(value).replace('$', '')}`\n}\n","\r\n \r\n \r\n \r\n
\r\n
\r\n\r\n\r\n\r\n\r\n\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./KBTableDailyContact.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./KBTableDailyContact.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./KBTableDailyContact.vue?vue&type=template&id=ebc9d1ca&\"\nimport script from \"./KBTableDailyContact.vue?vue&type=script&lang=js&\"\nexport * from \"./KBTableDailyContact.vue?vue&type=script&lang=js&\"\nimport style0 from \"./KBTableDailyContact.vue?vue&type=style&index=0&id=ebc9d1ca&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 null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"click-outside\",rawName:\"v-click-outside\",value:(_vm.close),expression:\"close\"}],staticClass:\"KBDateRangeMenu\"},[_c('div',{staticClass:\"KBSelect KBSelect-width\",class:{ 'KBSelect--open': _vm.showSelector, 'KBSelect--small': _vm.small }},[_c('div',{staticClass:\"KBSelect__container\",class:{\n 'KBSelect__container--small': _vm.small\n },on:{\"click\":function($event){_vm.showSelector = !_vm.showSelector}}},[(_vm.showSelectorIcon)?_c('div',{staticClass:\"circle-dot\"},[(_vm.itemToShow != _vm.$t('custom'))?_c('v-icon',{staticStyle:{\"font-size\":\"1rem\"},attrs:{\"color\":_vm.colorIcon(_vm.itemToShow)}},[_vm._v(\" mdi-calendar \")]):_c('v-icon',{staticStyle:{\"font-size\":\"1rem\"},attrs:{\"color\":_vm.colorIcon(_vm.itemToShow)}},[_vm._v(\" mdi-pencil \")])],1):_vm._e(),(_vm.selectedItem)?_c('span',{class:{ 'selected--dark': _vm.$vuetify.theme.dark }},[_vm._v(_vm._s(_vm.itemToShow))]):_vm._e(),_c('span',{staticClass:\"mdi mdi-menu-down ml-auto\"})]),_c('div',{staticClass:\"KBSelect__list newBackground\",class:{ 'KBSelect__list--open': _vm.showSelector, 'KBSelect__list--small': _vm.small }},_vm._l((_vm.items),function(item,index){return _c('div',{key:index,staticClass:\"list-item\",class:{ 'list-item--selected': _vm.isSelected(item) },on:{\"click\":function($event){return _vm.selectItem(item)}}},[_c('div',{staticClass:\"d-flex\"},[_c('div',{staticClass:\"circle-dot\"},[(item != _vm.$t('custom'))?_c('v-icon',{staticStyle:{\"font-size\":\"1rem\"},attrs:{\"color\":_vm.colorIcon(item)}},[_vm._v(\" mdi-calendar \")]):_c('v-icon',{staticStyle:{\"font-size\":\"1rem\"},attrs:{\"color\":_vm.colorIcon(item)}},[_vm._v(\" mdi-pencil \")])],1),_c('span',{staticClass:\"ml-2\"},[_vm._v(_vm._s(item))])])])}),0)]),_c('v-expand-transition',[(_vm.showDatePicker)?_c('v-date-picker',{staticClass:\"KBSelect__datePicker\",attrs:{\"range\":\"\",\"landscape\":\"\"},on:{\"change\":_vm.findCustomData},model:{value:(_vm.datePicker),callback:function ($$v) {_vm.datePicker=$$v},expression:\"datePicker\"}}):_vm._e()],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport moment from 'moment'\nimport { EventBus } from '@/eventBus'\nconst FORMAT_DATE = 'YYYY-MM-DD'\n\nexport default {\n props: ['value', 'itemText', 'itemValue', 'returnObject', 'small', 'hasEmptyOption', 'showSelectorIcon'],\n computed: {\n items () {\n return [\n this.$t('thisWeek'),\n this.$t('lastWeek'),\n this.$t('last2Week'),\n this.$t('last3Week'),\n this.$t('thisMonth'),\n this.$t('lastMonth'),\n this.$t('last2Month'),\n this.$t('last3Month'),\n this.$t('last6Month'),\n this.$t('last12Month'),\n this.$t('lastCut'),\n this.$t('custom')\n ]\n },\n itemToShow () {\n return this.selectedItem\n }\n },\n created () {\n if (this.hasEmptyOption) {\n this.items.unshift(this.$t('noDateFilter'))\n }\n },\n watch: {\n datePicker: {\n handler: function (newValue) {\n this.callCustomDatePicker()\n },\n deep: true\n },\n value: {\n handler (val) {\n this.selectedItem = val\n },\n immediate: true\n }\n },\n data () {\n return {\n selectedItem: null,\n showSelector: false,\n showDatePicker: false,\n datePicker: [moment().format('YYYY-MM-DD'), moment().format('YYYY-MM-DD')]\n }\n },\n methods: {\n colorIcon (item) {\n if (item === this.$t('thisWeek')) return '#29cbd0'\n if (item === this.$t('lastWeek')) return '#fcce0f'\n if (item === this.$t('last2Week')) return '#007d87'\n if (item === this.$t('last3Week')) return '#fb407b'\n if (item === this.$t('thisMonth')) return '#88116d'\n if (item === this.$t('lastMonth')) return '#00cfe4'\n if (item === this.$t('last2Month')) return '#39f69b'\n if (item === this.$t('last3Month')) return '#ff99cc'\n if (item === this.$t('last6Month')) return '#e4d893'\n if (item === this.$t('last12Month')) return '#007d87'\n if (item === this.$t('lastCut')) return '#fcce0f'\n return '#000000'\n },\n callCustomDatePicker () {\n if (this.datePicker != null && this.datePicker.length === 2) {\n // if (this.datePicker[0] > this.datePicker[1]) {\n // EventBus.$emit('toast', 'error', this.$t('invalidDate'))\n // return\n // }\n const dateFrom = this.datePicker[0]\n const dateTo = this.datePicker[1]\n EventBus.$emit('metricsDatePicker', this.datePicker)\n this.$emit('input', this.selectedItem)\n this.$emit('change-date', { dateString: this.selectedItem, dateFrom, dateTo })\n }\n },\n close () {\n this.showSelector = false\n if (this.showDatePicker) {\n this.showDatePicker = false\n }\n },\n selectItem (item) {\n // validate if is custom date to show date picker\n if (item === this.$t('custom')) {\n this.showDatePicker = true\n return\n }\n\n this.showDatePicker = false\n\n if (this.returnObject) this.selectedItem = item\n else if (this.itemValue) this.selectedItem = item[this.itemValue]\n else this.selectedItem = item\n this.showSelector = false\n\n this.$emit('input', this.selectedItem)\n switch (this.selectedItem) {\n case this.$t('thisWeek'): {\n const dateFrom = moment().startOf('week').format(FORMAT_DATE)\n const dateTo = moment().format(FORMAT_DATE)\n this.$emit('change-date', { dateString: this.selectedItem, dateFrom, dateTo })\n break\n }\n case this.$t('lastWeek'): {\n const dateFrom = moment().startOf('week').subtract(1, 'week').format(FORMAT_DATE)\n const dateTo = moment().startOf('week').subtract(1, 'week').endOf('week').format(FORMAT_DATE)\n this.$emit('change-date', { dateString: this.selectedItem, dateFrom, dateTo })\n break\n }\n case this.$t('last2Week'): {\n const dateFrom = moment().startOf('week').subtract(1, 'week').format(FORMAT_DATE)\n const dateTo = moment().format(FORMAT_DATE)\n this.$emit('change-date', { dateString: this.selectedItem, dateFrom, dateTo })\n break\n }\n case this.$t('last3Week'): {\n const dateFrom = moment().startOf('week').subtract(2, 'week').format(FORMAT_DATE)\n const dateTo = moment().format(FORMAT_DATE)\n this.$emit('change-date', { dateString: this.selectedItem, dateFrom, dateTo })\n break\n }\n case this.$t('thisMonth'): {\n const dateFrom = moment().startOf('month').format(FORMAT_DATE)\n const dateTo = moment().format(FORMAT_DATE)\n this.$emit('change-date', { dateString: this.selectedItem, dateFrom, dateTo })\n break\n }\n case this.$t('lastMonth'): {\n const dateFrom = moment().startOf('month').subtract(1, 'month').format(FORMAT_DATE)\n const dateTo = moment().startOf('month').subtract(1, 'month').endOf('month').format(FORMAT_DATE)\n this.$emit('change-date', { dateString: this.selectedItem, dateFrom, dateTo })\n break\n }\n case this.$t('last2Month'): {\n const dateFrom = moment().startOf('month').subtract(1, 'month').format(FORMAT_DATE)\n const dateTo = moment().format(FORMAT_DATE)\n this.$emit('change-date', { dateString: this.selectedItem, dateFrom, dateTo })\n break\n }\n case this.$t('last3Month'): {\n const dateFrom = moment().startOf('month').subtract(2, 'month').format(FORMAT_DATE)\n const dateTo = moment().format(FORMAT_DATE)\n this.$emit('change-date', { dateString: this.selectedItem, dateFrom, dateTo })\n break\n }\n case this.$t('last6Month'): {\n const dateFrom = moment().startOf('month').subtract(5, 'month').format(FORMAT_DATE)\n const dateTo = moment().format(FORMAT_DATE)\n this.$emit('change-date', { dateString: this.selectedItem, dateFrom, dateTo })\n break\n }\n case this.$t('last12Month'): {\n const dateFrom = moment().startOf('month').subtract(11, 'month').format(FORMAT_DATE)\n const dateTo = moment().format(FORMAT_DATE)\n this.$emit('change-date', { dateString: this.selectedItem, dateFrom, dateTo })\n break\n }\n case this.$t('lastCut'): {\n const dateFrom = moment().startOf('month').subtract(1, 'month').set('date', 24).format(FORMAT_DATE)\n const dateTo = moment().startOf('month').set('date', 25).format(FORMAT_DATE)\n this.$emit('change-date', { dateString: this.selectedItem, dateFrom, dateTo })\n break\n }\n case this.$t('custom'): {\n this.$emit('change-date', { dateString: this.selectedItem })\n break\n }\n case this.$t('noDateFilter'):\n this.$emit('change-date', { dateString: this.$t('noDateFilter') })\n break\n default:\n this.$emit('change-date', { dateString: this.$t('thisMonth') })\n break\n }\n },\n isSelected (item) {\n if (this.itemValue) {\n const found = this.items.filter(i => i[this.itemValue] === this.selectedItem)[0]\n if (found) return true\n } else {\n return this.selectedItem === item\n }\n },\n findCustomData () {\n let [startDate, endDate] = this.datePicker\n if (!endDate) endDate = startDate\n if (moment(startDate).isBefore(endDate)) {\n this.$emit('change-date', { dateString: this.$t('custom'), dateFrom: startDate, dateTo: endDate })\n this.showDatePicker = false\n this.showSelector = false\n this.selectedItem = this.$t('custom')\n return\n }\n this.$emit('change-date', { dateString: this.$t('custom'), dateFrom: endDate, dateTo: startDate })\n this.showDatePicker = false\n this.showSelector = false\n this.selectedItem = this.$t('custom')\n }\n }\n}\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./KBDateRangeMenu.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./KBDateRangeMenu.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./KBDateRangeMenu.vue?vue&type=template&id=cdff442e&scoped=true&\"\nimport script from \"./KBDateRangeMenu.vue?vue&type=script&lang=ts&\"\nexport * from \"./KBDateRangeMenu.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./KBDateRangeMenu.vue?vue&type=style&index=0&id=cdff442e&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 \"cdff442e\",\n null\n \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VDatePicker } from 'vuetify/lib/components/VDatePicker';\nimport { VExpandTransition } from 'vuetify/lib/components/transitions';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\ninstallComponents(component, {VDatePicker,VExpandTransition,VIcon})\n\n\n/* vuetify-loader */\nimport installDirectives from \"!../../../../node_modules/vuetify-loader/lib/runtime/installDirectives.js\"\nimport ClickOutside from 'vuetify/lib/directives/click-outside'\ninstallDirectives(component, {ClickOutside})\n","import { EventBus } from '@/eventBus'\nimport { mapState } from 'vuex'\n\nimport KBSimpleTable from '@/shared/infrastructure/ui/tables/KBSimpleTable.vue'\nimport KBTableDailyContact from '@/shared/infrastructure/ui/tables/KBTableDailyContact.vue'\nimport KBDateRangeMenu from '@/shared/infrastructure/ui/KBDateRangeMenu.vue'\nimport BillingController from '../../../controllers/Billing.controller'\nimport { billingDataGetter, dataToGetBillingReport } from '@/modules/consumptions/domain/BillingController'\nimport BillingUseCase from '@/modules/consumptions/application/BillingUseCase'\nimport { CDPFieldsEnums } from '@/modules/CDP/shared/contacts/domain/enums/CDPFieldsEnums'\n// import KeybeButton from '@/modules/DesignSystem/infrastructure/components/KeybeButton/KeybeButton.vue'\nimport Colors from '@/shared/domain/colors/Color'\nexport default {\n name: 'ConsumptionsDetails',\n components: {\n // KeybeButton,\n KBDateRangeMenu,\n KBSimpleTable,\n KBTableDailyContact\n },\n props: {\n consumptions: {\n type: Array,\n default: () => []\n },\n dateString: {\n type: String,\n default: ''\n },\n dateFrom: {\n type: String,\n default: ''\n },\n dateTo: {\n type: String,\n default: ''\n },\n groups: {\n type: Array,\n default: () => []\n }\n },\n computed: {\n ...mapState('UserStore', ['token', 'user']),\n ...mapState('CompanyStore', ['selectedCompany']),\n ...mapState('AppStore', ['selectedApp']),\n name () {\n if (!this.user?.lastName) {\n return this.user?.name\n }\n return `${this.user?.name} ${this.user?.lastName}`\n },\n consumptionsGroups () {\n const consumptionsGroups = []\n let total = 0\n for (const group of this.groups) {\n const consumptions = this.consumptions.filter(consumption => consumption.group === group)\n const localTotal = consumptions.reduce((acc, curr) => {\n const current = parseFloat(curr.priceTotal) || 0\n const amount = curr.count\n return {\n total: acc.total + current,\n amount: acc.amount + amount\n }\n }, { total: 0, amount: 0 })\n total += parseFloat(localTotal.total.toFixed(3))\n consumptionsGroups.push({\n name: group,\n total: localTotal.total,\n amount: localTotal.amount,\n consumptions\n })\n }\n this.total = total\n return consumptionsGroups\n }\n },\n data () {\n return {\n dateSelector: '',\n showingItem: null,\n total: 0,\n billinController: new BillingController(),\n loadingDownload: false,\n headers: [\n { text: this.$t('consumptionItem'), field: 'chargeType' },\n { text: this.$t('consumptionDate'), field: 'deltaTime' },\n { text: this.$t('consumptionPlan'), field: CDPFieldsEnums.PLAN },\n { text: this.$t('consumptionAmountItemShort'), field: 'count' },\n { text: this.$t('consumptionDiscountShort'), field: 'discount' },\n { text: this.$t('consumptionUnitShort'), field: 'priceUnit' },\n { text: this.$t('consumptionSubTotal'), field: 'priceSubTotal' },\n { text: this.$t('consumptionTotal'), field: 'priceTotal' },\n { text: this.$t(CDPFieldsEnums.PLAN), field: 'package' }\n ],\n headersContact: [\n { text: this.$t('consumptionItem'), field: 'chargeType' },\n { text: this.$t('consumptionDate'), field: 'deltaTime' },\n { text: this.$t('consumptionPlan'), field: CDPFieldsEnums.PLAN },\n { text: this.$t('consumptionAmountItemShort'), field: 'count' },\n { text: this.$t('consumptionDiscountShort'), field: 'discount' },\n { text: this.$t('consumptionUnitShort'), field: 'priceUnit' },\n { text: this.$t('consumptionSubTotal'), field: 'priceSubTotal' },\n { text: this.$t('consumptionTotal'), field: 'priceTotal' },\n { text: this.$t('factor'), field: 'factor' },\n { text: this.$t('tier'), field: 'tier' },\n { text: this.$t(CDPFieldsEnums.PLAN), field: 'package' }\n ],\n Colors\n }\n },\n methods: {\n showItem (item) {\n this.showingItem = item\n },\n toggleDetails (item) {\n if (this.showingItem === item) {\n this.showingItem = null\n } else {\n this.showingItem = item\n }\n },\n async downloadReport () {\n if (this.loadingDownload) {\n return\n }\n\n this.loadingDownload = true\n\n const data: dataToGetBillingReport = {\n companyUUID: this.selectedCompany?.uuid,\n appUUID: this.selectedApp?.uuid,\n fromDate: this.dateFrom,\n toDate: this.dateTo,\n token: this.token,\n exportOptions: {\n toEmail: this.user?.email,\n toName: this.name\n }\n }\n\n const response: billingDataGetter = await BillingUseCase.getBillingReport(this.billinController, data)\n\n if (!response.success) {\n return EventBus.$emit('toast', 'error', this.$t('errorDownloadingReport'))\n }\n\n try {\n const fileURL: string = response.downloadUrl\n if (fileURL) {\n const id: string = 'Analitics-billing-historic.xlsx'\n const link: HTMLAnchorElement = document.createElement('a')\n link.id = id\n link.href = fileURL\n link.target = '_blank'\n link.download = id\n document.body.appendChild(link)\n link.click()\n\n // remove link from DOM\n document.body.removeChild(link)\n } else {\n EventBus.$emit(\n 'toast',\n 'success',\n this.$t('successfullBillingExport')\n )\n }\n this.loadingDownload = false\n } catch (error) {\n console.log('error', error)\n this.loadingDownload = false\n }\n },\n calculateContainerHeight () {\n const headerHeight = document.querySelector('.ConsumptionsDetails__header').clientHeight\n const windowHeaderHeight = 30\n const floatingScreenHeight = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--floating-screen-height'))\n document.documentElement.style.setProperty('--consumptions-container-height', `${floatingScreenHeight - headerHeight - windowHeaderHeight}px`)\n },\n formatCurrency (value: number, currency: string) {\n const formatter = new Intl.NumberFormat('en-US', {\n style: 'currency',\n currency\n })\n return formatter.format(value)\n }\n },\n mounted () {\n this.calculateContainerHeight()\n this.dateSelector = this.dateString\n\n EventBus.$on('FloatingWindow-resize', this.calculateContainerHeight)\n },\n beforeDestroy () {\n BillingUseCase.abort(this.billinController)\n EventBus.$off('FloatingWindow-resize')\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport ConsumptionsDetails from './ConsumptionsDetails'\nexport default ConsumptionsDetails\n","import mod from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConsumptionsDetails.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConsumptionsDetails.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./ConsumptionsDetails.vue?vue&type=template&id=1ad6503b&\"\nimport script from \"./ConsumptionsDetails.vue?vue&type=script&lang=ts&\"\nexport * from \"./ConsumptionsDetails.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./ConsumptionsDetails.vue?vue&type=style&index=0&id=1ad6503b&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 null,\n null\n \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VExpandTransition } from 'vuetify/lib/components/transitions';\ninstallComponents(component, {VExpandTransition})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"InvoicesDetails\"},[(_vm.loading)?_c('Loader'):_vm._e(),(_vm.showDialog)?_c('div',{staticClass:\"InvoicesDetails__dialog-overlay\"},[_c('div',{staticClass:\"InvoicesDetails__dialog-overlay--dialog\"},[_c('div',{staticClass:\"InvoicesDetails__dialog-overlay--dialog--header\"},[_c('span',[_vm._v(_vm._s(_vm.$t('email')))])]),_c('div',{staticClass:\"InvoicesDetails__dialog-overlay--dialog--body\"},[_c('KBText',{attrs:{\"type\":\"text\"},model:{value:(_vm.email),callback:function ($$v) {_vm.email=$$v},expression:\"email\"}})],1),_c('div',{staticClass:\"InvoicesDetails__dialog-overlay--dialog--footer\"},[_c('button',{on:{\"click\":function($event){_vm.showDialog = false}}},[_vm._v(_vm._s(_vm.$t('cancel')))]),_c('button',{staticClass:\"InvoicesDetails__dialog-overlay--dialog--send-button\",on:{\"click\":function($event){return _vm.sendInvoiceToEmail(_vm.currentItem.id)}}},[_vm._v(_vm._s(_vm.$t('send')))])])])]):_vm._e(),_c('div',{staticClass:\"InvoicesDetails__header\",attrs:{\"id\":\"InvoicesDetails__header\"}},[_c('span',{staticClass:\"InvoicesDetails__header--title\"},[_vm._v(_vm._s(_vm.$t('billingAndConsumptions')))])]),(!_vm.invoice)?_c('div',{staticClass:\"InvoicesDetails__dataContainer\"},_vm._l((_vm.invoices),function(item,index){return _c('div',{key:(\"InvoicesDetails-item-\" + index),staticClass:\"InvoicesDetails__dataContainer--item\"},[_c('div',{staticClass:\"InvoicesDetails__dataContainer--item--wrapper\"},[_c('div',{staticClass:\"InvoicesDetails__dataContainer--item--header\",on:{\"click\":function($event){return _vm.toggleDetails(item.id)}}},[_c('span',{staticClass:\"mdi mdi-chevron-right\"}),_c('div',{staticClass:\"InvoicesDetails__dataContainer--item--header--title\"},[_c('span',[_vm._v(\"#\"+_vm._s(item.id))]),_c('span',[_vm._v(_vm._s(((_vm.$t('total')) + \": USD \" + (_vm.formatCurrency(item.total, 'USD')))))]),_c('span',[_vm._v(_vm._s(_vm.getDate(item.dateEnd)))]),_c('div',{staticClass:\"d-flex align-center\"},[_c('div',{staticClass:\"InvoicesDetails__dataContainer--item--header--title--avatar\",style:({\n backgroundColor: _vm.statusColor[item.status]\n })}),_c('span',[_vm._v(\" \"+_vm._s(_vm.$t(item.status))+\" \")])])])]),_c('v-btn',{attrs:{\"icon\":true,\"size\":\"x-small\"},on:{\"click\":function($event){return _vm.generatePdf(item)}}},[_c('span',{staticClass:\"mdi mdi-download\"})])],1),_c('v-expand-transition',[(item.id === _vm.showingItem)?_c('div',{staticClass:\"InvoicesDetails__dataContainer--tableContainer\"},[_c('KBSimpleTable',{attrs:{\"labels\":_vm.headers,\"data\":item.invoiceDetails,\"filter\":['subTotal', 'total']}}),_c('div',{staticClass:\"InvoicesDetails__dataContainer--total newBackground\"},[_c('span',[_vm._v(_vm._s(_vm.$t('totalToPay')))]),_c('span',[_vm._v(_vm._s(_vm.formatCurrency(item.total, 'USD')))])])],1):_vm._e()])],1)}),0):_c('div',{staticClass:\"InvoicesDetails__dataContainer\"},[_c('VueHtml2pdf',{ref:\"html2Pdf\",attrs:{\"show-layout\":false,\"float-layout\":false,\"enable-download\":true,\"preview-modal\":false,\"paginate-elements-by-height\":1400,\"filename\":\"invoice\",\"pdf-quality\":2,\"manual-pagination\":false,\"pdf-format\":\"a4\",\"pdf-orientation\":\"landscape\",\"pdf-content-width\":\"1100px\"}},[_c('div',{staticClass:\"flex flex-col justify-center px-8 my-7\",attrs:{\"slot\":\"pdf-content\"},slot:\"pdf-content\"},[_c('section',{staticClass:\"flex flex-row justify-space-between\",attrs:{\"id\":\"invoice-header\"}},[_c('div',[_c('ul',_vm._l((_vm.keybe),function(item,index){return _c('li',{key:item,class:index == 0 ? 'text-h5' : ''},[_vm._v(\" \"+_vm._s(item)+\" \")])}),0)]),_c('div',[_c('img',{attrs:{\"src\":_vm.storageRoute + '/files/bluebird/kb-logo.png',\"width\":\"100\",\"async\":\"\"}})])]),_c('section',{staticClass:\"py-8\",attrs:{\"id\":\"invoice-items\"}},[_c('span',{staticStyle:{\"font-size\":\"40px\"}},[_c('b',[_vm._v(_vm._s(_vm.$t('invoice')))])]),_c('div',{staticClass:\"flex flex-row justify-space-between mt-4\",staticStyle:{\"border-bottom\":\"solid\"}},[_c('ul',{staticStyle:{\"margin-right\":\"330px\",\"padding\":\"5px 0px\"}},[_c('li',{staticClass:\"flex\"},[_c('div',{staticClass:\"dw-wrapper\"},[_c('b',[_vm._v(_vm._s(_vm.$t('client')))])]),_c('div',{staticClass:\"dw-value\"},[_vm._v(_vm._s(_vm.invoice.appConfig.appName))])]),_c('li',{staticClass:\"flex\"},[_c('div',{staticClass:\"dw-wrapper\"},[_c('b',[_vm._v(_vm._s(_vm.$t('invoiceNumber')))])]),_c('div',{staticClass:\"dw-value\"},[_vm._v(_vm._s(_vm.invoice.id))])])]),_c('ul',{staticClass:\"ml-12\"},[_c('li',{staticClass:\"flex\"},[_c('div',{staticClass:\"dw-wrapper\"},[_c('b',[_vm._v(_vm._s(_vm.$t('createDate')))])]),_c('div',{staticClass:\"dw-value\"},[_vm._v(_vm._s(_vm.invoice.dateIni))])]),_c('li',{staticClass:\"flex\"},[_c('div',{staticClass:\"dw-wrapper\"},[_c('b',[_vm._v(_vm._s(_vm.$t('dueDate')))])]),_c('div',{staticClass:\"dw-value\"},[_vm._v(_vm._s(_vm.invoice.dateEnd))])])])]),_c('table',{staticClass:\"mx-1\"},[_c('thead',[_c('tr',[_c('th',[_vm._v(_vm._s(_vm.$t('description')))]),_c('th',[_vm._v(_vm._s(_vm.$t('quantity')))]),_c('th',[_vm._v(_vm._s(_vm.$t('total')))])])]),_c('tbody',_vm._l((_vm.invoice.invoiceDetails),function(item,index){return _c('tr',{key:item.name + index},[_c('td',[_vm._v(_vm._s(item.description))]),_c('td',[_vm._v(_vm._s(item.quantity))]),_c('td',[_vm._v(_vm._s(item.amountTotal))])])}),0)])]),_c('section',{staticClass:\"flex justify-end my-4\",staticStyle:{\"border-top\":\"solid\",\"padding-top\":\"5px\"},attrs:{\"id\":\"invoice-total\"}},[_c('div',[_c('ul',[_c('li',{staticClass:\"flex\"},[_c('div',{staticClass:\"dw-wrapper\"},[_c('b',[_vm._v(_vm._s(_vm.$t('subTotal')))])]),_c('div',{staticClass:\"dw-value\"},[_vm._v(_vm._s(_vm.invoice.subTotal)+\" USD\")])]),_c('li',{staticClass:\"flex\"},[_c('div',{staticClass:\"dw-wrapper\"},[_c('b',[_vm._v(_vm._s(_vm.$t('total'))+\":\")])]),_c('div',{staticClass:\"dw-value\"},[_vm._v(_vm._s(_vm.invoice.total)+\" USD\")])]),_c('li',{staticClass:\"flex\"},[_c('div',{staticClass:\"dw-wrapper\"},[_c('b',[_vm._v(_vm._s(_vm.$t('payment'))+\":\")])]),_c('div',{staticClass:\"dw-value\"},[_vm._v(_vm._s(_vm.invoice.total)+\" USD\")])])]),_c('div',{staticClass:\"flex flex-col mt-4\",staticStyle:{\"border-top\":\"solid\"}},[_c('span',{staticClass:\"text-h6 flex\"},[_c('div',{staticClass:\"dw-wrapper\"},[_c('b',[_vm._v(_vm._s(_vm.$t('balanceDue')))])]),_c('div',[_vm._v(_vm._s(_vm.invoice.status == 'PAID' ? 0 : _vm.invoice.total)+\" USD\")])]),_c('span',{staticClass:\"text-h6 text-green\"},[_c('b',[_vm._v(_vm._s(_vm.invoice.status))])])])])]),_c('section',{staticClass:\"w-100 py-8 ml-8\",attrs:{\"id\":\"invoice-footer\"}},[_vm._v(\" Keybe Inc. \")])])]),_c('div',{staticClass:\"flex flex-row justify-center mt-8\"},[_c('KBButton',{staticClass:\"btnBox mx-2\",attrs:{\"text\":_vm.$t('download'),\"type\":\"filled\",\"color\":\"dark3\",\"textColor\":\"black\"},on:{\"click\":function($event){return _vm.generateReport()}}}),_c('KBButton',{staticClass:\"btnBox mx-2\",attrs:{\"text\":_vm.$t('cancel'),\"type\":\"filled\",\"color\":\"dark3\",\"textColor\":\"black\"},on:{\"click\":function () { return _vm.invoice = null; }}})],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import VueHtml2pdf from 'vue-html2pdf'\nimport moment from 'moment'\nimport { EventBus } from '@/eventBus'\nimport Colors from '@/shared/domain/colors/Color'\n\nimport KBSimpleTable from '@/shared/infrastructure/ui/tables/KBSimpleTable.vue'\nimport KBText from '@/shared/infrastructure/ui/inputs/text/KBText.vue'\nimport BillingService from '@/components/configuration/Services/BillingService'\nimport Loader from '@/shared/infrastructure/ui/Loader.vue'\nimport KBButton from '@/shared/infrastructure/ui/buttons/KBButton.vue'\nimport { CDPFieldsEnums } from '@/modules/CDP/shared/contacts/domain/enums/CDPFieldsEnums'\n\nexport default {\n name: 'InvoicesDetails',\n components: {\n KBSimpleTable,\n KBText,\n Loader,\n KBButton,\n VueHtml2pdf\n },\n props: {\n invoices: {\n type: Array,\n required: true\n }\n },\n data () {\n return {\n showDialog: false,\n currentItem: null,\n showingItem: null,\n statusColor: {\n SENT: Colors.yellow2,\n PAID: Colors.kbGreen,\n PENDING: Colors.rojoBird\n },\n loading: false,\n email: null,\n invoice: null,\n keybe: [\n 'KEYBE INC 30-1280531',\n '11930 N BAYSHORE DRIVE SUITE 1106',\n 'NORTH MIAMI, FL 33181 US',\n '+1 2404066789',\n 'fintech@keybe.ai',\n 'https://www.keybe.ai'\n ],\n headers: [\n {\n text: this.$t(CDPFieldsEnums.CODE),\n field: 'id'\n },\n {\n text: this.$t('type'),\n field: 'type'\n },\n {\n text: this.$t('description'),\n field: 'description'\n },\n {\n text: this.$t('quantity'),\n field: 'quantity'\n },\n {\n text: this.$t('subtotal'),\n field: 'subTotal'\n },\n {\n text: this.$t('total'),\n field: 'total'\n }\n ]\n }\n },\n computed: {\n storageRoute (): string {\n return process.env.VUE_APP_STORAGE_URL\n }\n },\n methods: {\n generateReport () {\n this.$refs.html2Pdf.generatePdf()\n },\n toggleDialog (item) {\n if (item.quickbooks) {\n this.currentItem = item\n this.showDialog = true\n } else {\n this.generatePdf(item)\n }\n },\n toggleDetails (item) {\n if (this.showingItem === item) {\n this.showingItem = null\n } else {\n this.showingItem = item\n }\n },\n async generatePdf (invoice) {\n this.invoice = invoice\n },\n async sendInvoiceToEmail (id) {\n const email = this.email\n if (!this.email) return\n this.loading = true\n try {\n const model = { id, email: email.trim() }\n const response = await BillingService.sendInvoiceEmail(model)\n if (response.status) {\n EventBus.$emit('toast', 'success', this.$t('messageEmail'))\n } else {\n EventBus.$emit('toast', 'error', this.$t('messageErrorEmail'))\n }\n } catch {\n EventBus.$emit('toast', 'error', this.$t('messageErrorEmail'))\n } finally {\n this.loading = false\n this.showDialog = false\n }\n },\n formatCurrency (value, currency) {\n const formatter = new Intl.NumberFormat('en-US', {\n style: 'currency',\n currency\n })\n return formatter.format(value)\n },\n getDate (value) {\n const date = moment(value || Date.now()).format('YYYY-MM-DD')\n return `${this.$t('generationDate')}: ${date}`\n },\n calculateContainerHeight () {\n const headerHeight = document.querySelector('.InvoicesDetails__header').clientHeight\n const floatingScreenHeight = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--floating-screen-height'))\n document.documentElement.style.setProperty('--consumptions-container-height', `${floatingScreenHeight - headerHeight}px`)\n }\n },\n mounted () {\n this.calculateContainerHeight()\n\n EventBus.$on('FloatingWindow-resize', this.calculateContainerHeight)\n },\n beforeDestroy () {\n EventBus.$off('FloatingWindow-resize')\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport InvoicesDetails from './InvoicesDetails'\nexport default InvoicesDetails\n","import mod from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InvoicesDetails.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InvoicesDetails.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./InvoicesDetails.vue?vue&type=template&id=384510fc&\"\nimport script from \"./InvoicesDetails.vue?vue&type=script&lang=ts&\"\nexport * from \"./InvoicesDetails.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./InvoicesDetails.vue?vue&type=style&index=0&id=384510fc&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 null,\n null\n \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VExpandTransition } from 'vuetify/lib/components/transitions';\ninstallComponents(component, {VBtn,VExpandTransition})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"ConsumptionsGraph\",class:_vm.$vuetify.theme.dark ? 'ConsumptionsGraphDark': ''},[_c('div',{staticClass:\"ConsumptionsGraph__header\"},[_c('span',{staticClass:\"ConsumptionsGraph__header--title\"},[_vm._v(_vm._s(_vm.$t('billingAndConsumptions')))]),_c('div',{staticClass:\"ConsumptionsGraph__header--dateSelector\"},[_c('KBDateRangeMenu',{staticClass:\"pr-3\",on:{\"change-date\":function($event){return _vm.$emit('change-date', $event)}},model:{value:(_vm.dateSelector),callback:function ($$v) {_vm.dateSelector=$$v},expression:\"dateSelector\"}}),(_vm.dataBilling)?_c('div',[_c('span',{staticClass:\"date-msg\",class:_vm.$vuetify.theme.dark ? 'darkModeLabel': ''},[_vm._v(_vm._s(_vm.$t('dueDateMsg'))+\" \"),(_vm.dataBilling)?_c('b',[_vm._v(_vm._s(_vm.generalDueDate))]):_vm._e()])]):_c('div',[_c('span',{staticClass:\"date-msg\",class:_vm.$vuetify.theme.dark ? 'darkModeLabel': ''},[_vm._v(_vm._s(_vm.$t('validateServiceDueDate')))])])],1),_c('div',{staticClass:\"contentBilling\"},[(_vm.alertPayment)?_c('div',{staticClass:\"DialogAlert\"},[_c('div',{staticClass:\"contentSubTitle\"},[_c('span',{staticClass:\"subTitle-DialogAlert noselect\"},[_vm._v(_vm._s(_vm.$t('modalDescriptionPlanEnd')))]),_c('KBButton',{attrs:{\"text\":_vm.$t('updatePlans'),\"type\":'outlined',\"color\":'black',\"textColor\":\"black\"},on:{\"click\":function($event){_vm.changeOption = _vm.ConsumptionsTabs.PAYMENTS_METHODS}}})],1)]):_vm._e(),(_vm.bikyPlan)?_c('div',{staticClass:\"contentTempCardsPlan\"},[_c('div',{staticClass:\"contentTempCardsPlan__item\"},[_c('span',[_vm._v(_vm._s(_vm.keybePlan))])]),_c('div',{staticClass:\"contentTempCardsPlan__item\"},[_c('span',[_vm._v(_vm._s(_vm.bikyPlan))])])]):_vm._e(),(_vm.bikyPlanBooking)?_c('div',{staticClass:\"borderBooking\"},[_c('span',[_vm._v(_vm._s(_vm.$t('booking'))+\" \"+_vm._s(_vm.$t('dueDateMsg'))+\" \"),(_vm.dataBilling)?_c('b',[_vm._v(_vm._s(_vm.generalDueDate))]):_vm._e()])]):_vm._e(),(_vm.bikyPlanBooking)?_c('div',{staticClass:\"contentTempCardsPlan\"},[_c('div',{staticClass:\"contentTempCardsPlan__item\"},[_c('span',[_vm._v(_vm._s(_vm.keybePlanBooking))])]),_c('div',{staticClass:\"contentTempCardsPlan__item\"},[_c('span',[_vm._v(_vm._s(_vm.bikyPlanBooking))])])]):_vm._e(),_c('ProgressBillingCard',{attrs:{\"dataBilling\":_vm.dataBilling}}),_c('div',{staticClass:\"ConsumptionsGraph__graphs\"},[_c('GraphExpensesUSD',{attrs:{\"totalConsumption\":_vm.totalConsumption,\"treeMapData\":_vm.treeMapData,\"dateString\":_vm.dateString}})],1)],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import axios from 'axios'\nimport store from '@/store/index'\nimport { RestResponseFactory } from '@/models/apis/RestResponse'\n\nexport default class BillingService {\n static async getPackage () {\n try {\n const token = store.getters['UserStore/getToken']\n const appId = store.getters['AppStore/getSelectedApp']?.uuid\n const response = await axios.get(\n `${process.env.VUE_APP_BILLING_URL}package/plan/${appId}`,\n {\n headers: {\n 'Content-Type': 'application/json',\n Authorization: 'Bearer ' + token\n }\n }\n )\n return new RestResponseFactory().process({ response })\n } catch (e) {\n const errorResponse = new RestResponseFactory().process({ response: { status: 500 } })\n errorResponse.data = e.response?.data\n return errorResponse\n }\n }\n\n static async getPlans () {\n try {\n const token = store.getters['UserStore/getToken']\n const response = await axios.get(\n `${process.env.VUE_APP_BILLING_URL}plans`,\n {\n headers: {\n Authorization: 'Bearer ' + token\n }\n }\n )\n return new RestResponseFactory().process({ response })\n } catch (e) {\n const errorResponse = new RestResponseFactory().process({ response: { status: 500 } })\n errorResponse.data = e.response.data\n return errorResponse\n }\n }\n\n static async getAppConfig () {\n try {\n const token = store.getters['UserStore/getToken']\n const appId = store.getters['AppStore/getSelectedApp']?.uuid\n\n if (!appId) return\n\n const response = await axios.get(\n `${process.env.VUE_APP_BILLING_URL}app-config/${appId}`,\n {\n headers: {\n 'Content-Type': 'application/json',\n Authorization: 'Bearer ' + token\n }\n }\n )\n return new RestResponseFactory().process({ response })\n } catch (e) {\n const errorResponse = new RestResponseFactory().process({ response: { status: 500 } })\n errorResponse.data = e.response?.data\n return errorResponse\n }\n }\n}\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"contentCardInfo\"},[_c('div',{staticClass:\"childContentCardInfo noselect\",class:_vm.$vuetify.theme.dark ? 'darkModeCards' : ''},[_c('div',{staticClass:\"content-title\"},[_c('span',{staticClass:\"title-card\"},[_vm._v(_vm._s(_vm.$t('chatConsumption')))])]),_c('span',{staticClass:\"green-text bold-text py-2\"},[_vm._v(_vm._s(_vm.porcentaje ? _vm.porcentaje : 0)+\"%\")]),_c('div',{staticClass:\"sub\"},[(_vm.dataBilling)?_c('span',{staticClass:\"bold-text\"},[_vm._v(_vm._s(_vm.dataBilling.current ? _vm.dataBilling.current : 0))]):_vm._e(),_c('div',{staticClass:\"progress-bar\"},[_c('div',{class:_vm.classColor,style:((\"width: \" + _vm.procentajeLimit + \"%;\"))})]),(_vm.dataBilling)?_c('span',{staticClass:\"bold-text\"},[_vm._v(_vm._s(_vm.dataBilling.total ? _vm.dataBilling.total : 0))]):_vm._e()])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","// components\n\nexport default {\n name: 'ProgressBillingCard',\n props: ['dataBilling'],\n components: {},\n data: function () {\n return {\n porcentaje: 0,\n procentajeLimit: 0\n }\n },\n computed: {\n classColor () {\n return this.porcentaje < 70 ? '__success' : this.porcentaje < 90 ? '__warning' : '__error'\n }\n },\n watch: {\n dataBilling () {\n if (this.dataBilling) {\n this.callSetPercentage()\n }\n }\n },\n methods: {\n callSetPercentage () {\n const current = this.dataBilling?.current ? this.dataBilling.current : 0\n const total = this.dataBilling?.total ? this.dataBilling.total : 0\n const porcentaje = (current / total) * 100\n this.porcentaje = Math.round(porcentaje)\n this.porcentaje > 90 ? this.alertPercentaje = true : this.alertPercentaje = false\n this.porcentaje >= 100 ? this.procentajeLimit = 100 : this.procentajeLimit = this.porcentaje\n }\n },\n created () {\n if (this.dataBilling) {\n this.callSetPercentage()\n }\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport ProgressBillingCard from './ProgressBillingCard'\nexport default ProgressBillingCard\n","import mod from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProgressBillingCard.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProgressBillingCard.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./ProgressBillingCard.vue?vue&type=template&id=29dbaa8e&\"\nimport script from \"./ProgressBillingCard.vue?vue&type=script&lang=ts&\"\nexport * from \"./ProgressBillingCard.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./ProgressBillingCard.vue?vue&type=style&index=0&id=29dbaa8e&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 null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"card-graph\",class:_vm.$vuetify.theme.dark? 'ConversationGraphDark':''},[_c('span',{staticClass:\"title-graph noselect\"},[_vm._v(_vm._s(_vm.$t('usdExpenses')))]),_c('span',{staticClass:\"ConsumptionsGraph__header--resume--amount\"},[_vm._v(_vm._s(_vm.formatCurrency(_vm.totalConsumption, 'USD')))]),_c('div',{attrs:{\"id\":\"ConsumptionsGraph__graph\"}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import ApexCharts from 'apexcharts'\nexport default {\n name: 'GraphExpensesUSD',\n props: ['totalConsumption', 'treeMapData', 'dateString'],\n components: {},\n data: function () {\n return {\n treeMapChart: null\n }\n },\n computed: {\n },\n watch: {\n dateString () {\n setTimeout(() => {\n if (this.treeMapData.length > 0) {\n this.buildTreeMapGraph(this.treeMapData)\n } else {\n if (this.treeMapChart) {\n this.treeMapChart.destroy()\n }\n }\n }, 1000)\n }\n },\n methods: {\n getTreeMapGraphData (rawData) {\n const labels = rawData.map((item) => item.x)\n const series = rawData.map((item) => item.y)\n\n return {\n series: series,\n labels: labels,\n dataLabels: {\n enabled: true\n },\n chart: {\n type: 'pie',\n top: 0,\n offsetY: 0,\n height: 500\n },\n legend: {\n position: 'right',\n top: 0,\n offsetY: 0,\n height: 500\n }\n }\n },\n buildTreeMapGraph (rawData) {\n if (this.treeMapChart) {\n this.treeMapChart.destroy()\n }\n\n const options = this.getTreeMapGraphData(rawData)\n\n this.treeMapChart = new ApexCharts(document.querySelector('#ConsumptionsGraph__graph'), options)\n this.treeMapChart.render()\n },\n formatCurrency (value, currency) {\n const formatter = new Intl.NumberFormat('en-US', {\n style: 'currency',\n currency\n })\n return formatter.format(value)\n }\n },\n mounted () {\n if (this.treeMapData.length > 0) {\n this.buildTreeMapGraph(this.treeMapData)\n } else {\n if (this.treeMapChart) {\n this.treeMapChart.destroy()\n }\n }\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\nimport GraphExpensesUSD from './GraphExpensesUSD'\nexport default GraphExpensesUSD\n","import mod from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GraphExpensesUSD.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GraphExpensesUSD.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./GraphExpensesUSD.vue?vue&type=template&id=4425364a&\"\nimport script from \"./GraphExpensesUSD.vue?vue&type=script&lang=ts&\"\nexport * from \"./GraphExpensesUSD.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./GraphExpensesUSD.vue?vue&type=style&index=0&id=4425364a&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 null,\n null\n \n)\n\nexport default component.exports","import BillingService from '@/modules/consumptions/application/service/BillingService'\n// import moment from 'moment'\nimport { DateTime } from 'luxon'\nimport { ConsumptionsTabs } from '@/modules/consumptions/infrastructure/enums/ConsumptionsTabs'\nimport { mapGetters, mapState } from 'vuex'\n\nimport KBDateRangeMenu from '@/shared/infrastructure/ui/KBDateRangeMenu.vue'\n\nimport ProgressBillingCard from '@/modules/consumptions/infrastructure/ui/components/ProgressBillingCard/ProgressBillingCard.vue'\nimport GraphExpensesUSD from '@/modules/consumptions/infrastructure/ui/components/GraphExpensesUSD/GraphExpensesUSD.vue'\n// import GraphBillingUsage from '@/modules/consumptions/infrastructure/ui/components/GraphBillingUsage/GraphBillingUsage.vue'\nimport KBButton from '@/shared/infrastructure/ui/buttons/KBButton.vue'\nimport { dataToCreditCardsMethod } from '@/modules/consumptions/domain/PlanController'\nimport PlanUseCases from '@/modules/consumptions/application/PlanUseCases'\nimport PaymentController from '../../../controllers/Payment.controller'\nexport default {\n name: 'BillingUsage',\n components: {\n KBDateRangeMenu,\n GraphExpensesUSD,\n ProgressBillingCard,\n // GraphBillingUsage,\n KBButton\n },\n props: ['totalConsumption', 'dateString', 'treeMapData', 'optionBarChart'],\n data () {\n return {\n bikyPlanBooking: null,\n keybePlanBooking: null,\n keybePlan: null,\n bikyPlan: null,\n ConsumptionsTabs,\n dateSelector: '',\n dataBilling: null,\n planController: new PaymentController()\n }\n },\n computed: {\n ...mapGetters('AppStore', ['getSelectedApp']),\n ...mapState('UserStore', ['token', 'isSuperAdmin']),\n appUUID () {\n return this.getSelectedApp.uuid ? this.getSelectedApp.uuid : null\n },\n generalDueDate () {\n const { dueDate } = this.dataBilling\n const nuevaFecha = DateTime.fromISO(dueDate, { zone: 'utc' })\n return nuevaFecha.toLocaleString(DateTime.DATE_HUGE)\n },\n changeOption: {\n get () {\n return this.$store.state.BillingStore.changeOption || null\n },\n set (value) {\n this.$store.commit('BillingStore/SET_EDITING_OBJECT', {\n key: 'changeOption',\n value\n })\n }\n },\n alertPayment () {\n if (this.dataBilling) {\n if (this.dataBilling?.current === this.dataBilling?.total) {\n return true\n } else {\n return false\n }\n } else {\n return false\n }\n },\n titleBiky (): string {\n const titles: {\n [key: string]: string\n } = {\n essential: `Biky - ${this.$t('essential')}`,\n cortex: `Biky - ${this.$t('cortex')}`,\n tesseract: `Biky - ${this.$t('tesseract')}`,\n 'tesseract-plus': `Biky - ${this.$t('tesseract-plus')}`,\n 'tesseract plus': `Biky - ${this.$t('tesseract-plus')}`,\n autopilot: 'Biky - Autopilot'\n }\n\n return titles[this.bikyPlan]\n },\n titleBikyBooking (): string {\n const titles: {\n [key: string]: string\n } = {\n essential: `Biky - ${this.$t('essential')}`,\n cortex: `Biky - ${this.$t('cortex')}`,\n tesseract: `Biky - ${this.$t('tesseract')}`,\n 'tesseract-plus': `Biky - ${this.$t('tesseract-plus')}`,\n 'tesseract plus': `Biky - ${this.$t('tesseract-plus')}`,\n autopilot: 'Biky - Autopilot'\n }\n\n return titles[this.bikyPlanBooking]\n }\n },\n methods: {\n // formatDate (date) {\n // return moment(date).format('ll')\n // },\n async getActivePlan () {\n try {\n const data: dataToCreditCardsMethod = {\n token: this.token,\n appUUID: this.appUUID\n }\n const response = await PlanUseCases.getActiveBikyPlan(this.planController, data)\n if (response.status) {\n if (response?.data) {\n if (response.data.active === null || response.data.active === undefined) {\n this.keybePlan = 'On Demand'\n }\n const { active, booking } = response.data\n this.bikyPlan = active.tierLabel ? active.tierLabel.toLowerCase() : ''\n this.keybePlan = active.plan ? this.$t(`${active.plan.toLowerCase()}.title`) : 'On Demand'\n this.bikyPlanBooking = booking.tierLabel ? booking.tierLabel.toLowerCase() : ''\n this.keybePlanBooking = booking.plan ? this.$t(`${booking.plan.toLowerCase()}.title`) : 'On Demand'\n }\n } else {\n this.keybePlan = 'On Demand'\n }\n } catch (error) {\n }\n },\n async getPackage () {\n try {\n const invoices = await BillingService.getPackage()\n if (invoices?.data?.statusCode === 404) {\n this.dataBilling = null\n return\n }\n if (invoices) {\n this.dataBilling = invoices.data\n }\n } catch (error) {\n this.dataBilling = null\n console.error(error)\n }\n }\n },\n mounted () {\n this.getActivePlan()\n this.changeOption = null\n this.getPackage()\n this.dateSelector = this.dateString\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport BillingUsage from './BillingUsage'\nexport default BillingUsage\n","import mod from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BillingUsage.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BillingUsage.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./BillingUsage.vue?vue&type=template&id=033ff3a8&scoped=true&\"\nimport script from \"./BillingUsage.vue?vue&type=script&lang=ts&\"\nexport * from \"./BillingUsage.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./BillingUsage.vue?vue&type=style&index=0&id=033ff3a8&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 \"033ff3a8\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"PaymentMethods\",class:_vm.$vuetify.theme.dark ? 'PaymentMethods__dark' : ''},[_c('div',{staticClass:\"PaymentMethods__header\"},[_c('span',{staticClass:\"PaymentMethods__header--title\"},[_vm._v(_vm._s(_vm.$t('billingAndConsumptions')))])]),_c('div',{staticClass:\"PaymentMethods__resumeHeader\"},[_c('KBCashCard'),_c('div',{staticClass:\"PaymentMethods__resumeHeader--resume\"},[_c('div',{staticClass:\"PaymentMethods__resumeHeader--resume--balance\"},[_c('span',{staticClass:\"PaymentMethods__resumeHeader--resume--balance--label\"},[_vm._v(_vm._s(_vm.$t('availableBalance')))]),_c('strong',[_vm._v(\"USD\")]),_c('span',{staticClass:\"PaymentMethods__resumeHeader--resume--balance--number\"},[_vm._v(\" \"+_vm._s(_vm.formatCurrency(_vm.balanceComputed, 'USD'))+\" \")])]),_c('div',{staticClass:\"AddCreditCard__form--formField\"},[_c('span',{staticClass:\"AddCreditCard__form--formField--text\"},[_vm._v(_vm._s(_vm.$t('cardHolder')))]),_c('div',{staticClass:\"AddCreditCard__form--formField--inputContainer\",class:_vm.computedClassName},[_c('input',{staticClass:\"AddCreditCard__form--formField--inputContainer--input\",attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('writeHere')}})])]),_c('div',{staticClass:\"PaymentMethods__resumeHeader--resume--button\",on:{\"click\":_vm.addBalance}},[_c('small',[_vm._v(\"$\")]),_c('span',[_vm._v(_vm._s(_vm.$t('chargeBalance')))])])])],1),_c('div',{staticClass:\"PaymentMethods__cardsTable\"},[(_vm.selectedCards.length > 0)?_c('div',{staticClass:\"PaymentMethods__cardsTable--delete\",on:{\"click\":_vm.deleteCards}},[_c('div',{staticClass:\"PaymentMethods__cardsTable--delete--icon\"},[_c('KeybeIcon',{attrs:{\"icon\":_vm.KeybeIconType.TRASH,\"color\":_vm.Colors.rojoBird}})],1),_c('span',{staticClass:\"PaymentMethods__cardsTable--delete--text\"},[_vm._v(_vm._s(_vm.$t('delete')))])]):_vm._e(),_vm._l((_vm.creditCards),function(card){return _c('div',{key:(\"PaymentMethods__cardsTable--item-\" + (card.id)),staticClass:\"PaymentMethods__cardsTable--item\"},[_c('div',{staticClass:\"PaymentMethods__cardsTable--item--logoAndNumbers\"},[_c('div',{staticClass:\"PaymentMethods__cardsTable--item--logoAndNumbers--icon\",on:{\"click\":function($event){return _vm.toggleCardSelection(card)}}},[_c('KeybeIcon',{attrs:{\"icon\":_vm.isChecked(card) ? _vm.KeybeIconType.CHECKED_BOX : _vm.KeybeIconType.UNCHECKED_BOX}})],1),_c('div',{staticClass:\"PaymentMethods__cardsTable--item--logoAndNumbers--logo\"},[_c('KeybeIcon',{attrs:{\"icon\":_vm.getCardIcon(card)}})],1),_c('div',{staticClass:\"PaymentMethods__cardsTable--item--logoAndNumbers--dots\"},_vm._l((7),function(i){return _c('div',{key:(\"dots-\" + i)})}),0),_c('span',[_vm._v(_vm._s(card.tokenResponse.last4))])]),(_vm.isExpired(card))?_c('div',{staticClass:\"PaymentMethods__cardsTable--item--cardExpired\"},[_c('span',[_vm._v(_vm._s(_vm.$t('expiredCard')))])]):(_vm.isMain(card))?_c('div',{staticClass:\"PaymentMethods__cardsTable--item--mainCard\"},[_c('div'),_c('span',[_vm._v(_vm._s(_vm.$t('main')))])]):_c('div',{staticClass:\"PaymentMethods__cardsTable--item--setAsDefault\",on:{\"click\":function($event){return _vm.setAsMain(card)}}},[_c('span',[_vm._v(_vm._s(_vm.$t('setAsMain')))])])])})],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { formatCurrency } from '@/modules/consumptions/application/FormatCurrency'\nimport { KeybeIconType } from '@/shared/infrastructure/enums/icons/KeybeIconType'\nimport Colors from '@/shared/domain/colors/Color'\nimport { EventBus } from '@/eventBus'\nimport BillingService from '@/components/configuration/Services/BillingService'\nimport { mapState } from 'vuex'\n\nimport KeybeIcon from '@/shared/infrastructure/ui/icons/KeybeIcon.vue'\nimport KBCashCard from '@/modules/consumptions/infrastructure/ui/components/KBCashCard.vue'\n\nexport default {\n name: 'PaymentMethods',\n components: {\n KeybeIcon,\n KBCashCard\n },\n props: {\n creditCards: {\n type: Array,\n required: true\n }\n },\n data () {\n return {\n KeybeIconType,\n Colors,\n selectedCards: []\n }\n },\n methods: {\n formatCurrency,\n getCardIcon (card) {\n const icons = {\n visa: KeybeIconType.VISA,\n mastercard: KeybeIconType.MASTER_CARD,\n masterCard: KeybeIconType.MASTER_CARD,\n amex: KeybeIconType.AMEX,\n diners: KeybeIconType.DINERS_CLUB\n }\n return icons[card.tokenResponse.brand.toLowerCase()]\n },\n isExpired (card) {\n const month = card.tokenResponse.expirationMonth\n const year = card.tokenResponse.expirationYear\n const date = new Date()\n const currentMonth = date.getMonth() + 1\n const currentYear = date.getFullYear()\n return currentYear > year || (currentYear === year && currentMonth > month)\n },\n isMain (card) {\n return card?.main\n },\n addCreditCard () {\n EventBus.$emit('addCreditCard')\n },\n addBalance () {\n EventBus.$emit('addBalance')\n },\n async setAsMain (card) {\n await BillingService.setCardAsMain(card)\n this.$emit('refreshCards')\n },\n async deleteCards () {\n const promises = this.selectedCards.map(card => BillingService.deleteCreditCard(card))\n await Promise.all(promises)\n this.$emit('refreshCards')\n this.selectedCards = []\n },\n isChecked (card) {\n const cardId = card?.id\n return this.selectedCards.some(selectedCard => selectedCard.id === cardId)\n },\n toggleCardSelection (card) {\n const cardId = card?.id\n if (this.isChecked(card)) {\n this.selectedCards = this.selectedCards.filter(selectedCard => selectedCard.id !== cardId)\n } else {\n this.selectedCards.push(card)\n }\n }\n },\n computed: {\n ...mapState('BillingStore', ['appConfig']),\n balanceComputed () {\n return this.appConfig?.balanceUSD || 0\n }\n }\n}\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PaymentMethods.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PaymentMethods.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./PaymentMethods.vue?vue&type=template&id=1072a970&\"\nimport script from \"./PaymentMethods.vue?vue&type=script&lang=ts&\"\nexport * from \"./PaymentMethods.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./PaymentMethods.vue?vue&type=style&index=0&id=1072a970&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 null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"ConsumptionsGraphPackage\",class:_vm.$vuetify.theme.dark ? 'darkModeLabel': ''},[(_vm.loading)?_c('Loader'):_vm._e(),(!_vm.detail)?_c('div',{staticClass:\"ConsumptionsGraphPackage__header pr-0\"},[_c('div',[_c('span',{staticClass:\"ConsumptionsGraphPackage__header--title\"},[_vm._v(_vm._s(_vm.$t('packages')))]),_c('div',[_c('span',{staticClass:\"ConsumptionsGraphPackage__header--title_content\"},[_vm._v(_vm._s(_vm.$t('msgKeybePackages')))]),_c('KBButton',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isFeesAdmin),expression:\"isFeesAdmin\"}],staticClass:\"my-5\",attrs:{\"text\":!_vm.custom ? _vm.$t('custom') : _vm.$t('packages'),\"type\":'filled',\"color\":'green4',\"textColor\":\"black\"},on:{\"click\":_vm.createCustom}})],1),(!_vm.custom)?_c('div',{staticClass:\"contentCardsPackages\"},_vm._l((_vm.dataCards),function(item){return _c('a',{key:item.id,staticClass:\"cardMax mr-5\",on:{\"click\":function($event){return _vm.onDetail(item)}}},[_c('BillingPackagesCards',{attrs:{\"dataCard\":item}})],1)}),0):_c('div',{staticClass:\"contentCardsPackages__buyed my-5\"},[_c('div',{staticClass:\"d-flex\"},[_c('div',{staticClass:\"contentFormCommission mr-4\"},[_c('span',[_vm._v(_vm._s(_vm.$t('chargeType')))]),_c('KBAutocomplete',{staticClass:\"smalForm KBSelectTypes mt-2\",attrs:{\"itemValue\":\"type\",\"hide-details\":\"\",\"itemText\":\"type\",\"items\":_vm.chargeTypes},model:{value:(_vm.model.chargeType),callback:function ($$v) {_vm.$set(_vm.model, \"chargeType\", $$v)},expression:\"model.chargeType\"}})],1),_c('div',{staticClass:\"contentFormCommission mr-4\"},[_c('span',[_vm._v(_vm._s(_vm.$t('unitPrice')))]),_c('KBText',{staticClass:\"smalForm mt-2\",model:{value:(_vm.model.unitPrice),callback:function ($$v) {_vm.$set(_vm.model, \"unitPrice\", $$v)},expression:\"model.unitPrice\"}})],1),_c('div',{staticClass:\"contentFormCommission mr-4\"},[_c('span',[_vm._v(_vm._s(_vm.$t('total')))]),_c('KBText',{staticClass:\"smalForm mt-2\",model:{value:(_vm.model.total),callback:function ($$v) {_vm.$set(_vm.model, \"total\", $$v)},expression:\"model.total\"}})],1)]),_c('div',{staticClass:\"d-flex my-5\"},[_c('div',{staticClass:\"contentFormCommission\"},[_c('span',[_vm._v(_vm._s(_vm.$t('dueDate')))]),_c('DatePickerRow')],1),_c('div',{staticClass:\"contentFormCommission\"},[_c('KBButton',{staticClass:\"my-6 mx-8\",attrs:{\"text\":_vm.$t('toPay'),\"type\":'filled',\"color\":'green4',\"textColor\":\"black\"},on:{\"click\":_vm.buyPackage}})],1)]),_vm._v(\" \"+_vm._s(_vm.error)+\" \")])]),_c('span',{staticClass:\"ConsumptionsGraph__header--title_content\"},[_vm._v(_vm._s(_vm.$t('activePackages')))]),_c('div',{staticClass:\"contentCardsPackages__buyed\"},_vm._l((_vm.activePackages),function(item){return _c('div',{key:item,staticClass:\"mt-5 mr-5\"},[_c('BillingPackagesCards',{attrs:{\"dataCard\":_vm.packages[item],\"info\":true,\"name\":item}})],1)}),0)]):_c('BillingPackagesPayment',{attrs:{\"itemDetail\":_vm.itemDetail,\"isFeesAdmin\":_vm.isFeesAdmin},on:{\"close\":_vm.updatePackage}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"BillingPackages\"},[(_vm.dataCard)?_c('div',{staticClass:\"Card\",class:[((_vm.dataCard.active || _vm.info) ? 'cardGreen': ''), (_vm.$vuetify.theme.dark ? 'darkModeCards' : '') ]},[_c('div',{staticClass:\"contentCard\"},[_c('div',{staticClass:\"obj\"},[_c('lottie-animation',{ref:\"anim\",staticClass:\"first\",attrs:{\"loop\":true,\"animationData\":require('@/shared/assets/animations/SignoMas.json')}}),_c('lottie-animation',{ref:\"anim\",staticClass:\"second\",attrs:{\"loop\":true,\"animationData\":require('@/shared/assets/animations/SignoMas.json')}})],1),_c('div',{staticClass:\"contentDot\"},[_c('span',{staticClass:\"dot\",class:(_vm.dataCard.active || _vm.info) ? '' : 'pulsating-circle'})]),(!_vm.info)?_c('div',{staticClass:\"contentCenter\"},[_c('span',{staticClass:\"titleCard\"},[_vm._v(\" \"+_vm._s(_vm.dataCard.name)+\" \")]),_vm._l((_vm.dataCard.chargeTypes),function(model){return _c('div',{key:((model.id) + \"-item\"),staticClass:\"d-flex flex-row subtitle\"},[_c('div',{staticClass:\"--items pr-5\"},[_vm._v(_vm._s(model.chargeType.SKU))]),_c('div',{staticClass:\"--items pr-5\"},[_vm._v(_vm._s(model.total)+\" UND\")]),_c('div',{staticClass:\"--items\"},[_vm._v(\"$\"+_vm._s(model.amountUSD)+\" USD\")])])})],2):_c('div',{staticClass:\"contentCenter\"},[_c('span',{staticClass:\"titleCard\"},[_vm._v(\" \"+_vm._s(_vm.name)+\" \")]),_c('div',{staticClass:\"d-flex flex-row headers\"},[_c('div',{staticClass:\"pr-5\"},[_vm._v(\"Item\")]),_c('div',{staticClass:\"pr-5\"},[_vm._v(_vm._s(_vm.$t('current'))+\" \")]),_c('div',[_vm._v(\"Total\")])]),_vm._l((_vm.dataCard.items),function(model,index){return _c('div',{key:((model.name) + \"-item-\" + index),staticClass:\"d-flex flex-row subtitle\"},[_c('div',{staticClass:\"--items pr-5\"},[_vm._v(_vm._s(model.label))]),_c('div',{staticClass:\"--items pr-5\"},[_c('strong',[_vm._v(_vm._s(model.current)+\" UND\")])]),_c('div',{staticClass:\"--items\"},[_vm._v(_vm._s(model.total)+\" UND\")])])})],2),(!_vm.info)?_c('div',{staticClass:\"textCostContent\"},[_c('span',{staticClass:\"textCost\"},[_vm._v(\" $\"+_vm._s(_vm.dataCard.amount)+\" USD \")])]):_c('div',{staticClass:\"textCostContent\"},[_c('span',{staticClass:\"textCost\"},[_vm._v(\" \"+_vm._s(_vm.$t('dueDate'))+\" \"+_vm._s(_vm.dataCard.date)+\" \")])]),(_vm.dataCard && !_vm.dataCard.active)?_c('div',{staticClass:\"objBottom\"},[_c('lottie-animation',{ref:\"anim\",staticClass:\"first\",attrs:{\"loop\":true,\"animationData\":require('@/shared/assets/animations/Cuadrito.json')}}),_c('lottie-animation',{ref:\"anim\",staticClass:\"second\",attrs:{\"loop\":true,\"animationData\":require('@/shared/assets/animations/Cuadrito.json')}})],1):_vm._e()])]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import LottieAnimation from 'lottie-web-vue'\n\nexport default {\n name: 'BillingPackagesCards',\n components: { LottieAnimation },\n props: ['dataCard', 'info', 'name'],\n data () {\n return {\n }\n },\n methods: {\n },\n mounted () {\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport BillingPackagesCards from './BillingPackagesCards'\nexport default BillingPackagesCards\n","import mod from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BillingPackagesCards.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BillingPackagesCards.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./BillingPackagesCards.vue?vue&type=template&id=9153cc40&\"\nimport script from \"./BillingPackagesCards.vue?vue&type=script&lang=ts&\"\nexport * from \"./BillingPackagesCards.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./BillingPackagesCards.vue?vue&type=style&index=0&id=9153cc40&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 null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"ConsumptionsGraph__header\"},[(_vm.loading)?_c('Loader'):_vm._e(),_c('span',{staticClass:\"ConsumptionsGraph__header--title\"},[_vm._v(_vm._s(_vm.$t('pay')))]),_c('div',{staticClass:\"contentPay\"},[_c('div',{staticClass:\"contentCardPay pr-7\"},[_c('div',{staticClass:\"Card noselect my-2\",class:_vm.$vuetify.theme.dark ? 'darkModeCards' : ''},[_c('div',{staticClass:\"contentCard\"},[_c('div',{staticClass:\"contentCenter\"},[_c('RocketSVG',{staticClass:\"nitroSvg pb-2\"}),_c('span',{staticClass:\"titleCard pb-3 pt-2\"},[_vm._v(\" USD $\"+_vm._s(_vm.itemDetail.amount)+\" \")])],1),_c('span',{staticClass:\"textCost\"},[_vm._v(\" \"+_vm._s(_vm.$t('totalToPay'))+\" \")])])]),_c('BillingPackagesCards',{staticClass:\"mt-5 mb-5\",attrs:{\"dataCard\":_vm.itemDetail}})],1),(!_vm.applyPayment)?_c('div',{staticClass:\"contentMethods d-flex flex-row\"},[_c('KBCashCard',{attrs:{\"itemIcon\":_vm.selectedCard}}),_c('div',{staticClass:\"mx-3\"},[_c('span',{class:_vm.$vuetify.theme.dark ? 'darkModeLabel' : ''},[_vm._v(_vm._s(_vm.$t('selectCreditCard')))]),_c('div',{staticClass:\"mt-4\",class:_vm.$vuetify.theme.dark ? 'contentCreditCardSelectorDark' : ''},[_c('CreditCardSelector',{attrs:{\"cards\":_vm.creditCards},model:{value:(_vm.selectedCard),callback:function ($$v) {_vm.selectedCard=$$v},expression:\"selectedCard\"}}),_c('div',{staticClass:\"mt-4\",class:_vm.$vuetify.theme.dark ? 'boxNext2Dark' : 'boxNext2',on:{\"click\":function($event){return _vm.addPayment()}}},[_c('span',[_vm._v(_vm._s(_vm.$t('newPaymentMethod')))])])],1),_c('KBButton',{staticClass:\"mt-5\",attrs:{\"text\":_vm.$t('buyPackage'),\"type\":'filled',\"color\":'green4',\"textColor\":\"black\"},on:{\"click\":_vm.payMethod}})],1)],1):_c('div',{staticClass:\"contentMethodsForm\"},[_c('form',{staticClass:\"d-flex flex-column\",on:{\"submit\":function($event){$event.preventDefault();return _vm.onSubmit.apply(null, arguments)}}},[_c('div',{attrs:{\"id\":\"payment-element-package\"}}),_c('div',{attrs:{\"id\":\"address-element-package\"}}),_c('v-btn',{staticClass:\"text-capitalize mt-5\",attrs:{\"type\":\"submit\",\"block\":\"\",\"elevation\":\"0\",\"color\":\"#3af69b\"}},[_vm._v(\" \"+_vm._s(_vm.$t('buyPackage'))+\" \")])],1)])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { mapActions, mapState } from 'vuex'\nimport RocketSVG from '@/shared/assets/RocketSVG.vue'\nimport { loadStripe } from '@stripe/stripe-js'\nimport { EventBus } from '@/eventBus'\nimport { PaymentService, IPaymentIntent, CURRENCY_TYPES, PAYMENT_TYPES, TYPE_BUY_PACKAGE } from '@/components/configuration/Services/PaymentService'\nimport { ConsumptionsTabs } from '@/modules/consumptions/infrastructure/enums/ConsumptionsTabs'\n\nimport BillingService from '@/components/configuration/Services/BillingService'\nimport CreditCardSelector from '@/modules/consumptions/infrastructure/ui/components/CreditCardSelector/CreditCardSelector.vue'\nimport KBCashCard from '@/modules/consumptions/infrastructure/ui/components/KBCashCard.vue'\nimport KBButton from '@/shared/infrastructure/ui/buttons/KBButton.vue'\nimport BillingPackagesCards from '@/modules/consumptions/infrastructure/ui/components/BillingPackagesCards/BillingPackagesCards.vue'\nimport Loader from '@/shared/infrastructure/ui/Loader.vue'\nimport { CDPFieldsEnums } from '@/modules/CDP/shared/contacts/domain/enums/CDPFieldsEnums'\n\nconst PAYMENT_FACTOR = 100\n\nexport default {\n name: 'BillingPackagesPayment',\n components: {\n BillingPackagesCards,\n RocketSVG,\n KBButton,\n KBCashCard,\n CreditCardSelector,\n Loader\n },\n props: ['itemDetail', 'isFeesAdmin'],\n data () {\n return {\n creditCards: [],\n stripe: null,\n elements: null,\n selectedCard: null,\n loading: true,\n error: '',\n balance: 0,\n amount: 0,\n percent: 0,\n hasCredit: false,\n applyPayment: false,\n paymentIntent: null,\n amountError: false,\n cardError: false,\n newCommission: false\n }\n },\n computed: {\n ...mapState('BillingStore', ['appConfig']),\n changeOptionSave: {\n get () {\n return this.$store.state.BillingStore.changeOptionSave || null\n },\n set (value) {\n this.$store.commit('BillingStore/SET_EDITING_OBJECT', {\n key: 'changeOptionSave',\n value\n })\n }\n },\n changeOption: {\n get () {\n return this.$store.state.BillingStore.changeOption || null\n },\n set (value) {\n this.$store.commit('BillingStore/SET_EDITING_OBJECT', {\n key: 'changeOption',\n value\n })\n }\n },\n hasElement () {\n return !!this.element && !!this.stripe\n }\n // montoFormat () {\n // const number = this.itemDetail.cost.replace(/[.]/g, '')\n // return parseInt(number)\n // },\n // validateBalance () {\n // return this.balance >= (this.montoFormat * BALANCE_FACTOR_APPEND) || this.hasCredit\n // },\n // calculateBalanceNeeded () {\n // const hasBalance = (this.montoFormat * BALANCE_FACTOR_VALUABLE) - this.balance\n // return hasBalance < 0 ? 0 : hasBalance\n // }\n },\n async created () {\n this.loading = true\n await this.getCreditCards()\n this.loading = false\n },\n methods: {\n ...mapActions('BillingStore', ['setAppConfig']),\n async updateBillingInfo () {\n const appConfig = await BillingService.getAppConfig()\n this.setAppConfig(appConfig)\n },\n onAddBalance () {\n this.applyPayment = false\n this.loading = false\n },\n startLoading () {\n this.loading = true\n },\n async showSuccess (message = 'paymentSuccess.plan') {\n EventBus.$emit('toast', 'success', this.$t(message))\n await this.updateBillingInfo()\n this.stopLoading()\n this.changeOption = ConsumptionsTabs.PAYMENTS_METHODS\n // this.$emit('close')\n },\n showError (message = 'paymentError.noPlan') {\n EventBus.$emit('toast', 'error', this.$t(message))\n this.stopLoading()\n },\n stopLoading () {\n this.loading = false\n },\n async addPayment () {\n if (this.loading) {\n return\n }\n const total = this.amount * PAYMENT_FACTOR\n const payment: IPaymentIntent = {\n type: PAYMENT_TYPES.PACKAGE,\n package: {\n ...this.itemDetail,\n type: this.itemDetail.type || TYPE_BUY_PACKAGE.NORMAL\n },\n total: total,\n currency: CURRENCY_TYPES.USD,\n uuid: '',\n description: `buy ${total}${CURRENCY_TYPES.USD} to balance`\n }\n this.paymentIntent = payment\n this.applyPayment = true\n await this.continueIntent(payment)\n },\n async payMethod () {\n if (this.loading) {\n return\n }\n\n this.startLoading()\n\n this.amountError = false\n this.cardError = false\n this.error = ''\n\n const total = this.amount * PAYMENT_FACTOR\n const payment: IPaymentIntent = {\n type: PAYMENT_TYPES.PACKAGE,\n package: {\n ...this.itemDetail,\n type: this.itemDetail.type || TYPE_BUY_PACKAGE.NORMAL\n },\n total: total,\n currency: CURRENCY_TYPES.USD,\n uuid: '',\n description: `buy ${total}${CURRENCY_TYPES.USD} to package`\n }\n this.paymentIntent = payment\n if (this.selectedCard) {\n payment.method = this.selectedCard.id\n // TODO: Activar estas linea\n const response = await PaymentService.applyPayment(payment)\n // const model = { ...this.paymentIntent, method: this.selectedCard?.id }\n // const response = await PaymentService.payIntentBikyPlan(model)\n if (response.status) {\n setTimeout(() => {\n this.showSuccess()\n }, 2000)\n return\n }\n this.showError()\n return\n }\n this.applyPayment = true\n await this.continueIntentPay(payment)\n },\n async continueIntentPay (payment: IPaymentIntent) {\n const appearance = {}\n const paymentOptions = {}\n const addressOptions = { mode: 'shipping' }\n\n const response = await PaymentService.getConfig()\n if (response.status) {\n const publicKey = response.data\n\n this.stripe = await loadStripe(publicKey)\n if (!this.stripe) {\n this.applyPayment = false\n this.loading = false\n }\n // TODO: Activar estas linea\n const paymentIntent = await PaymentService.getIntent(payment)\n if (paymentIntent.status) {\n const clientSecret = paymentIntent.data.client_secret\n this.elements = await this.stripe.elements({ clientSecret, appearance })\n\n const paymentElement = this.elements.create('payment', paymentOptions)\n paymentElement.mount('#payment-element-package')\n\n const addressElement = this.elements.create(CDPFieldsEnums.ADDRESS, addressOptions)\n addressElement.mount('#address-element-package')\n setTimeout(() => {\n this.stopLoading()\n }, 3000)\n return\n }\n }\n this.applyPayment = false\n this.stopLoading()\n },\n // async continueIntent (payment: IPaymentIntent) {\n // const appearance = {}\n // const paymentOptions = {}\n // const addressOptions = { mode: 'shipping' }\n\n // const response = await PaymentService.getConfig()\n // if (response.status) {\n // const publicKey = response.data\n\n // this.stripe = await loadStripe(publicKey)\n // if (!this.stripe) {\n // this.applyPayment = false\n // this.loading = false\n // }\n // const paymentIntent = await PaymentService.getIntent(payment)\n // if (paymentIntent.status) {\n // const clientSecret = paymentIntent.data.client_secret\n // this.elements = await this.stripe.elements({ clientSecret, appearance })\n\n // const paymentElement = this.elements.create('payment', paymentOptions)\n // paymentElement.mount('#payment-element-package')\n\n // const addressElement = this.elements.create(CDPFieldsEnums.ADDRESS, addressOptions)\n // addressElement.mount('#address-element-package')\n // setTimeout(() => {\n // this.stopLoading()\n // }, 3000)\n // return\n // }\n // }\n // this.applyPayment = false\n // this.stopLoading()\n // },\n async onSubmit (event) {\n this.loading = true\n const response = await this.stripe.confirmPayment({\n elements: this.elements,\n redirect: 'if_required'\n })\n\n if (response?.error) {\n if (response?.error?.payment_intent) {\n await PaymentService.errorPayment({ stripe: response, model: this.paymentIntent })\n EventBus.$emit('toast', 'error', response?.error?.message)\n this.paymentIntent = null\n this.stopLoading()\n this.$emit('close')\n return\n }\n this.stopLoading()\n return\n }\n\n await PaymentService.savePayment({ stripe: response, model: this.paymentIntent })\n this.paymentIntent = null\n setTimeout(() => {\n this.showSuccess()\n this.applyPayment = false\n }, 2000)\n },\n // async getBalance () {\n // const response = await BillingService.getSimpleBalance()\n // if (response.status) {\n // this.balance = response.data.balanceUSD || 0\n // this.hasCredit = response.data.hasCredit || false\n // }\n // },\n callOnList () {\n this.$parent.onList()\n },\n async getCreditCards () {\n const response = await PaymentService.getCreditCards()\n if (response.status) {\n this.creditCards = response.data.map((card) => ({\n id: card.id,\n tokenResponse: {\n brand: card.card.brand,\n last4: card.card.last4\n }\n }))\n }\n if (this.creditCards.length > 0) {\n this.selectedCard = this.creditCards[0]\n } else {\n this.newCommission = true\n }\n this.loading = false\n }\n },\n mounted () {\n this.changeOption = null\n this.changeOptionSave = false\n this.amount = this.itemDetail.amount\n // this.getBalance()\n this.getCreditCards()\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport BillingPackagesPayment from './BillingPackagesPayment'\nexport default BillingPackagesPayment\n","import mod from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BillingPackagesPayment.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BillingPackagesPayment.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./BillingPackagesPayment.vue?vue&type=template&id=99a138a4&scoped=true&\"\nimport script from \"./BillingPackagesPayment.vue?vue&type=script&lang=ts&\"\nexport * from \"./BillingPackagesPayment.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./BillingPackagesPayment.vue?vue&type=style&index=0&id=99a138a4&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 \"99a138a4\",\n null\n \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\ninstallComponents(component, {VBtn})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"click-outside\",rawName:\"v-click-outside\",value:(_vm.close),expression:\"close\"}],staticClass:\"d-flex flex-column relative w-full\"},[_c('div',{key:_vm.rerenderLocal,staticClass:\"KBAutocomplete\",class:{\n 'KBAutocomplete--open': _vm.showSelector,\n 'KBAutotomplete--outlined': _vm.outlined,\n 'KBAutocomplete--small': _vm.small,\n }},[_c('div',{staticClass:\"KBAutocomplete__container\",class:{\n 'KBAutocomplete__container--outlined': _vm.outlined,\n 'KBAutocomplete__container--seamless': _vm.seamless,\n 'KBAutocomplete__container--focused': _vm.focused,\n 'KBAutocomplete__conainer--small': _vm.small,\n }},[(_vm.icon)?_c('span',{class:(\"mdi \" + _vm.icon + \" icon\")}):_vm._e(),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.search),expression:\"search\"}],staticClass:\"search\",attrs:{\"type\":\"text\",\"placeholder\":_vm.placeholder,\"autocomplete\":\"text\",\"disabled\":_vm.disabled},domProps:{\"value\":(_vm.search)},on:{\"keypress\":_vm.keyType,\"focus\":function($event){_vm.focused = true},\"blur\":function($event){_vm.focused = false},\"click\":function($event){_vm.showSelector = true},\"input\":function($event){if($event.target.composing){ return; }_vm.search=$event.target.value}}}),(!_vm.loading)?_c('div',{staticClass:\"d-flex items-center\",on:{\"click\":_vm.openSelector}},[(_vm.search)?_c('KBIconButton',{staticClass:\"mr-2\",attrs:{\"icon\":'mdi-close',\"size\":'22px'},on:{\"click\":_vm.clearSearch}}):_vm._e(),_c('span',{staticClass:\"mdi mdi-magnify search-icon\"})],1):_c('lottie-animation',{ref:\"anim\",staticClass:\"loaderAnimation\",staticStyle:{\"width\":\"30px\"},attrs:{\"loop\":true,\"animationData\":require('@/shared/assets/animations/circleLoader.json')}})],1)]),(_vm.showSelector)?_c('div',{staticClass:\"KBAutocomplete__list newBackground\",class:{\n 'KBAutocomplete__list--small': _vm.small,\n },style:((\"top: \" + (_vm.outlined ? '40px' : _vm.small ? '30px' : '53px') + \"; \" + (_vm.customZIndex ? (\"z-index: \" + _vm.customZIndex) : '')))},_vm._l((_vm.itemsComputed),function(item,index){return _c('div',{key:index,staticClass:\"list-item\",class:{ 'list-item--selected': _vm.isSelected(item) },on:{\"click\":function($event){return _vm.selectItem(item)}}},[_vm._v(\" \"+_vm._s(_vm.itemText ? _vm.multipleText ? item[_vm.itemText[0]] && item[_vm.itemText[1]] ? item[_vm.itemText[0]] + \" \" + (item[_vm.itemText[1]] ? item[_vm.itemText[1]] : \"\") : item[_vm.itemText[0]] : item[_vm.itemText] : item)+\" \")])}),0):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { debounce } from 'lodash'\nimport LottieAnimation from 'lottie-web-vue'\n\nimport KBIconButton from '@/shared/infrastructure/ui/buttons/KBIconButton.vue'\n\nexport default {\n props: {\n items: {\n type: Array,\n default: () => []\n },\n icon: {\n type: String,\n default: ''\n },\n customZIndex: {\n type: String,\n default: ''\n },\n value: {\n type: [String, Object],\n default: ''\n },\n placeholder: {\n type: String,\n default: ''\n },\n itemText: {\n type: [String, Array],\n default: ''\n },\n itemValue: {\n type: String,\n default: ''\n },\n returnObject: {\n type: Boolean,\n default: false\n },\n outlined: {\n type: Boolean,\n default: false\n },\n seamless: {\n type: Boolean,\n default: false\n },\n autoSearch: {\n type: [Object, String],\n default: ''\n },\n disabled: {\n type: Boolean,\n default: false\n },\n loading: {\n type: Boolean,\n default: false\n },\n rerender: {\n type: [Number, String],\n default: 0\n },\n small: {\n type: Boolean,\n default: false\n },\n forceOpen: {\n type: Boolean,\n default: false\n },\n forceValue: {\n type: Boolean,\n default: false\n },\n containerId: {\n type: String,\n default: ''\n },\n forceIgnoreSearch: {\n type: Boolean,\n default: false\n }\n },\n components: {\n LottieAnimation,\n KBIconButton\n },\n computed: {\n itemsComputed () {\n if (this.ignoreSearch || this.forceIgnoreSearch) {\n return this.items\n } else {\n if (this.multipleText) {\n if (this.itemText[0] && this.itemText[1]) {\n return this.items.filter((item) =>\n (item[this.itemText[0]] + ' ' + item[this.itemText[1]])\n .toLowerCase()\n .includes(this.search.toLowerCase())\n )\n } else {\n return this.items.filter((item) =>\n item[this.itemText[0]]\n .toLowerCase()\n .includes(this.search.toLowerCase())\n )\n }\n } else {\n if (this.itemText) {\n return this.items.filter((item) =>\n item[this.itemText]\n .toLowerCase()\n .includes(this.search.toLowerCase())\n )\n } else {\n return this.items.filter((item) =>\n item.toLowerCase().includes(this.search.toLowerCase())\n )\n }\n }\n }\n },\n multipleText () {\n return Array.isArray(this.itemText)\n }\n },\n mounted () {\n if (this.forceValue && this.value) this.search = this.value\n if (this.value) this.setSearch()\n if (this.autoSearch) this.search = this.autoSearch\n if (this.forceOpen) this.showSelector = true\n },\n data () {\n return {\n selectedItem: null,\n showSelector: false,\n search: '',\n focused: false,\n rerenderLocal: 0,\n ignoreSearch: true\n }\n },\n methods: {\n close () {\n this.showSelector = false\n },\n keyType: debounce(function () {\n this.ignoreSearch = false\n this.sendSearch()\n }, 500),\n selectItem (item) {\n this.showSelector = false\n if (this.returnObject) this.selectedItem = item\n else if (this.itemValue) this.selectedItem = item[this.itemValue]\n else this.selectedItem = item\n this.showSelector = false\n if (this.multipleText) {\n this.search = item[this.itemText[0]] + ' ' + item[this.itemText[1]]\n } else if (this.itemText) {\n this.search = item[this.itemText]\n } else {\n this.search = item\n }\n this.$emit('input', this.selectedItem)\n this.$emit('save', this.selectedItem)\n this.showSelector = false\n },\n isSelected (item: string | { [key: string]: any }): boolean {\n if (this.itemValue) {\n const itemsFound: { [key: string]: any }[] = this.items.filter(\n (i: { [key: string]: any }) =>\n i[this.itemValue] === item[this.itemValue]\n )\n\n if (itemsFound.length <= 0) {\n return false\n }\n\n return itemsFound[0][this.itemValue] === this.selectedItem\n } else {\n return this.selectedItem === item\n }\n },\n setSearch () {\n if (this.returnObject) {\n if (this.multipleText) {\n if (this.itemText[0] && this.itemText[1]) {\n const search = this.items.filter(\n (item) =>\n item[this.itemText[0]] + ' ' + item[this.itemText[1]] ===\n this.value[this.itemText[0]] +\n ' ' +\n this.value[this.itemText[1]]\n )\n\n if (search.length > 0) {\n this.search =\n search[0][this.itemText[0]] + ' ' + search[0][this.itemText[1]]\n if (!this.ignoreSearch) this.$emit('search', this.search)\n }\n } else if (this.itemText[0] && !this.itemText[1]) {\n const search = this.items.filter(\n (item) => item[this.itemText[0]] === this.value[this.itemText[0]]\n )\n\n if (search.length > 0) {\n this.search = search[0][this.itemText]\n if (!this.ignoreSearch) this.$emit('search', this.search)\n }\n }\n } else {\n if (this.itemValue) {\n const search = this.items.filter(\n (item) => item[this.itemValue] === this.value\n )\n if (search.length > 0) {\n this.search = search[0][this.itemText]\n if (!this.ignoreSearch) this.$emit('search', this.search)\n }\n } else {\n const search = this.items.filter(\n (item) => item[this.itemText] === this.value[this.itemText]\n )\n if (search.length > 0) {\n this.search = search[0][this.itemText]\n if (!this.ignoreSearch) this.$emit('search', this.search)\n }\n }\n }\n } else {\n if (\n Array.isArray(this.itemText) &&\n this.itemText[0] &&\n this.itemText[1]\n ) {\n const search = this.items.filter(\n (item) => item[this.itemValue].toString() === this.value.toString()\n )\n if (search.length > 0) {\n if (this.multipleText) {\n this.search =\n search[0][this.itemText[0]] + ' ' + search[0][this.itemText[1]]\n } else {\n this.search = search[0][this.itemText]\n }\n this.$emit('search', this.search)\n }\n } else if (this.itemValue) {\n const search = this.items.find(\n (item: {[key: string]: any}) => item[this.itemValue].toString() === this.value.toString()\n )\n if (search) {\n if (this.multipleText) {\n this.search = search[this.itemText[0]]\n } else {\n this.search = search[this.itemText]\n }\n this.$emit('search', this.search)\n }\n } else {\n const search = this.items.find(\n (item) => item.toString() === this.value.toString()\n )\n if (search) this.search = search\n this.$emit('search', this.search)\n }\n }\n this.rerenderLocal = this.rerenderLocal++\n },\n openSelector () {\n if (!this.disabled) this.showSelector = !this.showSelector\n },\n sendSearch () {\n this.$emit('search', this.search)\n },\n clearSearch () {\n this.search = ''\n this.sendSearch()\n this.$emit('clear')\n }\n },\n watch: {\n search () {\n if (this.search === '') {\n this.clearSearch()\n }\n },\n value () {\n this.ignoreSearch = true\n if (this.value) {\n this.setSearch()\n } else {\n this.search = ''\n }\n },\n showSelector () {\n this.$emit('open', this.showSelector)\n },\n rerender: {\n immediate: true,\n deep: true,\n handler () {\n this.rerenderLocal++\n this.search = ''\n }\n }\n }\n}\n","\n \n \n \n \n
\n \n \n
\n \n { if(day > 31 || day < 1) { day = 1 }}\"/>\n /\n { if(day > 12 || day < 1) { day = 1 }}\"/>\n /\n { if(year.length < 4) { year = 2023 }}\"/>\n
\n\n\n\n\n\n","import mod from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DatePickerRow.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DatePickerRow.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DatePickerRow.vue?vue&type=template&id=57f3d604&\"\nimport script from \"./DatePickerRow.vue?vue&type=script&lang=js&\"\nexport * from \"./DatePickerRow.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DatePickerRow.vue?vue&type=style&index=0&id=57f3d604&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 null,\n null\n \n)\n\nexport default component.exports","import BillingService from '@/components/configuration/Services/BillingService'\nimport BillingPackagesCards from '@/modules/consumptions/infrastructure/ui/components/BillingPackagesCards/BillingPackagesCards.vue'\nimport BillingPackagesPayment from '@/modules/consumptions/infrastructure/ui/components/BillingPackagesPayment/BillingPackagesPayment.vue'\nimport FeesServices from '@/modules/configuration/application/services/FeesServices'\nimport KBButton from '@/shared/infrastructure/ui/buttons/KBButton.vue'\nimport KBAutocomplete from '@/shared/infrastructure/ui/inputs/select/KBAutocomplete.vue'\nimport KBText from '@/shared/infrastructure/ui/inputs/text/KBText.vue'\nimport DatePickerRow from '@/modules/configuration/infrastructure/ui/components/DatePickerRow/DatePickerRow.vue'\nimport Loader from '@/shared/infrastructure/ui/Loader.vue'\nimport { TYPE_BUY_PACKAGE } from '@/components/configuration/Services/PaymentService'\n\nexport default {\n name: 'BillingPackages',\n components: {\n BillingPackagesCards,\n BillingPackagesPayment,\n KBButton,\n KBAutocomplete,\n KBText,\n DatePickerRow,\n Loader\n },\n props: [],\n data () {\n return {\n itemDetail: null,\n detail: false,\n status: true,\n loading: false,\n isFeesAdmin: false,\n custom: false,\n chargeTypes: [],\n error: '',\n model: {\n chargeType: null,\n total: 5000,\n dueDate: '',\n unitPrice: 0.001\n },\n dataCards: [],\n packages: {},\n activePackages: []\n }\n },\n computed: {\n Commissiondate: {\n get () {\n return this.$store.state.CommissionStore.Commissiondate || null\n },\n set (value) {\n this.$store.commit('CampaingsStore/SET_EDITING_OBJECT', {\n key: 'Commissiondate',\n value\n })\n }\n }\n },\n methods: {\n onDetail (item) {\n if (!this.status) return\n this.detail = true\n this.itemDetail = item\n },\n async createCustom () {\n this.custom = !this.custom\n },\n transformModel () {\n if (!this.model?.chargeType || !this.model?.total || !this.model?.unitPrice) return false\n const month = this.Commissiondate.month < 9 ? `0${this.Commissiondate.month}` : this.Commissiondate.month\n const day = this.Commissiondate.day < 9 ? `0${this.Commissiondate.day}` : this.Commissiondate.day\n const date = `${this.Commissiondate.year}-${month}-${day}`\n const chargeType = this.chargeTypes.find(data => data.type === this.model.chargeType)\n const model = {\n ...chargeType,\n chargeType: {\n SKU: chargeType.SKU,\n type: chargeType.type\n },\n total: parseFloat(this.model.total),\n amountUSD: parseFloat(this.model.unitPrice),\n dueDate: date\n }\n return { model, id: chargeType.id }\n },\n async buyPackage () {\n const model = this.transformModel()\n if (!model.model) return\n const output = model.model\n const item = {\n chargeTypes: [output],\n name: `package-${output.total}-${output.SKU}`,\n status: true,\n amount: output.total * output.amountUSD,\n type: TYPE_BUY_PACKAGE.CUSTOM,\n id: model.model.id\n }\n this.onDetail(item)\n },\n async getPackages () {\n const response = await BillingService.getPackages()\n if (response.status) {\n this.dataCards = response.data\n }\n },\n async getActivePackages () {\n const response = await BillingService.getActivePackages()\n if (response.status) {\n const elements = response.data\n this.packages = elements\n this.activePackages = Object.keys(elements)\n }\n },\n async getChargeTypes () {\n const response = await BillingService.getChargeTypes()\n if (response.status) {\n this.chargeTypes = response.data\n }\n },\n updatePackage () {\n this.detail = false\n this.getPackages()\n },\n async getFeesUser () {\n const feesData = await FeesServices.isCommissionAgent()\n if (feesData?.status) {\n const user = feesData.data\n this.isFeesAdmin = user.superadmin\n }\n }\n },\n mounted () {\n this.getPackages()\n this.getActivePackages()\n this.getFeesUser()\n this.getChargeTypes()\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport BillingPackages from './BillingPackages'\nexport default BillingPackages\n","import mod from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BillingPackages.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BillingPackages.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./BillingPackages.vue?vue&type=template&id=bcd62ba8&\"\nimport script from \"./BillingPackages.vue?vue&type=script&lang=ts&\"\nexport * from \"./BillingPackages.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./BillingPackages.vue?vue&type=style&index=0&id=bcd62ba8&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 null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"contentBrand\",class:_vm.$vuetify.theme.dark ? 'contentBrand__dark' : ''},[_c('div',{staticClass:\"contentBrand__title\"},[_c('span',[_vm._v(_vm._s(_vm.$t('brands')))])]),(_vm.loading)?_c('Loader'):_c('div',{staticClass:\"contentBrand__body\"},[_c('KeybeText',{staticClass:\"inputSearch\",attrs:{\"placeholder\":_vm.$t('search'),\"type\":\"text\"},on:{\"input\":_vm.debouncedSearch},model:{value:(_vm.searchQuery),callback:function ($$v) {_vm.searchQuery=$$v},expression:\"searchQuery\"}}),(_vm.showModal)?_c('div',{staticClass:\"contentmodalConfirm\"},[_c('div',{staticClass:\"modalConfirm\"},[_c('span',[_c('b',[_vm._v(_vm._s(_vm.uuidSelected.appName))])]),_c('KeybeAutocomplete',{key:(_vm.rerender + \"-invoice\"),staticClass:\"my-3\",attrs:{\"customZIndex\":'9999',\"placeholder\":_vm.$t('selectHere'),\"itemValue\":\"id\",\"itemText\":\"label\",\"items\":_vm.reasonTypeItems},on:{\"save\":function($event){_vm.reasonType = $event},\"search\":function($event){return _vm.searchPersons($event)}},model:{value:(_vm.reasonType),callback:function ($$v) {_vm.reasonType=$$v},expression:\"reasonType\"}}),_c('span',{staticClass:\"py-3\"},[_vm._v(_vm._s(_vm.typeAction ? _vm.$t('brandBlockingReason') : _vm.$t('brandUnBlockingReason'))+\" \")]),_c('KeybeText',{staticClass:\"my-3\",attrs:{\"placeholder\":_vm.$t('writeHere'),\"type\":\"text\"},model:{value:(_vm.reason),callback:function ($$v) {_vm.reason=$$v},expression:\"reason\"}}),_c('KeybeButton',{attrs:{\"text\":((_vm.$t('change')) + \" \" + (_vm.$t('feesStatus')))},on:{\"click\":function($event){return _vm.setDisabledApp()}}}),_c('KeybeButton',{staticClass:\"mt-2\",attrs:{\"text\":_vm.$t('cancel'),\"color\":\"#ebecee\"},on:{\"click\":function($event){return _vm.closeModal()}}})],1)]):_vm._e(),_c('div',{staticClass:\"contentTableInvoice\"},[_c('table',[_c('thead',[_c('tr',[_vm._l((_vm.columns),function(column){return _c('th',{key:column.key},[_vm._v(\" \"+_vm._s(_vm.$t(column.label))+\" \")])}),_c('th')],2)]),_c('tbody',_vm._l((_vm.data),function(item){return _c('tr',{key:item.id},[_vm._l((_vm.columns),function(column){return _c('td',{key:column.key},[(column.filter === 'date')?_c('span',[_vm._v(_vm._s(_vm.formatDate(item[column.key])))]):(column.key === 'balanceUSD')?_c('div',{staticClass:\"cost\"},[_c('span',[_vm._v(_vm._s(_vm._f(\"currencyUSD\")(_vm.getValue(item, column.key)))+\" \")])]):(column.label === 'plan')?_c('div',{staticClass:\"costPlan\"},[_c('span',[_vm._v(_vm._s(_vm.getValue(item, column.key)))])]):(column.key === 'statusReason')?_c('div',[_c('v-tooltip',{attrs:{\"bottom\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nreturn [(_vm.getValue(item, column.key))?_c('div',_vm._g({},on),[_c('KeybeIcon',{staticStyle:{\"height\":\"20px\"},attrs:{\"icon\":\"info\"}})],1):_vm._e()]}}],null,true)},[_c('span',[_vm._v(_vm._s(_vm.getValue(item, column.key)))])])],1):(column.label === 'feesStatus')?_c('div',{staticClass:\"contentBtn\"},[(_vm.getValue(item, column.key) === 'active')?_c('a',{staticClass:\"enable\"},[_vm._v(_vm._s(_vm.$t('active_status')))]):_c('a',{staticClass:\"disabled\"},[_vm._v(_vm._s(_vm.$t(_vm.getValue(item, column.key))))])]):(column.label === 'isPrime')?_c('div',{staticClass:\"contentBtn\"},[(_vm.getValue(item, column.key) === true)?_c('a',{staticClass:\"svgIcon\",on:{\"click\":function($event){return _vm.updateApp(item, false, null)}}},[_c('svg',{attrs:{\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('g',{attrs:{\"id\":\"SVGRepo_bgCarrier\",\"stroke-width\":\"0\"}}),_c('g',{attrs:{\"id\":\"SVGRepo_tracerCarrier\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}}),_c('g',{attrs:{\"id\":\"SVGRepo_iconCarrier\"}},[_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M9.5924 3.20027C9.34888 3.4078 9.22711 3.51158 9.09706 3.59874C8.79896 3.79854 8.46417 3.93721 8.1121 4.00672C7.95851 4.03705 7.79903 4.04977 7.48008 4.07522C6.6787 4.13918 6.278 4.17115 5.94371 4.28923C5.17051 4.56233 4.56233 5.17051 4.28923 5.94371C4.17115 6.278 4.13918 6.6787 4.07522 7.48008C4.04977 7.79903 4.03705 7.95851 4.00672 8.1121C3.93721 8.46417 3.79854 8.79896 3.59874 9.09706C3.51158 9.22711 3.40781 9.34887 3.20027 9.5924C2.67883 10.2043 2.4181 10.5102 2.26522 10.8301C1.91159 11.57 1.91159 12.43 2.26522 13.1699C2.41811 13.4898 2.67883 13.7957 3.20027 14.4076C3.40778 14.6511 3.51158 14.7729 3.59874 14.9029C3.79854 15.201 3.93721 15.5358 4.00672 15.8879C4.03705 16.0415 4.04977 16.201 4.07522 16.5199C4.13918 17.3213 4.17115 17.722 4.28923 18.0563C4.56233 18.8295 5.17051 19.4377 5.94371 19.7108C6.278 19.8288 6.6787 19.8608 7.48008 19.9248C7.79903 19.9502 7.95851 19.963 8.1121 19.9933C8.46417 20.0628 8.79896 20.2015 9.09706 20.4013C9.22711 20.4884 9.34887 20.5922 9.5924 20.7997C10.2043 21.3212 10.5102 21.5819 10.8301 21.7348C11.57 22.0884 12.43 22.0884 13.1699 21.7348C13.4898 21.5819 13.7957 21.3212 14.4076 20.7997C14.6511 20.5922 14.7729 20.4884 14.9029 20.4013C15.201 20.2015 15.5358 20.0628 15.8879 19.9933C16.0415 19.963 16.201 19.9502 16.5199 19.9248C17.3213 19.8608 17.722 19.8288 18.0563 19.7108C18.8295 19.4377 19.4377 18.8295 19.7108 18.0563C19.8288 17.722 19.8608 17.3213 19.9248 16.5199C19.9502 16.201 19.963 16.0415 19.9933 15.8879C20.0628 15.5358 20.2015 15.201 20.4013 14.9029C20.4884 14.7729 20.5922 14.6511 20.7997 14.4076C21.3212 13.7957 21.5819 13.4898 21.7348 13.1699C22.0884 12.43 22.0884 11.57 21.7348 10.8301C21.5819 10.5102 21.3212 10.2043 20.7997 9.5924C20.5922 9.34887 20.4884 9.22711 20.4013 9.09706C20.2015 8.79896 20.0628 8.46417 19.9933 8.1121C19.963 7.95851 19.9502 7.79903 19.9248 7.48008C19.8608 6.6787 19.8288 6.278 19.7108 5.94371C19.4377 5.17051 18.8295 4.56233 18.0563 4.28923C17.722 4.17115 17.3213 4.13918 16.5199 4.07522C16.201 4.04977 16.0415 4.03705 15.8879 4.00672C15.5358 3.93721 15.201 3.79854 14.9029 3.59874C14.7729 3.51158 14.6511 3.40781 14.4076 3.20027C13.7957 2.67883 13.4898 2.41811 13.1699 2.26522C12.43 1.91159 11.57 1.91159 10.8301 2.26522C10.5102 2.4181 10.2043 2.67883 9.5924 3.20027ZM16.3735 9.86314C16.6913 9.5453 16.6913 9.03 16.3735 8.71216C16.0557 8.39433 15.5403 8.39433 15.2225 8.71216L10.3723 13.5624L8.77746 11.9676C8.45963 11.6498 7.94432 11.6498 7.62649 11.9676C7.30866 12.2854 7.30866 12.8007 7.62649 13.1186L9.79678 15.2889C10.1146 15.6067 10.6299 15.6067 10.9478 15.2889L16.3735 9.86314Z\",\"fill\":\"#3AF69B\"}})])])]):_c('a',{staticClass:\"action\",on:{\"click\":function($event){return _vm.updateApp(item, true, null)}}},[_vm._v(_vm._s(_vm.$t('enable')))])]):(column.label === 'isTest')?_c('div',{staticClass:\"contentBtn\"},[(_vm.getValue(item, column.key) !== 'TEST')?_c('a',{staticClass:\"action\",on:{\"click\":function($event){return _vm.updateApp(item, null, true)}}},[_vm._v(_vm._s(_vm.$t('enable')))]):_c('a',{staticClass:\"svgIcon\",on:{\"click\":function($event){return _vm.updateApp(item, null, false)}}},[_c('svg',{attrs:{\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('g',{attrs:{\"id\":\"SVGRepo_bgCarrier\",\"stroke-width\":\"0\"}}),_c('g',{attrs:{\"id\":\"SVGRepo_tracerCarrier\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}}),_c('g',{attrs:{\"id\":\"SVGRepo_iconCarrier\"}},[_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"clip-rule\":\"evenodd\",\"d\":\"M9.5924 3.20027C9.34888 3.4078 9.22711 3.51158 9.09706 3.59874C8.79896 3.79854 8.46417 3.93721 8.1121 4.00672C7.95851 4.03705 7.79903 4.04977 7.48008 4.07522C6.6787 4.13918 6.278 4.17115 5.94371 4.28923C5.17051 4.56233 4.56233 5.17051 4.28923 5.94371C4.17115 6.278 4.13918 6.6787 4.07522 7.48008C4.04977 7.79903 4.03705 7.95851 4.00672 8.1121C3.93721 8.46417 3.79854 8.79896 3.59874 9.09706C3.51158 9.22711 3.40781 9.34887 3.20027 9.5924C2.67883 10.2043 2.4181 10.5102 2.26522 10.8301C1.91159 11.57 1.91159 12.43 2.26522 13.1699C2.41811 13.4898 2.67883 13.7957 3.20027 14.4076C3.40778 14.6511 3.51158 14.7729 3.59874 14.9029C3.79854 15.201 3.93721 15.5358 4.00672 15.8879C4.03705 16.0415 4.04977 16.201 4.07522 16.5199C4.13918 17.3213 4.17115 17.722 4.28923 18.0563C4.56233 18.8295 5.17051 19.4377 5.94371 19.7108C6.278 19.8288 6.6787 19.8608 7.48008 19.9248C7.79903 19.9502 7.95851 19.963 8.1121 19.9933C8.46417 20.0628 8.79896 20.2015 9.09706 20.4013C9.22711 20.4884 9.34887 20.5922 9.5924 20.7997C10.2043 21.3212 10.5102 21.5819 10.8301 21.7348C11.57 22.0884 12.43 22.0884 13.1699 21.7348C13.4898 21.5819 13.7957 21.3212 14.4076 20.7997C14.6511 20.5922 14.7729 20.4884 14.9029 20.4013C15.201 20.2015 15.5358 20.0628 15.8879 19.9933C16.0415 19.963 16.201 19.9502 16.5199 19.9248C17.3213 19.8608 17.722 19.8288 18.0563 19.7108C18.8295 19.4377 19.4377 18.8295 19.7108 18.0563C19.8288 17.722 19.8608 17.3213 19.9248 16.5199C19.9502 16.201 19.963 16.0415 19.9933 15.8879C20.0628 15.5358 20.2015 15.201 20.4013 14.9029C20.4884 14.7729 20.5922 14.6511 20.7997 14.4076C21.3212 13.7957 21.5819 13.4898 21.7348 13.1699C22.0884 12.43 22.0884 11.57 21.7348 10.8301C21.5819 10.5102 21.3212 10.2043 20.7997 9.5924C20.5922 9.34887 20.4884 9.22711 20.4013 9.09706C20.2015 8.79896 20.0628 8.46417 19.9933 8.1121C19.963 7.95851 19.9502 7.79903 19.9248 7.48008C19.8608 6.6787 19.8288 6.278 19.7108 5.94371C19.4377 5.17051 18.8295 4.56233 18.0563 4.28923C17.722 4.17115 17.3213 4.13918 16.5199 4.07522C16.201 4.04977 16.0415 4.03705 15.8879 4.00672C15.5358 3.93721 15.201 3.79854 14.9029 3.59874C14.7729 3.51158 14.6511 3.40781 14.4076 3.20027C13.7957 2.67883 13.4898 2.41811 13.1699 2.26522C12.43 1.91159 11.57 1.91159 10.8301 2.26522C10.5102 2.4181 10.2043 2.67883 9.5924 3.20027ZM16.3735 9.86314C16.6913 9.5453 16.6913 9.03 16.3735 8.71216C16.0557 8.39433 15.5403 8.39433 15.2225 8.71216L10.3723 13.5624L8.77746 11.9676C8.45963 11.6498 7.94432 11.6498 7.62649 11.9676C7.30866 12.2854 7.30866 12.8007 7.62649 13.1186L9.79678 15.2889C10.1146 15.6067 10.6299 15.6067 10.9478 15.2889L16.3735 9.86314Z\",\"fill\":\"#3AF69B\"}})])])])]):_c('span',[_vm._v(_vm._s(_vm.getValue(item, column.key)))])])}),_c('td',[_c('KeybeButton',{attrs:{\"text\":((_vm.$t('change')) + \" \" + (_vm.$t('feesStatus')))},on:{\"click\":function($event){return _vm.selectItem(item, true)}}})],1)],2)}),0)])]),_c('div',{staticClass:\"pagination\"},[_c('button',{attrs:{\"disabled\":_vm.currentPage <= 1},on:{\"click\":_vm.prevPage}},[_vm._v(_vm._s(_vm.$t('previous')))]),_c('span',{staticClass:\"mx-5\"},[_vm._v(_vm._s(_vm.currentPage)+\" \"+_vm._s(_vm.$t('of'))+\" \"+_vm._s(_vm.totalPages))]),_c('button',{attrs:{\"disabled\":_vm.currentPage >= _vm.totalPages},on:{\"click\":_vm.nextPage}},[_vm._v(_vm._s(_vm.$t('next')))])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import FeesServices from '@/modules/configuration/application/services/FeesServices'\nimport { EventBus } from '@/eventBus'\nimport KeybeText from '@/modules/DesignSystem/infrastructure/components/KeybeText/KeybeText.vue'\nimport { currencyToUSD } from '@/utils/currencyToUSD'\nimport Loader from '@/shared/infrastructure/ui/Loader.vue'\nimport KeybeButton from '@/modules/DesignSystem/infrastructure/components/KeybeButton/KeybeButton.vue'\nimport { debounce } from 'lodash'\nimport KeybeAutocomplete from '@/modules/DesignSystem/infrastructure/components/KeybeAutocomplete/KeybeAutocomplete/KeybeAutocomplete.vue'\nimport { appUpdater } from '@/modules/Apps/domain/AppsController'\nimport AppsUseCases from '@/modules/Apps/application/AppsUseCases'\nimport EmitToast from '@/utils/EmitToast'\nimport AppsController from '@/modules/Apps/infrastructure/controllers/Apps.controller'\nimport { mapState } from 'vuex'\nimport KeybeIcon from '@/shared/infrastructure/ui/icons/KeybeIcon.vue'\n\nexport default {\n name: 'KBInvoicesBrands',\n components: {\n KeybeText,\n Loader,\n KeybeButton,\n KeybeAutocomplete,\n KeybeIcon\n },\n props: {\n },\n data () {\n return {\n typeAction: null,\n uuidSelected: null,\n reason: '',\n showModal: false,\n totalItems: 0,\n itemsPerPage: 8,\n currentPage: 1,\n loading: false,\n columns: [\n { key: 'appUUID', label: 'uuid' },\n { key: 'appName', label: 'appName' },\n { key: 'plan.label', label: 'plan' },\n { key: 'type', label: 'isTest' },\n { key: 'isPrime', label: 'isPrime' },\n { key: 'createdAt', label: 'createdAt', filter: 'date' },\n { key: 'creditAmount', label: 'creditAmount' },\n { key: 'invoiceDay', label: 'invoiceDay' },\n { key: 'balanceUSD', label: 'balance' },\n { key: 'currency', label: 'currency' },\n { key: 'biller', label: 'biller' },\n { key: 'statusApp', label: 'feesStatus' },\n { key: 'statusReason', label: '' },\n { key: 'quickbooks', label: 'quickbooks' },\n { key: 'email', label: 'email' }\n ],\n data: [],\n rerender: 0,\n searchQuery: '',\n reasonType: null,\n reasonTypeItems: [\n { label: this.$t('active_status'), id: 'active' },\n { label: this.$t('removal'), id: 'removal' },\n { label: this.$t('blocked_by_debt'), id: 'blocked_by_debt' },\n { label: this.$t('blocked_by_plan'), id: 'blocked_by_plan' },\n { label: this.$t('blocked_by_balance'), id: 'blocked_by_balance' }\n ],\n appsController: new AppsController(),\n app: null\n }\n },\n mounted () {\n this.calculateSize(true)\n },\n beforeDestroy () {\n window.removeEventListener('resize', () => this.calculateSize())\n },\n computed: {\n ...mapState('UserStore', ['token']),\n totalPages () {\n return Math.ceil(this.totalItems / this.itemsPerPage)\n },\n searchPersons (search: string) {\n return this.reasonTypeItems.find((o: { [key: string]: any }) =>\n o.toLowerCase().includes(search.toLowerCase())\n )\n }\n },\n async created () {\n await this.getApps()\n },\n filters: {\n currencyUSD (value) {\n return currencyToUSD(value)\n }\n },\n watch: {\n },\n methods: {\n debouncedSearch: debounce(async function () {\n this.getApps()\n }, 300),\n selectItem (item: any, type: boolean) {\n this.uuidSelected = item\n // this.getApp()\n this.typeAction = type\n this.showModal = true\n },\n closeModal () {\n this.reason = ''\n this.showModal = false\n this.reasonType = null\n },\n async prevPage () {\n if (this.currentPage > 1) {\n this.currentPage--\n await this.getApps()\n }\n },\n async nextPage () {\n if (this.currentPage * this.itemsPerPage < this.totalItems) {\n this.currentPage++\n await this.getApps()\n }\n },\n getValue (item, key) {\n const keys = key.split('.')\n let value = item\n for (const k of keys) {\n if (value && k in value) {\n value = value[k]\n } else {\n return null // Retorna null o algún valor por defecto si la clave no existe\n }\n }\n return value\n },\n formatDate (dateString) {\n const date = new Date(dateString)\n const formattedDate = `${date.getFullYear()}-${(date.getMonth() + 1).toString().padStart(2, '0')}-${date.getDate().toString().padStart(2, '0')}`\n return formattedDate\n },\n // async setDisabledApp () {\n // if (!this.reasonType) {\n // EventBus.$emit('toast', 'error', this.$t('dialogAllFieldsAreRequired'))\n // return\n // }\n // const model = {\n // inactive: this.typeAction,\n // reason: this.reason,\n // uuid: this.uuidSelected.appUUID\n // }\n // const response = await FeesServices.updateInactive(model)\n // if (response.status === 200) {\n // const data = await FeesServices.updateInactiveConfig(model)\n // if (data.status === 200) {\n // if (this.typeAction) {\n // EventBus.$emit('toast', 'success', this.$t('blockedBrand'))\n // } else {\n // EventBus.$emit('toast', 'success', this.$t('brandActive'))\n // }\n // this.getApps()\n // this.closeModal()\n // return\n // }\n // }\n // EventBus.$emit('toast', 'error', this.$t('errorSavingForm'))\n // },\n // async getApp () {\n // try {\n // this.loading = true\n // const data:dataToGetApp = {\n // uuid: this.uuidSelected.appUUID,\n // token: this.token\n // }\n // const response = await AppsUseCases.getApp(this.appsController, data)\n // if (response) {\n // this.app = response?.data\n // this.loading = false\n // }\n // } catch (error) {\n // this.loading = false\n // EventBus.$emit('toast', 'error', error.message)\n // }\n // },\n async getApps () {\n if (this.loading) return\n try {\n this.loading = true\n this.data = []\n const pagination = {\n page: this.currentPage,\n limit: this.itemsPerPage\n }\n const searchMain = this.searchQuery ? this.searchQuery.trim() : ''\n const response = await FeesServices.getCompany(searchMain, pagination)\n if (response) {\n const { data, count } = response.data\n this.data = data\n this.totalItems = count\n }\n } catch (error) {\n console.error(error)\n } finally {\n this.loading = false\n }\n },\n async updateApp (item, isPrime = null, isTest = null): Promise\n
\n\n\n\n\n\n","import mod from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MicroLink.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MicroLink.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MicroLink.vue?vue&type=template&id=8f3121c2&scoped=true&\"\nimport script from \"./MicroLink.vue?vue&type=script&lang=js&\"\nexport * from \"./MicroLink.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MicroLink.vue?vue&type=style&index=0&id=8f3121c2&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 \"8f3121c2\",\n null\n \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VList } from 'vuetify/lib/components/VList';\nimport { VMenu } from 'vuetify/lib/components/VMenu';\ninstallComponents(component, {VCard,VIcon,VList,VMenu})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('Dialog',{attrs:{\"dialog-component\":_vm.ImageCropper,\"background\":_vm.$vuetify.theme.dark ? 'rgba(182, 190, 199, 0.2);' : 'rgba(255, 255, 255, 0.8)',\"border\":_vm.$vuetify.theme.dark ? '2px solid #fff' : '2px solid white',\"data\":{ image: _vm.localValue },\"max-width\":\"700px\"},on:{\"close\":function($event){_vm.uploadPictureOpen = false},\"cancel\":function($event){_vm.uploadPictureOpen = false}},model:{value:(_vm.uploadPictureOpen),callback:function ($$v) {_vm.uploadPictureOpen=$$v},expression:\"uploadPictureOpen\"}}),_c('div',{staticClass:\"thephoto\",on:{\"click\":_vm.openFileInput}},[(_vm.areEqual(_vm.localValue, '') && !_vm.loading)?[_c('div',{staticClass:\"thephoto__container\",style:({ background: _vm.$vuetify.theme.dark ? _vm.Colors.darkThemeDark4 : _vm.Colors.white })},[(!_vm.loading)?[_c('v-icon',{staticClass:\"camare\",attrs:{\"color\":\"#01CFD9\",\"small\":\"\"}},[_vm._v(\"mdi-image\")]),_c('span',{staticClass:\"text--text\"},[_vm._v(_vm._s(_vm.$t('profilePhoto')))]),_c('v-icon',{staticClass:\"plus\",attrs:{\"color\":\"#01CFD9\",\"x-small\":\"\"}},[_vm._v(\"mdi-plus-circle-outline\")])]:_vm._e()],2),_c('div',{staticClass:\"thephoto__camare\"},[_c('v-icon',{staticClass:\"outlined\",attrs:{\"x-small\":\"\"}},[_vm._v(\"mdi-camera\")])],1)]:_vm._e(),(_vm.loading)?[_c('div',{staticClass:\"thephoto__loading\"},[_c('v-icon',{staticClass:\"loading\",attrs:{\"color\":\"#01CFD9\",\"small\":\"\"}},[_vm._v(\"mdi-loading\")])],1)]:_vm._e(),(!_vm.areEqual(_vm.localValue, '') && !_vm.loading)?[_c('div',{staticClass:\"thephoto__show\"},[_c('img',{attrs:{\"src\":_vm.localValue}})])]:_vm._e()],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"image-cropper\"},[_c('div',{staticClass:\"d-flex justify-end -mt-3 mb-4\"},[_c('v-btn',{attrs:{\"icon\":\"\"},on:{\"click\":function($event){return _vm.toggleModal()}}},[_c('v-icon',[_vm._v(\"mdi-close\")])],1)],1),_c('div',[_c('v-row',[(!_vm.imageUrl)?_c('v-col',{staticStyle:{\"background\":\"rgba(182, 190, 199, 0.2)\",\"min-height\":\"50vh\"},attrs:{\"cols\":\"12\"}},[_c('v-row',{staticClass:\"fill-height flex-column\",attrs:{\"align\":\"center\",\"justify\":\"center\"}},[(_vm.savedImage)?_c('img',{attrs:{\"src\":_vm.savedImage}}):_c('div',{staticClass:\"upload-button cursor-pointer\",on:{\"click\":_vm.onPickFile}},[_c('v-icon',{attrs:{\"color\":_vm.Colors.verdeBird}},[_vm._v(\"mdi-upload\")])],1),_c('input',{ref:\"fileInput\",staticStyle:{\"display\":\"none\"},attrs:{\"type\":\"file\",\"accept\":\"image/*\"},on:{\"change\":_vm.onFilePicked}})])],1):_vm._e(),_c('v-col',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.imageUrl),expression:\"imageUrl\"}],staticStyle:{\"min-height\":\"50vh\"},attrs:{\"cols\":\"12\"}},[_c('vue-croppie',{ref:\"croppieRef\",staticStyle:{\"max-height\":\"44vh\"},attrs:{\"enableResize\":false,\"enableOrientation\":true,\"viewport\":{ width: 300, height: 300, type: 'circle'}},on:{\"result\":_vm.result}})],1)],1)],1),_c('div',{staticClass:\"d-flex items-center justify-center mt-10\"},[_c('span',{staticClass:\"cursor-pointer d-flex items-center mr-5\",on:{\"click\":function($event){_vm.savedImage = ''; _vm.imageUrl = ''}}},[_c('v-icon',{staticClass:\"mr-2\",attrs:{\"color\":\"black\"}},[_vm._v(\"mdi-delete-circle-outline\")]),_vm._v(\" \"+_vm._s(_vm.$t('delete')))],1),_c('span',{staticClass:\"cursor-pointer mr-5 d-flex items-center\",on:{\"click\":function($event){return _vm.bind(_vm.data.image)}}},[_c('v-icon',{staticClass:\"mr-2\",attrs:{\"color\":\"black\"}},[_vm._v(\"mdi-pencil-circle-outline\")]),_vm._v(\" \"+_vm._s(_vm.$t('edit')))],1),_c('span',{staticClass:\"cursor-pointer mr-5 d-flex items-center\",on:{\"click\":_vm.onPickFile}},[_c('v-icon',{staticClass:\"mr-2\",attrs:{\"color\":\"black\"}},[_vm._v(\"mdi-upload\")]),_vm._v(\" \"+_vm._s(_vm.$t('uploadImage')))],1),_c('span',{staticClass:\"cursor-pointer d-flex items-center\",style:({ color: _vm.Colors.verdeBird }),on:{\"click\":_vm.crop}},[_c('v-icon',{staticClass:\"mr-2\",attrs:{\"color\":_vm.Colors.verdeBird}},[_vm._v(\"mdi-check-circle-outline\")]),_vm._v(\" \"+_vm._s(_vm.$t('save'))+\" \")],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n \n
\n \n ![]()
\n
\n \n {{ link.description }}\n
\n \n \n \n \n \n \n \n \n \n \n
\n {{ $t(\"link\") }}
\n\r\n
\r\n\r\n\r\n\r\n\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageCropper.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ImageCropper.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ImageCropper.vue?vue&type=template&id=190cb53a&scoped=true&\"\nimport script from \"./ImageCropper.vue?vue&type=script&lang=js&\"\nexport * from \"./ImageCropper.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ImageCropper.vue?vue&type=style&index=0&id=190cb53a&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 \"190cb53a\",\n null\n \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VCol,VIcon,VRow})\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport operation from '@/utils/operations'\nimport Colors from '@/utils/Colors'\nimport { EventBus } from '@/eventBus'\nimport MicrositesService from '@/services/MicrositesService'\nimport Dialog from '@/components/shared/components/Dialog.vue'\nimport ImageCropper from '@/components/shared/components/ImageCropper.vue'\n\nexport default {\n components: {\n Dialog\n },\n data () {\n return {\n Colors,\n localValue: '',\n loading: false,\n uploadPictureOpen: false,\n ImageCropper\n }\n },\n mounted () {\n this.localValue = this.value\n EventBus.$on('croppedImage', (img) => {\n this.uploadPictureOpen = false\n this.onFilePicked(img)\n })\n },\n methods: {\n openFileInput () {\n this.uploadPictureOpen = true\n },\n async onFilePicked (event) {\n this.loading = true\n const response = await MicrositesService.uploadImage(event)\n\n if (response.status) {\n this.$emit('input', response.data.url)\n EventBus.$emit('toast', 'success', this.$t('successUploadingPicture'))\n } else {\n EventBus.$emit('toast', 'error', this.$t('errorUploadingPicture'))\n }\n\n this.loading = false\n },\n areEqual (a, b) {\n return operation.areEqual(a, b)\n }\n },\n watch: {\n value: {\n handler () {\n if (this.areEqual(this.value, this.localValue)) return\n this.localValue = this.value\n }\n }\n },\n props: {\n value: {\n required: true,\n type: String\n }\n }\n}\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MicrositePhoto.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MicrositePhoto.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./MicrositePhoto.vue?vue&type=template&id=462be4af&scoped=true&\"\nimport script from \"./MicrositePhoto.vue?vue&type=script&lang=ts&\"\nexport * from \"./MicrositePhoto.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./MicrositePhoto.vue?vue&type=style&index=0&id=462be4af&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 \"462be4af\",\n null\n \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VIcon } from 'vuetify/lib/components/VIcon';\ninstallComponents(component, {VIcon})\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport MicrositesService from '@/services/MicrositesService'\nimport operation from '@/utils/operations'\nimport MicroLink from '@/modules/microsites/infrastructure/ui/components/Microsite/MicroLink.vue'\nimport PhotoUpload from '@/modules/microsites/infrastructure/ui/components/MicrositePhoto.vue'\nimport Link from '@/utils/links'\n\nexport default {\n components: {\n MicroLink,\n PhotoUpload\n },\n data () {\n return {\n links: [],\n linksSocial: [],\n typesLinks: [\n 'link',\n 'whatsapplink'\n ],\n showButtons: false\n }\n },\n mounted () {\n this.links = this.getLinks()\n this.linksSocial = this.getLinksSocial()\n this.showButton()\n },\n computed: {\n cssVars () {\n return {\n '--main-color': this.color\n }\n },\n imgKb () {\n return `${process.env.VUE_APP_STORAGE_URL}/files/bluebird/Microsites/kb.svg`\n },\n moneyImg () {\n return `${process.env.VUE_APP_STORAGE_URL}/files/bluebird/Microsites/money-sign.svg`\n },\n iconPointImg () {\n return `${process.env.VUE_APP_STORAGE_URL}/files/bluebird/microsites/icon-point.svg`\n },\n baseMicrositesUrl () {\n return process.env.VUE_APP_MICROSITES_BASE_URL\n }\n },\n methods: {\n showButton () {\n this.links.forEach(link => {\n if (this.areEqual(link.id, 'whatsappKeybe') && !this.value.config.whatsappKeybe) link.show = false\n else link.show = true\n })\n },\n areEqual (a, b): boolean {\n return operation.areEqual(a, b)\n },\n getLink (link: {url: string, id: string}) {\n if (this.areEqual(link.id, 'whatsapp')) {\n return `${Link.whatsappLink}${link.url}`\n }\n return link.url\n },\n getLinksIdentified () {\n const links = [...JSON.parse(JSON.stringify(this.value.config.socialLinks))].filter(link => this.areEqual(link.url, ''))\n return links\n },\n getLinks () {\n // Links are main buttons\n // console.log('Getting links', this.value.config.socialLinks.filter(link => !link.tipoIcon))\n return this.value.config.socialLinks.filter(link => !link.tipoIcon)\n },\n getLinksSocial () {\n // Links social are secondary buttons\n return this.value.config.socialLinks.filter(link => link.tipoIcon)\n },\n formatMoney (price, currency) {\n const formaterByCode = {\n COP: 'es-ES',\n USD: 'en-US'\n }\n currency = currency.toUpperCase()\n const formatter = new Intl.NumberFormat(formaterByCode[currency] ?? 'en-US', {\n style: 'currency',\n currency\n })\n\n return formatter.format(price)\n },\n editSocials () {\n this.$emit('switchMSP', 'MicrositesIconSelector')\n },\n editConfig (editInfo) {\n // Look if you can lift this into Microsite\n const newConfig = { ...this.value.config }\n if (editInfo.editing === 'mainButton') {\n const mainButtons = this.value.config.socialLinks.filter(link => !link.tipoIcon)\n const buttonToEdit = mainButtons.findIndex(button => button.description === editInfo.ogDescription)\n console.log('Found button to edit', buttonToEdit)\n newConfig.socialLinks[buttonToEdit] = { ...newConfig.socialLinks[buttonToEdit], ...editInfo.newData }\n }\n MicrositesService.editConfig(newConfig)\n }\n },\n watch: {\n 'value.config.socialLinks': {\n handler () {\n this.links = this.getLinks()\n this.linksSocial = this.getLinksSocial()\n },\n deep: true\n }\n },\n filters: {\n filterSiteUrl (val) {\n if (val.description) return val.description\n return val.url.replace('https://', '').replace('http://', '')\n }\n },\n props: {\n value: {\n required: true,\n type: Object\n },\n color: {\n required: true,\n type: String,\n default: '#FFFFFF'\n }\n }\n}\n","import mod from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MicroHome.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MicroHome.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./MicroHome.vue?vue&type=template&id=a439c2ba&scoped=true&\"\nimport script from \"./MicroHome.vue?vue&type=script&lang=ts&\"\nexport * from \"./MicroHome.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./MicroHome.vue?vue&type=style&index=0&id=a439c2ba&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 \"a439c2ba\",\n null\n \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VIcon } from 'vuetify/lib/components/VIcon';\ninstallComponents(component, {VIcon})\n","\n\n\n\n\n\n\n\n\n\n\n\n\nimport operation from '@/utils/operations'\nimport MicroHome from '@/modules/microsites/infrastructure/ui/components/Microsite/MicroHome.vue'\nexport default {\n components: {\n MicroHome\n },\n data () {\n return {\n localValue: null,\n window: 0,\n selectPage: 0,\n pages: [\n {\n name: 'Home',\n icon: 'mdi-information-outline'\n }\n ]\n }\n },\n mounted () {\n this.localValue = { ...JSON.parse(JSON.stringify(this.value)) }\n },\n watch: {\n value: {\n handler (val) {\n this.localValue = { ...JSON.parse(JSON.stringify(val)) }\n }\n }\n },\n methods: {\n areEqual (a, b): boolean {\n return operation.areEqual(a, b)\n }\n },\n props: {\n value: {\n required: true,\n type: Object\n }\n }\n}\n","export enum Modes {\n Edit = 'edit',\n Create = 'create'\n}\n","import mod from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Microsite.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Microsite.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./Microsite.vue?vue&type=template&id=7f1deb7c&scoped=true&\"\nimport script from \"./Microsite.vue?vue&type=script&lang=ts&\"\nexport * from \"./Microsite.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./Microsite.vue?vue&type=style&index=0&id=7f1deb7c&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 \"7f1deb7c\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"elems-aditionals__container-social\"},[(!_vm.areEqual(_vm.localValue, null))?_c('div',{staticClass:\"elems-aditionals__container\"},[_c('TransitionGroup',{staticClass:\"px-0 overflow-y-auto\",attrs:{\"name\":\"list\",\"tag\":\"ul\"}},_vm._l((_vm.localValue),function(item,index){return _c('div',{key:index,staticClass:\"elem d-flex items-center w-full\"},[[_c('div',{staticClass:\"d-flex flex-column relative w-full animate\"},[(_vm.buttonEditMode &&\n _vm.areEqual(index+1, _vm.buttonIndex) &&\n !item.tipoIcon)?_c('div',{staticClass:\"pb-2\"},[_c('div',[_c('SocialTypePicker',{attrs:{\"item\":item},on:{\"toggleType\":function($event){return _vm.toggleType($event, index)}}})],1),_c('div',{staticClass:\"d-flex flex-row items-center my-2\"},[_c('div',{staticClass:\"social-icon\",style:({ background: _vm.$vuetify.theme.dark ? 'rgba(182, 190, 199, 0.2)' : _vm.Colors.white }),on:{\"click\":function($event){return _vm.toggleEditIcon(index, item)}}},[_c('img',{staticStyle:{\"max-width\":\"20px\"},attrs:{\"src\":item.icon}})]),_c('KeybeTextfield',{ref:(\"item-\" + index),refInFor:true,staticStyle:{\"margin-left\":\"10px\",\"width\":\"100%\",\"max-width\":\"345px\",\"height\":\"45px\"},attrs:{\"color\":_vm.$vuetify.theme.dark ? 'dark' : 'white',\"square\":true,\"placeholder\":_vm.getPlaceholder(item.id)},on:{\"input\":function($event){return _vm.checkID($event, index)}},model:{value:(item.url),callback:function ($$v) {_vm.$set(item, \"url\", $$v)},expression:\"item.url\"}})],1),_c('div',{staticClass:\"angle-connector\"}),_c('div',{staticClass:\"d-flex items-center mt-3\",staticStyle:{\"margin-left\":\"100px\",\"height\":\"45px\"}},[_c('KeybeTextfield',{staticStyle:{\"margin-left\":\"70px\",\"max-width\":\"400px\",\"width\":\"240px\",\"height\":\"45px\"},attrs:{\"color\":_vm.$vuetify.theme.dark ? 'dark' : 'white',\"square\":true,\"placeholder\":_vm.$t('enterButtonText')},model:{value:(item.description),callback:function ($$v) {_vm.$set(item, \"description\", $$v)},expression:\"item.description\"}}),_c('div',{staticClass:\"circle-container\",on:{\"click\":function($event){return _vm.toggleEditButton()}}},[_c('v-icon',{attrs:{\"color\":_vm.Colors.verdeBird}},[_vm._v(\"mdi-check\")])],1)],1)]):_vm._e(),(_vm.buttonEditMode &&\n _vm.areEqual(index+1, _vm.buttonIndex) &&\n item.tipoIcon)?_c('div',{staticClass:\"d-flex flex-column my-2\"},[_c('SocialTypePicker',{attrs:{\"item\":item},on:{\"toggleType\":function($event){return _vm.toggleType($event, index)}}}),_c('div',{staticClass:\"d-flex flex-row items-center my-2\"},[_c('div',{staticClass:\"social-icon\",style:({ background: _vm.$vuetify.theme.dark ? 'rgba(182, 190, 199, 0.2)' : _vm.Colors.white }),on:{\"mouseover\":function($event){_vm.socialIndex = index},\"mouseleave\":function($event){_vm.socialIndex = 300},\"click\":function($event){return _vm.toggleEditIcon(index, item)}}},[_c('img',{staticStyle:{\"max-width\":\"20px\"},attrs:{\"src\":item.icon}})]),_c('KeybeTextfield',{ref:(\"item-\" + index),refInFor:true,staticStyle:{\"margin-left\":\"15px\",\"width\":\"339px\",\"height\":\"45px\"},attrs:{\"color\":_vm.$vuetify.theme.dark ? 'dark' : 'white',\"square\":true,\"placeholder\":_vm.getPlaceholder(item.id)},on:{\"input\":function($event){return _vm.checkID($event, index)}},model:{value:(item.url),callback:function ($$v) {_vm.$set(item, \"url\", $$v)},expression:\"item.url\"}}),_c('div',{staticClass:\"circle-container\",on:{\"click\":function($event){return _vm.toggleEditButton()}}},[_c('v-icon',{attrs:{\"color\":_vm.Colors.verdeBird}},[_vm._v(\"mdi-check\")])],1)],1)],1):_vm._e(),(!_vm.areEqual(index+1, _vm.buttonIndex))?_c('div',{staticClass:\"d-flex items-center my-2 gap-4\"},[_c('div',{staticClass:\"social-icon relative\",style:({ background: _vm.$vuetify.theme.dark ? 'rgba(182, 190, 199, 0.2)' : _vm.Colors.white }),on:{\"mouseover\":function($event){_vm.socialIndex = index},\"mouseleave\":function($event){_vm.socialIndex = 300}}},[_c('img',{staticStyle:{\"width\":\"20px\"},attrs:{\"src\":item.icon},on:{\"click\":function($event){_vm.toggleEditIcon(index, item), _vm.editIcon = true, _vm.trackingIndex = index}}})]),_c('div',{staticClass:\"disabled-text overflow-hidden\",class:_vm.$vuetify.theme.dark ? 'disabled-text-dark' : 'disabled-text-light',on:{\"click\":function($event){return _vm.toggleEditButton(index+1)}}},[_c('p',{staticClass:\"input-text mb-0\"},[_vm._v(\" \"+_vm._s(item.tipoIcon ? item.url : item.description || _vm.$t('enterButtonText'))+\" \")])]),_c('div',{staticClass:\"cursor-pointer\",on:{\"click\":function($event){return _vm.deleteButton(index)}}},[_c('KBIcon',{attrs:{\"icon\":'trash',\"color\":_vm.Colors.rojoBird}})],1)]):_vm._e(),(_vm.editIcon && index === _vm.trackingIndex)?_c('div',{staticClass:\"contentEditIcon\",style:({ background: _vm.$vuetify.theme.dark ? '#36383a' : _vm.Colors.white })},[_c('EditIconDialog',{attrs:{\"data\":item}}),_c('div',{staticClass:\"contentEditIcon__btn\",on:{\"click\":function($event){_vm.editIcon = false}}},[_c('a',[_vm._v(\"Cerrar\")])])],1):_vm._e()])]],2)}),0)],1):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { Socials } from './socials'\nconst baseUrl = 'https://storage.keybeapi.com/microsites/production/4xqa4b8khxrofef'\n\nexport const icons = {\n apple: {\n icon: 'fa-brands fa-apple',\n link: baseUrl + '/dd66a53792b424119949c93d53daa215-apple.svg'\n },\n appstore: {\n icon: 'fa-brands fa-app-store',\n link: baseUrl + '/c5037c7198dd7c51755ee56882b19429-app-store.svg'\n },\n behance: {\n icon: 'fa-brands fa-behance',\n link: baseUrl + '/35b3e4a2ccc572771f275d8e7e84f69f-behance.svg'\n },\n bicycle: {\n icon: 'fa-solid fa-bicycle',\n link: baseUrl + '/99b385a611071102197efbeb0f69b139-bicycle-solid.svg'\n },\n blogger: {\n icon: 'fa-brands fa-blogger',\n link: baseUrl + '/277f26d5fd9bcf59cd13a7daebc3f7c7-blogger.svg'\n },\n blog: {\n icon: 'fa-brands fa-blog',\n link: baseUrl + '/9825f752cac8965d1b9c84eb25491c53-blog-solid.svg'\n },\n bolt: {\n icon: 'fa-solid fa-bolt',\n link: baseUrl + '/5e91077d88b7435250ffb32708370155-bolt-solid.svg'\n },\n bomb: {\n icon: 'fa-solid fa-bomb',\n link: baseUrl + '/6690bcf9fe62de62134d7060c76f7a75-bomb-solid.svg'\n },\n burger: {\n icon: 'fa-solid fa-burger',\n link: baseUrl + '/f2f1195fb66898b50fa6c1ab30b27ac2-burger-solid.svg'\n },\n camera: {\n icon: 'fa-solid fa-camera',\n link: baseUrl + '/7af78cf10b85456db972029bf2199c8c-camera-solid.svg'\n },\n cart: {\n icon: 'fa-solid fa-cart-shopping',\n link: baseUrl + '/e95c90660f6dea3cf0111211e9163b07-cart-shopping-solid.svg'\n },\n comments: {\n icon: 'fa-solid fa-comments',\n link: baseUrl + '/71aaa2fd60135043266e3fae8eda3d44-comments-solid.svg'\n },\n cookie: {\n icon: 'fa-solid fa-cookie-bite',\n link: baseUrl + '/20e001bcff2a25eb914f5b2bd0d51535-cookie-bite-solid.svg'\n },\n discord: {\n icon: 'fa-brands fa-discord',\n link: baseUrl + '/2145e703c04ec5a681f264bd7b96f38b-discord.svg'\n },\n dropbox: {\n icon: 'fa-brands fa-dropbox',\n link: baseUrl + '/79b2f5474f0cbf0fa60549bc35e7d831-dropbox.svg'\n },\n dumbbell: {\n icon: 'fa-solid fa-dumbbell',\n link: baseUrl + '/796eb3a5dcfca8677ef15b23cfd6f34a-dumbbell-solid.svg'\n },\n earth: {\n icon: 'fa-solid fa-earth-americas',\n link: baseUrl + '/442b610547ae1292ba47ed74c8564493-earth-americas-solid.svg'\n },\n ethereum: {\n icon: 'fa-brands fa-ethereum',\n link: baseUrl + '/73a0aad829719b436e3463bbb03d5b31-ethereum.svg'\n },\n eye: {\n icon: 'fa-solid fa-eye',\n link: baseUrl + '/31eb50a0f171eb793058ad623c91fb73-eye-solid.svg'\n },\n facebook: {\n icon: 'fa-brands fa-facebook',\n link: baseUrl + '/7f214776818cdfd0d796ce5896f794b7-facebook.svg'\n },\n smile: {\n icon: 'fa-solid fa-face-smile',\n link: baseUrl + '/10443063ef79096fe544c139d74b7a48-face-smile-solid.svg'\n },\n fire: {\n icon: 'fa-solid fa-fire',\n link: baseUrl + '/131aaf0a829760c8bb04a774db9b0bff-fire-solid.svg'\n },\n gear: {\n icon: 'fa-solid fa-gear',\n link: baseUrl + '/7c3a570900890c9a0ac7ba754785418b-gear-solid.svg'\n },\n ghost: {\n icon: 'fa-solid fa-ghost',\n link: baseUrl + '/f103627fa579bbf7cdd05e705d23cd0a-ghost-solid.svg'\n },\n gift: {\n icon: 'fa-solid fa-gift',\n link: baseUrl + '/1d32fbc4da3ce3885b1c032a0e8831ce-gift-solid.svg'\n },\n github: {\n icon: 'fa-brands fa-github',\n link: baseUrl + '/c0e80e7a754e100e2ced768bfc47c51f-github.svg'\n },\n google: {\n icon: 'fa-brands fa-google',\n link: baseUrl + '/85be3f94517f3c76dcaa52ed5e51b04b-google.svg'\n },\n googlePlay: {\n icon: 'fa-brands fa-google-play',\n link: baseUrl + '/710e2b643231597e9759f7749f8adf90-google-play.svg'\n },\n heart: {\n icon: 'fa-solid fa-heart',\n link: baseUrl + '/15efb0fff42da92c719f1819ece62ea6-heart-solid.svg'\n },\n house: {\n icon: 'fa-solid fa-house',\n link: baseUrl + '/e330832be9ec5b9f4ac30260bff73d03-house-solid.svg'\n },\n instagram: {\n icon: 'fa-brands fa-instagram',\n link: baseUrl + '/f2a80537d42abe632a62e0135f809366-instagram.svg'\n },\n key: {\n icon: 'fa-solid fa-key',\n link: baseUrl + '/a71f53f1306e48160fb88f760dccfb23-key-solid.svg'\n },\n leaf: {\n icon: 'fa-solid fa-leaf',\n link: baseUrl + '/1787f4294e1bfd97e04eb44d3998ba35-leaf.svg'\n },\n lemon: {\n icon: 'fa-solid fa-lemon',\n link: baseUrl + '/43b09c977cbf75c9b1baac000ead3f22-lemon-solid.svg'\n },\n linkedin: {\n icon: 'fa-brands fa-linkedin',\n link: baseUrl + '/355b9ef66bf1166c94b4aba83f076878-linkedin.svg'\n },\n location: {\n icon: 'fa-solid fa-location-dot',\n link: baseUrl + '/96229b190aa0251979ef89f5438e1eb7-location-dot-solid.svg'\n },\n messenger: {\n icon: 'fa-brands fa-facebook-messenger',\n link: baseUrl + '/708b8316ee50dcf3086b1a6adcbb368b-messenger.svg'\n },\n meteor: {\n icon: 'fa-solid fa-meteor',\n link: baseUrl + '/f9d3678f1647357a3d8b6d678adee06f-meteor-solid.svg'\n },\n minus: {\n icon: 'fa-solid fa-minus',\n link: baseUrl + '/8b42f8e9e0449781c8ff0912443d144e-minus-solid.svg'\n },\n money: {\n icon: 'fa-solid fa-money-bill',\n link: baseUrl + '/48a91f6682449d45774c6c6dbbd57765-money-bill-solid.svg'\n },\n moon: {\n icon: 'fa-solid fa-moon',\n link: baseUrl + '/d4f5e29e5c7e047c43b4eb5085736f3d-moon.svg'\n },\n mug: {\n icon: 'fa-solid fa-mug-hot',\n link: baseUrl + '/3d9af1da2abb02973972956fe00cdab6-mug-hot-solid.svg'\n },\n paypal: {\n icon: 'fa-brands fa-paypal',\n link: baseUrl + '/bd3334fadd9ee30356bb09f41ad368e7-paypal.svg'\n },\n pepper: {\n icon: 'fa-solid fa-pepper-hot',\n link: baseUrl + '/a48e1e3229bca8a2b53db7a872e027f0-pepper-hot-solid.svg'\n },\n phone: {\n icon: 'fa-brands fa-phone',\n link: baseUrl + '/7a651281381c37187763b74ed830d5ac-phone-solid.svg'\n },\n pinterest: {\n icon: 'fa-brands fa-pinterest',\n link: baseUrl + '/ebc7916671b00c11938191645dcb01d4-pinterest.svg'\n },\n plane: {\n icon: 'fa-solid fa-plane',\n link: baseUrl + '/ee3551b1a45b89d7989fa970cebf8807-plane-solid.svg'\n },\n plus: {\n icon: 'fa-solid fa-plus',\n link: baseUrl + '/321c31159b663096f0c17d9e81137b93-plus-solid.svg'\n },\n poo: {\n icon: 'fa-solid fa-poo',\n link: baseUrl + '/7e5af8b7dcc54a49e20e7946ae54802f-poo-solid.svg'\n },\n share: {\n icon: 'fa-solid fa-share',\n link: baseUrl + '/4698e2565903d0a1ea46df86a3f7d0b4-share-solid.svg'\n },\n skull: {\n icon: 'fa-solid fa-skull',\n link: baseUrl + '/e8bf63e2b9d359839403d251fa1697ea-skull.svg'\n },\n slack: {\n icon: 'fa-brands fa-slack',\n link: baseUrl + '/38e8cf80d9af261ac07546f43f9a54ee-slack.svg'\n },\n snapchat: {\n icon: 'fa-brands fa-snapchat',\n link: baseUrl + '/4aa266cbd191c0a69f9d4991cdeb831a-snapchat.svg'\n },\n soundcloud: {\n icon: 'fa-brands fa-soundcloud',\n link: baseUrl + '/7ba39d762bf0fb8cbac7df4e157c898a-soundcloud.svg'\n },\n spotify: {\n icon: 'fa-brands fa-spotify',\n link: baseUrl + '/478c2938f1cc7a93ad3f5b698236dcb4-spotify.svg'\n },\n squarespace: {\n icon: 'fa-brands fa-squarespace',\n link: baseUrl + '/853129c052055d777181cce21e8bb9bb-squarespace.svg'\n },\n star: {\n icon: 'fa-solid fa-star',\n link: baseUrl + '/cf781c3a446a044099c3e0edda206123-star-solid.svg'\n },\n tag: {\n icon: 'fa-solid fa-tag',\n link: baseUrl + '/63d1c391a6e1bd7ef28a04bf52c0851b-tag-solid.svg'\n },\n telegram: {\n icon: 'fa-brands fa-telegram',\n link: baseUrl + '/96f8c165519c1ac8658043c73df60e98-telegram.svg'\n },\n thumbsDown: {\n icon: 'fa-solid fa-thumbs-down',\n link: baseUrl + '/9c50bbb55e963cc940612904389877aa-thumbs-down-solid.svg'\n },\n thumbsUp: {\n icon: 'fa-solid fa-thumbs-up',\n link: baseUrl + '/afef43475436ab015f4d2b6449cc45bf-thumbs-up-solid.svg'\n },\n thumbtack: {\n icon: 'fa-brands fa-thumbtack',\n link: baseUrl + '/5caa29115d8d153228f30f6132e66659-thumbtack-solid.svg'\n },\n ticket: {\n icon: 'fa-solid fa-ticket',\n link: baseUrl + '/120a80b68e6a6e727bf55a2acbba7a6f-ticket-solid.svg'\n },\n tiktok: {\n icon: 'fa-brands fa-tiktok',\n link: baseUrl + '/705f584f9137e6e6265fd597f8948c20-tiktok.svg'\n },\n tree: {\n icon: 'fa-solid fa-tree',\n link: baseUrl + '/dc4a5ddb5e6fdd2f35e5c867ac613cdf-tree-solid.svg'\n },\n truck: {\n icon: 'fa-solid fa-truck-fast',\n link: baseUrl + '/0121112fdfc6d94afa26a4248a64a822-truck-fast-solid.svg'\n },\n twitch: {\n icon: 'fa-brands fa-twitch',\n link: baseUrl + '/77f765858b9c81543ed45daa437bbf92-twitch.svg'\n },\n twitter: {\n icon: 'fa-brands fa-twitter',\n link: baseUrl + '/d4733a2276956e2080114fabdfc35191-twitter-x.svg'\n },\n threads: {\n icon: 'fa-brands fa-threads',\n link: baseUrl + '/d4733a2276956e2080114fabdfc35191-threads.svg'\n },\n video: {\n icon: 'fa-solid fa-video',\n link: baseUrl + '/e924b8a2a7e21385d53dc0947f4db252-video-solid.svg'\n },\n vimeo: {\n icon: 'fa-brands fa-vimeo',\n link: baseUrl + '/ac7f63e78d8841a1be0cad70d9245bfe-vimeo.svg'\n },\n wand: {\n icon: 'fa-solid fa-wand-magic-sparkles',\n link: baseUrl + '/71e2792f83964befdc0a50c1cf0fd7f1-wand-magic-sparkles-solid.svg'\n },\n whatsapp: {\n icon: 'fa-brands fa-whatsapp',\n link: baseUrl + '/96cdb6be91066b96317363a5855a13d2-whatsapp.svg'\n },\n youtube: {\n icon: 'fa-brands fa-youtube',\n link: baseUrl + '/151d957d3aa9d2fc07196bec6f0efce8-youtube.svg'\n },\n planet: {\n icon: 'planet',\n link: process.env.VUE_APP_STORAGE_URL + '/files/bluebird/Microsites/planet-black.svg'\n }\n}\n\nexport const recognizeSocial = (txt: string) => {\n if (txt.includes(Socials.Fb)) return icons.facebook\n else if (txt.includes(Socials.Ws)) return icons.whatsapp\n else if (txt.includes(Socials.Wsme)) return icons.whatsapp\n else if (txt.includes(Socials.Wslnk)) return icons.whatsapp\n else if (txt.includes(Socials.Ggl)) return icons.google\n else if (txt.includes(Socials.Ig)) return icons.instagram\n else if (txt.includes(Socials.Lkn)) return icons.linkedin\n else if (txt.includes(Socials.Yt)) return icons.youtube\n else if (txt.includes(Socials.Tw)) return icons.twitter\n else if (txt.includes(Socials.Thr)) return icons.threads\n else if (txt.includes(Socials.Tt)) return icons.tiktok\n else if (txt.includes(Socials.Tlg)) return icons.telegram\n else if (txt.includes(Socials.Dsc)) return icons.discord\n else if (txt.includes(Socials.Spt)) return icons.spotify\n else if (txt.includes(Socials.Twt)) return icons.twitch\n else return icons.planet\n}\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('v-menu',{attrs:{\"offset-y\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('div',_vm._g(_vm._b({staticClass:\"d-flex items-center mr-3\"},'div',attrs,false),on),[_c('small',{staticClass:\"d-flex items-center mr-2\",staticStyle:{\"font-style\":\"normal\"}},[_vm._v(\" \"+_vm._s(_vm.item.tipoIcon ? _vm.$t('secondaryButton') : _vm.$t('principalButton'))+\" \")]),_c('v-icon',{attrs:{\"color\":_vm.Colors.verdeBird}},[_vm._v(\"mdi-chevron-down\")])],1)]}}])},[_c('v-card',{staticClass:\"menu-card\"},[_c('v-list',[_c('v-list-item',{attrs:{\"link\":\"\"},on:{\"click\":function($event){return _vm.toggleType(false)}}},[_c('small',[_vm._v(\" \"+_vm._s(_vm.$t('principalButton'))+\" \")])]),_c('v-list-item',{attrs:{\"link\":\"\"},on:{\"click\":function($event){return _vm.toggleType(true)}}},[_c('small',[_vm._v(\" \"+_vm._s(_vm.$t('secondaryButton'))+\" \")])])],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \r\n \r\n mdi-close \r\n \r\n
\r\n \r\n \r\n \r\n \r\n ![]()
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n mdi-delete-circle-outline \r\n {{$t('delete')}}\r\n \r\n mdi-pencil-circle-outline \r\n {{$t('edit')}}\r\n \r\n mdi-upload \r\n {{$t('uploadImage')}}\r\n \r\n mdi-check-circle-outline \r\n {{$t('save')}}\r\n \r\n
\r\n \n \n \n \n \n \n \n {{ $t('principalButton') }}\n \n \n \n \n {{ $t('secondaryButton') }}\n \n \n \n \n \n
\n\n\n\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SocialTypePicker.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SocialTypePicker.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SocialTypePicker.vue?vue&type=template&id=28d1a3e6&scoped=true&\"\nimport script from \"./SocialTypePicker.vue?vue&type=script&lang=js&\"\nexport * from \"./SocialTypePicker.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SocialTypePicker.vue?vue&type=style&index=0&id=28d1a3e6&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 \"28d1a3e6\",\n null\n \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VList } from 'vuetify/lib/components/VList';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VMenu } from 'vuetify/lib/components/VMenu';\ninstallComponents(component, {VCard,VIcon,VList,VListItem,VMenu})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"edit-icon__dialog\"},[_c('input',{ref:\"fileInput\",staticStyle:{\"display\":\"none\"},attrs:{\"type\":\"file\",\"accept\":'.png,.svg',\"multiple\":false},on:{\"change\":function($event){return _vm.onFilePicked($event)}}}),_c('div',{staticClass:\"d-flex justify-end mb-5\"}),(!_vm.selectGalleryOpen)?_c('div',{staticClass:\"d-flex flex-column items-center\"},[_c('span',{staticClass:\"importantText\"},[_vm._v(_vm._s(_vm.$t('personalizeIcons')))]),_c('span',{staticClass:\"mt-3\"},[_vm._v(_vm._s(_vm.$t('uploadOrSeachOnGallery')))])]):_vm._e(),(!_vm.selectGalleryOpen)?_c('div',{staticClass:\"edit-icon__select\"},[_c('div',{staticClass:\"icon-preview\"},[(!_vm.loading)?_c('img',{staticStyle:{\"max-width\":\"20px\"},attrs:{\"src\":_vm.selectedIcon.link}}):_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":_vm.Colors.verdeBird}})],1),_c('div',{staticClass:\"d-flex flex-column ml-8\"},[_c('span',{staticClass:\"importantTextContent d-flex items-center\",on:{\"click\":function($event){return _vm.$refs.fileInput.click()}}},[_c('span',{staticClass:\"mr-2\"},[_c('img',{attrs:{\"src\":_vm.examineIcon}})]),_vm._v(\" \"+_vm._s(_vm.$t('examine'))+\" \")]),_c('small',[_vm._v(_vm._s(_vm.$t('iconProportions')))]),_c('span',{staticClass:\"importantTextContent\",on:{\"click\":function($event){_vm.selectGalleryOpen = true}}},[_c('span',[_c('v-icon',{attrs:{\"color\":_vm.Colors.verdeBird}},[_vm._v(\"mdi-magnify\")])],1),_vm._v(\" \"+_vm._s(_vm.$t('seeAllIcons'))+\" \")])])]):_vm._e(),(_vm.selectGalleryOpen)?_c('div',{staticClass:\"d-flex flex-wrap justify-center\",staticStyle:{\"max-height\":\"240px\",\"overflow\":\"scroll\"}},[_c('KBSearch',{staticClass:\"w-full mx-4 mb-2\",attrs:{\"type\":\"text\"},model:{value:(_vm.searchValue),callback:function ($$v) {_vm.searchValue=$$v},expression:\"searchValue\"}}),_vm._l((_vm.filteredIcons),function(icon,index){return _c('div',{key:index},[_c('div',{staticClass:\"cursor-pointer\",class:_vm.operation.areEqual(_vm.selectedIconIndex, index) ? 'icon-preview-selected' : 'icon-preview',on:{\"click\":function($event){return _vm.selectIcon(icon, index)}}},[_c('img',{staticStyle:{\"max-width\":\"20px\"},attrs:{\"src\":icon.link}})])])})],2):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport Vue from 'vue'\nimport Colors from '@/utils/Colors'\nimport { EventBus } from '@/eventBus'\nimport operation from '@/utils/operations'\nimport MicrositesService from '@/services/MicrositesService'\nimport * as utils from '@/modules/microsites/infrastructure/utils'\nimport KBSearch from '@/shared/infrastructure/ui/inputs/text/KBSearch.vue'\nexport default Vue.extend({\n components: {\n KBSearch\n },\n computed: {\n filteredIcons () {\n const myArr = Object.entries(utils.icons)\n const filter = this.searchValue.toLowerCase()\n const filteredArr = myArr.filter(([key, value]) => key.includes(filter)).flat()\n return filteredArr.filter(item => typeof item === 'object')\n },\n examineIcon () {\n return process.env.VUE_APP_STORAGE_URL + '/files/bluebird/Microsites/image-examine.svg'\n },\n closeIcon () {\n return process.env.VUE_APP_STORAGE_URL + '/files/bluebird/icons/shared/close.svg'\n },\n planetIcon () {\n return {\n icon: 'planet',\n link: process.env.VUE_APP_STORAGE_URL + '/files/bluebird/Microsites/planet-black.svg'\n }\n }\n },\n mounted () {\n if (this.data && this.data.icon) this.selectedIcon = { link: this.data.icon }\n else this.selectedIcon = this.planetIcon\n },\n data () {\n return {\n searchValue: '',\n Colors,\n utils,\n operation,\n loading: false,\n selectGalleryOpen: false,\n selectedIcon: {},\n selectedIconIndex: 999\n }\n },\n methods: {\n selectIcon (icon, index) {\n this.selectedIcon = icon\n this.selectedIconIndex = index\n this.selectGalleryOpen = false\n console.log('this.selectedIcon', this.selectedIcon)\n EventBus.$emit('setSelectedIcon', this.selectedIcon)\n },\n async onFilePicked (event) {\n this.loading = true\n const img = event.target.files[0]\n const response = await MicrositesService.uploadImage(img)\n if (response.status) {\n this.selectedIcon.link = response.data.url\n EventBus.$emit('setSelectedIcon', this.selectedIcon)\n EventBus.$emit('toast', 'success', this.$t('successUploadingPicture'))\n } else {\n EventBus.$emit('toast', 'error', this.$t('errorUploadingPicture'))\n }\n this.loading = false\n },\n submit () {\n EventBus.$emit('setSelectedIcon', this.selectedIcon)\n this.$emit('cancel')\n }\n },\n props: {\n data: {\n type: Object\n }\n }\n})\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditIconDialog.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditIconDialog.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./EditIconDialog.vue?vue&type=template&id=50d741a8&scoped=true&\"\nimport script from \"./EditIconDialog.vue?vue&type=script&lang=ts&\"\nexport * from \"./EditIconDialog.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./EditIconDialog.vue?vue&type=style&index=0&id=50d741a8&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 \"50d741a8\",\n null\n \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VProgressCircular } from 'vuetify/lib/components/VProgressCircular';\ninstallComponents(component, {VIcon,VProgressCircular})\n","import operation from '@/utils/operations'\nimport { mapState } from 'vuex'\nimport Colors from '@/utils/Colors'\nimport { Socials } from '@/modules/microsites/infrastructure/utils/socials'\nimport { Modes } from '@/modules/microsites/infrastructure/utils/modes'\nimport { EventBus } from '@/eventBus'\nimport * as utils from '@/modules/microsites/infrastructure/utils'\n\n// components\nimport KeybeTextfield from '@/shared/infrastructure/ui/inputs/text/KBText.vue'\nimport KBIcon from '@/shared/infrastructure/ui/icons/KeybeIcon.vue'\nimport SocialTypePicker from '@/modules/microsites/infrastructure/ui/components/SocialTypePicker.vue'\nimport EditIconDialog from '@/modules/microsites/infrastructure/ui/dialogs/EditIconDialog.vue'\n\nexport default {\n components: {\n EditIconDialog,\n KeybeTextfield,\n SocialTypePicker,\n KBIcon\n },\n data () {\n return {\n localValue: [],\n countryPhonePicker: {\n country: 'Colombia',\n code: 'co',\n number: '57',\n phone: '',\n valid: false\n },\n whatsAppOptions: [],\n whatsappOption: '',\n whatsappOptionText: this.$t('letsTalk'),\n whatsappButtonType: false,\n whatsAppEditMode: false,\n buttonEditMode: false,\n trackingIndex: 300,\n buttonIndex: 300,\n socialIndex: 300,\n editIconDialogOpen: false,\n whatsAppObject: {},\n selectedButton: {},\n Socials,\n Colors,\n editIcon: false,\n editIconId: null\n }\n },\n computed: {\n ...mapState('UserStore', ['user']),\n planetIcon (): string {\n return (\n process.env.VUE_APP_STORAGE_URL +\n '/files/bluebird/Microsites/planet-black.svg'\n )\n },\n whatsAppIcon (): string {\n return (\n process.env.VUE_APP_STORAGE_URL +\n '/files/bluebird/conversation-module/whatsapp.svg'\n )\n }\n },\n mounted () {\n EventBus.$on('setSelectedIcon', this.setSelectedIcon.bind(this))\n\n if (this.value.config?.socialLinks) {\n this.localValue = this.setOrder([\n ...JSON.parse(JSON.stringify(this.value.config?.socialLinks))\n ])\n }\n\n this.localValue.forEach(\n (item: {\n id: string,\n icon: string,\n description: string,\n tipoIcon: boolean\n }) => {\n if (!item.icon) {\n item.icon = this.planetIcon\n item.id = Socials.Plt\n }\n if (!item.tipoIcon) item.tipoIcon = false\n if (!item.description) item.description = ''\n }\n )\n this.getIcons()\n },\n beforeDestroy () {\n EventBus.$off('setSelectedIcon', this.setSelectedIcon.bind(this))\n },\n methods: {\n setSelectedIcon (image: { link: string; icon: string }) {\n const buttonToEdit = this.localValue[this.trackingIndex]\n if (image) {\n const { link, icon } = image\n buttonToEdit.icon = link\n buttonToEdit.id = icon\n }\n },\n checkLink (index) {\n if (!this.localValue[index].url) {\n EventBus.$emit('toast', 'error', this.$t('mustEnterALink'))\n return\n }\n this.whatsAppEditMode = false\n },\n getIcons (): void {\n this.localValue.forEach(\n (item: { icon: string; url: string; id: string }) => {\n if (!item.icon) {\n const icon = utils.recognizeSocial(item.url)\n item.icon = icon.link\n item.id = icon.icon\n }\n }\n )\n },\n toggleEditIcon (index, item) {\n this.trackingIndex = index\n this.selectedButton = item\n },\n toggleType (type, index) {\n this.localValue[index].tipoIcon = type\n this.buttonEditMode = true\n this.buttonIndex = index + 1\n },\n toggleEditButton (index) {\n if (index) {\n this.buttonEditMode = true\n this.buttonIndex = index\n } else {\n if (!this.localValue[this.buttonIndex - 1].url) {\n EventBus.$emit('toast', 'error', this.$t('mustEnterALink'))\n return\n }\n if (\n !this.localValue[this.buttonIndex - 1].tipoIcon &&\n !this.localValue[this.buttonIndex - 1].description\n ) {\n EventBus.$emit('toast', 'error', this.$t('mustEnterATextForLink'))\n return\n }\n this.buttonEditMode = false\n this.buttonIndex = null\n }\n },\n deleteButton (index) {\n this.localValue.splice(index, 1)\n },\n checkID (url: string, index: number): void {\n // Check Wtsp\n if (\n this.areEqual(utils.recognizeSocial(url), Socials.Ws) &&\n !this.areEqual(this.getWtsp(this.localValue), '')\n ) {\n this.localValue[index].id = 'link'\n } else {\n this.localValue[index].id = utils.recognizeSocial(url).icon\n this.localValue[index].icon = utils.recognizeSocial(url).link\n }\n },\n areEqual (a: any, b: any): boolean {\n return operation.areEqual(a, b)\n },\n getPhone (json = false) {\n if (!this.user.countryCode) return ''\n if (!this.user.phone) return ''\n return json ? this.user : `+${this.user.countryCode}${this.user.phone}`\n },\n checkIcon () {\n const changes = []\n this.value.config.socialLinks.forEach((link, index) => {\n if (!this.areEqual(link.id, '') && this.areEqual(link.url, '')) {\n changes.push(index)\n }\n })\n if (changes.length > 0) {\n const temp = [...this.value.config.socialLinks]\n changes.forEach((index) => temp.splice(index, 1))\n this.localValue = [...temp]\n }\n },\n // addSocial () {\n // console.log('Current State of Socials', this.value)\n // // const link = {\n // // icon: this.planetIcon,\n // // tipoIcon: false,\n // // description: '',\n // // id: Socials.Plt,\n // // url: ''\n // // }\n // // this.localValue.push(link)\n // },\n getIcon (item) {\n if (item.icon) return item.icon.link\n else {\n const icon = utils.recognizeSocial(item.url)\n return icon.link\n }\n },\n getPlaceholder (id) {\n const icons = {\n whatsapp: 'addYourWhatsApp',\n facebook: 'pasteTheLinkOfTheProfileFbHere',\n link: 'pasteTheLinkOfTheProfileHere'\n }\n\n return this.$t(icons[id] ?? icons.link)\n },\n setFocusLastItem () {\n // this.$refs[`item-${this.localValue.length - 1}`][0].focus()\n },\n setIfExits (linksNow, linksEntry) {\n linksEntry.forEach((elem) => {\n const index = linksNow.findIndex((link) =>\n this.areEqual(link.id, elem.id)\n )\n\n if (index > -1) {\n linksNow[index] = {\n ...linksNow[index],\n url: elem.url\n }\n } else {\n linksNow.push(elem)\n }\n })\n\n return linksNow\n },\n setOrder (links: { id: string; url: string }[]) {\n return links.sort(\n (a: { id: string; url: string }, b: { id: string; url: string }) => {\n if (this.areEqual(a.id, Socials.Ws)) return -1\n if (this.areEqual(a.url, '') && !this.areEqual(b.url, '')) return 1\n if (this.areEqual(b.url, '') && !this.areEqual(a.url, '')) return -1\n return 0\n }\n )\n }\n },\n watch: {\n localValue: {\n handler (newValue) {\n this.$emit(Modes.Edit, newValue)\n },\n deep: true\n },\n value: {\n handler () {\n this.localValue = this.value\n },\n immediate: true,\n deep: true\n }\n },\n props: {\n value: {\n required: true,\n type: Array\n },\n mode: {\n required: true,\n type: String,\n default: Modes.Create\n }\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport MicrositeLinks from './MicrositeLinks'\nexport default MicrositeLinks\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MicrositeLinks.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MicrositeLinks.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./MicrositeLinks.vue?vue&type=template&id=729c376e&scoped=true&\"\nimport script from \"./MicrositeLinks.vue?vue&type=script&lang=ts&\"\nexport * from \"./MicrositeLinks.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./MicrositeLinks.vue?vue&type=style&index=0&id=729c376e&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 \"729c376e\",\n null\n \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VIcon } from 'vuetify/lib/components/VIcon';\ninstallComponents(component, {VIcon})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-dialog',{attrs:{\"value\":_vm.modal,\"max-width\":\"390\"},on:{\"input\":function($event){return _vm.toggleModal()}}},[_c('v-card',{staticClass:\"p-5 h-full\",attrs:{\"color\":_vm.$vuetify.theme.dark ? '#1e1e1e' : 'white'}},[_c('div',{staticClass:\"d-flex justify-end pr-2 close\"},[_c('v-btn',{staticClass:\"mt-3 mr-3\",attrs:{\"color\":\"#455571\",\"small\":\"\",\"icon\":\"\",\"fab\":\"\"},on:{\"click\":function($event){return _vm.toggleModal()}}},[_c('v-icon',[_vm._v(\"mdi-close\")])],1)],1),_c('div',{staticClass:\"b-background\"},[_c('div',{staticClass:\"b-background__select\"},[_c('div',{staticClass:\"b-background__select-content\"},[_c('v-color-picker',{attrs:{\"width\":\"250\",\"hide-mode-switch\":true,\"flat\":\"\",\"canvas-height\":\"150\",\"dot-size\":\"30\",\"mode\":\"hexa\",\"swatches-max-height\":\"200\"},model:{value:(_vm.backgroundColor),callback:function ($$v) {_vm.backgroundColor=$$v},expression:\"backgroundColor\"}})],1),_c('div',{staticClass:\"apply mt-4 d-flex justify-center\"},[_c('KBButton',{staticClass:\"text-none\",attrs:{\"type\":\"flat\",\"text\":_vm.$t('apply')},nativeOn:{\"click\":function($event){return _vm.save.apply(null, arguments)}}})],1)])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport operation from '@/utils/operations'\nimport Colors from '@/utils/Colors'\n\n// components\nimport KBButton from '@/shared/infrastructure/ui/buttons/KBButton.vue'\n\nexport default {\n components: { KBButton },\n mounted () {\n this.valueLocal = { ...JSON.parse(JSON.stringify(this.data)) }\n\n if (this.valueLocal.config.background) {\n this.backgroundColor = this.valueLocal.config.background\n }\n },\n data () {\n return {\n Colors,\n backgroundColor: '',\n valueLocal: null\n }\n },\n watch: {\n backgroundColor: {\n handler (val) {\n this.valueLocal.config.background = val\n }\n },\n data: {\n handler (val) {\n this.valueLocal = { ...JSON.parse(JSON.stringify(val)) }\n },\n deep: true\n }\n },\n methods: {\n toggleModal (save = false) {\n this.$emit('toggleModal')\n\n if (!save) {\n this.backgroundColor = this.data.config.background\n }\n },\n areEqual (a, b): boolean {\n return operation.areEqual(a, b)\n },\n save () {\n this.$emit('changeBackgroundColor', this.backgroundColor)\n this.toggleModal(true)\n }\n },\n props: {\n data: {\n required: true,\n type: Object\n },\n modal: {\n type: Boolean\n }\n }\n}\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MicrositeBackgroundManager.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MicrositeBackgroundManager.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./MicrositeBackgroundManager.vue?vue&type=template&id=05530904&scoped=true&\"\nimport script from \"./MicrositeBackgroundManager.vue?vue&type=script&lang=ts&\"\nexport * from \"./MicrositeBackgroundManager.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./MicrositeBackgroundManager.vue?vue&type=style&index=0&id=05530904&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 \"05530904\",\n null\n \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VColorPicker } from 'vuetify/lib/components/VColorPicker';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\ninstallComponents(component, {VBtn,VCard,VColorPicker,VDialog,VIcon})\n","import { CurrencyEnum } from '@/components/configuration/Billing/CurrencyEnum'\n\nexport enum ArchiveTypeEnum {\n ARCHIVE = 'archive',\n UNARCHIVE = 'unarchive'\n}\n\nexport interface ProductVariation {\n items?: string[];\n label?: string;\n}\n\nexport interface ProductImage {\n orden: number;\n url: string;\n}\n\nexport interface ProductPDF {\n description: string;\n file?: File | null;\n url: string;\n}\n\nexport interface ProductCreate {\n appUUID: string,\n category?: string[],\n product?: string,\n checkColor?: boolean,\n colors?: string | any[],\n description?: string,\n images?: ProductImage[],\n videos?: ProductImage[],\n price?: number,\n currency?: CurrencyEnum,\n externalUrl?: string,\n createdAt?: string,\n pdfs?: ProductPDF[]\n}\n\nexport interface Product extends ProductCreate {\n id: string,\n sku: string,\n next: string,\n published: boolean,\n createdAt: string,\n option1?: ProductVariation,\n option2?: ProductVariation,\n option3?: ProductVariation,\n externalId?: string,\n}\n\nexport interface RelatedProducts {\n sku: string,\n product: string,\n price: number,\n currency: string,\n id: string\n}\n\nexport interface ProductDiscount {\n displayNameTranslated?: string,\n longDescriptionTranslated?: string,\n key: string,\n displayName: string,\n longDescription: string,\n value: number,\n validationValue?: number\n}\n","import { mapState } from 'vuex'\nimport link from '@/utils/links'\nimport operation from '@/utils/operations'\nimport { EventBus } from '@/eventBus'\nimport MicrositesService from '@/services/MicrositesService'\nimport { KeybeIconType } from '@/shared/infrastructure/enums/icons/KeybeIconType'\nimport { Socials } from '@/modules/microsites/infrastructure/utils/socials'\nimport ProductsController from '@/modules/catalog/infrastructure/controllers/Product.controller'\nimport ProductUseCases from '@/modules/catalog/application/ProductUseCases'\nimport MicrositeConfigController from '@/modules/microsites/infrastructure/controllers/MicrositeConfig.controller'\nimport MicrositeConfigUseCases from '@/modules/microsites/application/MicrositeConfigUseCases'\nimport CatalogUseCases from '@/modules/microsites/application/CatalogUseCases'\nimport CatalogController from '@/modules/microsites/infrastructure/controllers/Catalog.controller'\nimport Colors from '@/shared/domain/colors/Color'\nimport ConversationStoreController from '@/modules/conversations/infrastructure/persistence/controllers/ConversationStore.controller'\nimport ConversationsConfigController from '@/components/configuration/controllers/ConversationsConfigController'\n\nimport KeybeIcon from '@/shared/infrastructure/ui/icons/KeybeIcon.vue'\nimport Microsite from '@/modules/microsites/infrastructure/ui/components/Microsite/Microsite.vue'\nimport MicrositeLinks from '@/modules/microsites/infrastructure/ui/components/MicrositeLinks.vue'\nimport MicrositesBackgroundManager from '@/modules/microsites/infrastructure/ui/components/MicrositeBackgroundManager.vue'\nimport KBButton from '@/shared/infrastructure/ui/buttons/KBButton.vue'\nimport KBText from '@/shared/infrastructure/ui/inputs/text/KBText.vue'\nimport KBTextArea from '@/shared/infrastructure/ui/inputs/text/KBTextarea.vue'\nimport { CDPFieldsEnums } from '@/modules/CDP/shared/contacts/domain/enums/CDPFieldsEnums'\nexport default {\n components: {\n Microsite,\n MicrositeLinks,\n KeybeIcon,\n MicrositesBackgroundManager,\n KBButton,\n KBText,\n KBTextArea\n },\n mounted () {\n this.init()\n // this.error = false\n // EventBus.$on('saveMSSocials', (newSocials) => {\n // this.saveMicrosite()\n // this.init()\n // })\n },\n beforeDestroy () {\n EventBus.$off('saveMSSocials')\n ProductUseCases.abortAll(this.productsController)\n },\n computed: {\n ...mapState('AppStore', ['selectedApp']),\n ...mapState('UserStore', ['token', 'isUserReadonly']),\n whatsAppIcon () {\n return (\n process.env.VUE_APP_STORAGE_URL +\n '/files/bluebird/conversation-module/whatsapp.svg'\n )\n },\n baseMicrositesUrl () {\n return process.env.VUE_APP_MICROSITES_BASE_URL\n },\n planetIcon () {\n return (\n process.env.VUE_APP_STORAGE_URL +\n '/files/bluebird/Microsites/planet-black.svg'\n )\n }\n },\n data () {\n return {\n CDPFieldsEnums,\n micrositeConfigController: new MicrositeConfigController(),\n catalogController: new CatalogController(),\n noConfig: false,\n productsController: new ProductsController(),\n pathKeybe: 'https://keybe.app/',\n msgSave: false,\n KeybeIconType,\n Colors,\n link,\n expanded: false,\n previewMainComponent: 'Microsite',\n colorPicker: false,\n error: false,\n loading: false,\n noCatalog: false,\n main: {\n mode: 'edit',\n original: {\n config: null,\n products: null,\n catalog: null,\n microsite: null,\n whatsapp: null\n },\n config: {\n name: '',\n photoProfile: '',\n greeting: 'Hello Stranger!!!',\n description: '',\n background: '#3AF69B',\n initialPrice: 0,\n finalPrice: 0,\n currency: 'COP', // COP, USD\n address: '',\n webSite: '',\n urlKeybe: '', // freshshake.keybe.ai\n whatsappKeybe: '',\n socialLinks: []\n },\n catalog: {\n microsite: true,\n whatsapp: false,\n products: []\n }\n }\n }\n },\n methods: {\n copyUrl () {\n const url = `${this.pathKeybe}${this.main.config.urlKeybe}`\n navigator.clipboard.writeText(url)\n EventBus.$emit('toast', 'success', this.$t('copiedToClipboard'))\n },\n copyWebsite (): void {\n navigator.clipboard.writeText(this.main.config.webSite)\n EventBus.$emit('toast', 'success', this.$t('copiedToClipboard'))\n },\n switchComponent (component) {\n this.previewMainComponent = component\n },\n areEqual (a, b): boolean {\n return operation.areEqual(a, b)\n },\n async init () {\n try {\n const config = await MicrositeConfigUseCases.getMicrositeConfig(\n this.micrositeConfigController,\n {\n appUUID: this.selectedApp?.uuid,\n token: this.token\n }\n )\n\n const validConfig = Object.keys(config).length > 0\n\n if (validConfig) {\n if (!config.socialLinks) config.socialLinks = []\n this.main.config = config\n if (!this._getProducts()) this.noCatalog = true\n } else {\n this.noConfig = true\n this.main.config.urlKeybe = this.selectedApp?.name\n .replace(/ /g, '')\n .toLowerCase()\n }\n this.validateWhatsapp()\n } catch {\n this.noConfig = true\n EventBus.$emit('toast', 'error', this.$t('errorGettingConfig'))\n }\n },\n async validateWhatsapp () {\n let channels = ConversationStoreController.getChannels()\n if (!channels) {\n await ConversationsConfigController.getChannels()\n channels = ConversationStoreController.getChannels()\n\n if (!channels) {\n return\n }\n }\n\n const whatsapp = channels?.whatsapp\n const userHost = whatsapp?.accounts[0]?.userHost\n this.main.config.whatsappKeybe = userHost\n if (!userHost) {\n const currentWhatsappButtonIndex =\n this.main.config.socialLinks.findIndex(\n (social) => social.id === Socials.WsKeybe\n )\n if (currentWhatsappButtonIndex !== -1) {\n this.main.config.socialLinks.splice(currentWhatsappButtonIndex, 1)\n }\n return\n }\n const currentWhatsappButton = this.main.config.socialLinks.find(\n (social) => social.id === Socials.WsKeybe\n )\n\n if (currentWhatsappButton) {\n currentWhatsappButton.url =\n link.whatsappLink + userHost.replace('+', '')\n const whatsappButtonIndex = this.main.config.socialLinks.findIndex(\n (social) => social.id === Socials.WsKeybe\n )\n this.main.config.socialLinks.splice(\n whatsappButtonIndex,\n 1,\n currentWhatsappButton\n )\n return\n }\n\n const whatsappButton = {\n icon: this.whatsAppIcon,\n tipoIcon: false,\n description: this.$t('letsTalk'),\n id: Socials.WsKeybe,\n url: link.whatsappLink + userHost.replace('+', '')\n }\n\n this.main.config.socialLinks.unshift(whatsappButton)\n },\n changeBackgroundColor (color) {\n this.main.config.background = color\n },\n toggleColorPicker () {\n this.colorPicker = !this.colorPicker\n },\n async _getConfig () {\n try {\n const response = await MicrositesService.getConfig()\n\n if (!('data' in response)) {\n throw new Error()\n }\n\n const { data } = response\n\n if (this.areEqual(data.length, 0)) {\n throw new Error()\n }\n this.main.config = this.fixDataRecived(data[0])\n this.main.mode = 'edit'\n this.main.original.config = this.fixDataRecived(data[0])\n\n return true\n } catch (e) {\n console.error(e)\n return false\n }\n },\n fixDataRecived (config) {\n return {\n ...config,\n initialPrice: 0,\n finalPrice: 0\n }\n },\n fixProducts (products) {\n return products.map((product) => ({\n ...product,\n category:\n typeof JSON.stringify(product.category) === 'object'\n ? product.category\n : `${product.category}`.split(',')\n }))\n },\n async _getProducts () {\n try {\n const catalog = await CatalogUseCases.getCatalog(\n this.catalogController,\n {\n appUUID: this.selectedApp?.uuid,\n token: this.token\n }\n )\n\n const allProducts = await ProductUseCases.getProducts(\n this.productsController,\n {\n token: this.token,\n appUUID: this.selectedApp?.uuid\n }\n )\n\n this.main.catalog = {\n microsite: catalog.microsite,\n whatsapp: catalog.whatsapp,\n products: [...this.fixProducts(allProducts?.products)]\n }\n\n return true\n } catch (e) {\n console.error(e)\n return false\n }\n },\n editMicrosite () {\n this.$emit('switchMSS', 'Edit')\n // this.$router.push(link.micrositeEdit)\n },\n async addButton () {\n if (this.isUserReadonly) return\n this.main.config.socialLinks.push({\n icon: this.planetIcon,\n tipoIcon: false,\n description: '',\n id: Socials.Plt,\n url: ''\n })\n },\n async saveMicrosite () {\n try {\n if (this.isUserReadonly) return\n if (this.main?.config?.paymentMethods) {\n delete this.main.config.paymentMethods\n }\n if (this.noConfig) {\n await MicrositeConfigUseCases.createMicrositeConfig(\n this.micrositeConfigController,\n {\n appUUID: this.selectedApp?.uuid,\n token: this.token,\n config: this.main.config\n }\n )\n } else {\n await MicrositeConfigUseCases.updateMicrositeConfig(\n this.micrositeConfigController,\n {\n appUUID: this.selectedApp?.uuid,\n token: this.token,\n config: this.main.config\n }\n )\n }\n this.msgSave = true\n EventBus.$emit('toast', 'success', this.$t('successEditMicrosite'))\n // this.previewMainComponent = !this.previewMainComponent\n } catch {\n this.msgSave = false\n EventBus.$emit('toast', 'error', this.$t('errorEditMicrosite'))\n }\n }\n },\n watch: {\n selectedApp (newValue, oldValue) {\n if (newValue && !this.areEqual(newValue.uuid, oldValue.uuid)) {\n this.error = false\n this.init()\n }\n }\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport MicrositesPreview from './MicrositesPreview'\nexport default MicrositesPreview\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MicrositesPreview.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MicrositesPreview.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./MicrositesPreview.vue?vue&type=template&id=668b5b6a&scoped=true&\"\nimport script from \"./MicrositesPreview.vue?vue&type=script&lang=ts&\"\nexport * from \"./MicrositesPreview.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./MicrositesPreview.vue?vue&type=style&index=0&id=668b5b6a&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 \"668b5b6a\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"Catalog\"},[(_vm.showCatalog)?_c('div',[_c('div',{staticClass:\"Catalog__header\"},[_c('div',{staticClass:\"Catalog__header__title\"},[_c('h2',[_vm._v(_vm._s(_vm.getArchived ? _vm.$t('archivedProducts') :_vm.$t('catalog')))]),_c('v-fade-transition',[(!_vm.create && !_vm.update)?_c('div',{staticClass:\"d-flex items-center pr-4\"}):_vm._e()])],1),(!_vm.create && !_vm.update)?_c('div',{staticClass:\"d-flex items-center mb-2 pr-4\"},[_c('KBSearch',{staticClass:\"Catalog__header--search\",on:{\"input\":_vm.setSearch}}),_c('section',{staticClass:\"ml-auto d-flex items-center\"},[_c('v-fade-transition',[(_vm.selectedProductsIds.length)?_c('KeybeButton',{staticClass:\"mx-3\",attrs:{\"color\":_vm.colors.dark2,\"text\":_vm.getArchived ? _vm.$t('unarchive') : _vm.$t('archive'),\"loading\":_vm.loadingArchive},on:{\"click\":_vm.archiveProducts}}):_vm._e()],1),_c('v-fade-transition',[(_vm.getArchived && _vm.selectedProductsIds.length)?_c('KeybeButton',{attrs:{\"color\":_vm.colors.rojoBird,\"text\":_vm.$t('deleteForever'),\"loading\":_vm.loadingDelete,\"textColor\":_vm.colors.white},on:{\"click\":_vm.deleteProducts}}):_vm._e()],1),_c('v-fade-transition',[(_vm.hasShopifyCatalog() && !_vm.selectedProductsIds.length)?_c('KeybeButton',{staticClass:\"mr-3\",attrs:{\"color\":_vm.colors.dark2,\"disabled\":_vm.isUserReadonly,\"text\":_vm.$t('syncWithShopify')},on:{\"click\":_vm.syncWithShopify}}):_vm._e()],1),_c('v-fade-transition',[(!_vm.getArchived && !_vm.selectedProductsIds.length)?_c('KeybeButton',{staticClass:\"mr-3\",attrs:{\"text\":_vm.$t('exportCSV'),\"loading\":_vm.loadingExport,\"disabled\":_vm.isUserReadonly},on:{\"click\":_vm.exportCatalog}}):_vm._e()],1),_c('v-fade-transition',[(!_vm.getArchived)?_c('KeybeButton',{attrs:{\"text\":_vm.$t('create'),\"disabled\":_vm.isUserReadonly},on:{\"click\":function($event){_vm.create = true}}}):_vm._e()],1)],1)],1):_vm._e()]),(!_vm.loading)?_c('div',{staticClass:\"Catalog__container\",class:{'Catalog__container--create': _vm.create || _vm.update }},[(_vm.update)?_c('div',{staticClass:\"d-flex w-full\"},[_c('CatalogUpdateProduct',{staticStyle:{\"width\":\"98%\"},attrs:{\"categories\":_vm.categories,\"selectedCategory\":_vm.selectedCategory,\"product\":_vm.selectedProduct,\"discountTypes\":_vm.discountTypes},on:{\"closeCreate\":_vm.closeCreate,\"productUpdated\":_vm.catalogModified}})],1):(!_vm.create)?_c('CatalogProductList',{attrs:{\"products\":_vm.products,\"categories\":_vm.categories,\"getArchived\":_vm.getArchived},on:{\"openCreateCategory\":_vm.openCreateCategory,\"update\":_vm.openUpdate,\"refresh\":_vm.getCatalog,\"selectedCategory\":_vm.setCategory,\"selectedProducts\":_vm.setSelectedProducts}}):_c('div',{staticClass:\"d-flex w-full\"},[_c('CatalogCreateProduct',{staticStyle:{\"width\":\"70%\"},attrs:{\"categories\":_vm.categories,\"selectedCategory\":_vm.selectedCategory,\"discountTypes\":_vm.discountTypes},on:{\"closeCreate\":_vm.closeCreate,\"productCreated\":_vm.catalogModified}}),_c('div',{staticStyle:{\"width\":\"22%\",\"margin-left\":\"15px\"}},_vm._l((_vm.products.slice(0, 5)),function(product,index){return _c('CatalogProduct',{key:index,staticClass:\"mt-2\",staticStyle:{\"margin-left\":\"-30px\"},attrs:{\"product\":product,\"hideCheck\":true,\"hideDelete\":true,\"isForm\":true}})}),1)],1)],1):_c('div',[_c('Loader')],1)]):_vm._e(),(!_vm.create && !_vm.update)?_c('CatalogPaginator',{attrs:{\"hasNext\":_vm.hasNext,\"hasPrev\":_vm.hasPrev,\"itemsPerPage\":_vm.limit},on:{\"next\":_vm.getNextPage,\"prev\":_vm.getPrevPage,\"changeItemsPerPage\":_vm.changeItemsPerPage}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import {\r\n CategoryDeleted,\r\n dataToCreateCategory, dataToDeleteCategory,\r\n dataToGetCategories,\r\n ICategoryController\r\n} from '../domain/models/CategoryController'\r\n\r\nexport default class CategoryUseCases {\r\n static async getCategories (controller, data: dataToGetCategories) {\r\n return await controller.getCategories(data)\r\n }\r\n\r\n static async createCategory (controller, data: dataToCreateCategory) {\r\n return await controller.createCategory(data)\r\n }\r\n\r\n static async updateCategory (controller, data) {\r\n return await controller.updateCategory(data)\r\n }\r\n\r\n static async updateCategoryStatus (controller, data) {\r\n return await controller.updateCategoryStatus(data)\r\n }\r\n\r\n //\r\n // This method is for deleting a category\r\n // - It receives a controller and data to delete a category\r\n // - It returns a promise with the deleted category\r\n // @param controller: ICategoryController\r\n // @param data: dataToDeleteCategory\r\n // @returns Promise\n \n {{\n item.tipoIcon ?\n $t('secondaryButton') :\n $t('principalButton')\n }}\n \n mdi-chevron-down \n
\n \n {{ nameInitials }}
\r\n\n {{ title }}\n {{ subtitle }}\n \n {{ contentValue ? contentValue : 0 | numbers}}\n {{ contentValue ? `$${numbersFilter(contentValue)}` : `$${0}` }}\n {{ contentValue ? `${numbersFilter(contentValue)}%` : `${0}%`}}\n
\n\n\n\n\n","import mod from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MetricsCard.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MetricsCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MetricsCard.vue?vue&type=template&id=65e6a958&scoped=true&\"\nimport script from \"./MetricsCard.vue?vue&type=script&lang=js&\"\nexport * from \"./MetricsCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MetricsCard.vue?vue&type=style&index=0&id=65e6a958&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 \"65e6a958\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"metric-graph mt-4\",class:_vm.$vuetify.theme.dark ? 'darkModegraph' : '',on:{\"click\":function($event){_vm.closeModal = true}}},[_c('div',{staticClass:\"metric-graph__item\",class:_vm.$vuetify.theme.dark ? 'keybePie-legendDark' : 'keybePie-legend'},[_c('span',{staticClass:\"titleGraph\"},[_vm._v(_vm._s(_vm.$t('proactivebyAdvisor')))]),(_vm.loadingConversationState)?_c('div',[_c('LoadingNext')],1):_c('div',{staticClass:\"contentCircleGreen\"},[_c('div',{staticClass:\"circleGreen\"},[_c('span',[_vm._v(_vm._s(_vm.unansweredproactivity))])])]),_c('span',{staticClass:\"descriptionGraph mt-2\"},[_vm._v(_vm._s(_vm.$t('proactiveResponseMsg')))])]),_c('div',{staticClass:\"metric-graph__item\",class:_vm.$vuetify.theme.dark ? 'keybePie-legendDark' : 'keybePie-legend'},[_c('span',{staticClass:\"titleGraph\"},[_vm._v(_vm._s(_vm.$t('sessionState')))]),(_vm.loadingConversationState)?_c('div',[_c('LoadingNext')],1):_vm._e(),_c('div',{attrs:{\"id\":\"StateConversationGraph\"}}),_c('span',{staticClass:\"descriptionGraph\"},[_vm._v(_vm._s(_vm.$t('sessionStateMsg')))])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import ApexCharts from 'apexcharts'\nimport LoadingNext from '@/modules/metrics/infrastructure/ui/components/generic/LoadingNext.vue'\n\nexport default {\n name: 'MetricsGraph',\n props: [\n 'dataComponent', 'dataProactivo'\n ],\n components: {\n LoadingNext\n },\n data () {\n return {\n chartStatus: null,\n itemData: [],\n unansweredproactivity: 0,\n loadingConversationState: true\n }\n },\n beforeDestroy () {\n if (this.chartStatus) {\n this.chartStatus.destroy()\n }\n },\n watch: {\n dataProactivo () {\n if (this.dataProactivo) {\n this.unansweredproactivity = this.dataProactivo\n }\n },\n dataComponent () {\n if (this.dataComponent) {\n try {\n if (this.chartStatus) {\n this.chartStatus.destroy()\n }\n this.setStateConversation(this.dataComponent)\n this.loadingConversationState = false\n } catch (error) {\n this.loadingConversationState = false\n }\n }\n }\n },\n\n methods: {\n setStateConversation (item) {\n const labels = [\n this.$t('withAdvisor'),\n this.$t('withBot'),\n this.$t('readyAdvisor')\n ]\n const options = {\n dataLabels: {\n enabled: false\n },\n series: [\n parseInt(item.conversations_with_advisor),\n parseInt(item.conversations_with_bot),\n parseInt(item.conversations_ended)\n ],\n chart: {\n height: 180,\n width: 500,\n type: 'pie'\n },\n colors: ['#FC0', '#3AF69B', '#FF0000'],\n legend: {\n show: true,\n floating: true,\n fontSize: '14px',\n fontWeight: 600,\n position: 'left',\n horizontalAlign: 'left',\n offsetX: -30,\n offsetY: 0,\n labels: {\n useSeriesColors: false,\n colors: this.$vuetify.theme.dark ? '#ffffff' : '#000000'\n },\n markers: {\n size: 2\n },\n formatter: function (seriesName, opts) {\n const locale = Intl.NumberFormat('en-US')\n return seriesName + ': ' + locale.format(opts.w.globals.series[opts.seriesIndex])\n },\n itemMargin: {\n vertical: 3\n }\n },\n responsive: [{\n breakpoint: 480,\n options: {\n legend: {\n show: false\n }\n }\n }],\n plotOptions: {\n radialBar: {\n dataLabels: {\n show: false\n },\n track: {\n strokeWidth: '97%'\n }\n }\n },\n labels: labels\n }\n this.chartStatus = new ApexCharts(document.querySelector('#StateConversationGraph'), options)\n this.chartStatus.render()\n }\n },\n computed: {\n closeModal: {\n get () {\n return this.$store.state.MetricsStore.closeModal || false\n },\n set (value) {\n this.$store.commit('MetricsStore/SET_EDITING_OBJECT', {\n key: 'closeModal',\n value\n })\n }\n },\n loading: {\n get () {\n return this.$store.state.MetricsStore.loading || false\n },\n set (value) {\n this.$store.commit('MetricsStore/SET_EDITING_OBJECT', {\n key: 'loading',\n value\n })\n }\n }\n },\n mounted () {\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport MetricsGraph from './MetricsGraph'\nexport default MetricsGraph\n","import mod from \"-!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MetricsGraph.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MetricsGraph.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./MetricsGraph.vue?vue&type=template&id=2d442d49&scoped=true&\"\nimport script from \"./MetricsGraph.vue?vue&type=script&lang=ts&\"\nexport * from \"./MetricsGraph.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./MetricsGraph.vue?vue&type=style&index=0&id=2d442d49&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 \"2d442d49\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"metricTableGray\",class:_vm.$vuetify.theme.dark ? 'metricTableGrayDark' : '',style:(_vm.itemData.length === 0 ? 'min-height: 40px;': '')},[(_vm.itemData.length !== 0)?_c('div',{staticClass:\"contentFilterTable\"},[_c('div',{staticClass:\"contentFilterTabletitle\",on:{\"click\":function($event){_vm.closeModal = true}}},[_c('span',[_vm._v(_vm._s(_vm.$t('tableConversationsTakenByAgent')))])])]):_vm._e(),(_vm.itemData.length !== 0)?_c('BaseImgTable',{attrs:{\"labels\":_vm.headers,\"data\":_vm.itemData}}):_vm._e(),(_vm.itemData.length === 0)?_c('div',{staticClass:\"py-6\",staticStyle:{\"margin-bottom\":\"250px\"},on:{\"click\":function($event){_vm.closeModal = true}}},[_c('span',{staticStyle:{\"margin-bottom\":\"50px\"}},[_vm._v(_vm._s(_vm.$t('msgEmptyConversation')))])]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"KBSimpleTable\",on:{\"click\":function($event){_vm.closeModal = true}}},[_c('table',{staticClass:\"KBSimpleTable__table\"},[_c('thead',[_c('tr',[_c('td',{staticClass:\"KBSimpleTable__header\",attrs:{\"COLSPAN\":\"2\"}},[_c('span',[_vm._v(\" \"+_vm._s(_vm.labels[0].text)+\" \")])]),_vm._l((_vm.labels),function(label,labelIndex){return _c('td',{key:(\"KBSimpleTable-\" + (label.text) + \"-\" + labelIndex),staticClass:\"KBSimpleTable__header\",class:labelIndex == 0 ? 'display-none': ''},[_c('span',[_vm._v(\" \"+_vm._s(label.text)+\" \")])])})],2)]),_c('tbody',_vm._l((_vm.data),function(item,itemIndex){return _c('tr',{key:(\"KBSimpleTable-item-\" + itemIndex),staticClass:\"KBSimpleTable__row\"},[(item.image)?_c('td',{staticClass:\"textAlignStart\",class:_vm.$vuetify.theme.dark? 'KBSimpleTable__itemDark': 'KBSimpleTable__item'},[_c('div',{staticClass:\"circular--portrait\"},[_c('img',{attrs:{\"src\":item.image}})])]):_c('td',{staticClass:\"textAlignStart\",class:_vm.$vuetify.theme.dark? 'KBSimpleTable__itemDark': 'KBSimpleTable__item'},[_c('KeybeAvatar',{attrs:{\"name\":\"n\",\"size\":20,\"isKeybeProfile\":false}})],1),_vm._l((_vm.labels),function(label,labelIndex){return _c('td',{key:(\"KBSimpleTable-label-\" + labelIndex),staticClass:\"textAlignStart\",class:_vm.$vuetify.theme.dark? 'KBSimpleTable__itemDark': 'KBSimpleTable__item'},[(label.field == 'status')?_c('span',{class:item[label.field] == 'online' ? 'green-text':'red-text'},[_vm._v(\" \"+_vm._s(item[label.field])+\" \")]):_c('span',{class:!(label.field.includes(_vm.CDPFieldsEnums.NAME)) ? 'gray-text textAlignStart':'textAlignStart'},[_vm._v(\" \"+_vm._s(item[label.field])+\" \")])])})],2)}),0)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n {{ contentValue.actualPeriodCount ? contentValue.actualPeriodCount : 0 }}\n =\n\n USD \n ${{ contentValue.actualPeriodAmount ? contentValue.actualPeriodAmount : 0 }}\n
\n {{ content }}\n \n {{ contentValue.amountVariation }}\n
\n \n {{ $t('earningPotential') }}\n
\n \n {{ potencial ? `${potencial} aprox` : $t('loading')}} \n
\n \n \n \n
\n
\n\n\n\n\n\n","import mod from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BaseTable.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BaseTable.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BaseTable.vue?vue&type=template&id=df68de36&\"\nimport script from \"./BaseTable.vue?vue&type=script&lang=js&\"\nexport * from \"./BaseTable.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BaseTable.vue?vue&type=style&index=0&id=df68de36&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 null,\n null\n \n)\n\nexport default component.exports","\n | \n \n {{ labels[0].text }}\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--12-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MetricsTable.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MetricsTable.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MetricsTable.vue?vue&type=template&id=22cf5860&\"\nimport script from \"./MetricsTable.vue?vue&type=script&lang=js&\"\nexport * from \"./MetricsTable.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MetricsTable.vue?vue&type=style&index=0&id=22cf5860&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 null,\n null\n \n)\n\nexport default component.exports","import MetricsService from '@/modules/metrics/application/services/MetricsService'\nimport { textCamelize } from '@/utils/utils'\n\nimport KBSelectAdvisor from '@/shared/infrastructure/ui/KBSelectAdvisor.vue'\nimport TitleDetail from '@/modules/metrics/infrastructure/ui/components/generic/TitleDetail.vue'\nimport MetricsCard from '@/modules/metrics/infrastructure/ui/components/metrics/MetricsCard.vue'\nimport MetricsGraph from '@/modules/metrics/infrastructure/ui/components/metrics/MetricsGraph/MetricsGraph.vue'\nimport MetricsTable from '@/modules/metrics/infrastructure/ui/components/metrics/MetricsTable.vue'\nimport moment from 'moment'\nimport { KeybeIconType } from '@/shared/infrastructure/enums/icons/KeybeIconType'\nimport KeybeIcon from '@/shared/infrastructure/ui/icons/KeybeIcon.vue'\nimport { EventBus } from '@/eventBus'\n\nexport default {\n name: 'MetricsPage',\n components: {\n TitleDetail,\n KeybeIcon,\n MetricsCard,\n MetricsGraph,\n MetricsTable,\n KBSelectAdvisor\n },\n data () {\n return {\n KeybeIconType,\n loadingDownload: false,\n dataProactivo: null,\n dataCards: {},\n dataPie: {},\n dataTable: [],\n itemPotencialData: [],\n itemData: [],\n dataGraph: {},\n conversacionesAbiertas: {\n value: '0',\n descipcion: this.$t('totalConversationExceptBot'),\n text: this.$t('openConversations'),\n potencial: '0'\n },\n sinAsesor: {\n value: '0',\n descipcion: this.$t('openChatWithoutAdviser'),\n text: this.$t('withoutAdvisor'),\n potencial: '0'\n },\n sinRespuesta: {\n value: '0',\n descipcion: this.$t('openChatWithUserLastMessage'),\n text: this.$t('withoutAnswer'),\n potencial: '0'\n },\n enAtención: {\n value: '0',\n descipcion: this.$t('openChatWithAdviserLastMessage'),\n text: this.$t('inAttention'),\n potencial: '0'\n },\n // ----\n tableStateInfo: []\n }\n },\n computed: {\n closeModal: {\n get () {\n return this.$store.state.MetricsStore.closeModal || false\n },\n set (value) {\n this.$store.commit('MetricsStore/SET_EDITING_OBJECT', {\n key: 'closeModal',\n value\n })\n }\n },\n advisorFilterArrayId: {\n get () {\n return this.$store.state.MetricsStore.advisorFilterArrayId || []\n },\n set (value) {\n this.$store.commit('MetricsStore/SET_EDITING_OBJECT', {\n key: 'advisorFilterArrayId',\n value\n })\n }\n },\n advisorFilterArray: {\n get () {\n return this.$store.state.MetricsStore.advisorFilterArray || []\n },\n set (value) {\n this.$store.commit('MetricsStore/SET_EDITING_OBJECT', {\n key: 'advisorFilterArray',\n value\n })\n }\n },\n advisers: {\n get () {\n return this.$store.state.AppStore.advisers || null\n }\n }\n },\n methods: {\n async getFileMetrics () {\n if (!this.loadingDownload) {\n this.loadingDownload = true\n const response = await MetricsService.getFileRealTime()\n if (response) {\n if (response?.code === 500) {\n this.loadingDownload = false\n EventBus.$emit('toast', 'error', this.$t('unexpectedError'))\n return\n }\n try {\n const fileURL = response.data?.result?.download\n if (fileURL) {\n const link = document.createElement('a')\n link.href = fileURL\n link.target = '_blank'\n link.download = 'Metrics-RealTime.xlsx'\n document.body.appendChild(link)\n link.click()\n } else {\n EventBus.$emit(\n 'toast',\n 'success',\n this.$t('successfullCampaignExport')\n )\n }\n this.loadingDownload = false\n } catch (error) {\n console.log('error', error)\n this.loadingDownload = false\n }\n } else {\n this.loadingDownload = false\n if (response?.data?.error) {\n EventBus.$emit('toast', 'error', this.$t(textCamelize(response.data.error)))\n } else {\n EventBus.$emit('toast', 'error', this.$t('unexpectedError'))\n }\n }\n }\n },\n async getRealTimeMetricsProactivity (advisorList) {\n this.loading = true\n try {\n const response: any = await MetricsService.getRealTimeProactivity(advisorList)\n if (response) {\n const { data } = response\n if (data.summary) {\n this.dataProactivo = data.summary[0].totalProactivities\n }\n this.loading = false\n }\n } catch (err) {\n console.log(err)\n }\n },\n async getRealTimeMetricsSessions (advisorList) {\n this.loading = true\n try {\n const response: any = await MetricsService.getRealTimeSessions(advisorList)\n if (response) {\n const { data } = response\n if (data.summary) {\n this.dataCards = data.summary[0].statistics\n this.dataPie = data.summary[0].statistics_pie\n if (this.dataCards) this.asignDataCards()\n if (this.dataPie) this.asignDataPie()\n }\n this.loading = false\n }\n } catch (err) {\n console.log(err)\n }\n },\n async getRealTimeMetricsAdvisor (advisorList) {\n this.loading = true\n try {\n const response: any = await MetricsService.getRealTimeAdvisor(advisorList)\n if (response) {\n const { data } = response\n if (data.advisors) {\n this.dataTable = data.advisors\n }\n this.loading = false\n }\n } catch (err) {\n console.log(err)\n }\n },\n getRealTimeMetrics (advisorList) {\n this.getRealTimeMetricsProactivity(advisorList)\n this.getRealTimeMetricsAdvisor(advisorList)\n this.getRealTimeMetricsSessions(advisorList)\n },\n asignDataCards () {\n const { totalOpenSessions, totalReadyForAdvisor, totalUnanswered, totalAnswered } = this.dataCards\n this.conversacionesAbiertas.value = totalOpenSessions\n this.sinAsesor.value = totalReadyForAdvisor\n this.sinRespuesta.value = totalUnanswered\n this.enAtención.value = totalAnswered\n },\n asignDataPie () {\n // eslint-disable-next-line camelcase\n const { totalWithAdvisor, totalWithBot, totalReadyForAdvisor } = this.dataPie\n this.dataGraph = {\n conversations_with_advisor: totalWithAdvisor,\n conversations_with_bot: totalWithBot,\n conversations_ended: totalReadyForAdvisor\n }\n },\n async getPotencial () {\n this.loading = true\n const params = {\n periodStart: moment().subtract(1, 'month').format('YYYY-MM-DD'),\n periodEnd: moment().format('YYYY-MM-DD')\n }\n try {\n const response: any = await MetricsService.getPotencialG(params)\n if (response) {\n const { data } = response\n this.itemPotencialData = data\n this.callPotencial()\n this.loading = false\n }\n } catch (err) {\n console.log(err)\n }\n },\n callPotencial () {\n this.conversacionesAbiertas.potencial = this.calculatePotencial(this.conversacionesAbiertas.value)\n this.sinAsesor.potencial = this.calculatePotencial(this.sinAsesor.value)\n this.sinRespuesta.potencial = this.calculatePotencial(this.sinRespuesta.value)\n this.enAtención.potencial = this.calculatePotencial(this.enAtención.value)\n },\n calculatePotencial (item) {\n const pct = this.itemPotencialData?.win_pct ? this.itemPotencialData?.win_pct : 0\n const avg = this.itemPotencialData?.ticket_avg ? this.itemPotencialData?.ticket_avg : 0\n const formatterPeso = new Intl.NumberFormat('es-CO', {\n style: 'currency',\n currency: 'COP',\n minimumFractionDigits: 0\n })\n const result = ((parseInt(item) * pct) / 100) * avg\n return formatterPeso.format(result) || '0'\n }\n },\n watch: {\n advisorFilterArray () {\n if (!this.loading) {\n if (this.advisorFilterArray.length === 0) {\n this.getRealTimeMetrics()\n return\n }\n if (this.advisorFilterArray.length > 0) {\n this.getRealTimeMetrics(this.advisorFilterArrayId)\n }\n }\n }\n },\n mounted () {\n this.getRealTimeMetrics()\n this.getPotencial()\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport MetricsPage from './MetricsPage'\nexport default MetricsPage\n","import mod from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MetricsPage.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MetricsPage.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./MetricsPage.vue?vue&type=template&id=a0112d06&\"\nimport script from \"./MetricsPage.vue?vue&type=script&lang=ts&\"\nexport * from \"./MetricsPage.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./MetricsPage.vue?vue&type=style&index=0&id=a0112d06&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 null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"MetricsConversation\",class:_vm.$vuetify.theme.dark ? 'MetricsConversation__dark' : ''},[_c('TitleDetail',{attrs:{\"title\":_vm.$t('conversations')}}),_c('div',{staticClass:\"d-flex\"},[_c('KBDateRangeMenu',{staticClass:\"pl-3 pb-1\",on:{\"change-date\":function($event){return _vm.$emit('change-date', $event)}},model:{value:(_vm.dateSelector),callback:function ($$v) {_vm.dateSelector=$$v},expression:\"dateSelector\"}}),_c('a',{staticClass:\"btnDownload mb-1\",on:{\"click\":function($event){return _vm.getFileMetrics()}}},[_c('div',{staticClass:\"ConsumptionsSidebar__box--tab\"},[(_vm.loadingDownload)?_c('div',{staticClass:\"loader-5\"}):_c('div',{staticClass:\"ConsumptionsSidebar__box--tab--icon mb-2\"},[_c('KeybeIcon',{attrs:{\"icon\":_vm.KeybeIconType.ARROW_DOWN,\"color\":\"gray\"}})],1),_c('span',{staticClass:\"ConsumptionsSidebar__box--tab--text--selected mt-1 mb-1 pl-3\"},[_vm._v(\" \"+_vm._s(_vm.loadingDownload ? _vm.$t('loading'): _vm.$t('msgReport'))+\" \")])])])],1),_c('div',{staticClass:\"MetricsConversation__dataContainer\"},[_c('NewProspect',{attrs:{\"range\":_vm.range,\"dataComponent\":_vm.dataComponentChild}}),_c('div',{staticClass:\"contentCards\"},[_c('MetricsCard',{attrs:{\"title\":_vm.cardDaily.text,\"subtitle\":_vm.cardDaily.subtext,\"content\":_vm.cardDaily.descipcion,\"contentValue\":_vm.cardDaily.value,\"loading\":_vm.cardDaily.loading}}),_c('MetricsCard',{attrs:{\"title\":_vm.cardChat.text,\"content\":_vm.cardChat.descipcion,\"subtitle\":_vm.cardChat.subtext,\"contentValue\":_vm.cardChat.value,\"loading\":_vm.cardChat.loading}}),_c('MetricsCard',{attrs:{\"title\":_vm.cardChatEnd.text,\"content\":_vm.cardChatEnd.descipcion,\"subtitle\":_vm.cardChatEnd.subtext,\"contentValue\":_vm.cardChatEnd.value,\"loading\":_vm.cardChatEnd.loading}}),_c('MetricsCard',{attrs:{\"title\":_vm.cardChatEndIA.text,\"content\":_vm.cardChatEndIA.descipcion,\"subtitle\":_vm.cardChatEndIA.subtext,\"contentValue\":_vm.cardChatEndIA.value,\"loading\":_vm.cardChatEndIA.loading}}),_c('MetricsCard',{attrs:{\"title\":_vm.AverageSessionTime.text,\"content\":_vm.AverageSessionTime.descipcion,\"contentValue\":_vm.convertirAHorasYMinutos(_vm.AverageSessionTime.value),\"loading\":_vm.AverageSessionTime.loading}}),_c('MetricsCard',{attrs:{\"title\":_vm.AverageWaitingTime.text,\"content\":_vm.AverageWaitingTime.descipcion,\"contentValue\":_vm.convertirAHorasYMinutos(_vm.AverageWaitingTime.value),\"loading\":_vm.AverageSessionTime.loading}}),_c('MetricsCard',{attrs:{\"title\":_vm.AverageAdvisorTime.text,\"content\":_vm.AverageAdvisorTime.descipcion,\"contentValue\":_vm.convertirFormatoHora(_vm.AverageAdvisorTime.value),\"loading\":_vm.AverageSessionTime.loading}}),_c('MetricsCard',{attrs:{\"title\":_vm.AverageFirstResponseTime.text,\"content\":_vm.AverageFirstResponseTime.descipcion,\"contentValue\":_vm.convertirAHorasYMinutos(_vm.AverageFirstResponseTime.value),\"loading\":_vm.AverageFirstResponseTime.loading}})],1),_c('FirstRespondeTime',{staticClass:\"pt-5\",attrs:{\"range\":_vm.range,\"dataComponent\":_vm.dataComponentChild}}),_c('WaitingTime',{staticClass:\"pt-5\",attrs:{\"range\":_vm.range,\"dataComponent\":_vm.dataComponentChild}}),_c('div',{staticStyle:{\"max-width\":\"1500px\"}},[_c('div',{staticClass:\"pt-5\",staticStyle:{\"position\":\"absolute\",\"right\":\"20px\"}},[_c('KBSelectAdvisor',{attrs:{\"nameFlow\":_vm.nameSelect,\"idFlow\":_vm.idSelect}})],1)]),_c('HeatMap',{staticClass:\"pt-5\",attrs:{\"range\":_vm.range,\"advisors\":_vm.advisors,\"dataComponent\":_vm.dataComponentChild}}),_c('ConversationsTable',{attrs:{\"range\":_vm.range,\"advisors\":_vm.advisors,\"dataComponent\":_vm.dataComponentChild}})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"ContentGraphGray\",class:_vm.$vuetify.theme.dark ? 'ContentGraphGrayDark' : '',on:{\"click\":function($event){_vm.closeModal = true}}},[_c('div',{staticClass:\"ContentGraphGray__item pt-3\"},[_c('div',{staticClass:\"pb-0 flex-column d-flex\"},[_c('span',[_vm._v(_vm._s(_vm.$t('averageTalkVolume')))]),_c('DateRange',{attrs:{\"range\":_vm.range}})],1),_c('div',{attrs:{\"id\":\"ConversationHeatMap\"}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export const orderArray = (arr) => {\n const arrSort = arr.sort(\n (p1, p2) => (p1.x > p2.x) ? 1 : (p1.x < p2.x) ? -1 : 0)\n return arrSort\n}\n","import { orderArray } from '@/modules/metrics/infrastructure/ui/components/utils/orderArray'\n\nexport const setDataSeries = (arr, {\n lunes, martes, miercoles, jueves, viernes, sabado, domingo\n}) => {\n const data = arr\n data.forEach(element => {\n switch (element.name) {\n case 'Lunes':\n element.data = orderArray(lunes)\n break\n case 'Martes':\n element.data = orderArray(martes)\n break\n case 'Miercoles':\n element.data = orderArray(miercoles)\n break\n case 'Jueves':\n element.data = orderArray(jueves)\n break\n case 'Viernes':\n element.data = orderArray(viernes)\n break\n case 'Sabado':\n element.data = orderArray(sabado)\n break\n case 'Domingo':\n element.data = orderArray(domingo)\n break\n default:\n console.log('invalid day')\n }\n })\n return data\n}\n","export const fillArray = (arr) => {\n const temp = arr\n for (let i = 1; i < 25; i++) {\n if (temp.find(v => parseInt(v.x) === i)) {\n } else {\n temp.push({\n x: i,\n y: 0\n })\n }\n }\n return temp\n}\n","export const orderDataHeatMap = (arr, {\n lunes, martes, miercoles, jueves, viernes, sabado, domingo\n}) => {\n const temp = arr\n if (!temp) { return [] }\n temp.forEach(element => {\n switch (element.day_of_the_week) {\n case 'Monday':\n lunes.push({\n x: element.hour_of_the_Day,\n y: element.total_count\n })\n break\n case 'Tuesday':\n martes.push({\n x: element.hour_of_the_Day,\n y: element.total_count\n })\n break\n case 'Wednesday':\n miercoles.push({\n x: element.hour_of_the_Day,\n y: element.total_count\n })\n break\n case 'Thursday':\n jueves.push({\n x: element.hour_of_the_Day,\n y: element.total_count\n })\n break\n case 'Friday':\n viernes.push({\n x: element.hour_of_the_Day,\n y: element.total_count\n })\n break\n case 'Saturday':\n sabado.push({\n x: element.hour_of_the_Day,\n y: element.total_count\n })\n break\n case 'Sunday':\n domingo.push({\n x: element.hour_of_the_Day,\n y: element.total_count\n })\n break\n default:\n console.log('invalid day')\n }\n })\n return temp\n}\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{staticClass:\"font-gray\"},[_vm._v(_vm._s(_vm._f(\"moment\")(_vm.range)))])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n\r\nimport moment from 'moment'\r\nexport default {\r\n name: 'DateRange',\r\n props: ['range'],\r\n filters: {\r\n moment: function (date) {\r\n if (date) {\r\n return `${moment(date.dateFrom).format('MMMM DD')} - ${moment(date.dateTo).format('MMM DD, YYYY')}`\r\n }\r\n }\r\n }\r\n}\r\n","import mod from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DateRange.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DateRange.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./DateRange.vue?vue&type=template&id=ad3ebde8&\"\nimport script from \"./DateRange.vue?vue&type=script&lang=ts&\"\nexport * from \"./DateRange.vue?vue&type=script&lang=ts&\"\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","\nimport moment from 'moment'\nimport ApexCharts from 'apexcharts'\nimport { EventBus } from '@/eventBus'\nimport { textCamelize } from '@/utils/utils'\nimport MetricsService from '@/modules/metrics/application/services/MetricsService'\nimport { setDataSeries } from '@/modules/metrics/infrastructure/ui/components/utils/setDataSeries'\nimport { fillArray } from '@/modules/metrics/infrastructure/ui/components/utils/fillArray'\nimport { orderDataHeatMap } from '@/modules/metrics/infrastructure/ui/components/utils/orderDataHeatMap'\nimport DateRange from '@/modules/metrics/infrastructure/ui/components/generic/DateRange.vue'\n\nexport default {\n props: [\n 'dateString', 'range', 'dataComponent', 'advisors'\n ],\n name: 'HeatMap',\n components: {\n DateRange\n },\n data () {\n return {\n series: [],\n itemData: [],\n chart: null\n }\n },\n computed: {\n closeModal: {\n get () {\n return this.$store.state.MetricsStore.closeModal || false\n },\n set (value) {\n this.$store.commit('MetricsStore/SET_EDITING_OBJECT', {\n key: 'closeModal',\n value\n })\n }\n },\n loading: {\n get () {\n return this.$store.state.MetricsStore.loading || false\n },\n set (value) {\n this.$store.commit('MetricsStore/SET_EDITING_OBJECT', {\n key: 'loading',\n value\n })\n }\n }\n },\n methods: {\n async getHeatMap (advisorList) {\n this.loading = true\n let params = {\n periodStart: moment().subtract(1, 'weeks').format('YYYY-MM-DD'),\n periodEnd: moment().format('YYYY-MM-DD')\n }\n if (this.range) {\n const { dateFrom, dateTo } = this.range\n params = {\n periodStart: dateFrom,\n periodEnd: dateTo\n }\n }\n const response = await MetricsService.getAverageTalkVolume(params, advisorList)\n if (response) {\n const { histogram, stats } = response.data\n this.itemData = histogram\n this.formatData(stats)\n this.loading = false\n } else {\n if (response?.data?.error) {\n this.loading = false\n EventBus.$emit('toast', 'error', this.$t(textCamelize(response.data.error)))\n } else {\n this.loading = false\n EventBus.$emit('toast', 'error', this.$t('unexpectedError'))\n }\n }\n },\n formatData (stats) {\n this.series = [\n {\n name: this.$t('monday'),\n data: []\n },\n {\n name: this.$t('tuesday'),\n data: []\n },\n {\n name: 'Miercoles',\n data: []\n },\n {\n name: this.$t('thursday'),\n data: []\n },\n {\n name: this.$t('friday'),\n data: []\n },\n {\n name: 'Sabado',\n data: []\n },\n {\n name: this.$t('sunday'),\n data: []\n }\n ]\n\n const lunes = []\n const martes = []\n const miercoles = []\n const jueves = []\n const viernes = []\n const sabado = []\n const domingo = []\n\n const days = {\n lunes, martes, miercoles, jueves, viernes, sabado, domingo\n }\n\n this.itemData = orderDataHeatMap(this.itemData, days)\n fillArray(lunes)\n fillArray(martes)\n fillArray(miercoles)\n fillArray(jueves)\n fillArray(viernes)\n fillArray(sabado)\n fillArray(domingo)\n\n this.series = setDataSeries(this.series, days)\n\n this.setHeatMap(stats)\n },\n setHeatMap (stats) {\n if (this.chart) {\n this.chart.destroy()\n }\n const options = {\n plotOptions: {\n heatmap: {\n shadeIntensity: 0.7,\n colorScale: {\n ranges: [\n {\n from: -1,\n to: 0,\n name: this.$t('out'),\n color: this.$vuetify.theme.dark ? '#000000' : '#b8efd4'\n },\n {\n from: 1,\n to: 5,\n name: this.$t('low'),\n color: this.$vuetify.theme.dark ? '#01E39B' : '#3AF69B'\n },\n {\n from: 6,\n to: 10,\n name: this.$t('medium'),\n color: this.$vuetify.theme.dark ? '#F6C960' : '#FFB200'\n },\n {\n from: 11,\n to: stats.max,\n name: this.$t('high'),\n color: this.$vuetify.theme.dark ? '#F7685B' : '#F7685B'\n }\n ]\n }\n }\n },\n dataLabels: {\n enabled: false\n },\n tooltip: {\n enabled: true,\n enabledOnSeries: undefined,\n shared: true,\n followCursor: false,\n intersect: false,\n inverseOrder: false,\n custom: undefined,\n fillSeriesColor: true,\n theme: false,\n style: {\n fontSize: '12px',\n fontFamily: undefined\n },\n y: {\n formatter: undefined,\n title: {\n formatter: (seriesName) => seriesName + ':'\n }\n },\n onDatasetHover: {\n highlightDataSeries: false\n }\n },\n stroke: {\n colors: this.$vuetify.theme.dark ? ['#171717'] : ['white'],\n width: 1\n },\n xaxis: {\n labels: {\n show: false\n }\n },\n series: this.series,\n chart: {\n toolbar: {\n show: false\n },\n height: 250,\n type: 'heatmap'\n }\n }\n this.chart = new ApexCharts(document.querySelector('#ConversationHeatMap'), options)\n this.chart.render()\n },\n validateAdvisor () {\n if (this.advisors.length === 0) {\n this.getHeatMap()\n return\n }\n if (this.advisors) {\n this.getHeatMap(this.advisors)\n }\n }\n },\n watch: {\n '$vuetify.theme.dark' () {\n this.getHeatMap()\n },\n range: {\n handler: function (newVal, oldVal) {\n if (this.range) {\n if ((newVal?.dateFrom && newVal?.dateTo) && (oldVal?.dateFrom && oldVal?.dateTo)) {\n if (newVal.dateFrom !== oldVal.dateFrom || newVal.dateTo !== oldVal.dateTo) {\n this.validateAdvisor()\n }\n }\n }\n }\n },\n advisors () {\n this.validateAdvisor()\n }\n },\n mounted () {\n this.getHeatMap()\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport HeatMap from './HeatMap'\nexport default HeatMap\n","import mod from \"-!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HeatMap.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HeatMap.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./HeatMap.vue?vue&type=template&id=00ec36ae&scoped=true&\"\nimport script from \"./HeatMap.vue?vue&type=script&lang=ts&\"\nexport * from \"./HeatMap.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./HeatMap.vue?vue&type=style&index=0&id=00ec36ae&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 \"00ec36ae\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"ContentGraphGray\",class:_vm.$vuetify.theme.dark ? 'ContentGraphGrayDark' : ''},[_c('div',{staticClass:\"pb-0 flex-column d-flex\"},[_c('span',[_vm._v(_vm._s(_vm.$t('tableAdvisorsV4'))+\" \"+_vm._s(_vm.dataListEmpty))]),_c('DateRange',{attrs:{\"range\":_vm.range}})],1),(_vm.dataListEmpty)?_c('div',[_c('span',[_vm._v(_vm._s(_vm.$t('tableEmpty')))])]):_vm._e(),(_vm.loadingTable)?_c('div',[_c('LoadingNext')],1):_vm._e(),(!_vm.loadingTable && !_vm.dataListEmpty)?_c('div',{staticClass:\"KBSimpleTable smallTable\"},[(_vm.msgServiceError)?_c('div',{staticClass:\"msgServiceError\"},[_vm._v(_vm._s(_vm.$t('msgServicieError'))),_c('a',{on:{\"click\":function($event){return _vm.validateAdvisor()}}},[_vm._v(_vm._s(_vm.$t('reloadMetric')))])]):_c('table',{staticClass:\"KBSimpleTable__table \"},[_c('thead',[_c('tr',_vm._l((_vm.headers),function(label,labelIndex){return _c('th',{key:(\"KBSimpleTable-\" + (label.text) + \"-\" + labelIndex),staticClass:\"KBSimpleTable__header smallTable__header\"},[_c('div',{staticClass:\"tooltip\"},[_c('p',[_vm._v(\" \"+_vm._s(label.text))]),_c('span',{staticClass:\"tooltiptext\",style:({width:label.text.length*10 + 'px', left:labelIndex>= 5 ? '-'+labelIndex*25+'px': '-'+labelIndex*5+'px'})},[_vm._v(_vm._s(label.text))])])])}),0)]),_c('tbody',_vm._l((_vm.dataList),function(item,itemIndex){return _c('tr',{key:(\"KBSimpleTable-item-\" + itemIndex),staticClass:\"KBSimpleTable__row\"},[(item.image)?_c('td',{staticClass:\"textAlignStart\",class:_vm.$vuetify.theme.dark? 'KBSimpleTable__itemDark': 'KBSimpleTable__item'},[_c('div',{staticClass:\"circular--portrait\"},[_c('img',{attrs:{\"src\":item.image}})])]):_c('td',{staticClass:\"textAlignStart\",class:_vm.$vuetify.theme.dark? 'KBSimpleTable__itemDark': 'KBSimpleTable__item'},[_c('KeybeAvatar',{attrs:{\"name\":\"n\",\"size\":20,\"isKeybeProfile\":false}})],1),_c('td',{class:_vm.$vuetify.theme.dark? 'KBSimpleTable__itemDark': 'KBSimpleTable__item'},[_vm._v(\" \"+_vm._s(item.advisorName)+\" \")]),_c('td',{class:_vm.$vuetify.theme.dark? 'KBSimpleTable__itemDark': 'KBSimpleTable__item'},[_vm._v(\" \"+_vm._s(item.totalConversations)+\" \")]),_c('td',{class:_vm.$vuetify.theme.dark? 'KBSimpleTable__itemDark': 'KBSimpleTable__item'},[_vm._v(\" \"+_vm._s(item.totalSessions)+\" \")]),_c('td',{class:_vm.$vuetify.theme.dark? 'KBSimpleTable__itemDark': 'KBSimpleTable__item'},[_vm._v(\" \"+_vm._s(item.avgSessionTime)+\" \")]),_c('td',{class:_vm.$vuetify.theme.dark? 'KBSimpleTable__itemDark': 'KBSimpleTable__item'},[_vm._v(\" \"+_vm._s(item.medianSessionTime)+\" \")])])}),0)])]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\nimport KeybeAvatar from '@/shared/infrastructure/ui/KeybeAvatar.vue'\nimport DateRange from '@/modules/metrics/infrastructure/ui/components/generic/DateRange.vue'\nimport LoadingNext from '@/modules/metrics/infrastructure/ui/components/generic/LoadingNext.vue'\nimport MetricsService from '@/modules/metrics/application/services/MetricsService'\nimport { CDPFieldsEnums } from '@/modules/CDP/shared/contacts/domain/enums/CDPFieldsEnums'\n\nexport default {\n name: 'ConversationsTable',\n props: [\n 'dateString', 'range', 'dataComponent', 'advisors'\n ],\n components: {\n KeybeAvatar,\n DateRange,\n LoadingNext\n },\n data () {\n return {\n msgServiceError: false,\n loadingTable: false,\n dataListEmpty: false,\n dataList: [],\n headers: [\n { text: '', field: '' },\n { text: this.$t(CDPFieldsEnums.NAME), field: 'advisorName' },\n { text: this.$t('totalConversations'), field: 'totalConversations' },\n { text: this.$t('totalSessions'), field: 'totalSessions' },\n { text: this.$t('avgSessionTime'), field: 'avgSessionTime' },\n { text: this.$t('medianSessionTime'), field: 'medianSessionTime' }\n ]\n }\n },\n mounted () {\n this.getData()\n },\n watch: {\n range () {\n if (this.range) {\n this.getData()\n }\n }\n },\n methods: {\n async getData () {\n this.loadingTable = true\n try {\n this.dataListEmpty = false\n let params\n if (this.range) {\n const { dateFrom, dateTo } = this.range\n params = {\n periodStart: dateFrom,\n periodEnd: dateTo\n }\n }\n const response = await MetricsService.getDataChat(params, this.advisors)\n if (response) {\n const { result } = response.data\n if (result.length > 0) {\n this.dataList = result\n this.loadingTable = false\n } else {\n this.loadingTable = false\n this.dataListEmpty = true\n }\n } else {\n this.loadingTable = false\n this.dataListEmpty = true\n }\n } catch (error) {\n this.loadingTable = false\n this.dataListEmpty = true\n }\n }\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport ConversationsTable from './ConversationsTable'\nexport default ConversationsTable\n","import mod from \"-!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConversationsTable.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConversationsTable.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./ConversationsTable.vue?vue&type=template&id=120ab696&scoped=true&\"\nimport script from \"./ConversationsTable.vue?vue&type=script&lang=ts&\"\nexport * from \"./ConversationsTable.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./ConversationsTable.vue?vue&type=style&index=0&id=120ab696&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 \"120ab696\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"ContentGraphGray\",class:_vm.$vuetify.theme.dark ? 'ContentGraphGrayDark' : ''},[_c('div',{staticClass:\"ContentGraphGray__item pt-3\"},[_c('div',{staticClass:\"pb-0 flex-column d-flex\"},[_c('div',{staticClass:\"d-flex\"},[_c('span',[_vm._v(_vm._s(_vm.$t('newProspects')))]),_vm._v(\" \"),_c('span',{staticClass:\"betaLabel\"},[_vm._v(\"Beta\")])]),_c('DateRange',{attrs:{\"range\":_vm.range}})],1),(_vm.loadingNewDeals)?_c('div',[_c('LoadingNext')],1):_vm._e(),(_vm.msgServiceError)?_c('div',{staticClass:\"msgServiceError\"},[_vm._v(_vm._s(_vm.$t('msgServicieError'))),_c('a',{on:{\"click\":function($event){return _vm.getNewConversationPerChannel()}}},[_vm._v(_vm._s(_vm.$t('reloadMetric')))])]):_c('div',{staticStyle:{\"width\":\"100%\"},attrs:{\"id\":\"NewConversationsMultiLineGraph\"}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import MetricsService from '@/modules/metrics/application/services/MetricsService'\nimport moment from 'moment'\nimport ApexCharts from 'apexcharts'\nimport { EventBus } from '@/eventBus'\nimport { textCamelize } from '@/utils/utils'\nimport LoadingNext from '@/modules/metrics/infrastructure/ui/components/generic/LoadingNext.vue'\nimport DateRange from '@/modules/metrics/infrastructure/ui/components/generic/DateRange.vue'\nexport default {\n name: 'NewProspect',\n props: ['dateString', 'range', 'dataComponent'],\n components: {\n DateRange,\n LoadingNext\n },\n data () {\n return {\n loadingTotalConversation: true,\n loadingNewDeals: true,\n loadingFirstTime: true,\n WaitingTime: [],\n series: [],\n chartMulti: null,\n chartSingle: null,\n msgServiceError: false,\n msgServiceErrorTwo: false,\n resultado: []\n }\n },\n watch: {\n range: {\n handler: function (newValue) {\n if (this.range) {\n this.getNewConversationPerChannel()\n }\n },\n deep: true\n },\n loadingTotalConversation () {\n if (!this.loadingTotalConversation) {\n this.checkLoading()\n }\n },\n loadingNewDeals () {\n if (!this.loadingNewDeals) {\n this.checkLoading()\n }\n },\n loadingFirstTime () {\n if (!this.loadingFirstTime) {\n this.checkLoading()\n }\n }\n },\n computed: {\n closeModal: {\n get () {\n return this.$store.state.MetricsStore.closeModal || false\n },\n set (value) {\n this.$store.commit('MetricsStore/SET_EDITING_OBJECT', {\n key: 'closeModal',\n value\n })\n }\n },\n loading: {\n get () {\n return this.$store.state.MetricsStore.loading || false\n },\n set (value) {\n this.$store.commit('MetricsStore/SET_EDITING_OBJECT', {\n key: 'loading',\n value\n })\n }\n }\n },\n methods: {\n compararElementos (a, b) {\n const nombreA = a.name.toLowerCase()\n const nombreB = b.name.toLowerCase()\n\n // Comprobar si 'wp' o 'whatsapp' está en el nombre y dar prioridad\n if (nombreA.includes('wp') || nombreA.includes('whatsapp')) {\n return -1\n } else if (nombreB.includes('wp') || nombreB.includes('whatsapp')) {\n return 1\n }\n\n // Si ninguno de los nombres contiene 'wp' o 'whatsapp', ordenar alfabéticamente\n if (nombreA < nombreB) {\n return -1\n } else if (nombreA > nombreB) {\n return 1\n } else {\n return 0\n }\n },\n checkLoading () {\n if (\n !this.loadingTotalConversation &&\n !this.loadingNewDeals &&\n !this.loadingFirstTime\n ) {\n this.loading = false\n }\n },\n mapKeys (item) {\n if (item === 'lt5MINS') return '<= 5 min'\n if (item === 'lt10MINS') return '> 5 min y <= 10 min'\n if (item === 'lt15MINS') return '> 10 min y <= 15 min'\n if (item === 'lt20MINS') return '> 15 min y <= 20 min'\n if (item === 'lt25MINS') return '> 20 min y <= 25 min'\n if (item === 'lt30MINS') return '> 25 min y <= 30 min'\n if (item === 'lt60MINS') return '> 30 min y <= 60 min'\n if (item === 'gt60MINS') return '> 60 min'\n },\n async getNewConversationPerChannel () {\n try {\n this.loadingNewDeals = true\n let params = {\n periodStart: moment().subtract(1, 'weeks').format('YYYY-MM-DD'),\n periodEnd: moment().format('YYYY-MM-DD')\n }\n if (this.range) {\n const { dateFrom, dateTo } = this.range\n params = {\n periodStart: dateFrom,\n periodEnd: dateTo\n }\n }\n const response = await MetricsService.getNewConversationPerChannel(\n params\n )\n if (response) {\n const { historyPerChannel, channelCount, dailyTotal } =\n response.data.stats\n this.chartNewMultiLine(\n response.data.stats.x_axis,\n historyPerChannel,\n dailyTotal,\n channelCount\n )\n this.loadingNewDeals = false\n } else {\n this.loadingNewDeals = false\n if (response?.data?.error) {\n EventBus.$emit(\n 'toast',\n 'error',\n this.$t(textCamelize(response.data.error))\n )\n } else {\n EventBus.$emit('toast', 'error', this.$t('unexpectedError'))\n }\n }\n } catch (error) {\n this.loadingNewDeals = false\n this.msgServiceError = true\n }\n },\n totalCalculate (dailyTotal) {\n // Calcular el total\n let total = 0\n for (const elemento of this.resultado) {\n total += elemento.data.reduce((a, b) => a + b, 0) // Sumar todos los valores en 'data'\n }\n\n // Agregar el elemento total al objeto resultado\n this.resultado.push({\n name: 'Total ' + total,\n data: dailyTotal\n })\n },\n chartNewMultiLine (axis, item, dailyTotal, totalLabel) {\n if (this.chartMulti) {\n this.chartMulti.destroy()\n this.resultado = []\n }\n this.resultado = []\n\n for (const key in item) {\n if (Object.prototype.hasOwnProperty.call(item, key)) {\n const nombre = key.charAt(0).toUpperCase() + key.slice(1) // Convertir la primera letra en mayúscula\n const datos = item[key]\n const valor = totalLabel[key]\n this.resultado.push({\n name: `${nombre === 'Keybe_wp' ? 'Whatsapp' : nombre} ${valor}`,\n data: datos\n })\n }\n }\n this.resultado.sort(this.compararElementos)\n this.totalCalculate(dailyTotal)\n const options = {\n chart: {\n toolbar: {\n show: false\n },\n height: 250,\n type: 'line'\n },\n dataLabels: {\n enabled: false\n },\n tooltip: {\n enabled: true,\n enabledOnSeries: undefined,\n shared: true,\n followCursor: false,\n intersect: false,\n inverseOrder: false,\n custom: undefined,\n fillSeriesColor: true,\n theme: false,\n style: {\n fontSize: '12px',\n fontFamily: undefined\n },\n y: {\n formatter: undefined,\n title: {\n formatter: (seriesName) => seriesName + ':'\n }\n },\n onDatasetHover: {\n highlightDataSeries: false\n }\n },\n colors: ['#3AF69B', '#247BA0', '#F7685B', '#FFB200', '#a18262', 'gray'],\n series: this.resultado,\n stroke: {\n width: [2, 2, 2, 2, 2, 2],\n curve: 'smooth'\n },\n xaxis: {\n type: 'datetime',\n categories: axis\n }\n }\n\n this.chartMulti = new ApexCharts(\n document.querySelector('#NewConversationsMultiLineGraph'),\n options\n )\n this.chartMulti.render()\n }\n },\n mounted () {\n this.getNewConversationPerChannel()\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport NewProspect from './NewProspect'\nexport default NewProspect\n","import mod from \"-!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NewProspect.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NewProspect.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./NewProspect.vue?vue&type=template&id=553f838b&scoped=true&\"\nimport script from \"./NewProspect.vue?vue&type=script&lang=ts&\"\nexport * from \"./NewProspect.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./NewProspect.vue?vue&type=style&index=0&id=553f838b&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 \"553f838b\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"ContentGraphGray\",class:_vm.$vuetify.theme.dark ? 'ContentGraphGrayDark' : ''},[_c('div',{staticClass:\"ContentGraphGray__item pt-3\"},[_c('div',{staticClass:\"pb-0 flex-column d-flex\"},[_c('div',{staticClass:\"d-flex\"},[_c('span',[_vm._v(_vm._s(_vm.$t('firstResponseTime')))]),_c('span',{staticClass:\"betaLabel\"},[_vm._v(\"Beta\")])]),_c('DateRange',{attrs:{\"range\":_vm.range}})],1),(_vm.loadingFirstTime)?_c('div',[_c('LoadingNext')],1):_vm._e(),(_vm.msgServiceErrorTwo)?_c('div',{staticClass:\"msgServiceError\"},[_vm._v(_vm._s(_vm.$t('msgServicieError'))),_c('a',{on:{\"click\":function($event){return _vm.getFirstTime()}}},[_vm._v(_vm._s(_vm.$t('reloadMetric')))])]):_c('div',{attrs:{\"id\":\"FirstTimeGraph\"}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"RadialChart--content\",class:_vm.$vuetify.theme.dark ? 'RadialChart__dark' : ''},[_c('span',{staticClass:\"pb-3\"},[_vm._v(_vm._s(_vm.title))]),(_vm.type === 'time')?_c('div',[(_vm.loadingTime)?_c('LoadingNext'):_vm._e()],1):_c('div',[(_vm.loadingWaitingTime)?_c('LoadingNext'):_vm._e()],1),_c('div',{staticClass:\"RadialChart--item\",class:_vm.$vuetify.theme.dark ? 'RadialChart--dark' : 'RadialChart--light',attrs:{\"id\":(\"ConversationsRadialGraph\" + _vm.id)}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\nimport moment from 'moment'\nimport ApexCharts from 'apexcharts'\nimport { EventBus } from '@/eventBus'\nimport { textCamelize } from '@/utils/utils'\nimport MetricsService from '@/modules/metrics/application/services/MetricsService'\nimport LoadingNext from '@/modules/metrics/infrastructure/ui/components/generic/LoadingNext.vue'\n\nexport default {\n name: 'RadialBarCharts',\n props: {\n title: {\n type: String,\n default: 'title'\n },\n id: {\n type: String,\n default: '0'\n },\n type: {\n type: String\n },\n range: {\n type: [String, Object]\n }\n },\n components: {\n LoadingNext\n },\n data () {\n return {\n loadingWaitingTime: true,\n loadingTime: true,\n chartRangePieWaitingTime: null,\n chartRangeSessionTime: null\n }\n },\n watch: {\n range: {\n handler: function (newVal, oldVal) {\n if (this.range) {\n if ((newVal?.dateFrom && newVal?.dateTo) && (oldVal?.dateFrom && oldVal?.dateTo)) {\n if (newVal.dateFrom !== oldVal.dateFrom || newVal.dateTo !== oldVal.dateTo) {\n const params = {\n dateFrom: newVal.dateFrom,\n dateTo: newVal.dateTo\n }\n if (this.type === 'time') {\n this.getTime(params)\n } else {\n this.getWaitingTime(params)\n }\n }\n }\n }\n }\n }\n },\n mounted () {\n let params = {}\n if (this.range) {\n params = {\n dateFrom: this.range.dateFrom,\n dateTo: this.range.dateTo\n }\n } else {\n params = {\n dateFrom: moment().startOf('month').format('YYYY-MM-DD'),\n dateTo: moment().format('YYYY-MM-DD')\n }\n }\n if (this.type === 'time') {\n this.getTime(params)\n } else {\n this.getWaitingTime(params)\n }\n },\n methods: {\n async getWaitingTime (params) {\n this.loadingWaitingTime = true\n const { dateFrom, dateTo } = params\n if (dateFrom && dateTo) {\n params = {\n periodStart: dateFrom,\n periodEnd: dateTo\n }\n }\n const response = await MetricsService.getWaitingTimes(params)\n if (response) {\n this.setDataTime(response.data?.pie_duration_session, 'rangeSessionTime')\n this.loadingWaitingTime = false\n } else {\n this.loadingWaitingTime = false\n if (response?.data?.error) {\n EventBus.$emit('toast', 'error', this.$t(textCamelize(response.data.error)))\n } else {\n EventBus.$emit('toast', 'error', this.$t('unexpectedError'))\n }\n }\n },\n async getTime (params) {\n this.loadingTime = true\n const { dateFrom, dateTo } = params\n if (dateFrom && dateTo) {\n params = {\n periodStart: dateFrom,\n periodEnd: dateTo\n }\n }\n const response = await MetricsService.getConversationTimes(params)\n if (response) {\n this.setDataTime(response.data?.pie_waiting_time, 'rangePieWaitingTime')\n this.loadingTime = false\n } else {\n this.loadingTime = false\n if (response?.data?.error) {\n EventBus.$emit('toast', 'error', this.$t(textCamelize(response.data.error)))\n } else {\n EventBus.$emit('toast', 'error', this.$t('unexpectedError'))\n }\n }\n },\n setDataTime (items, type) {\n const labels = items.map(element => { return element[type] })\n const series = items.map(element => { return element.times_over_range })\n this.chartRadial(labels, series, type)\n // }\n },\n chartRadial (labels, series, type) {\n if (type === 'rangePieWaitingTime') {\n if (this.chartRangePieWaitingTime) {\n this.chartRangePieWaitingTime.destroy()\n }\n }\n if (type === 'rangeSessionTime') {\n if (this.chartRangeSessionTime) {\n this.chartRangeSessionTime.destroy()\n }\n }\n const options = {\n dataLabels: {\n enabled: false\n },\n series: series,\n chart: {\n height: 200,\n width: 390,\n type: 'pie'\n },\n colors: ['#3AF69B', '#FC0', '#3375B0', '#E67162', '#01cfe4'],\n legend: {\n show: true,\n floating: true,\n fontSize: '10px',\n position: 'right',\n offsetX: -60,\n offsetY: 0,\n labels: {\n useSeriesColors: false,\n colors: this.$vuetify.theme.dark ? '#ffffff' : '#000000'\n },\n markers: {\n size: 2\n },\n formatter: function (seriesName, opts) {\n const locale = Intl.NumberFormat('en-US')\n return seriesName + ': ' + locale.format(opts.w.globals.series[opts.seriesIndex])\n },\n itemMargin: {\n vertical: 3\n }\n },\n responsive: [{\n breakpoint: 480,\n options: {\n legend: {\n show: false\n }\n }\n }],\n plotOptions: {\n radialBar: {\n dataLabels: {\n show: false\n },\n track: {\n strokeWidth: '97%'\n }\n }\n },\n labels: labels\n }\n if (type === 'rangePieWaitingTime') {\n this.chartRangePieWaitingTime = new ApexCharts(document.querySelector(`#ConversationsRadialGraph${this.id}`), options)\n this.chartRangePieWaitingTime.render()\n }\n if (type === 'rangeSessionTime') {\n this.chartRangeSessionTime = new ApexCharts(document.querySelector(`#ConversationsRadialGraph${this.id}`), options)\n this.chartRangeSessionTime.render()\n }\n }\n }\n\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport RadialBarCharts from './RadialBarCharts'\nexport default RadialBarCharts\n","import mod from \"-!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RadialBarCharts.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RadialBarCharts.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./RadialBarCharts.vue?vue&type=template&id=17e2f234&scoped=true&\"\nimport script from \"./RadialBarCharts.vue?vue&type=script&lang=ts&\"\nexport * from \"./RadialBarCharts.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./RadialBarCharts.vue?vue&type=style&index=0&id=17e2f234&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 \"17e2f234\",\n null\n \n)\n\nexport default component.exports","\nimport MetricsService from '@/modules/metrics/application/services/MetricsService'\nimport moment from 'moment'\nimport ApexCharts from 'apexcharts'\nimport { EventBus } from '@/eventBus'\nimport { textCamelize } from '@/utils/utils'\nimport LoadingNext from '@/modules/metrics/infrastructure/ui/components/generic/LoadingNext.vue'\nimport DateRange from '@/modules/metrics/infrastructure/ui/components/generic/DateRange.vue'\nimport RadialBarCharts from '@/modules/metrics/infrastructure/ui/components/conversations/RadialBarCharts/RadialBarCharts.vue'\nexport default {\n name: 'FirstRespondeTime',\n props: [\n 'range', 'dataComponent'\n ],\n components: {\n RadialBarCharts,\n DateRange,\n LoadingNext\n },\n data () {\n return {\n loadingTotalConversation: true,\n loadingNewDeals: true,\n loadingFirstTime: true,\n WaitingTime: [],\n series: [],\n chartMulti: null,\n chartSingle: null,\n msgServiceError: false,\n msgServiceErrorTwo: false\n }\n },\n watch: {\n range: {\n handler: function (newVal, oldVal) {\n if (this.range) {\n if ((newVal?.dateFrom && newVal?.dateTo) && (oldVal?.dateFrom && oldVal?.dateTo)) {\n if (newVal.dateFrom !== oldVal.dateFrom || newVal.dateTo !== oldVal.dateTo) {\n this.getFirstTime()\n }\n }\n }\n }\n },\n loadingTotalConversation () {\n if (!this.loadingTotalConversation) {\n this.checkLoading()\n }\n },\n loadingNewDeals () {\n if (!this.loadingNewDeals) {\n this.checkLoading()\n }\n },\n loadingFirstTime () {\n if (!this.loadingFirstTime) {\n this.checkLoading()\n }\n }\n },\n computed: {\n closeModal: {\n get () {\n return this.$store.state.MetricsStore.closeModal || false\n },\n set (value) {\n this.$store.commit('MetricsStore/SET_EDITING_OBJECT', {\n key: 'closeModal',\n value\n })\n }\n },\n loading: {\n get () {\n return this.$store.state.MetricsStore.loading || false\n },\n set (value) {\n this.$store.commit('MetricsStore/SET_EDITING_OBJECT', {\n key: 'loading',\n value\n })\n }\n }\n },\n methods: {\n checkLoading () {\n if (!this.loadingTotalConversation && !this.loadingNewDeals && !this.loadingFirstTime) {\n this.loading = false\n }\n },\n async getFirstTime () {\n try {\n this.loadingFirstTime = true\n this.msgServiceErrorTwo = false\n let params = {\n periodStart: moment().subtract(1, 'weeks').format('YYYY-MM-DD'),\n periodEnd: moment().format('YYYY-MM-DD')\n }\n if (this.range) {\n const { dateFrom, dateTo } = this.range\n params = {\n periodStart: dateFrom,\n periodEnd: dateTo\n }\n }\n const response = await MetricsService.getFirstTimeV6(params)\n if (response) {\n const data = response.data.range_first_answer_time\n const propertyNames = data.map(element => { return element.rangeFirstAnswer })\n const propertyValues = data.map(element => { return element.times_over_range })\n this.chartFirstTimeMethod(propertyNames, propertyValues)\n this.loadingFirstTime = false\n } else {\n this.loadingFirstTime = false\n if (response?.data?.error) {\n EventBus.$emit('toast', 'error', this.$t(textCamelize(response.data.error)))\n } else {\n EventBus.$emit('toast', 'error', this.$t('unexpectedError'))\n }\n }\n } catch (error) {\n this.loadingFirstTime = false\n this.msgServiceErrorTwo = true\n }\n },\n chartFirstTimeMethod (axis, item) {\n if (this.chartFirstTime) {\n this.chartFirstTime.destroy()\n }\n const options = {\n series: [{\n data: item\n }],\n chart: {\n type: 'bar',\n height: 350,\n toolbar: {\n show: false\n },\n zoom: {\n enabled: false\n }\n },\n plotOptions: {\n bar: {\n horizontal: false,\n borderRadius: 5,\n borderRadiusOnAllStackedSeries: true\n }\n },\n dataLabels: {\n enabled: false\n },\n stroke: {\n show: true,\n width: 2,\n colors: ['white']\n },\n xaxis: {\n categories: axis\n },\n fill: {\n opacity: 1\n },\n colors: ['#3AF69B'],\n tooltip: {\n enabled: true,\n enabledOnSeries: undefined,\n shared: true,\n followCursor: false,\n intersect: false,\n inverseOrder: false,\n custom: undefined,\n fillSeriesColor: true,\n theme: false,\n style: {\n fontSize: '12px',\n fontFamily: undefined\n },\n y: {\n formatter: undefined,\n title: {\n formatter: (seriesName) => ''\n }\n },\n onDatasetHover: {\n highlightDataSeries: false\n }\n }\n }\n\n this.chartFirstTime = new ApexCharts(document.querySelector('#FirstTimeGraph'), options)\n this.chartFirstTime.render()\n }\n },\n mounted () {\n this.getFirstTime()\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport FirstRespondeTime from './FirstRespondeTime'\nexport default FirstRespondeTime\n","import mod from \"-!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FirstRespondeTime.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FirstRespondeTime.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./FirstRespondeTime.vue?vue&type=template&id=fda1ee3e&\"\nimport script from \"./FirstRespondeTime.vue?vue&type=script&lang=ts&\"\nexport * from \"./FirstRespondeTime.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./FirstRespondeTime.vue?vue&type=style&index=0&id=fda1ee3e&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 null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"ContentGraphGray\",class:_vm.$vuetify.theme.dark ? 'ContentGraphGrayDark' : ''},[_c('div',{staticClass:\"ContentGraphGray__item__row pt-8\",on:{\"click\":function($event){_vm.closeModal = true}}},[_c('RadialBarCharts',{attrs:{\"title\":\"Duración de la conversación\",\"id\":\"1\",\"type\":\"time\",\"range\":_vm.range}}),_c('RadialBarCharts',{attrs:{\"title\":\"Tiempo de espera\",\"id\":\"2\",\"type\":\"waiting\",\"range\":_vm.range}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import LoadingNext from '@/modules/metrics/infrastructure/ui/components/generic/LoadingNext.vue'\nimport DateRange from '@/modules/metrics/infrastructure/ui/components/generic/DateRange.vue'\nimport RadialBarCharts from '@/modules/metrics/infrastructure/ui/components/conversations/RadialBarCharts/RadialBarCharts.vue'\nexport default {\n name: 'WaitingTime',\n props: [\n 'range', 'dataComponent'\n ],\n components: {\n RadialBarCharts,\n DateRange,\n LoadingNext\n },\n data () {\n return {\n loadingTotalConversation: true,\n loadingNewDeals: true,\n loadingFirstTime: true,\n WaitingTime: [],\n series: [],\n chartMulti: null,\n chartSingle: null,\n msgServiceError: false,\n msgServiceErrorTwo: false\n }\n },\n watch: {\n loadingTotalConversation () {\n if (!this.loadingTotalConversation) {\n this.checkLoading()\n }\n },\n loadingNewDeals () {\n if (!this.loadingNewDeals) {\n this.checkLoading()\n }\n },\n loadingFirstTime () {\n if (!this.loadingFirstTime) {\n this.checkLoading()\n }\n }\n },\n computed: {\n closeModal: {\n get () {\n return this.$store.state.MetricsStore.closeModal || false\n },\n set (value) {\n this.$store.commit('MetricsStore/SET_EDITING_OBJECT', {\n key: 'closeModal',\n value\n })\n }\n },\n loading: {\n get () {\n return this.$store.state.MetricsStore.loading || false\n },\n set (value) {\n this.$store.commit('MetricsStore/SET_EDITING_OBJECT', {\n key: 'loading',\n value\n })\n }\n }\n },\n methods: {\n checkLoading () {\n if (!this.loadingTotalConversation && !this.loadingNewDeals && !this.loadingFirstTime) {\n this.loading = false\n }\n }\n },\n mounted () {\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport WaitingTime from './WaitingTime'\nexport default WaitingTime\n","import mod from \"-!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WaitingTime.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./WaitingTime.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./WaitingTime.vue?vue&type=template&id=5bae5f40&\"\nimport script from \"./WaitingTime.vue?vue&type=script&lang=ts&\"\nexport * from \"./WaitingTime.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./WaitingTime.vue?vue&type=style&index=0&id=5bae5f40&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 null,\n null\n \n)\n\nexport default component.exports","/* eslint-disable camelcase */\n\nimport moment from 'moment'\nimport { mapState } from 'vuex'\nimport { EventBus } from '@/eventBus'\nimport MetricsService from '@/modules/metrics/application/services/MetricsService'\nimport { textCamelize } from '@/utils/utils'\nimport { KeybeIconType } from '@/shared/infrastructure/enums/icons/KeybeIconType'\nimport KeybeIcon from '@/shared/infrastructure/ui/icons/KeybeIcon.vue'\n\nimport KBSelectAdvisor from '@/shared/infrastructure/ui/KBSelectAdvisor.vue'\nimport HeatMap from '@/modules/metrics/infrastructure/ui/components/conversations/HeatMap/HeatMap.vue'\nimport ConversationsTable from '@/modules/metrics/infrastructure/ui/components/conversations/ConversationsTable/ConversationsTable.vue'\nimport NewProspect from '@/modules/metrics/infrastructure/ui/components/conversations/NewProspect/NewProspect.vue'\nimport FirstRespondeTime from '@/modules/metrics/infrastructure/ui/components/conversations/FirstRespondeTime/FirstRespondeTime.vue'\nimport WaitingTime from '@/modules/metrics/infrastructure/ui/components/conversations/WaitingTime/WaitingTime.vue'\nimport TitleDetail from '@/modules/metrics/infrastructure/ui/components/generic/TitleDetail.vue'\nimport KBDateRangeMenu from '@/shared/infrastructure/ui/KBDateRangeMenu.vue'\nimport MetricsCard from '@/modules/metrics/infrastructure/ui/components/metrics/MetricsCard.vue'\n\nexport default {\n name: 'ConversationsPage',\n props: [\n 'dateString', 'range', 'dataComponent'\n ],\n components: {\n KeybeIcon,\n WaitingTime,\n FirstRespondeTime,\n HeatMap,\n TitleDetail,\n ConversationsTable,\n NewProspect,\n KBDateRangeMenu,\n MetricsCard,\n KBSelectAdvisor\n },\n mounted () {\n this.loading = true\n this.dateSelector = this.dateString\n this.callServices()\n },\n data () {\n return {\n KeybeIconType,\n loadingDownload: false,\n advisors: [],\n idSelect: null,\n nameSelect: '',\n cardDaily: {\n value: '0',\n descipcion: '',\n text: this.$t('totalDaily'),\n subtext: this.$t('totalDailyDesc'),\n loading: false\n },\n cardChat: {\n value: '0',\n descipcion: '',\n text: this.$t('sessions'),\n subtext: this.$t('sessionsDesc'),\n loading: false\n },\n cardChatEnd: {\n value: '0',\n subtext: this.$t('closedSessionsDesc'),\n text: this.$t('closedSessions'),\n loading: false\n },\n cardChatEndIA: {\n value: '0',\n subtext: this.$t('sessionsClosedbyAIDesc'),\n text: this.$t('sessionsClosedbyAI'),\n loading: false\n },\n AverageSessionTime: {\n value: '0',\n descipcion: 'H : M',\n text: this.$t('averageSessionTime'),\n loading: false\n },\n AverageWaitingTime: {\n value: '0',\n descipcion: 'H : M',\n text: this.$t('averageWaitingTime'),\n loading: false\n },\n AverageAdvisorTime: {\n value: '0',\n descipcion: 'H : M',\n text: this.$t('averageAdvisorTime'),\n loading: false\n },\n AverageFirstResponseTime: {\n value: '0',\n descipcion: 'H : M',\n text: this.$t('averageFirstResponseTime'),\n loading: false\n },\n dateSelector: '',\n dataComponentChild: null\n }\n },\n computed: {\n ...mapState('UserStore', ['user']),\n advisorFilterArrayId: {\n get () {\n return this.$store.state.MetricsStore.advisorFilterArrayId || []\n },\n set (value) {\n this.$store.commit('MetricsStore/SET_EDITING_OBJECT', {\n key: 'advisorFilterArrayId',\n value\n })\n }\n },\n advisorFilterArray: {\n get () {\n return this.$store.state.MetricsStore.advisorFilterArray || []\n },\n set (value) {\n this.$store.commit('MetricsStore/SET_EDITING_OBJECT', {\n key: 'advisorFilterArray',\n value\n })\n }\n },\n advisorFilter: {\n get () {\n return this.$store.state.MetricsStore.advisorFilter || null\n },\n set (value) {\n this.$store.commit('MetricsStore/SET_EDITING_OBJECT', {\n key: 'advisorFilter',\n value\n })\n }\n },\n loading: {\n get () {\n return this.$store.state.MetricsStore.loading || false\n },\n set (value) {\n this.$store.commit('MetricsStore/SET_EDITING_OBJECT', {\n key: 'loading',\n value\n })\n }\n },\n bottomPage: {\n get () {\n return this.$store.state.MetricsStore.bottomPage || null\n },\n set (value) {\n this.$store.commit('MetricsStore/SET_EDITING_OBJECT', {\n key: 'bottomPage',\n value\n })\n }\n }\n },\n methods: {\n validateWeek (params) {\n const { periodStart, periodEnd } = params\n const fechaInicio = new Date(periodStart)\n const fechaFin = new Date(periodEnd)\n const diferenciaEnTiempo = fechaFin.getTime() - fechaInicio.getTime()\n const unaSemanaEnMilisegundos = 7 * 24 * 60 * 60 * 1000\n if (diferenciaEnTiempo > unaSemanaEnMilisegundos) {\n return false\n } else {\n return true\n }\n },\n async getFileMetrics () {\n if (!this.loadingDownload) {\n this.loadingDownload = true\n let params = {\n periodStart: moment().subtract(1, 'months').format('YYYY-MM-DD'),\n periodEnd: moment().format('YYYY-MM-DD')\n }\n if (this.range) {\n const { dateFrom, dateTo } = this.range\n params = {\n periodStart: dateFrom,\n periodEnd: dateTo\n }\n }\n const condition = this.validateWeek(params)\n const response = await MetricsService.getFileChatsV2(params, condition)\n if (response) {\n if (response?.code === 500) {\n this.loadingDownload = false\n EventBus.$emit('toast', 'error', this.$t('unexpectedError'))\n return\n }\n try {\n const message: string = this.$t('successfullCampaignExportEmail').toString().replace('{}', this.user.email)\n\n if (condition) {\n // const fileURL = response.data?.result?.download // Ojo lo cambiaron\n const fileURL = response.data?.downloadUrl\n if (fileURL) {\n window.open(fileURL, '_blank')\n // const link = document.createElement('a')\n // link.href = fileURL\n // link.target = '_blank'\n // link.download = `Metrics ${params.periodStart} - ${params.periodEnd}.xlsx`\n // document.body.appendChild(link)\n // link.click()\n }\n\n EventBus.$emit(\n 'toast',\n 'success',\n message\n )\n } else {\n EventBus.$emit(\n 'toast',\n 'success',\n message\n )\n }\n this.loadingDownload = false\n } catch (error) {\n console.log('error', error)\n this.loadingDownload = false\n }\n } else {\n this.loadingDownload = false\n if (response?.data?.error) {\n EventBus.$emit('toast', 'error', this.$t(textCamelize(response.data.error)))\n } else {\n EventBus.$emit('toast', 'error', this.$t('unexpectedError'))\n }\n }\n }\n },\n async getDataDailyChat () {\n let params = {\n periodStart: moment().subtract(1, 'weeks').format('YYYY-MM-DD'),\n periodEnd: moment().format('YYYY-MM-DD')\n }\n if (this.range) {\n const { dateFrom, dateTo } = this.range\n params = {\n periodStart: dateFrom,\n periodEnd: dateTo\n }\n }\n this.getTotalDailyChat(params)\n // this.getTotalChat(params)\n // this.getTotalChatEnd(params)\n // this.getTotalChatEndIA(params)\n this.getDataChat(params)\n },\n async getTotalDailyChat (params) {\n try {\n this.cardDaily.loading = true\n const response = await MetricsService.TotalDailyChat(params)\n if (response.status) {\n this.cardDaily.value = response?.data ? response.data?.totalCount : 0\n } else {\n if (response?.data?.error) {\n EventBus.$emit('toast', 'error', this.$t(textCamelize(response.data.error)))\n } else {\n EventBus.$emit('toast', 'error', this.$t('unexpectedError'))\n }\n }\n this.cardDaily.loading = false\n } catch (error) {\n console.log(error)\n this.cardDaily.loading = false\n }\n },\n async updateCardValue (serviceCall, cardToUpdate, type) {\n try {\n const response = await serviceCall() // Llamada al servicio\n\n if (response && response.data && response.data[type]) {\n const typeCard = response.data[type]\n if (Array.isArray(typeCard) && typeCard.length > 0) {\n if (type === 'count_closed_sessions_IA') {\n cardToUpdate.value = typeCard[0].count_closed_sessions || 0\n } else if (type === 'mean_session_time') {\n cardToUpdate.value = typeCard[0].median_session_time || 0\n } else {\n cardToUpdate.value = typeCard[0][type] || 0\n }\n } else {\n cardToUpdate.value = 0\n }\n } else {\n cardToUpdate.value = 0\n }\n } catch (error) {\n console.error('Error:', error)\n cardToUpdate.value = 0 // Valor predeterminado en caso de error\n }\n },\n convertirAHorasYMinutos (minutos) {\n if (!minutos) {\n return 0\n }\n var horas = Math.floor(minutos / 60)\n var minutosRestantes = Math.floor(minutos % 60)\n return horas + 'H ' + minutosRestantes + 'm'\n },\n convertirFormatoHora (hora) {\n if (!hora) {\n return 0\n }\n var tiempo = hora.split(':')\n var horas = parseInt(tiempo[0])\n var minutos = parseInt(tiempo[1])\n var segundos = parseInt(tiempo[2])\n var totalMinutos = horas * 60 + minutos + Math.round(segundos / 60)\n var horasConvertidas = Math.floor(totalMinutos / 60)\n var minutosConvertidos = totalMinutos % 60\n\n return horasConvertidas + 'H ' + minutosConvertidos + 'M'\n },\n async getDataChat (params) {\n try {\n this.cardChat.loading = true\n this.cardChatEnd.loading = true\n this.cardChatEndIA.loading = true\n this.updateCardValue(() => MetricsService.getDataCountConversations(params, this.advisors), this.cardChat, 'count_conversations')\n this.updateCardValue(() => MetricsService.getDataCountClosedSessions(params, this.advisors), this.cardChatEnd, 'count_closed_sessions')\n this.updateCardValue(() => MetricsService.getDataCountClosedSessionsIA(params, this.advisors), this.cardChatEndIA, 'count_closed_sessions_IA')\n this.updateCardValue(() => MetricsService.getDataMeanSessionTime(params, this.advisors), this.AverageSessionTime, 'mean_session_time')\n this.updateCardValue(() => MetricsService.getDataMeanWaitingTime(params, this.advisors), this.AverageWaitingTime, 'mean_waiting_time')\n this.cardChat.loading = false\n this.cardChatEnd.loading = false\n this.cardChatEndIA.loading = false\n } catch (error) {\n console.log(error)\n this.cardChat.loading = false\n this.cardChatEnd.loading = false\n this.cardChatEndIA.loading = false\n }\n },\n async getGlobalTimes () {\n this.AverageSessionTime.loading = true\n try {\n let params = {\n periodStart: moment().subtract(1, 'weeks').format('YYYY-MM-DD'),\n periodEnd: moment().format('YYYY-MM-DD')\n }\n if (this.range) {\n const { dateFrom, dateTo } = this.range\n params = {\n periodStart: dateFrom,\n periodEnd: dateTo\n }\n }\n const response = await MetricsService.getGlobalTimes(params)\n if (response.status) {\n const { Times } = response.data\n this.asignDataTwo(Times)\n } else {\n if (response?.data?.error) {\n EventBus.$emit('toast', 'error', this.$t(textCamelize(response.data.error)))\n } else {\n EventBus.$emit('toast', 'error', this.$t('unexpectedError'))\n }\n }\n } catch (error) {\n this.AverageSessionTime.loading = false\n }\n },\n async getAverageTimeCard () {\n this.AverageFirstResponseTime.loading = true\n try {\n let params = {\n periodStart: moment().subtract(1, 'weeks').format('YYYY-MM-DD'),\n periodEnd: moment().format('YYYY-MM-DD')\n }\n if (this.range) {\n const { dateFrom, dateTo } = this.range\n params = {\n periodStart: dateFrom,\n periodEnd: dateTo\n }\n }\n const response = await MetricsService.getAverageTimeCard(params)\n if (response.status) {\n const { range_first_answer_time } = response.data\n this.AverageFirstResponseTime.value = range_first_answer_time[0]?.mean_first_answer_time\n } else {\n if (response?.data?.error) {\n EventBus.$emit('toast', 'error', this.$t(textCamelize(response.data.error)))\n } else {\n EventBus.$emit('toast', 'error', this.$t('unexpectedError'))\n }\n }\n this.AverageFirstResponseTime.loading = false\n } catch (error) {\n this.AverageFirstResponseTime.loading = false\n }\n },\n asignDataTwo (item) {\n // this.AverageSessionTime.value = item.AverageSessionTime\n // this.AverageWaitingTime.value = item.AverageWaitingTime\n this.AverageAdvisorTime.value = item.AverageAdvisorTime\n // this.AverageFirstResponseTime.value = item.AverageFirstResponseTime\n this.AverageSessionTime.loading = false\n },\n callServices () {\n this.getGlobalTimes()\n this.getDataDailyChat()\n this.getAverageTimeCard()\n }\n },\n watch: {\n range: {\n handler: function (newVal, oldVal) {\n if ((newVal?.dateFrom && newVal?.dateTo) && (oldVal?.dateFrom && oldVal?.dateTo)) {\n if (newVal.dateFrom !== oldVal.dateFrom || newVal.dateTo !== oldVal.dateTo) {\n this.callServices()\n }\n }\n }\n },\n advisorFilterArray () {\n if (!this.loading) {\n if (this.advisorFilterArray.length === 0) {\n this.advisors = []\n return\n }\n if (this.advisorFilterArray.length > 0) {\n this.advisors = this.advisorFilterArrayId\n }\n }\n },\n dateSelector () {\n if (this.dateSelector) {\n }\n },\n dataComponent () {\n if (this.dataComponent) {\n this.dataComponentChild = this.dataComponent\n }\n }\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport ConversationsPage from './ConversationsPage'\nexport default ConversationsPage\n","import mod from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConversationsPage.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ConversationsPage.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./ConversationsPage.vue?vue&type=template&id=dfb39fbe&\"\nimport script from \"./ConversationsPage.vue?vue&type=script&lang=ts&\"\nexport * from \"./ConversationsPage.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./ConversationsPage.vue?vue&type=style&index=0&id=dfb39fbe&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 null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"endindPage\",staticStyle:{\"position\":\"relative\"}},[_c('TitleDetail',{attrs:{\"title\":_vm.$t('ending')}}),_c('div',{staticClass:\"d-flex\"},[_c('KBDateRangeMenu',{staticClass:\"pl-3\",on:{\"change-date\":function($event){return _vm.$emit('change-date', $event)}},model:{value:(_vm.dateSelector),callback:function ($$v) {_vm.dateSelector=$$v},expression:\"dateSelector\"}}),_c('KBSelectAdvisor',{attrs:{\"nameFlow\":_vm.nameSelect,\"idFlow\":_vm.idSelect}})],1),_c('div',{staticClass:\"endindPage__content\"},[_c('div',{staticClass:\"pl-4 floatingCardDetail__content\"},[_c('ColumnGraph',{attrs:{\"dataComponent\":_vm.dataComponentChild,\"id\":1,\"range\":_vm.range}}),_c('csat',{attrs:{\"dataComponent\":_vm.dataComponentChild,\"range\":_vm.range}})],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"ContentGraphGray\",class:_vm.$vuetify.theme.dark ? 'ContentGraphGrayDark' : ''},[_c('div',{staticClass:\"pt-4 pb-0 flex-column d-flex\"},[_c('span',[_vm._v(_vm._s(_vm.$t('advisorsEndReasons')))]),_c('DateRange',{attrs:{\"range\":_vm.range}})],1),_c('div',{staticClass:\"full-width\",attrs:{\"id\":(\"columnGraph\" + _vm.id)}}),(_vm.serviceEmpty)?_c('div',{staticClass:\"msgServiceError\"},[_vm._v(\" \"+_vm._s(_vm.$t('msgServicieError'))+\" \")]):_vm._e(),(_vm.loadingEnding)?_c('div',[_c('LoadingNext')],1):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export const orderDataEndingReason = (item) => {\n const advisors = []\n const reasons = []\n const seriesComputed = []\n const endReasons = item\n endReasons.forEach(advisor => {\n // We fill an array with all of the advisors names\n if (!advisors.includes(advisor.advisor_name)) {\n if (advisor.advisor_name === undefined) return\n if (advisor.advisor_name === null) return\n advisors.push(advisor.advisor_name)\n }\n // We fill an array with all of the end reasons for each advisor if it isn't already in the array\n advisor.data_ended.forEach(reason => {\n if (!reasons.includes(reason.Raison)) {\n reasons.push(reason.Raison)\n }\n })\n })\n // Here we create the series for the chart\n for (let index = 0; index < reasons.length; index++) {\n const element = reasons[index]\n seriesComputed.push({\n name: element,\n type: 'bar',\n stack: 'end reasons',\n data: []\n })\n }\n // Here we fill the series with the data\n advisors.forEach(advisor => {\n const advisorData = []\n reasons.forEach(reason => {\n const advisorReason = endReasons.find(advisorReason => advisorReason.advisor_name === advisor && advisorReason.data_ended.find(advisorReason => advisorReason.Raison === reason))\n\n if (advisorReason) {\n advisorData.push(advisorReason.data_ended.find(advisorReason => advisorReason.Raison === reason).total_count)\n } else {\n advisorData.push(0)\n }\n })\n seriesComputed.forEach((series, index) => {\n series.data.push(advisorData[index])\n })\n })\n\n return {\n seriesComputed,\n advisors\n }\n}\n","\nimport ApexCharts from 'apexcharts'\nimport { orderDataEndingReason } from '@/modules/metrics/infrastructure/ui/components/utils/orderDataEndingReason'\nimport LoadingNext from '@/modules/metrics/infrastructure/ui/components/generic/LoadingNext.vue'\nimport DateRange from '@/modules/metrics/infrastructure/ui/components/generic/DateRange.vue'\nimport MetricsService from '@/modules/metrics/application/services/MetricsService'\n\nexport default {\n components: {\n DateRange,\n LoadingNext\n },\n props: {\n range: {\n type: [String, Number, Object]\n },\n id: {\n type: [String, Number],\n default: 0\n },\n dataComponent: {\n type: [Object, String, Array]\n }\n },\n name: 'ColumnGraph',\n computed: {\n advisorFilterArrayId: {\n get () {\n return this.$store.state.MetricsStore.advisorFilterArrayId || []\n },\n set (value) {\n this.$store.commit('MetricsStore/SET_EDITING_OBJECT', {\n key: 'advisorFilterArrayId',\n value\n })\n }\n },\n advisorFilterArray: {\n get () {\n return this.$store.state.MetricsStore.advisorFilterArray || []\n },\n set (value) {\n this.$store.commit('MetricsStore/SET_EDITING_OBJECT', {\n key: 'advisorFilterArray',\n value\n })\n }\n },\n advisorFilter: {\n get () {\n return this.$store.state.MetricsStore.advisorFilter || null\n },\n set (value) {\n this.$store.commit('MetricsStore/SET_EDITING_OBJECT', {\n key: 'advisorFilter',\n value\n })\n }\n }\n },\n watch: {\n range () {\n if (this.range) {\n this.validateAdvisor()\n }\n },\n advisorFilterArray () {\n this.validateAdvisor()\n }\n },\n data () {\n return {\n serviceEmpty: false,\n chart: null,\n loadingEnding: false\n }\n },\n mounted () {\n this.validateAdvisor()\n },\n methods: {\n validateAdvisor () {\n if (this.loadingEnding) {\n return\n }\n if (this.advisorFilterArrayId.length === 0) {\n this.getEndingReason(this.range)\n return\n }\n if (this.advisorFilterArrayId) {\n this.getEndingReason(this.range, this.advisorFilterArrayId)\n }\n },\n async getEndingReason (dataRange, advisorList) {\n const { dateFrom, dateTo } = dataRange\n try {\n if (this.chart) {\n this.chart.destroy()\n }\n this.loadingEnding = true\n const params = {\n periodStart: dateFrom,\n periodEnd: dateTo\n }\n const response = await MetricsService.getBarEndReason(params, advisorList)\n if (response) {\n const { histogram } = response.data\n this.setEndingReason(histogram)\n this.loadingEnding = false\n } else {\n this.serviceEmpty = true\n this.loadingEnding = false\n }\n } catch (error) {\n this.serviceEmpty = true\n this.loadingEnding = false\n }\n },\n setEndingReason (item) {\n const { seriesComputed, advisors } = orderDataEndingReason(item)\n if (this.chart) {\n this.chart.destroy()\n }\n const options = {\n plotOptions: {\n bar: {\n horizontal: false,\n borderRadius: 10,\n borderRadiusOnAllStackedSeries: true\n }\n },\n tooltip: {\n enabled: true,\n enabledOnSeries: undefined,\n shared: true,\n followCursor: false,\n intersect: false,\n inverseOrder: false,\n custom: undefined,\n fillSeriesColor: true,\n theme: false,\n style: {\n fontSize: '12px',\n fontFamily: undefined\n },\n y: {\n formatter: undefined,\n title: {\n formatter: (seriesName) => seriesName + ':'\n }\n },\n onDatasetHover: {\n highlightDataSeries: false\n }\n },\n xaxis: {\n type: 'string',\n categories: advisors\n },\n chart: {\n type: 'bar',\n height: 520,\n stacked: true,\n toolbar: {\n show: false\n },\n zoom: {\n enabled: false\n }\n },\n dataLabels: {\n enabled: false\n },\n series: seriesComputed\n }\n this.chart = new ApexCharts(document.querySelector(`#columnGraph${this.id.toString()}`), options)\n\n this.chart.render()\n }\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport ColumnGraph from './ColumnGraph'\nexport default ColumnGraph\n","import mod from \"-!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ColumnGraph.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ColumnGraph.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./ColumnGraph.vue?vue&type=template&id=a0439f5c&scoped=true&\"\nimport script from \"./ColumnGraph.vue?vue&type=script&lang=ts&\"\nexport * from \"./ColumnGraph.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./ColumnGraph.vue?vue&type=style&index=0&id=a0439f5c&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 \"a0439f5c\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"ContentGraphCsat\",class:_vm.$vuetify.theme.dark ? 'ContentGraphGrayDark' : ''},[_c('div',{staticClass:\"contentSVGPerson\"},[_c('lottie-animation',{ref:\"anim\",attrs:{\"loop\":true,\"animationData\":require('@/shared/assets/animations/Yoga_Meditar.json')}})],1),_c('div',{staticClass:\"containerCsat\"},[_c('span',{staticClass:\"titlecsat\",class:_vm.$vuetify.theme.dark ? 'darkMode' : ''},[_vm._v(\"CSAT\")]),_c('span',{staticClass:\"contentCsat\"},[_vm._v(_vm._s(_vm.$t('csatMsg')))])]),(_vm.loadingCSAT)?_c('div',[_c('LoadingNext')],1):_vm._e(),_c('div',{attrs:{\"id\":\"MetricsCSATGraph__graph\"}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\nimport moment from 'moment'\nimport ApexCharts from 'apexcharts'\nimport { EventBus } from '@/eventBus'\nimport { textCamelize } from '@/utils/utils'\nimport MetricsService from '@/modules/metrics/application/services/MetricsService'\nimport LoadingNext from '@/modules/metrics/infrastructure/ui/components/generic/LoadingNext.vue'\nimport LottieAnimation from 'lottie-web-vue'\n\nexport default {\n name: 'MetricsGraph',\n props: {\n range: {\n type: Object\n },\n dataComponent: {\n type: Object\n }\n },\n components: {\n LottieAnimation,\n LoadingNext\n },\n data () {\n return {\n chartStatus: null,\n itemData: [],\n itemDataCSAT: 0,\n loadingCSAT: true,\n loadingConversationState: true,\n chartCSAT: null\n }\n },\n beforeDestroy () {\n if (this.chartCSAT) {\n this.chartCSAT.destroy()\n }\n if (this.chartStatus) {\n this.chartStatus.destroy()\n }\n },\n watch: {\n range () {\n if (this.range) {\n this.getCSAT()\n }\n },\n dataComponent () {\n if (this.dataComponent) {\n try {\n this.setStateConversation(this.dataComponent)\n this.loadingConversationState = false\n } catch (error) {\n this.loadingConversationState = false\n }\n }\n }\n },\n\n methods: {\n async getCSAT () {\n let params = {}\n if (this.range) {\n const { dateFrom, dateTo } = this.range\n params = {\n periodStart: dateFrom,\n periodEnd: dateTo\n }\n } else {\n params = {\n periodStart: moment().subtract(1, 'weeks').format('YYYY-MM-DD'),\n periodEnd: moment().format('YYYY-MM-DD')\n }\n }\n this.loadingCSAT = true\n\n const response = await MetricsService.getNewCSAT(params)\n if (response) {\n if (response?.data) {\n const { data } = response\n if (data?.result[0]) {\n this.itemDataCSAT = data?.result[0].CSAT.toFixed(2)\n }\n }\n // else {\n // this.itemDataCSAT = response?.data?.csat?.satisfaction?.toFixed(2)\n // }\n\n this.setCSAT()\n this.loadingCSAT = false\n } else {\n this.loadingCSAT = false\n if (response?.data?.error) {\n EventBus.$emit('toast', 'error', this.$t(textCamelize(response.data.error)))\n } else {\n EventBus.$emit('toast', 'error', this.$t('unexpectedError'))\n }\n }\n },\n setCSAT () {\n if (this.chartCSAT) {\n this.chartCSAT.destroy()\n }\n const optionsCSAT = {\n series: [Math.round(this.itemDataCSAT)],\n chart: {\n height: 218,\n type: 'radialBar'\n },\n stroke: {\n lineCap: 'round',\n width: [2]\n },\n fill: {\n type: 'solid',\n colors: ['#3AF69B']\n },\n plotOptions: {\n radialBar: {\n dataLabels: {\n name: {\n show: false,\n fontSize: '10px',\n color: '#636363',\n offsetY: 20\n },\n value: {\n offsetY: 5,\n fontWeight: 600,\n fontSize: '18px',\n color: '#636363'\n }\n }\n }\n },\n\n labels: ['CSAT']\n }\n\n this.chartCSAT = new ApexCharts(document.querySelector('#MetricsCSATGraph__graph'), optionsCSAT)\n\n this.chartCSAT.render()\n }\n\n },\n computed: {\n closeModal: {\n get () {\n return this.$store.state.MetricsStore.closeModal || false\n },\n set (value) {\n this.$store.commit('MetricsStore/SET_EDITING_OBJECT', {\n key: 'closeModal',\n value\n })\n }\n },\n loading: {\n get () {\n return this.$store.state.MetricsStore.loading || false\n },\n set (value) {\n this.$store.commit('MetricsStore/SET_EDITING_OBJECT', {\n key: 'loading',\n value\n })\n }\n }\n },\n mounted () {\n this.getCSAT()\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport csat from './csat'\nexport default csat\n","import mod from \"-!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./csat.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./csat.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./csat.vue?vue&type=template&id=4ee8549a&scoped=true&\"\nimport script from \"./csat.vue?vue&type=script&lang=ts&\"\nexport * from \"./csat.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./csat.vue?vue&type=style&index=0&id=4ee8549a&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 \"4ee8549a\",\n null\n \n)\n\nexport default component.exports","\nimport KBDateRangeMenu from '@/shared/infrastructure/ui/KBDateRangeMenu.vue'\nimport TitleDetail from '@/modules/metrics/infrastructure/ui/components/generic/TitleDetail.vue'\nimport ColumnGraph from '@/modules/metrics/infrastructure/ui/components/ending/ColumnGraph/ColumnGraph.vue'\nimport csat from '@/modules/metrics/infrastructure/ui/components/ending/csat/csat.vue'\nimport KBSelectAdvisor from '@/shared/infrastructure/ui/KBSelectAdvisor.vue'\n\nexport default {\n name: 'EndingPage',\n props: [\n 'dateString', 'range', 'dataComponent'\n ],\n components: {\n csat,\n TitleDetail,\n ColumnGraph,\n KBDateRangeMenu,\n KBSelectAdvisor\n // WordCloud\n },\n data () {\n return {\n advisors: [],\n idSelect: null,\n nameSelect: '',\n dateSelector: '',\n dataComponentChild: null\n }\n },\n watch: {\n dataComponent () {\n if (this.dataComponent) {\n this.dataComponentChild = this.dataComponent\n }\n }\n },\n mounted () {\n this.dateSelector = this.dateString\n },\n computed: {\n bottomPage: {\n get () {\n return this.$store.state.MetricsStore.bottomPage || null\n },\n set (value) {\n this.$store.commit('MetricsStore/SET_EDITING_OBJECT', {\n key: 'bottomPage',\n value\n })\n }\n }\n },\n methods: {\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport EndingPage from './EndingPage'\nexport default EndingPage\n\n","import mod from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EndingPage.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EndingPage.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./EndingPage.vue?vue&type=template&id=101a9ddc&\"\nimport script from \"./EndingPage.vue?vue&type=script&lang=ts&\"\nexport * from \"./EndingPage.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./EndingPage.vue?vue&type=style&index=0&id=101a9ddc&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 null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"floating-card-detail\",staticStyle:{\"overflow-y\":\"hidden !important\"}},[_c('TitleDetail',{attrs:{\"title\":_vm.$t('salesAndTickets')}}),(_vm.loadingCall)?_c('Loader'):_vm._e(),(!_vm.loading)?_c('div',{staticClass:\"flex-row\"},[_c('KBSelectFlow',{attrs:{\"nameFlow\":_vm.nameFlow,\"idFlow\":_vm.idFlow}}),_c('KBDateRangeMenu',{staticClass:\"pl-3\",model:{value:(_vm.dateSelector),callback:function ($$v) {_vm.dateSelector=$$v},expression:\"dateSelector\"}})],1):_vm._e(),(!_vm.loading)?_c('div',{staticClass:\"containerSales\",staticStyle:{\"height\":\"78%\"}},[_c('div',{staticClass:\"containerSales__content\"},[(_vm.disabledCards)?_c('div',{staticClass:\"floating-card-detail__dataContainerFilter__column\"},[_c('MetricsCard',{attrs:{\"title\":_vm.averageTicket.text,\"content\":_vm.averageTicket.descipcion,\"contentValue\":_vm.averageTicket.value,\"cashType\":true}}),_c('MetricsCard',{attrs:{\"title\":_vm.averageWon.text,\"content\":_vm.averageWon.descipcion,\"contentValue\":_vm.averageWon.value,\"percentageType\":true}})],1):_vm._e(),_c('NewDeals',{attrs:{\"dataRequest\":_vm.dataRequestGraph,\"range\":_vm.resultDate,\"nameFlow\":_vm.formatName(_vm.nameFlow)}}),_c('div',{staticClass:\"pt-4 pb-2 flex-column d-flex\"},[_c('span',[_vm._v(\"Cierre (\"+_vm._s(_vm.formatName(_vm.nameFlow))+\")\")]),_c('DateRange',{attrs:{\"range\":_vm.resultDate}})],1),_c('div',{staticClass:\"floating-card-detail__dataContainerFilter__column\"},[_c('MetricsCard',{attrs:{\"title\":_vm.dealClosed.text,\"content\":_vm.dealClosed.descipcion,\"contentValue\":_vm.dealClosed.value,\"cash\":_vm.dealClosed.cash}}),_c('MetricsCard',{attrs:{\"title\":_vm.dealBenchmark.text,\"content\":_vm.dealBenchmark.descipcion,\"contentValue\":_vm.dealBenchmark.value}})],1),(!_vm.loading)?_c('TrapexiumGraph',{staticClass:\"pl-3\",attrs:{\"nameFlow\":_vm.formatName(_vm.nameFlow),\"dataRequest\":_vm.dataRequests,\"id\":1,\"range\":_vm.resultDate,\"firstPipeline\":_vm.firstPipeline}}):_vm._e(),_c('div',{staticClass:\"pt-2 flex-column d-flex\"},[_c('SalesByAdvisor',{attrs:{\"range\":_vm.resultDate,\"nameFlow\":_vm.formatName(_vm.nameFlow),\"tableData\":_vm.tableData}})],1),_c('div',{staticClass:\"flex-column d-flex\"},[_c('SalesTable',{attrs:{\"range\":_vm.resultDate,\"idFlow\":_vm.idFlow}})],1)],1)]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"ContentGraphGray\",class:_vm.$vuetify.theme.dark ? 'ContentGraphGrayDark' : ''},[_c('span',{staticClass:\"pt-3 pb-1\"},[_vm._v(_vm._s(_vm.$t('funnel'))+\" (\"+_vm._s(_vm.nameFlow)+\")\")]),_c('DateRange',{attrs:{\"range\":_vm.range}}),(_vm.dataGraphVisible)?_c('div',{staticClass:\"cardFunnel\"},[_c('v-chart',{attrs:{\"option\":_vm.option}})],1):_vm._e(),(_vm.dataRequestList.length > 0)?_c('div',{staticClass:\"cardFunnelTable\"},[_c('table',{staticClass:\"KBSimpleTable__table \"},[_c('thead',[_c('tr',_vm._l((_vm.headers),function(label,labelIndex){return _c('th',{key:(\"KBSimpleTable-\" + (label.text) + \"-\" + labelIndex),staticClass:\"KBSimpleTable__header smallTable__header\"},[_c('td',[_vm._v(\" \"+_vm._s(label.text)+\" \")])])}),0)]),_c('tbody',_vm._l((_vm.dataRequestList),function(item,itemIndex){return _c('tr',{key:(\"KBSimpleTable-item-\" + itemIndex),staticClass:\"KBSimpleTable__row\"},[_c('td',{class:_vm.$vuetify.theme.dark? 'KBSimpleTable__itemDark': 'KBSimpleTable__item'},[_vm._v(\" \"+_vm._s(item.stepName ? item.stepName : '-')+\" \")]),_c('td',{class:_vm.$vuetify.theme.dark? 'KBSimpleTable__itemDark': 'KBSimpleTable__item'},[_vm._v(\" \"+_vm._s(item.totalAmount ? (\"$\" + (_vm.numbersFilter(item.totalAmount))) : '$0')+\" \")]),_c('td',{class:_vm.$vuetify.theme.dark? 'KBSimpleTable__itemDark': 'KBSimpleTable__item'},[_vm._v(\" \"+_vm._s(item.totalCount ? item.totalCount : '0')+\" \")]),_c('td',{class:_vm.$vuetify.theme.dark? 'KBSimpleTable__itemDark': 'KBSimpleTable__item'},[_vm._v(\" \"+_vm._s(item.runningTotalCount ? item.runningTotalCount : '0')+\" \")]),_c('td',{class:_vm.$vuetify.theme.dark? 'KBSimpleTable__itemDark': 'KBSimpleTable__item'},[_vm._v(\" \"+_vm._s(item.runningTotalAmount ? (\"$\" + (_vm.numbersFilter(item.runningTotalAmount))) : '$0')+\" \")])])}),0)])]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n
\n \n {{ $t('tableConversationsTakenByAgent') }}\n
\n \n {{ $t('msgEmptyConversation') }}\n
\n \n {{ $t('funnel') }} ({{ nameFlow }})\n \n
\n\n\n\n\n","import mod from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TrapexiumGraph.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TrapexiumGraph.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TrapexiumGraph.vue?vue&type=template&id=162ef206&\"\nimport script from \"./TrapexiumGraph.vue?vue&type=script&lang=js&\"\nexport * from \"./TrapexiumGraph.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TrapexiumGraph.vue?vue&type=style&index=0&id=162ef206&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 null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"KBSelectFlow\"},[_c('div',{staticClass:\"KBSelect\",class:{ 'KBSelect--open': _vm.showSelector }},[_c('div',{staticClass:\"KBSelect__container\",on:{\"click\":function($event){_vm.showSelector = !_vm.showSelector}}},[(_vm.flowFilter)?_c('span',{class:{ 'selected--dark': _vm.$vuetify.theme.dark }},[_vm._v(_vm._s(_vm.formatN(_vm.flowFilter.name)))]):_vm._e(),_c('span',{staticClass:\"mdi mdi-menu-down\"})]),_c('div',{staticClass:\"KBSelect__list newBackground\",class:{ 'KBSelect__list--open': _vm.showSelector }},_vm._l((_vm.items),function(item,index){return _c('div',{key:index,staticClass:\"list-item\",class:{ 'list-item--selected': _vm.isSelected(item) },on:{\"click\":function($event){return _vm.selectItem(item)}}},[_vm._v(\" \"+_vm._s(_vm.formatN(item.name))+\" \")])}),0)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport MetricsService from '@/modules/metrics/application/services/MetricsService'\nimport { mapGetters } from 'vuex'\nimport operations from '@/utils/operations'\n\nexport default {\n name: 'KBSelectFlow',\n props: ['value', 'itemText', 'itemValue', 'returnObject', 'nameFlow', 'idFlow'],\n computed: {\n ...mapGetters('AppStore', ['getSelectedApp']),\n appUUID () {\n return this.getSelectedApp.uuid\n },\n loading: {\n get () {\n return this.$store.state.MetricsStore.loading || false\n },\n set (value) {\n this.$store.commit('MetricsStore/SET_EDITING_OBJECT', {\n key: 'loading',\n value\n })\n }\n },\n itemToShow () {\n if (this.itemValue) {\n const item = this.items.filter(item => item[this.itemValue] === this.selectedItem)\n if (item && item[0]) return item[0][this.itemText]\n else return ''\n } else if (this.returnObject) {\n return this.selectedItem[this.itemText]\n } else return this.selectedItem\n },\n flowFilter: {\n get () {\n return this.$store.state.MetricsStore.flowFilter || null\n },\n set (value) {\n this.$store.commit('MetricsStore/SET_EDITING_OBJECT', {\n key: 'flowFilter',\n value\n })\n }\n }\n },\n created () {\n if (this.items.length === 0) {\n this.getPipelines()\n }\n if (this.value) this.selectedItem = this.value\n },\n watch: {\n value (val) {\n this.selectedItem = val\n }\n },\n data () {\n return {\n items: [],\n selectedItem: null,\n selectedItemId: null,\n showSelector: false\n }\n },\n methods: {\n formatN (name) {\n return operations.checkTranslation(name)\n },\n async getPipelines () {\n try {\n const app = this.getSelectedApp?.uuid\n const { data } = await MetricsService.getAppFunnels(app)\n if (data) {\n this.formatName(data)\n this.flowFilter = {\n _id: this.idFlow,\n name: operations.checkTranslation(this.nameFlow)\n }\n }\n } catch (e) {\n console.error(e)\n }\n },\n formatName (data) {\n this.items = data.map(segment => {\n if (!segment?.name) return\n return {\n name: operations.checkTranslation(segment.name),\n _id: segment._id\n\n }\n })\n },\n selectItem (item) {\n if (this.returnObject) this.selectedItem = item\n else if (this.itemValue) this.selectedItem = item[this.itemValue]\n else {\n this.flowFilter = { _id: item._id, name: operations.checkTranslation(item.name) }\n this.selectedItem = item.name\n this.selectedItemId = item._id\n }\n this.showSelector = false\n this.$emit('sendData', { selectedItem: this.selectedItem, selectedItemId: this.selectedItemId })\n },\n isSelected (item) {\n if (this.itemValue) {\n const found = this.items.filter(i => i[this.itemValue] === this.selectedItem)[0]\n if (found) return true\n } else {\n return this.selectedItem === item\n }\n }\n }\n}\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./KBSelectFlow.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./KBSelectFlow.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./KBSelectFlow.vue?vue&type=template&id=58a6b864&scoped=true&\"\nimport script from \"./KBSelectFlow.vue?vue&type=script&lang=ts&\"\nexport * from \"./KBSelectFlow.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./KBSelectFlow.vue?vue&type=style&index=0&id=58a6b864&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 \"58a6b864\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"ContentGraphGray\",class:_vm.$vuetify.theme.dark ? 'ContentGraphGrayDark' : ''},[_c('span',{staticClass:\"pt-3 pb-1\"},[_vm._v(_vm._s(_vm.$t('newDeals'))+\" (\"+_vm._s(_vm.nameFlow)+\")\")]),_c('DateRange',{attrs:{\"range\":_vm.range}}),_c('div',{staticClass:\"full-width\",attrs:{\"id\":\"SalesLineGraphNew\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n \n
\n 0\"\n class=\"cardFunnelTable\">\n \n \n
\n
\n | \n {{ label.text }}\n | \n \n\n {{ item.stepName ? item.stepName : '-' }}\n | \n\n {{ item.totalAmount ? `$${numbersFilter(item.totalAmount)}` : '$0' }}\n | \n\n {{ item.totalCount ? item.totalCount : '0' }}\n | \n\n {{ item.runningTotalCount ? item.runningTotalCount : '0' }}\n | \n\n {{ item.runningTotalAmount ? `$${numbersFilter(item.runningTotalAmount)}` : '$0' }}\n | \n \n
\r\n {{ $t('newDeals') }} ({{ nameFlow }})\r\n \r\n \r\n
\r\n\r\n\r\n\r\n\r\n","import mod from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NewDeals.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NewDeals.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NewDeals.vue?vue&type=template&id=2cc31269&\"\nimport script from \"./NewDeals.vue?vue&type=script&lang=js&\"\nexport * from \"./NewDeals.vue?vue&type=script&lang=js&\"\nimport style0 from \"./NewDeals.vue?vue&type=style&index=0&id=2cc31269&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 null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"metricTableGray pt-1\",class:_vm.$vuetify.theme.dark ? 'metricTableGrayDark' : '',style:(_vm.agents.length === 0 ? 'min-height: 40px;': '')},[_c('span',{staticClass:\"pt-3 pb-1\"},[_vm._v(_vm._s(_vm.$t('salesPerformance')))]),_c('DateRange',{attrs:{\"range\":_vm.range}}),(_vm.agents.length > 0)?_c('div',{staticClass:\"KBSimpleTable smallTable\"},[_c('table',{staticClass:\"KBSimpleTable__table \"},[_c('thead',[_c('tr',_vm._l((_vm.headers),function(label,labelIndex){return _c('th',{key:(\"KBSimpleTable-\" + (label.text) + \"-\" + labelIndex),staticClass:\"KBSimpleTable__header smallTable__header\"},[_c('div',{staticClass:\"tooltip\"},[_c('p',[_vm._v(\" \"+_vm._s(label.text))]),_c('span',{staticClass:\"tooltiptext\",style:({width:label.text.length*10 + 'px', left:labelIndex>= 5 ? '-'+labelIndex*25+'px': '-'+labelIndex*5+'px'})},[_vm._v(_vm._s(label.text))])])])}),0)]),_c('tbody',_vm._l((_vm.agents),function(item,itemIndex){return _c('tr',{key:(\"KBSimpleTable-item-\" + itemIndex),staticClass:\"KBSimpleTable__row\"},[_c('td',{class:_vm.$vuetify.theme.dark? 'KBSimpleTable__itemDark': 'KBSimpleTable__item'},[_vm._v(\" \"+_vm._s(item.state)+\" \")]),_c('td',{class:_vm.$vuetify.theme.dark? 'KBSimpleTable__itemDark': 'KBSimpleTable__item'},[_c('div',{staticClass:\"flex justify-between\"},[_vm._v(_vm._s(item.total)+\" \"),(item.variation > 0)?_c('span',{staticClass:\"positive\"},[_vm._v(\" +\"+_vm._s(item.variation)+\" \")]):_c('span',{staticClass:\"negative\"},[_vm._v(_vm._s(item.variation))])])])])}),0)])]):_c('div',{staticClass:\"msgServiceError\"},[_vm._v(_vm._s(_vm.$t('noDataFound')))])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n \r\n {{$t('salesPerformance')}}\r\n \r\n
\r\n\r\n\r\n\r\n\r\n","import mod from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SalesTable.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SalesTable.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SalesTable.vue?vue&type=template&id=73ca8baa&\"\nimport script from \"./SalesTable.vue?vue&type=script&lang=js&\"\nexport * from \"./SalesTable.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SalesTable.vue?vue&type=style&index=0&id=73ca8baa&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 null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"metricTableGray pt-1\",class:_vm.$vuetify.theme.dark ? 'metricTableGrayDark' : '',style:(_vm.agents.length === 0 ? 'min-height: 40px;' : '')},[_c('span',{staticClass:\"pt-3 pb-1\"},[_vm._v(_vm._s(_vm.$t('salesByAdvisor'))+\" (\"+_vm._s(_vm.nameFlow)+\")\")]),_c('DateRange',{attrs:{\"range\":_vm.range}}),(_vm.agents.length > 0)?_c('div',{staticClass:\"KBSimpleTable smallTable\"},[_c('table',{staticClass:\"KBSimpleTable__table\"},[_c('thead',[_c('tr',_vm._l((_vm.headers),function(label,labelIndex){return _c('th',{key:(\"KBSimpleTable-\" + (label.text) + \"-\" + labelIndex),staticClass:\"KBSimpleTable__header smallTable__header\"},[_c('div',{staticClass:\"tooltip\"},[_c('p',[_vm._v(_vm._s(label.text))]),_c('span',{staticClass:\"tooltiptext\",style:({\n width: label.text.length * 10 + 'px',\n left:\n labelIndex >= 5\n ? '-' + labelIndex * 25 + 'px'\n : '-' + labelIndex * 5 + 'px',\n })},[_vm._v(_vm._s(label.text))])])])}),0)]),_c('tbody',_vm._l((_vm.agents),function(item,itemIndex){return _c('tr',{key:(\"KBSimpleTable-item-\" + itemIndex),staticClass:\"KBSimpleTable__row\"},[_c('td',{class:_vm.$vuetify.theme.dark\n ? 'KBSimpleTable__itemDark'\n : 'KBSimpleTable__item'},[_vm._v(\" \"+_vm._s(item.name ? item.name : '-')+\" \")]),_c('td',{class:_vm.$vuetify.theme.dark\n ? 'KBSimpleTable__itemDark'\n : 'KBSimpleTable__item'},[_vm._v(\" \"+_vm._s(item.deals)+\" \")]),_c('td',{class:_vm.$vuetify.theme.dark\n ? 'KBSimpleTable__itemDark'\n : 'KBSimpleTable__item'},[_c('div',{staticClass:\"flex justify-between\"},[_vm._v(\" \"+_vm._s(item.total)+\" \")])])])}),0)])]):_c('div',{staticClass:\"msgServiceError\"},[_vm._v(_vm._s(_vm.$t('noDataFound')))])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n 0\">\r\n \r\n \r\n
\r\n
\r\n | \r\n {{ item.state }}\r\n | \r\n\r\n {{ item.total }}\r\n 0\"\r\n class=\"positive\">\r\n +{{ item.variation }}\r\n \r\n {{ item.variation }}\r\n \r\n | \r\n \r\n
{{ $t('noDataFound') }}
\r\n 0\">\r\n \r\n \r\n
\r\n
\r\n {{ $t('noDataFound') }}
\r\n \r\n\r\n \r\n \r\n {{hour.hour}}\r\n
\r\n \r\n {{$t('hour')}}\r\n {{selectedHour}} : {{selectedMinute ? selectedMinute : '00'}}\r\n
\r\n \r\n \r\n {{hour.hour}}\r\n
\r\n \r\n \r\n \n \n \n
\n \n \n {{ title }}\n
\n\n\n\n\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./KBCard.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./KBCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./KBCard.vue?vue&type=template&id=71370d9f&scoped=true&\"\nimport script from \"./KBCard.vue?vue&type=script&lang=js&\"\nexport * from \"./KBCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./KBCard.vue?vue&type=style&index=0&id=71370d9f&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 \"71370d9f\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.dataText !== _vm.$t('pending'))?_c('span',{staticClass:\"textCard__subText\"},[_vm._v(\"USD\")]):_vm._e(),_c('span',{staticClass:\"textCard\"},[_vm._v(\" \"+_vm._s(_vm.dataText ? _vm.dataText : 0)+\" \")]),(_vm.decimal)?_c('span',{staticClass:\"textCard__subText\"},[_vm._v(\".\"+_vm._s(_vm.decimal))]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n
\n {{ content }}\n \n USD\n \n {{ dataText ? dataText : 0 }}\n \n .{{ decimal }}\n
\n\n\n\n\n","import mod from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./USDCard.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./USDCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./USDCard.vue?vue&type=template&id=5cd0018d&\"\nimport script from \"./USDCard.vue?vue&type=script&lang=js&\"\nexport * from \"./USDCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./USDCard.vue?vue&type=style&index=0&id=5cd0018d&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 null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"basic-metrics\",class:_vm.$vuetify.theme.dark? 'basic-metrics__dark':''},[_c('div',{staticClass:\"basic-metrics__item\"},[_c('span',{staticClass:\"textTitle\",class:_vm.$vuetify.theme.dark ? 'darkMode' : ' '},[_vm._v(_vm._s(_vm.$t('successRate')))]),_c('div',{attrs:{\"id\":\"MetricsCSATGraph__graph\"}})]),_c('div',{staticClass:\"basic-metrics__item basic-metrics__border-top\"},[_c('span',{staticClass:\"textTitle\",class:_vm.$vuetify.theme.dark ? 'darkMode' : ''},[_vm._v(_vm._s(_vm.$t('detail')))]),_c('div',{staticStyle:{\"width\":\"100%\",\"max-width\":\"455px\"},attrs:{\"id\":\"StateConversationGraph\"}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import ApexCharts from 'apexcharts'\nexport default {\n name: 'BasicMetrics',\n props: ['dataCompononts'],\n watch: {\n dataCompononts () {\n if (this.dataCompononts) {\n this.callServices()\n }\n }\n },\n mounted () {\n this.callServices()\n },\n data () {\n return {\n itemData: [],\n itemDataCSAT: 0,\n loading: false,\n chartCSAT: null,\n chartConversation: null\n }\n },\n beforeDestroy () {\n if (this.chartCSAT) {\n this.chartCSAT.destroy()\n }\n if (this.chartConversation) {\n this.chartConversation.destroy()\n }\n },\n methods: {\n callServices () {\n if (this.dataCompononts) {\n if (this.chartCSAT) {\n this.chartCSAT.destroy()\n }\n if (this.chartConversation) {\n this.chartConversation.destroy()\n }\n this.setCSAT()\n this.setStateConversation()\n }\n },\n calculatePercentage (value, total) {\n let percentage = (value / total) * 100\n if (percentage) {\n percentage = Math.round(percentage)\n } else {\n percentage = 0\n }\n return percentage\n },\n setStateConversation () {\n const { totalRead, totalRejected, totalSent, type, totalClicked, totalOpened, totalCanceled } = this.dataCompononts\n let labels\n if (type === 'email') {\n labels = [\n this.$t('sents'),\n this.$t('totalOpened'),\n this.$t('totalClicked')\n ]\n } else {\n labels = [\n this.$t('sents'),\n this.$t('readChart'),\n this.$t('rejected')\n ]\n }\n const options = {\n series: [{\n data: [{\n x: this.$t('sents'),\n y: totalSent,\n fillColor: '#3AF69B'\n }, {\n x: type === 'email' ? this.$t('totalOpened') : this.$t('readChart'),\n y: type === 'email' ? totalOpened : totalRead,\n fillColor: '#FFB200'\n }, {\n x: type === 'email' ? this.$t('totalClicked') : this.$t('rejected'),\n y: type === 'email' ? totalClicked : totalRejected + totalCanceled,\n fillColor: '#F7685B'\n\n }]\n }],\n tooltip: {\n enabled: true,\n enabledOnSeries: undefined,\n shared: true,\n followCursor: false,\n intersect: false,\n inverseOrder: false,\n custom: undefined,\n fillSeriesColor: true,\n theme: false\n },\n chart: {\n height: 160,\n width: 280,\n type: 'bar',\n stacked: true,\n toolbar: {\n show: false\n },\n zoom: {\n enabled: false\n }\n },\n legend: {\n show: false\n },\n dataLabels: {\n enabled: false\n },\n labels: labels\n }\n this.chartConversation = new ApexCharts(document.querySelector('#StateConversationGraph'), options)\n this.chartConversation.render()\n },\n setCSAT () {\n const { totalUsers, totalSent } = this.dataCompononts\n\n let porcentaje = (100 * totalSent) / totalUsers\n if (!porcentaje || isNaN(porcentaje)) { porcentaje = 0 }\n const optionsCSAT = {\n series: [Math.round(porcentaje)],\n chart: {\n offsetY: -10,\n offsetX: -60,\n height: 220,\n width: 300,\n type: 'radialBar'\n },\n stroke: {\n lineCap: 'round'\n },\n fill: {\n type: 'solid',\n colors: ['#3AF69B']\n },\n plotOptions: {\n radialBar: {\n hollow: {\n size: '40%'\n },\n dataLabels: {\n name: {\n show: false,\n fontSize: '10px',\n color: '#636363',\n offsetY: 20\n },\n value: {\n offsetY: 5,\n fontWeight: 600,\n fontSize: '18px',\n color: '#636363'\n }\n }\n }\n },\n\n labels: ['CSAT']\n }\n this.chartCSAT = new ApexCharts(document.querySelector('#MetricsCSATGraph__graph'), optionsCSAT)\n this.chartCSAT.render()\n }\n\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport BasicMetrics from './BasicMetrics'\nexport default BasicMetrics\n","import mod from \"-!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BasicMetrics.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BasicMetrics.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./BasicMetrics.vue?vue&type=template&id=7e435d8f&\"\nimport script from \"./BasicMetrics.vue?vue&type=script&lang=ts&\"\nexport * from \"./BasicMetrics.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./BasicMetrics.vue?vue&type=style&index=0&id=7e435d8f&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 null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('span',{staticClass:\"textCard\"},[_vm._v(\" \"+_vm._s(_vm.dataText ? _vm.dataText : '')+\" \")])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n \n \n {{ dataText ? dataText : '' }}\n \n
\n\n\n\n\n","import mod from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BasicCard.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BasicCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BasicCard.vue?vue&type=template&id=94f8998e&\"\nimport script from \"./BasicCard.vue?vue&type=script&lang=js&\"\nexport * from \"./BasicCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BasicCard.vue?vue&type=style&index=0&id=94f8998e&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 null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"Outbound__preview\",class:_vm.$vuetify.theme.dark ? 'Outbound__preview__dark': ''},[_c('div',{staticClass:\"Outbound__preview--message\"},[_c('div',{staticClass:\"Outbound__preview--messageText\"},[(!_vm.videoType && !_vm.templateMediaUrl)?_c('div',{staticClass:\"contentWithOutImg\"},[(_vm.detail)?_c('div',{staticClass:\"contentDetailSvgImg\"},[_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"39\",\"height\":\"39\",\"viewBox\":\"0 0 39 39\",\"fill\":\"none\"}},[_c('path',{attrs:{\"d\":\"M19.5413 38.9998C15.7078 39.0053 11.9583 37.8783 8.76443 35.7604L3.19395 37.5563H2.90714C2.77638 37.5574 2.64669 37.5328 2.52554 37.4837C2.40439 37.4345 2.29429 37.3619 2.2013 37.2701C2.07198 37.1432 1.98036 36.9826 1.93658 36.8069C1.88716 36.6303 1.88716 36.4438 1.93658 36.2672L3.69054 30.923C1.1269 27.3733 -0.166957 23.0653 0.0172726 18.6921C0.196486 14.3151 1.84815 10.1262 4.70526 6.80283C7.553 3.47968 11.4391 1.21278 15.7358 0.368058C20.0365 -0.479022 24.4974 0.145777 28.3989 2.14192C32.2912 4.14239 35.3986 7.3902 37.2233 11.3647C39.0467 15.3461 39.4815 19.8231 38.4586 24.0804C37.4311 28.335 34.9988 32.1196 31.5537 34.8237C28.0979 37.5456 23.8209 39.0177 19.4201 38.9998H19.5413ZM19.5413 3.87221C15.9208 3.87151 12.4122 5.12518 9.61381 7.41995C6.81909 9.70812 4.90515 12.8937 4.1979 16.4335C3.49427 19.9784 4.03977 23.657 5.74207 26.8459C7.44938 30.0314 10.2093 32.5276 13.5518 33.909C16.8897 35.294 20.6058 35.4773 24.064 34.4272C27.5238 33.381 30.5135 31.1691 32.5243 28.1683C34.5322 25.1607 35.4364 21.5517 35.0835 17.9539C34.7303 14.3594 33.1397 10.9987 30.5829 8.44488C27.6576 5.52118 23.6904 3.87667 19.5524 3.87221H19.5413ZM25.0566 28.7413C23.3547 28.5738 21.6944 28.1154 20.148 27.386C16.7992 25.766 13.9603 23.2578 11.9414 20.1356C10.8204 18.7084 10.1417 16.9848 9.98894 15.1772C9.98041 14.4176 10.1385 13.6654 10.4521 12.9734C10.7583 12.277 11.2139 11.6565 11.7868 11.1555C12.2292 10.7697 12.799 10.5613 13.3862 10.5712H14.026C14.5224 10.5712 14.7541 10.5714 15.1291 11.3868C15.5041 12.2022 16.4749 14.6927 16.5962 14.9351C16.67 15.0742 16.7077 15.2291 16.7064 15.3865C16.7077 15.5439 16.67 15.6993 16.5962 15.8384C16.4531 16.1135 16.2752 16.3689 16.0668 16.5986C15.9675 16.7199 15.8572 16.8301 15.7469 16.9403C15.6366 17.0505 15.471 17.2267 15.3386 17.3809C15.1858 17.4982 15.0801 17.6665 15.0408 17.8549C15.004 18.0494 15.0436 18.2504 15.1512 18.4166C15.8781 19.6404 16.777 20.7536 17.8205 21.7223C18.9655 22.7585 20.2934 23.5732 21.7364 24.1245C21.9306 24.209 22.1451 24.2355 22.3542 24.2015C22.5605 24.1639 22.7518 24.0683 22.9057 23.926C23.3688 23.3838 23.7926 22.8093 24.1741 22.207C24.2996 22.0154 24.4924 21.8782 24.7146 21.8218C24.9307 21.7575 25.1633 21.7769 25.3655 21.8767C25.8067 22.0089 28.068 23.1327 28.6747 23.4192L28.9173 23.5402C29.1814 23.6284 29.4201 23.7802 29.6124 23.9814C29.7454 24.7637 29.6337 25.5677 29.2924 26.2842C28.9717 26.8937 28.5151 27.4214 27.9578 27.8267C27.397 28.2277 26.7516 28.4953 26.0713 28.609C25.7612 28.6878 25.4428 28.7289 25.1228 28.7306L25.0566 28.7413Z\",\"fill\":\"#E2E8ED\"}})]),_c('span',{staticClass:\"msgImgGray pl-2\"},[_vm._v(\"Mensaje sin imagen\")])]):_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"79\",\"height\":\"70\",\"viewBox\":\"0 0 79 70\",\"fill\":\"none\"}},[_c('path',{attrs:{\"opacity\":\"0.18\",\"d\":\"M39.454 69.9963C29.8428 69.9963 20.2317 70.0005 10.6205 69.9921C8.60598 69.9921 6.64502 69.6461 4.90241 68.5579C2.22051 66.8818 0.560284 64.4762 0.115361 61.2825C0.0288477 60.6654 0.0164887 60.0359 0.0164887 59.4105C0.012369 43.1503 0.0288477 26.8943 1.00633e-05 10.6382C-0.0041096 7.09434 1.25651 4.23004 4.01668 2.04534C5.82933 0.615276 7.94684 0.0315763 10.1715 0.0315763C29.7357 -0.00177793 49.3 -0.0184551 68.8643 0.0315763C74.8172 0.0482534 78.9863 4.52606 78.9904 10.7049C79.0028 25.3308 78.9945 39.9525 78.9945 54.5783C78.9945 56.2127 79.0069 57.8428 78.9945 59.4772C78.9327 65.6769 74.6318 69.9921 68.4935 69.9963C58.8123 70.0046 49.1352 69.9963 39.454 69.9963ZM30.4608 46.3982C30.3496 46.3356 30.2713 46.3189 30.2342 46.2689C29.0354 44.7513 27.8613 43.2087 26.6419 41.7119C24.7468 39.3896 22.1061 39.3813 20.2481 41.7077C17.1213 45.6227 14.0316 49.571 10.9089 53.4943C9.85012 54.8243 9.44227 56.2919 10.1838 57.8512C10.9459 59.448 12.3631 60.0526 14.0851 60.0526C31.0787 60.0442 48.0723 60.0401 65.0659 60.0609C66.6685 60.0609 67.9126 59.4772 68.65 58.0847C69.4245 56.6254 69.2474 55.1703 68.2999 53.7695C62.3099 44.9139 56.3364 36.0542 50.3793 27.1736C48.6697 24.6262 45.4687 23.9132 43.4501 27.1611C41.7528 29.892 39.8618 32.5019 38.0616 35.1661C35.528 38.9101 32.9944 42.6583 30.4608 46.3982ZM17.2078 25.0181C21.1709 25.0639 24.7221 21.6368 24.6521 17.5551C24.5779 13.1773 21.7271 10.2463 17.3273 9.99616C13.3354 9.76685 9.82952 13.3774 9.81716 17.4842C9.8048 21.5576 13.1582 24.9722 17.2078 25.0181Z\",\"fill\":\"#8898A9\"}})])]):_vm._e(),(!_vm.videoType && _vm.templateMediaUrl)?_c('img',{attrs:{\"src\":_vm.templateMediaUrl,\"alt\":\"\"}}):_vm._e(),(_vm.videoType)?_c('video',{staticClass:\"videoPreview\",attrs:{\"width\":\"400\",\"controls\":\"controls\",\"preload\":\"metadata\"}},[_c('source',{attrs:{\"src\":_vm.templateMediaUrl,\"type\":\"video/mp4\"}})]):_vm._e(),_vm._v(\" \"+_vm._s(_vm.messagePreview ? _vm.messagePreview : _vm.preview)+\" \")]),(_vm.buttonsLabels)?_c('div',{staticClass:\"Outbound__preview--buttonsContainer\"},_vm._l((_vm.buttonsLabels),function(label,i){return _c('div',{key:label+i,staticClass:\"Outbound__preview--button details\"},[_vm._v(\" \"+_vm._s(label)+\" \")])}),0):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\nimport GupshupService from '@/components/configuration/Services/GupshupService'\nimport { mapState } from 'vuex'\nexport default {\n name: 'TemplatePreview',\n props: ['provider', 'templateMediaUrl', 'messagePreview', 'buttonsLabels', 'detail'],\n data () {\n return {\n videoType: false,\n profilePhotoUrl: '',\n phoneBackground: `${process.env.VUE_APP_STORAGE_URL}/files/bluebird/phone_outlined.svg`,\n verifiedAccount: `${process.env.VUE_APP_STORAGE_URL}/files/bluebird/verified-account.svg`\n }\n },\n mounted () {\n this.getProfilePhoto()\n },\n watch: {\n templateMediaUrl () {\n if (this.templateMediaUrl) {\n const url = this.templateMediaUrl.split(/[#?]/)[0].split('.').pop().trim()\n url === 'mp4' ? this.videoType = true : this.videoType = false\n }\n }\n },\n computed: {\n ...mapState('AppStore', ['selectedApp']),\n appName () {\n return this.selectedApp?.name || ''\n },\n messagePreviewCrop: {\n get () {\n return this.$store.state.CampaingsStore.messagePreviewCrop\n },\n set (value) {\n this.$store.commit('CampaingsStore/SET_EDITING_OBJECT', {\n key: 'messagePreviewCrop',\n value\n })\n }\n },\n preview () {\n let msg = null\n if (this.messagePreviewCrop) {\n msg = this.messagePreviewCrop\n } else {\n msg = this.messagePreview\n }\n return msg ? msg.replaceAll(null, '') : ''\n }\n },\n methods: {\n async getGupshupBusinessId () {\n if (this.provider?.config) {\n const { appName, apiKey } = this.provider?.config\n if (appName && apiKey) {\n const getBotNameResponse = await GupshupService.getBotName(\n appName,\n apiKey\n )\n const gupshupBusinessId = getBotNameResponse?.containerDetails?.gupshupBusinessId\n if (!gupshupBusinessId) {\n throw new Error(\"Couldn't find the gupshup business id\")\n }\n return gupshupBusinessId\n }\n }\n },\n async getProfilePhoto () {\n try {\n let gupshupBusinessId = await this.getGupshupBusinessId()\n if (this.provider?.config?.apiKey && gupshupBusinessId) {\n gupshupBusinessId = this.provider?.config?.appID || gupshupBusinessId\n const getProfilePhotoResponse = await GupshupService.getProfilePhoto(\n gupshupBusinessId,\n this.provider?.config?.apiKey\n )\n const profilePhotoUrl = getProfilePhotoResponse?.image\n if (!profilePhotoUrl) {\n // throw new Error(\"Couldn't find the profile photo\")\n } else {\n this.profilePhotoUrl = profilePhotoUrl\n }\n }\n } catch (error) {\n console.error(error)\n }\n }\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport TemplatePreview from './TemplatePreview'\nexport default TemplatePreview\n","import mod from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TemplatePreview.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TemplatePreview.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./TemplatePreview.vue?vue&type=template&id=9e047c70&\"\nimport script from \"./TemplatePreview.vue?vue&type=script&lang=ts&\"\nexport * from \"./TemplatePreview.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./TemplatePreview.vue?vue&type=style&index=0&id=9e047c70&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 null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"TemplateComposer__preview_sms\"},[_c('div',{staticClass:\"message-sms\"},[_c('p',{staticClass:\"message-content\"},[_vm._v(_vm._s(_vm.messagePreview))])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n \r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n","import mod from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TemplatePriewSms.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TemplatePriewSms.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TemplatePriewSms.vue?vue&type=template&id=24ec6f0d&\"\nimport script from \"./TemplatePriewSms.vue?vue&type=script&lang=js&\"\nexport * from \"./TemplatePriewSms.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TemplatePriewSms.vue?vue&type=style&index=0&id=24ec6f0d&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 null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"contentStatus readytoSend\"},[_c('span',{staticClass:\"OutBoundDetail__title\"},[_vm._v(\" \"+_vm._s(_vm.$t('journey'))+\" \")]),(!_vm.sendNowSuccess)?_c('div',{staticClass:\"mb-4 -mt-3.5\"},[_c('KBButton',{class:_vm.sendNowSuccess ? 'btnGray mt-3' : 'btnGreen mt-3',attrs:{\"text\":_vm.$t('sendNow')},on:{\"click\":function($event){return _vm.callBillCampaings()}}}),_c('KBButton',{staticClass:\"btnGray mt-3\",attrs:{\"text\":_vm.$t('schedule')},on:{\"click\":function($event){_vm.showDateTimePicker = true}}})],1):_vm._e(),(_vm.showDateTimePicker)?_c('div',[_c('div',{staticClass:\"readytoSend__containerMsg\"},[(_vm.scheduleDateSuccess)?_c('lottie-animation',{ref:\"anim\",staticClass:\"lottie__centerLeft\",attrs:{\"loop\":true,\"animationData\":require('@/shared/assets/animations/SignoMas.json')}}):_vm._e(),(_vm.scheduleDateSuccess)?_c('lottie-animation',{ref:\"anim2\",staticClass:\"lottie__centerLeftPlus\",attrs:{\"loop\":true,\"animationData\":require('@/shared/assets/animations/SignoMas.json')}}):_vm._e(),_c('lottie-animation',{ref:\"anim\",staticClass:\"lottie__topRight\",attrs:{\"loop\":true,\"animationData\":require('@/shared/assets/animations/SignoMas.json')}}),(!_vm.scheduleDateSuccess)?_c('lottie-animation',{ref:\"anim\",staticClass:\"lottie__topCenter\",attrs:{\"loop\":true,\"animationData\":require('@/shared/assets/animations/Cuadrito.json')}}):_vm._e(),_c('lottie-animation',{ref:\"anim\",staticClass:\"lottie__topLeft\",attrs:{\"loop\":true,\"animationData\":require('@/shared/assets/animations/Cuadrito.json')}}),(!_vm.scheduleDateSuccess)?_c('lottie-animation',{ref:\"anim\",staticClass:\"lottie__BottomCenter\",attrs:{\"loop\":true,\"animationData\":require('@/shared/assets/animations/Cuadrito.json')}}):_vm._e(),(_vm.scheduleDateSuccess)?_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"56\",\"height\":\"64\",\"viewBox\":\"0 0 56 64\",\"fill\":\"none\"}},[_c('path',{attrs:{\"d\":\"M13.0263 7.99628C13.0263 6.62854 13.0263 5.35755 13.0263 4.08656C13.0263 3.66956 13.0197 3.25257 13.053 2.83558C13.1966 1.14092 14.378 3.02516e-05 15.9834 3.02516e-05C17.4752 3.02516e-05 18.7402 1.09422 18.8737 2.69881C18.9938 4.10657 18.9271 5.53102 18.9437 6.94546C18.9471 7.26904 18.9437 7.59596 18.9437 7.94624H37.0564C37.0564 6.62854 37.0564 5.35755 37.0564 4.08656C37.0564 3.66956 37.0497 3.25257 37.0831 2.83558C37.2266 1.14092 38.4047 0.00670213 40.0101 3.02516e-05C41.5019 -0.00664163 42.7669 1.09088 42.9037 2.69547C43.0238 4.10324 42.9571 5.52768 42.9738 6.94212C42.9771 7.26571 42.9738 7.59263 42.9738 7.99294C44.5858 7.99294 46.0843 7.96625 47.5795 7.99961C49.4485 8.04298 51.2241 8.45664 52.7326 9.62755C54.892 11.2989 55.98 13.5406 55.9834 16.2627C55.9967 29.4097 56.0168 42.5566 55.9767 55.7002C55.9634 60.5307 52.4256 63.9834 47.6029 63.9867C34.5332 64 21.4636 64 8.39723 63.9867C3.54115 63.98 0.0401121 60.5707 0.0267621 55.7269C-0.013288 42.5833 -0.00327544 29.4364 0.0234246 16.2894C0.0300996 12.2496 2.29293 9.33399 6.14775 8.30318C6.94207 8.08968 7.7898 8.03297 8.6175 8.00629C10.0526 7.95958 11.4911 7.99294 13.0297 7.99294L13.0263 7.99628ZM5.92747 24.0121C5.92747 24.3591 5.92747 24.6593 5.92747 24.9562C5.92747 35.0708 5.92747 45.1853 5.92747 55.2966C5.92747 57.4082 6.55826 58.032 8.66089 58.032C21.5303 58.032 34.4031 58.032 47.2725 58.032C49.3951 58.032 50.0727 57.3648 50.0727 55.2465C50.0727 45.162 50.0727 35.0741 50.0727 24.9896C50.0727 24.666 50.0727 24.3424 50.0727 24.0121H5.92747Z\",\"fill\":\"#3AF69B\"}})]):_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"85\",\"height\":\"81\",\"viewBox\":\"0 0 85 81\",\"fill\":\"none\"}},[_c('path',{attrs:{\"d\":\"M73.17 22.5854C72.9711 22.5854 72.7721 22.5096 72.6206 22.358L59.1821 8.91958C58.879 8.61642 58.879 8.12379 59.1821 7.82063C59.4853 7.51747 59.9779 7.51747 60.2811 7.82063L73.7195 21.2591C74.0227 21.5622 74.0227 22.0548 73.7195 22.358C73.5679 22.5096 73.369 22.5854 73.17 22.5854Z\",\"fill\":\"#3AC2D9\"}}),_c('path',{attrs:{\"d\":\"M15.5748 52.077C15.5748 52.077 15.5274 52.077 15.5037 52.077C15.0774 52.0391 14.76 51.6601 14.7979 51.2338C14.8121 51.087 16.2332 36.7012 28.7811 36.7012C29.2121 36.7012 29.5579 37.047 29.5579 37.478C29.5579 37.9091 29.2121 38.2549 28.7811 38.2549C24.139 38.2549 20.6432 40.4243 18.3932 44.7112C16.669 47.9938 16.3469 51.338 16.3469 51.3712C16.309 51.7738 15.9727 52.077 15.5748 52.077Z\",\"fill\":\"#3AC2D9\"}}),_c('path',{attrs:{\"d\":\"M24.1721 50.5373H16.3373C15.9063 50.5373 15.5605 50.1915 15.5605 49.7605C15.5605 49.3294 15.9063 48.9836 16.3373 48.9836H24.1721C24.6031 48.9836 24.9489 49.3294 24.9489 49.7605C24.9489 50.1915 24.6031 50.5373 24.1721 50.5373Z\",\"fill\":\"#3AC2D9\"}}),_c('path',{attrs:{\"d\":\"M30.3157 66.8179C29.9178 66.8179 29.5815 66.5147 29.5436 66.1121C29.5057 65.6858 29.8184 65.3068 30.2494 65.2689C30.2826 65.2689 33.6315 64.9468 36.9094 63.2226C41.1915 60.9726 43.3658 57.4768 43.3658 52.8347C43.3658 52.4037 43.7115 52.0579 44.1426 52.0579C44.5736 52.0579 44.9194 52.4037 44.9194 52.8347C44.9194 65.3779 30.5336 66.8037 30.3868 66.8179C30.3631 66.8179 30.3394 66.8179 30.3157 66.8179Z\",\"fill\":\"#3AC2D9\"}}),_c('path',{attrs:{\"d\":\"M31.8505 66.0505C31.4195 66.0505 31.0737 65.7047 31.0737 65.2737V57.439C31.0737 57.0079 31.4195 56.6621 31.8505 56.6621C32.2816 56.6621 32.6274 57.0079 32.6274 57.439V65.2737C32.6274 65.7047 32.2816 66.0505 31.8505 66.0505Z\",\"fill\":\"#3AC2D9\"}}),_c('path',{attrs:{\"d\":\"M23.1395 63.1848C20.4537 63.1848 18.2653 61.0011 18.2653 58.3106C18.2653 55.6201 20.449 53.4364 23.1395 53.4364C25.8301 53.4364 28.0137 55.6201 28.0137 58.3106C28.0137 61.0011 25.8301 63.1848 23.1395 63.1848ZM23.1395 54.9948C21.3111 54.9948 19.819 56.4822 19.819 58.3154C19.819 60.1485 21.3064 61.6359 23.1395 61.6359C24.9727 61.6359 26.4601 60.1485 26.4601 58.3154C26.4601 56.4822 24.9727 54.9948 23.1395 54.9948Z\",\"fill\":\"#F7685B\"}}),_c('path',{attrs:{\"d\":\"M31.699 58.0642C31.4905 58.0642 31.2869 57.979 31.14 57.8274L23.9211 50.3005C23.7316 50.1016 23.6605 49.8174 23.7363 49.5521C30.3205 26.2705 44.2706 15.12 54.8148 9.86683C66.2448 4.1684 75.979 3.99314 76.3864 3.9884C76.5995 3.9884 76.8032 4.06893 76.95 4.22051C77.0969 4.37209 77.1774 4.57577 77.1727 4.78893C76.4479 27.0047 64.1606 40.3058 53.9811 47.5579C42.9821 55.3879 31.9879 58.0216 31.879 58.05C31.8221 58.0642 31.7605 58.069 31.7037 58.069L31.699 58.0642ZM25.3516 49.5474L31.9453 56.4253C34.0437 55.8663 43.579 53.0669 53.119 46.26C62.8627 39.3063 74.6006 26.6353 75.5811 5.57998C73.009 5.75525 64.7006 6.65525 55.44 11.2879C45.2653 16.3753 31.8126 27.1374 25.3469 49.5474H25.3516Z\",\"fill\":\"#3AF69B\"}}),_c('path',{attrs:{\"d\":\"M22.7131 59.5232C22.5142 59.5232 22.3152 59.4475 22.1636 59.2959C21.8605 58.9927 21.8605 58.5001 22.1636 58.1969L35.6021 44.7585C35.9052 44.4553 36.3979 44.4553 36.701 44.7585C37.0042 45.0617 37.0042 45.5543 36.701 45.8574L23.2626 59.2959C23.111 59.4475 22.9121 59.5232 22.7131 59.5232Z\",\"fill\":\"#3AC2D9\"}}),_c('path',{attrs:{\"d\":\"M51.9395 40.9926C58.1318 40.9926 63.1516 35.9727 63.1516 29.7805C63.1516 23.5882 58.1318 18.5684 51.9395 18.5684C45.7472 18.5684 40.7274 23.5882 40.7274 29.7805C40.7274 35.9727 45.7472 40.9926 51.9395 40.9926Z\",\"fill\":\"#D8F2F8\"}}),_c('path',{attrs:{\"d\":\"M51.9395 41.7695C45.3269 41.7695 39.9506 36.3932 39.9506 29.7806C39.9506 23.1679 45.3269 17.7916 51.9395 17.7916C58.5522 17.7916 63.9285 23.1679 63.9285 29.7806C63.9285 36.3932 58.5522 41.7695 51.9395 41.7695ZM51.9395 19.3453C46.1843 19.3453 41.5042 24.0253 41.5042 29.7806C41.5042 35.5358 46.1843 40.2158 51.9395 40.2158C57.6948 40.2158 62.3748 35.5358 62.3748 29.7806C62.3748 24.0253 57.6948 19.3453 51.9395 19.3453Z\",\"fill\":\"#3AC2D9\"}}),_c('path',{attrs:{\"d\":\"M74.7048 17.5168C74.5058 17.5168 74.3069 17.441 74.1553 17.2895L64.0184 7.15261C63.7153 6.84945 63.7153 6.35682 64.0184 6.05366C64.3216 5.7505 64.8142 5.7505 65.1174 6.05366L75.2542 16.1905C75.5574 16.4937 75.5574 16.9863 75.2542 17.2895C75.1027 17.441 74.9037 17.5168 74.7048 17.5168Z\",\"fill\":\"#3AF69B\"}}),_c('path',{attrs:{\"d\":\"M48.1311 51.4611C47.9321 51.4611 47.7332 51.3853 47.5816 51.2337L30.6095 34.2616C30.3064 33.9585 30.3064 33.4658 30.6095 33.1627C30.9127 32.8595 31.4053 32.8595 31.7085 33.1627L48.6806 50.1348C48.9837 50.4379 48.9837 50.9306 48.6806 51.2337C48.529 51.3853 48.33 51.4611 48.1311 51.4611Z\",\"fill\":\"#3AF69B\"}}),_c('path',{attrs:{\"d\":\"M81.9238 26.5786C81.4928 26.5786 81.147 26.2328 81.147 25.8017V21.657C81.147 21.2259 81.4928 20.8801 81.9238 20.8801C82.3549 20.8801 82.7007 21.2259 82.7007 21.657V25.8017C82.7007 26.2328 82.3549 26.5786 81.9238 26.5786Z\",\"fill\":\"#F7685B\"}}),_c('path',{attrs:{\"d\":\"M83.9937 24.5036H79.8489C79.4179 24.5036 79.0721 24.1578 79.0721 23.7268C79.0721 23.2957 79.4179 22.95 79.8489 22.95H83.9937C84.4247 22.95 84.7705 23.2957 84.7705 23.7268C84.7705 24.1578 84.4247 24.5036 83.9937 24.5036Z\",\"fill\":\"#F7685B\"}}),_c('path',{attrs:{\"d\":\"M32.0068 19.5867C31.7937 19.5867 31.6184 19.4115 31.6184 19.1983V15.0536C31.6184 14.8404 31.7937 14.6652 32.0068 14.6652C32.22 14.6652 32.3953 14.8404 32.3953 15.0536V19.1983C32.3953 19.4115 32.22 19.5867 32.0068 19.5867Z\",\"fill\":\"#171717\"}}),_c('path',{attrs:{\"d\":\"M34.0816 17.5121H29.9368C29.7237 17.5121 29.5484 17.3368 29.5484 17.1237C29.5484 16.9105 29.7237 16.7352 29.9368 16.7352H34.0816C34.2947 16.7352 34.47 16.9105 34.47 17.1237C34.47 17.3368 34.2947 17.5121 34.0816 17.5121Z\",\"fill\":\"#171717\"}}),_c('path',{attrs:{\"d\":\"M57.8085 79.6406C57.5953 79.6406 57.42 79.4653 57.42 79.2522V75.1074C57.42 74.8943 57.5953 74.719 57.8085 74.719C58.0216 74.719 58.1969 74.8943 58.1969 75.1074V79.2522C58.1969 79.4653 58.0216 79.6406 57.8085 79.6406Z\",\"fill\":\"#171717\"}}),_c('path',{attrs:{\"d\":\"M59.8832 77.5659H55.7385C55.5253 77.5659 55.35 77.3906 55.35 77.1775C55.35 76.9643 55.5253 76.7891 55.7385 76.7891H59.8832C60.0964 76.7891 60.2716 76.9643 60.2716 77.1775C60.2716 77.3906 60.0964 77.5659 59.8832 77.5659Z\",\"fill\":\"#171717\"}}),_c('path',{attrs:{\"d\":\"M51.3569 4.07363C51.2574 4.07363 51.1579 4.03573 51.0821 3.95994C50.9306 3.80836 50.9306 3.56205 51.0821 3.41047L52.2332 2.25941V0.715203C52.2332 0.502045 52.4084 0.326782 52.6216 0.326782C52.8348 0.326782 53.01 0.502045 53.01 0.715203V2.41573C53.01 2.51994 52.9674 2.61941 52.8963 2.69047L51.6316 3.95521C51.5558 4.03099 51.4563 4.06889 51.3569 4.06889V4.07363Z\",\"fill\":\"#3AF69B\"}}),_c('path',{attrs:{\"d\":\"M53.8153 4.17799C53.7063 4.17799 53.5974 4.13062 53.5216 4.04536L52.3421 2.69062C52.2 2.52957 52.219 2.28325 52.38 2.14114C52.5411 1.99904 52.7874 2.01799 52.9295 2.17904L54.109 3.53378C54.2511 3.69483 54.2321 3.94115 54.0711 4.08325C54 4.14483 53.9053 4.17799 53.8153 4.17799Z\",\"fill\":\"#3AF69B\"}}),_c('path',{attrs:{\"d\":\"M52.6405 2.84678C52.5174 2.84678 52.3942 2.78993 52.3184 2.67625C52.1953 2.50099 52.2427 2.25941 52.4179 2.13625L53.7253 1.24099C53.9005 1.12256 54.1421 1.1652 54.2653 1.34046C54.3884 1.51572 54.3411 1.7573 54.1658 1.88046L52.8584 2.77572C52.7921 2.82309 52.7163 2.84204 52.6405 2.84204V2.84678Z\",\"fill\":\"#3AF69B\"}}),_c('path',{attrs:{\"d\":\"M52.6358 2.8468C52.56 2.8468 52.4842 2.82312 52.4179 2.78049L51.1105 1.88522C50.9353 1.76206 50.8879 1.52048 51.0111 1.34522C51.1342 1.16996 51.3758 1.12259 51.5511 1.24575L52.8584 2.14101C53.0337 2.26417 53.0811 2.50575 52.9579 2.68101C52.8821 2.78996 52.759 2.85154 52.6358 2.85154V2.8468Z\",\"fill\":\"#3AF69B\"}}),_c('path',{attrs:{\"d\":\"M16.1858 24.0394C16.0863 24.0394 15.9868 24.0016 15.911 23.9258C15.7595 23.7742 15.7595 23.5279 15.911 23.3763L17.0668 22.2205V20.681C17.0668 20.4679 17.2421 20.2926 17.4553 20.2926C17.6684 20.2926 17.8437 20.4679 17.8437 20.681V22.3816C17.8437 22.4858 17.801 22.5852 17.73 22.6563L16.4605 23.9258C16.3847 24.0016 16.2853 24.0394 16.1858 24.0394Z\",\"fill\":\"#3AF69B\"}}),_c('path',{attrs:{\"d\":\"M18.6442 24.1437C18.5353 24.1437 18.4263 24.0963 18.3505 24.0111L17.1711 22.6563C17.0289 22.4953 17.0479 22.2489 17.2089 22.1068C17.37 21.9647 17.6163 21.9837 17.7584 22.1447L18.9379 23.4995C19.08 23.6605 19.0611 23.9068 18.9 24.0489C18.8289 24.1105 18.7342 24.1437 18.6442 24.1437Z\",\"fill\":\"#3AF69B\"}}),_c('path',{attrs:{\"d\":\"M17.4648 22.8126C17.3416 22.8126 17.2184 22.7558 17.1427 22.6421C17.0195 22.4668 17.0669 22.2252 17.2421 22.1021L18.5495 21.2068C18.7248 21.0836 18.9663 21.131 19.0895 21.3063C19.2127 21.4815 19.1653 21.7231 18.99 21.8463L17.6827 22.7415C17.6163 22.7889 17.5406 22.8079 17.4648 22.8079V22.8126Z\",\"fill\":\"#3AF69B\"}}),_c('path',{attrs:{\"d\":\"M17.4647 22.8125C17.3889 22.8125 17.3131 22.7888 17.2468 22.7462L15.9395 21.8509C15.7642 21.7278 15.7168 21.4862 15.84 21.3109C15.9631 21.1357 16.2047 21.0883 16.38 21.2114L17.6874 22.1067C17.8626 22.2299 17.91 22.4714 17.7868 22.6467C17.711 22.7557 17.5879 22.8172 17.4647 22.8172V22.8125Z\",\"fill\":\"#3AF69B\"}}),_c('path',{attrs:{\"d\":\"M66.2542 46.2316C66.678 46.2316 67.0216 45.8881 67.0216 45.4643C67.0216 45.0405 66.678 44.6969 66.2542 44.6969C65.8304 44.6969 65.4868 45.0405 65.4868 45.4643C65.4868 45.8881 65.8304 46.2316 66.2542 46.2316Z\",\"fill\":\"#171717\"}}),_c('path',{attrs:{\"d\":\"M67.6374 1.53474C68.0612 1.53474 68.4048 1.19117 68.4048 0.767369C68.4048 0.343563 68.0612 0 67.6374 0C67.2136 0 66.8701 0.343563 66.8701 0.767369C66.8701 1.19117 67.2136 1.53474 67.6374 1.53474Z\",\"fill\":\"#171717\"}}),_c('path',{attrs:{\"d\":\"M6.81632 54.6774C7.24013 54.6774 7.58369 54.3339 7.58369 53.9101C7.58369 53.4863 7.24013 53.1427 6.81632 53.1427C6.39251 53.1427 6.04895 53.4863 6.04895 53.9101C6.04895 54.3339 6.39251 54.6774 6.81632 54.6774Z\",\"fill\":\"#171717\"}}),_c('path',{attrs:{\"d\":\"M76.8553 55.8191C76.6421 55.8191 76.4669 55.6438 76.4669 55.4307C76.4669 54.9665 76.0879 54.5923 75.6284 54.5923H73.9895C73.7763 54.5923 73.6011 54.417 73.6011 54.2039C73.6011 53.9907 73.7763 53.8154 73.9895 53.8154H75.6284C76.519 53.8154 77.2437 54.5402 77.2437 55.4307C77.2437 55.6438 77.0684 55.8191 76.8553 55.8191Z\",\"fill\":\"#171717\"}}),_c('path',{attrs:{\"d\":\"M62.7253 55.8191C62.5121 55.8191 62.3369 55.6438 62.3369 55.4307C62.3369 54.5402 63.0616 53.8154 63.9521 53.8154H65.179C65.3921 53.8154 65.5674 53.9907 65.5674 54.2039C65.5674 54.417 65.3921 54.5923 65.179 54.5923H63.9521C63.4879 54.5923 63.1137 54.9712 63.1137 55.4307C63.1137 55.6438 62.9384 55.8191 62.7253 55.8191Z\",\"fill\":\"#171717\"}}),_c('path',{attrs:{\"d\":\"M69.7595 60.0915C72.5064 60.0915 74.7332 57.8647 74.7332 55.1179C74.7332 52.371 72.5064 50.1442 69.7595 50.1442C67.0126 50.1442 64.7858 52.371 64.7858 55.1179C64.7858 57.8647 67.0126 60.0915 69.7595 60.0915Z\",\"fill\":\"#3AF69B\"}}),_c('path',{attrs:{\"d\":\"M75.6237 57.0458H63.9521C63.0616 57.0458 62.3369 56.3211 62.3369 55.4305C62.3369 55.2174 62.5121 55.0421 62.7253 55.0421C62.9384 55.0421 63.1137 55.2174 63.1137 55.4305C63.1137 55.8947 63.4926 56.269 63.9521 56.269H75.6237C76.0879 56.269 76.4621 55.89 76.4621 55.4305C76.4621 55.2174 76.6374 55.0421 76.8505 55.0421C77.0637 55.0421 77.239 55.2174 77.239 55.4305C77.239 56.3211 76.5142 57.0458 75.6237 57.0458Z\",\"fill\":\"#171717\"}}),_c('path',{attrs:{\"d\":\"M11.629 78.3379C11.5105 78.3379 11.3921 78.3095 11.2784 78.2527C10.8947 78.0585 10.7432 77.5895 10.9374 77.2106L18.0663 63.1279L4.60422 69.859C4.22053 70.0532 3.75632 69.8969 3.56211 69.5132C3.3679 69.1295 3.52421 68.6653 3.9079 68.4711L19.4732 60.6885C19.7716 60.5416 20.1363 60.5985 20.3732 60.8353C20.61 61.0721 20.6669 61.4369 20.5153 61.7353L12.3253 77.9116C12.1879 78.1816 11.9132 78.3379 11.6337 78.3379H11.629Z\",\"fill\":\"#F7685B\"}}),_c('path',{attrs:{\"d\":\"M0.776843 81C0.577895 81 0.378948 80.9243 0.227369 80.7727C-0.0757895 80.4695 -0.0757895 79.9769 0.227369 79.6737L18.9663 60.9348C19.2695 60.6316 19.7621 60.6316 20.0653 60.9348C20.3684 61.2379 20.3684 61.7306 20.0653 62.0337L1.32632 80.7727C1.17474 80.9243 0.97579 81 0.776843 81Z\",\"fill\":\"#F7685B\"}})]),(_vm.scheduleDateSuccess)?_c('span',{staticClass:\"OutBoundDetail__title pt-4\"},[_vm._v(\" \"+_vm._s(_vm.$t('scheduled'))+\" \")]):_vm._e(),(_vm.scheduleDateSuccess)?_c('span',{staticClass:\"pt-2\"},[_vm._v(_vm._s(_vm.$t('diffDateMsg'))+\" \"),_c('b',[_vm._v(_vm._s(_vm.$t('pending')))])]):_vm._e()],1),_c('div',{staticClass:\"content__inputDate mt-3 mb-5\"},[_c('KBSelect',{staticClass:\"inputDate mr-2\",attrs:{\"placeholder\":_vm.$t('DD'),\"minWidth\":'44px',\"items\":_vm.itemsDD,\"disabled\":_vm.scheduleDateSuccess,\"small\":\"\"},model:{value:(_vm.formDate.DD),callback:function ($$v) {_vm.$set(_vm.formDate, \"DD\", $$v)},expression:\"formDate.DD\"}}),_c('KBSelect',{staticClass:\"inputDate mr-2\",attrs:{\"placeholder\":_vm.$t('MM'),\"minWidth\":'44px',\"items\":_vm.itemsMM,\"disabled\":_vm.scheduleDateSuccess,\"small\":\"\"},model:{value:(_vm.formDate.MM),callback:function ($$v) {_vm.$set(_vm.formDate, \"MM\", $$v)},expression:\"formDate.MM\"}}),_c('KBSelect',{staticClass:\"inputDate mr-2\",attrs:{\"placeholder\":_vm.$t('2023'),\"minWidth\":'60px',\"items\":_vm.itemsYY,\"disabled\":_vm.scheduleDateSuccess,\"small\":\"\"},model:{value:(_vm.formDate.YY),callback:function ($$v) {_vm.$set(_vm.formDate, \"YY\", $$v)},expression:\"formDate.YY\"}}),_c('span',{staticClass:\"mr-2\"},[_vm._v(\"-\")]),_c('KBSelect',{staticClass:\"inputDate\",attrs:{\"placeholder\":_vm.$t('HH'),\"minWidth\":'44px',\"items\":_vm.itemsHH,\"disabled\":_vm.scheduleDateSuccess,\"small\":\"\"},model:{value:(_vm.formDate.HH),callback:function ($$v) {_vm.$set(_vm.formDate, \"HH\", $$v)},expression:\"formDate.HH\"}}),_c('span',{staticClass:\"mx-1\"},[_vm._v(\":\")]),_c('KBSelect',{staticClass:\"inputDate\",attrs:{\"placeholder\":_vm.$t('MM'),\"minWidth\":'44px',\"items\":_vm.itemsMn,\"disabled\":_vm.scheduleDateSuccess,\"small\":\"\"},model:{value:(_vm.formDate.Mm),callback:function ($$v) {_vm.$set(_vm.formDate, \"Mm\", $$v)},expression:\"formDate.Mm\"}})],1),(_vm.scheduleDateSuccess)?_c('KBButton',{staticClass:\"btnRed mt-3\",attrs:{\"text\":_vm.$t('cancelShipment')},on:{\"click\":function($event){return _vm.cancelShipment()}}}):_vm._e(),(!_vm.scheduleDateSuccess)?_c('KBButton',{staticClass:\"btnGreen\",attrs:{\"text\":_vm.$t('schedule')},on:{\"click\":function($event){return _vm.callBillCampaings()}}}):_vm._e(),(!_vm.scheduleDateSuccess)?_c('KBButton',{staticClass:\"btnGray mt-3\",attrs:{\"text\":_vm.$t('goBack')},on:{\"click\":function($event){return _vm.returnSummary()}}}):_vm._e()],1):_c('div',{staticClass:\"readytoSend__GeneralContent\"},[(_vm.sendNowSuccess)?_c('div',[_c('Send')],1):_c('div',{staticClass:\"readytoSend__containerMsg\"},[_c('lottie-animation',{ref:\"anim\",staticClass:\"lottie__topRight\",attrs:{\"loop\":true,\"animationData\":require('@/shared/assets/animations/SignoMas.json')}}),_c('lottie-animation',{ref:\"anim\",staticClass:\"lottie__topCenter\",attrs:{\"loop\":true,\"animationData\":require('@/shared/assets/animations/Cuadrito.json')}}),_c('lottie-animation',{ref:\"anim\",staticClass:\"lottie__topLeft\",attrs:{\"loop\":true,\"animationData\":require('@/shared/assets/animations/Cuadrito.json')}}),_c('lottie-animation',{ref:\"anim\",staticClass:\"lottie__BottomCenter\",attrs:{\"loop\":true,\"animationData\":require('@/shared/assets/animations/Cuadrito.json')}}),_c('span',{staticClass:\"readytoSend__title\"},[_vm._v(_vm._s(_vm.$t('readytoShip')))]),_c('span',{staticClass:\"readytoSend__content pt-2\"},[_vm._v(_vm._s(_vm.$t('readytoShipmsg')))])],1),_c('div',{staticClass:\"readytoSend__containerInfo mb-3 mt-3\"},[_c('div',{staticClass:\"readytoSend__containerInfo__firstItem\"},[_c('span',[_vm._v(\"Tier \"),_c('span',{staticStyle:{\"font-weight\":\"700\",\"font-size\":\"16px\"}},[_vm._v(_vm._s(_vm.tierNumber))])])]),_c('span',{staticClass:\"readytoSend__containerInfo__secondtItem\"},[_vm._v(_vm._s(_vm.$t('sendkmsg', {tierLevel: _vm.tierLevel})))])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{key:(\"select-\" + _vm.rerender),staticClass:\"KBSelect\",class:{ 'KBSelect--open': _vm.showSelector,\n 'w-full': !_vm.transparent,\n 'w-auto': _vm.transparent },style:({ minWidth: _vm.minWidth })},[_c('v-menu',{staticStyle:{\"z-index\":\"999999\"},attrs:{\"location\":_vm.location,\"offset-y\":\"\",\"transition\":\"slide-y-transition\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\n var attrs = ref.attrs;\nreturn [(_vm.transparent)?_c('div',_vm._b({staticClass:\"KBSelect__container--seamless\",class:{ 'cursor-default': _vm.disabled },on:{\"click\":function($event){$event.stopPropagation();return _vm.openSelector.apply(null, arguments)}}},'div',attrs,false),[(_vm.isStatus && _vm.selectedStatusColor)?_c('div',{staticClass:\"status-dot mr-2\",style:({ background: _vm.selectedStatusColor })}):_vm._e(),(_vm.selectedItem)?_c('span',{staticClass:\"seamless-text\"},[_vm._v(_vm._s(_vm.$t(_vm.itemToShow)))]):_c('span',{staticClass:\"seamless-text\"},[_vm._v(_vm._s(_vm.placeholder))]),(!_vm.loading)?_c('span',{staticClass:\"mdi mdi-menu-down\"}):_c('lottie-animation',{ref:\"anim\",staticClass:\"loaderAnimation\",staticStyle:{\"width\":\"30px\"},attrs:{\"loop\":true,\"animationData\":require('@/shared/assets/animations/circleLoader.json')}})],1):_c('div',_vm._g({staticClass:\"KBSelect__container\",class:{ 'KBSelect__container--transparent': _vm.seamless,\n 'KBSelect__container--transparent-open': _vm.showSelector && _vm.seamless,\n 'KBSelect__container--outlined': _vm.outlined,\n 'cursor-default': _vm.disabled },on:{\"click\":_vm.openSelector}},_vm.on),[(_vm.isStatus && _vm.selectedStatusColor)?_c('div',{staticClass:\"status-dot mr-2\",style:({ background: _vm.selectedStatusColor })}):_vm._e(),(_vm.selectedItem)?_c('span',{class:{ 'selected--dark': _vm.$vuetify.theme.dark }},[_vm._v(_vm._s(_vm.$t(_vm.itemToShow)))]):_c('span',{staticClass:\"placeholder\"},[_vm._v(_vm._s(_vm.placeholder))]),(!_vm.loading)?_c('span',{staticClass:\"mdi mdi-menu-down\"}):_c('lottie-animation',{ref:\"anim\",staticClass:\"loaderAnimation\",staticStyle:{\"width\":\"30px\"},attrs:{\"loop\":true,\"animationData\":require('@/shared/assets/animations/circleLoader.json')}})],1)]}}]),model:{value:(_vm.showSelector),callback:function ($$v) {_vm.showSelector=$$v},expression:\"showSelector\"}},[_c('v-list',{staticClass:\"KBSelect__list newBackground\",attrs:{\"id\":\"kbselect\"}},_vm._l((_vm.items),function(item,index){return _c('v-list-item',{key:index,staticClass:\"d-flex items-center list-item newBackground\",attrs:{\"value\":index,\"id\":\"kbselect\"},on:{\"click\":function($event){return _vm.selectItem(item)}}},[_c('v-list-item-title',{staticClass:\"d-flex items-center\",attrs:{\"id\":\"kbselect\"}},[(_vm.isStatus)?_c('div',{staticClass:\"status-dot mr-2\",style:({ background: item.mainColor ? item.mainColor : item.color ? item.color : '' }),attrs:{\"id\":\"kbselect\"}}):_vm._e(),_vm._v(\" \"+_vm._s(_vm.isExtra ? item.name ? _vm.$t(item.name) : _vm.$t(item) : _vm.itemText ? _vm.$t(item[_vm.itemText]) : _vm.$t(item))+\" \")])],1)}),1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {{ isExtra ? item.name ? $t(item.name) : $t(item) : itemText ? $t(item[itemText]) : $t(item) }}\r\n \r\n \r\n \r\n \r\n
\r\n\r\n\r\n\r\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./KBSelect.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./KBSelect.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./KBSelect.vue?vue&type=template&id=8121da62&scoped=true&\"\nimport script from \"./KBSelect.vue?vue&type=script&lang=js&\"\nexport * from \"./KBSelect.vue?vue&type=script&lang=js&\"\nimport style0 from \"./KBSelect.vue?vue&type=style&index=0&id=8121da62&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 \"8121da62\",\n null\n \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VList } from 'vuetify/lib/components/VList';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VListItemTitle } from 'vuetify/lib/components/VList';\nimport { VMenu } from 'vuetify/lib/components/VMenu';\ninstallComponents(component, {VList,VListItem,VListItemTitle,VMenu})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"OutBoundDetail__status__card\",class:_vm.$vuetify.theme.dark? 'OutBoundDetail__status__card__dark':''},[_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"85\",\"height\":\"81\",\"viewBox\":\"0 0 85 81\",\"fill\":\"none\"}},[_c('path',{attrs:{\"d\":\"M73.1701 22.5854C72.9712 22.5854 72.7722 22.5096 72.6206 22.358L59.1822 8.91958C58.879 8.61642 58.879 8.12379 59.1822 7.82063C59.4854 7.51747 59.978 7.51747 60.2812 7.82063L73.7196 21.2591C74.0227 21.5622 74.0227 22.0548 73.7196 22.358C73.568 22.5096 73.3691 22.5854 73.1701 22.5854Z\",\"fill\":\"#3AC2D9\"}}),_c('path',{attrs:{\"d\":\"M15.5748 52.077C15.5748 52.077 15.5274 52.077 15.5037 52.077C15.0774 52.0391 14.76 51.6601 14.7979 51.2338C14.8121 51.087 16.2332 36.7012 28.7811 36.7012C29.2121 36.7012 29.5579 37.047 29.5579 37.478C29.5579 37.9091 29.2121 38.2549 28.7811 38.2549C24.139 38.2549 20.6432 40.4243 18.3932 44.7112C16.669 47.9938 16.3469 51.338 16.3469 51.3712C16.309 51.7738 15.9727 52.077 15.5748 52.077Z\",\"fill\":\"#3AC2D9\"}}),_c('path',{attrs:{\"d\":\"M24.1721 50.5373H16.3373C15.9063 50.5373 15.5605 50.1915 15.5605 49.7605C15.5605 49.3294 15.9063 48.9836 16.3373 48.9836H24.1721C24.6031 48.9836 24.9489 49.3294 24.9489 49.7605C24.9489 50.1915 24.6031 50.5373 24.1721 50.5373Z\",\"fill\":\"#3AC2D9\"}}),_c('path',{attrs:{\"d\":\"M30.3157 66.8179C29.9178 66.8179 29.5815 66.5147 29.5436 66.1121C29.5057 65.6858 29.8184 65.3068 30.2494 65.2689C30.2826 65.2689 33.6315 64.9468 36.9094 63.2226C41.1915 60.9726 43.3658 57.4768 43.3658 52.8347C43.3658 52.4037 43.7115 52.0579 44.1426 52.0579C44.5736 52.0579 44.9194 52.4037 44.9194 52.8347C44.9194 65.3779 30.5336 66.8037 30.3868 66.8179C30.3631 66.8179 30.3394 66.8179 30.3157 66.8179Z\",\"fill\":\"#3AC2D9\"}}),_c('path',{attrs:{\"d\":\"M31.8506 66.0505C31.4195 66.0505 31.0737 65.7047 31.0737 65.2737V57.439C31.0737 57.0079 31.4195 56.6621 31.8506 56.6621C32.2816 56.6621 32.6274 57.0079 32.6274 57.439V65.2737C32.6274 65.7047 32.2816 66.0505 31.8506 66.0505Z\",\"fill\":\"#3AC2D9\"}}),_c('path',{attrs:{\"d\":\"M23.1395 63.1847C20.4537 63.1847 18.2653 61.001 18.2653 58.3105C18.2653 55.62 20.449 53.4363 23.1395 53.4363C25.8301 53.4363 28.0137 55.62 28.0137 58.3105C28.0137 61.001 25.8301 63.1847 23.1395 63.1847ZM23.1395 54.9947C21.3111 54.9947 19.819 56.4821 19.819 58.3152C19.819 60.1484 21.3064 61.6358 23.1395 61.6358C24.9727 61.6358 26.4601 60.1484 26.4601 58.3152C26.4601 56.4821 24.9727 54.9947 23.1395 54.9947Z\",\"fill\":\"#F7685B\"}}),_c('path',{attrs:{\"d\":\"M31.699 58.0643C31.4905 58.0643 31.2869 57.9791 31.14 57.8275L23.9211 50.3007C23.7316 50.1017 23.6605 49.8175 23.7363 49.5522C30.3205 26.2706 44.2706 15.1201 54.8148 9.86695C66.2448 4.16853 75.979 3.99326 76.3864 3.98853C76.5995 3.98853 76.8032 4.06905 76.95 4.22063C77.0969 4.37221 77.1774 4.57589 77.1727 4.78905C76.4479 27.0049 64.1606 40.3059 53.9811 47.558C42.9821 55.388 31.9879 58.0217 31.879 58.0501C31.8221 58.0643 31.7605 58.0691 31.7037 58.0691L31.699 58.0643ZM25.3516 49.5475L31.9453 56.4254C34.0437 55.8665 43.579 53.067 53.119 46.2601C62.8627 39.3064 74.6006 26.6354 75.5811 5.58011C73.009 5.75537 64.7006 6.65537 55.44 11.288C45.2653 16.3754 31.8126 27.1375 25.3469 49.5475H25.3516Z\",\"fill\":\"#3AF69B\"}}),_c('path',{attrs:{\"d\":\"M22.7131 59.5231C22.5142 59.5231 22.3152 59.4473 22.1636 59.2958C21.8605 58.9926 21.8605 58.5 22.1636 58.1968L35.6021 44.7584C35.9052 44.4552 36.3979 44.4552 36.701 44.7584C37.0042 45.0615 37.0042 45.5542 36.701 45.8573L23.2626 59.2958C23.111 59.4473 22.9121 59.5231 22.7131 59.5231Z\",\"fill\":\"#3AC2D9\"}}),_c('path',{attrs:{\"d\":\"M51.9395 40.9926C58.1318 40.9926 63.1516 35.9727 63.1516 29.7805C63.1516 23.5882 58.1318 18.5684 51.9395 18.5684C45.7472 18.5684 40.7274 23.5882 40.7274 29.7805C40.7274 35.9727 45.7472 40.9926 51.9395 40.9926Z\",\"fill\":\"#D8F2F8\"}}),_c('path',{attrs:{\"d\":\"M51.9395 41.7697C45.3269 41.7697 39.9506 36.3933 39.9506 29.7807C39.9506 23.1681 45.3269 17.7917 51.9395 17.7917C58.5522 17.7917 63.9285 23.1681 63.9285 29.7807C63.9285 36.3933 58.5522 41.7697 51.9395 41.7697ZM51.9395 19.3454C46.1843 19.3454 41.5042 24.0254 41.5042 29.7807C41.5042 35.536 46.1843 40.216 51.9395 40.216C57.6948 40.216 62.3748 35.536 62.3748 29.7807C62.3748 24.0254 57.6948 19.3454 51.9395 19.3454Z\",\"fill\":\"#3AC2D9\"}}),_c('path',{attrs:{\"d\":\"M74.7047 17.5169C74.5058 17.5169 74.3068 17.4412 74.1552 17.2896L64.0184 7.15273C63.7152 6.84957 63.7152 6.35694 64.0184 6.05378C64.3215 5.75063 64.8142 5.75063 65.1173 6.05378L75.2542 16.1906C75.5573 16.4938 75.5573 16.9864 75.2542 17.2896C75.1026 17.4412 74.9037 17.5169 74.7047 17.5169Z\",\"fill\":\"#3AF69B\"}}),_c('path',{attrs:{\"d\":\"M48.1312 51.4611C47.9322 51.4611 47.7333 51.3853 47.5817 51.2337L30.6096 34.2616C30.3064 33.9585 30.3064 33.4658 30.6096 33.1627C30.9127 32.8595 31.4054 32.8595 31.7085 33.1627L48.6806 50.1348C48.9838 50.4379 48.9838 50.9306 48.6806 51.2337C48.5291 51.3853 48.3301 51.4611 48.1312 51.4611Z\",\"fill\":\"#3AF69B\"}}),_c('path',{attrs:{\"d\":\"M81.9238 26.5786C81.4928 26.5786 81.147 26.2328 81.147 25.8017V21.657C81.147 21.2259 81.4928 20.8801 81.9238 20.8801C82.3549 20.8801 82.7007 21.2259 82.7007 21.657V25.8017C82.7007 26.2328 82.3549 26.5786 81.9238 26.5786Z\",\"fill\":\"#F7685B\"}}),_c('path',{attrs:{\"d\":\"M83.9936 24.5036H79.8489C79.4178 24.5036 79.072 24.1578 79.072 23.7268C79.072 23.2957 79.4178 22.95 79.8489 22.95H83.9936C84.4247 22.95 84.7705 23.2957 84.7705 23.7268C84.7705 24.1578 84.4247 24.5036 83.9936 24.5036Z\",\"fill\":\"#F7685B\"}}),_c('path',{attrs:{\"d\":\"M32.0068 19.5869C31.7937 19.5869 31.6184 19.4116 31.6184 19.1984V15.0537C31.6184 14.8405 31.7937 14.6653 32.0068 14.6653C32.22 14.6653 32.3953 14.8405 32.3953 15.0537V19.1984C32.3953 19.4116 32.22 19.5869 32.0068 19.5869Z\",\"fill\":\"#171717\"}}),_c('path',{attrs:{\"d\":\"M34.0816 17.5122H29.9369C29.7237 17.5122 29.5485 17.3369 29.5485 17.1238C29.5485 16.9106 29.7237 16.7354 29.9369 16.7354H34.0816C34.2948 16.7354 34.47 16.9106 34.47 17.1238C34.47 17.3369 34.2948 17.5122 34.0816 17.5122Z\",\"fill\":\"#171717\"}}),_c('path',{attrs:{\"d\":\"M57.8085 79.6406C57.5953 79.6406 57.42 79.4653 57.42 79.2522V75.1074C57.42 74.8943 57.5953 74.719 57.8085 74.719C58.0216 74.719 58.1969 74.8943 58.1969 75.1074V79.2522C58.1969 79.4653 58.0216 79.6406 57.8085 79.6406Z\",\"fill\":\"#171717\"}}),_c('path',{attrs:{\"d\":\"M59.8833 77.5659H55.7385C55.5254 77.5659 55.3501 77.3906 55.3501 77.1775C55.3501 76.9643 55.5254 76.7891 55.7385 76.7891H59.8833C60.0964 76.7891 60.2717 76.9643 60.2717 77.1775C60.2717 77.3906 60.0964 77.5659 59.8833 77.5659Z\",\"fill\":\"#171717\"}}),_c('path',{attrs:{\"d\":\"M51.3568 4.0735C51.2573 4.0735 51.1579 4.03561 51.0821 3.95982C50.9305 3.80824 50.9305 3.56192 51.0821 3.41035L52.2331 2.25929V0.715081C52.2331 0.501923 52.4084 0.32666 52.6215 0.32666C52.8347 0.32666 53.01 0.501923 53.01 0.715081V2.41561C53.01 2.51982 52.9673 2.61929 52.8963 2.69035L51.6315 3.95508C51.5558 4.03087 51.4563 4.06877 51.3568 4.06877V4.0735Z\",\"fill\":\"#3AF69B\"}}),_c('path',{attrs:{\"d\":\"M53.8154 4.17799C53.7064 4.17799 53.5975 4.13062 53.5217 4.04536L52.3422 2.69062C52.2001 2.52957 52.219 2.28325 52.3801 2.14114C52.5411 1.99904 52.7875 2.01799 52.9296 2.17904L54.109 3.53378C54.2511 3.69483 54.2322 3.94115 54.0711 4.08325C54.0001 4.14483 53.9054 4.17799 53.8154 4.17799Z\",\"fill\":\"#3AF69B\"}}),_c('path',{attrs:{\"d\":\"M52.6406 2.84665C52.5174 2.84665 52.3943 2.78981 52.3185 2.67613C52.1953 2.50086 52.2427 2.25929 52.418 2.13613L53.7253 1.24086C53.9006 1.12244 54.1422 1.16507 54.2653 1.34034C54.3885 1.5156 54.3411 1.75718 54.1659 1.88034L52.8585 2.7756C52.7922 2.82297 52.7164 2.84192 52.6406 2.84192V2.84665Z\",\"fill\":\"#3AF69B\"}}),_c('path',{attrs:{\"d\":\"M52.6359 2.84692C52.5601 2.84692 52.4843 2.82324 52.418 2.78061L51.1106 1.88534C50.9353 1.76219 50.888 1.52061 51.0111 1.34534C51.1343 1.17008 51.3759 1.12271 51.5511 1.24587L52.8585 2.14113C53.0338 2.26429 53.0811 2.50587 52.958 2.68113C52.8822 2.79008 52.759 2.85166 52.6359 2.85166V2.84692Z\",\"fill\":\"#3AF69B\"}}),_c('path',{attrs:{\"d\":\"M16.1858 24.0396C16.0863 24.0396 15.9868 24.0017 15.911 23.9259C15.7595 23.7743 15.7595 23.528 15.911 23.3764L17.0668 22.2206V20.6811C17.0668 20.468 17.2421 20.2927 17.4553 20.2927C17.6684 20.2927 17.8437 20.468 17.8437 20.6811V22.3817C17.8437 22.4859 17.801 22.5854 17.73 22.6564L16.4605 23.9259C16.3847 24.0017 16.2853 24.0396 16.1858 24.0396Z\",\"fill\":\"#3AF69B\"}}),_c('path',{attrs:{\"d\":\"M18.6442 24.1436C18.5353 24.1436 18.4263 24.0962 18.3505 24.0109L17.1711 22.6562C17.0289 22.4951 17.0479 22.2488 17.2089 22.1067C17.37 21.9646 17.6163 21.9836 17.7584 22.1446L18.9379 23.4994C19.08 23.6604 19.0611 23.9067 18.9 24.0488C18.8289 24.1104 18.7342 24.1436 18.6442 24.1436Z\",\"fill\":\"#3AF69B\"}}),_c('path',{attrs:{\"d\":\"M17.4648 22.8126C17.3416 22.8126 17.2184 22.7558 17.1427 22.6421C17.0195 22.4668 17.0669 22.2252 17.2421 22.1021L18.5495 21.2068C18.7248 21.0836 18.9663 21.131 19.0895 21.3063C19.2127 21.4815 19.1653 21.7231 18.99 21.8463L17.6827 22.7415C17.6163 22.7889 17.5406 22.8079 17.4648 22.8079V22.8126Z\",\"fill\":\"#3AF69B\"}}),_c('path',{attrs:{\"d\":\"M17.4647 22.8125C17.3889 22.8125 17.3131 22.7888 17.2468 22.7462L15.9395 21.8509C15.7642 21.7278 15.7168 21.4862 15.84 21.3109C15.9631 21.1357 16.2047 21.0883 16.38 21.2114L17.6874 22.1067C17.8626 22.2299 17.91 22.4714 17.7868 22.6467C17.711 22.7557 17.5879 22.8172 17.4647 22.8172V22.8125Z\",\"fill\":\"#3AF69B\"}}),_c('path',{attrs:{\"d\":\"M66.2542 46.2318C66.678 46.2318 67.0216 45.8882 67.0216 45.4644C67.0216 45.0406 66.678 44.697 66.2542 44.697C65.8304 44.697 65.4868 45.0406 65.4868 45.4644C65.4868 45.8882 65.8304 46.2318 66.2542 46.2318Z\",\"fill\":\"#171717\"}}),_c('path',{attrs:{\"d\":\"M67.6374 1.53474C68.0612 1.53474 68.4047 1.19117 68.4047 0.767369C68.4047 0.343563 68.0612 0 67.6374 0C67.2136 0 66.87 0.343563 66.87 0.767369C66.87 1.19117 67.2136 1.53474 67.6374 1.53474Z\",\"fill\":\"#171717\"}}),_c('path',{attrs:{\"d\":\"M6.81632 54.6773C7.24013 54.6773 7.58369 54.3338 7.58369 53.9099C7.58369 53.4861 7.24013 53.1426 6.81632 53.1426C6.39251 53.1426 6.04895 53.4861 6.04895 53.9099C6.04895 54.3338 6.39251 54.6773 6.81632 54.6773Z\",\"fill\":\"#171717\"}}),_c('path',{attrs:{\"d\":\"M76.8553 55.8191C76.6421 55.8191 76.4669 55.6438 76.4669 55.4307C76.4669 54.9665 76.0879 54.5923 75.6284 54.5923H73.9895C73.7763 54.5923 73.6011 54.417 73.6011 54.2039C73.6011 53.9907 73.7763 53.8154 73.9895 53.8154H75.6284C76.519 53.8154 77.2437 54.5402 77.2437 55.4307C77.2437 55.6438 77.0684 55.8191 76.8553 55.8191Z\",\"fill\":\"#171717\"}}),_c('path',{attrs:{\"d\":\"M62.7252 55.8191C62.5121 55.8191 62.3368 55.6438 62.3368 55.4307C62.3368 54.5402 63.0615 53.8154 63.9521 53.8154H65.1789C65.3921 53.8154 65.5673 53.9907 65.5673 54.2039C65.5673 54.417 65.3921 54.5923 65.1789 54.5923H63.9521C63.4878 54.5923 63.1136 54.9712 63.1136 55.4307C63.1136 55.6438 62.9384 55.8191 62.7252 55.8191Z\",\"fill\":\"#171717\"}}),_c('path',{attrs:{\"d\":\"M69.7595 60.0917C72.5063 60.0917 74.7331 57.8649 74.7331 55.118C74.7331 52.3711 72.5063 50.1443 69.7595 50.1443C67.0126 50.1443 64.7858 52.3711 64.7858 55.118C64.7858 57.8649 67.0126 60.0917 69.7595 60.0917Z\",\"fill\":\"#3AF69B\"}}),_c('path',{attrs:{\"d\":\"M75.6236 57.0459H63.9521C63.0615 57.0459 62.3368 56.3212 62.3368 55.4307C62.3368 55.2175 62.5121 55.0422 62.7252 55.0422C62.9384 55.0422 63.1136 55.2175 63.1136 55.4307C63.1136 55.8949 63.4926 56.2691 63.9521 56.2691H75.6236C76.0878 56.2691 76.4621 55.8901 76.4621 55.4307C76.4621 55.2175 76.6373 55.0422 76.8505 55.0422C77.0636 55.0422 77.2389 55.2175 77.2389 55.4307C77.2389 56.3212 76.5142 57.0459 75.6236 57.0459Z\",\"fill\":\"#171717\"}}),_c('path',{attrs:{\"d\":\"M11.629 78.3379C11.5105 78.3379 11.3921 78.3095 11.2784 78.2527C10.8947 78.0585 10.7432 77.5895 10.9374 77.2106L18.0663 63.1279L4.60422 69.859C4.22053 70.0532 3.75632 69.8969 3.56211 69.5132C3.3679 69.1295 3.52421 68.6653 3.9079 68.4711L19.4732 60.6885C19.7716 60.5416 20.1363 60.5985 20.3732 60.8353C20.61 61.0721 20.6669 61.4369 20.5153 61.7353L12.3253 77.9116C12.1879 78.1816 11.9132 78.3379 11.6337 78.3379H11.629Z\",\"fill\":\"#F7685B\"}}),_c('path',{attrs:{\"d\":\"M0.776843 80.9999C0.577895 80.9999 0.378948 80.9241 0.227369 80.7726C-0.0757895 80.4694 -0.0757895 79.9768 0.227369 79.6736L18.9663 60.9346C19.2695 60.6315 19.7621 60.6315 20.0653 60.9346C20.3684 61.2378 20.3684 61.7304 20.0653 62.0336L1.32632 80.7726C1.17474 80.9241 0.97579 80.9999 0.776843 80.9999Z\",\"fill\":\"#F7685B\"}})]),_c('span',{staticClass:\"pt-2\"},[_vm._v(_vm._s((_vm.progress + \"% \"))+\" \"+_vm._s(_vm.$t('SENT'))+\"...\")])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export enum GraphqlVariables {\n HTTP = 'http://localhost:4000/graphql',\n WS = 'ws://localhost:4000/graphql',\n OPERATION_DEFINITION = 'OperationDefinition',\n SUBSCRIPTION = 'subscription'\n}\n","\nexport default {\n name: 'Sending',\n props: {\n progress: {\n type: Number,\n default: 0\n }\n },\n mounted () {\n },\n data () {\n return {\n }\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport Sending from './Sending'\nexport default Sending\n","import mod from \"-!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Sending.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Sending.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./Sending.vue?vue&type=template&id=0c56447e&\"\nimport script from \"./Sending.vue?vue&type=script&lang=ts&\"\nexport * from \"./Sending.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./Sending.vue?vue&type=style&index=0&id=0c56447e&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 null,\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"OutBoundDetail__status__card\",class:_vm.$vuetify.theme.dark? 'OutBoundDetail__status__card__dark':''},[_c('lottie-animation',{ref:\"anim\",staticClass:\"lottie__centerLeft\",attrs:{\"loop\":true,\"animationData\":require('@/shared/assets/animations/SignoMas.json')}}),_c('lottie-animation',{ref:\"anim2\",staticClass:\"lottie__centerLeftPlus\",attrs:{\"loop\":true,\"animationData\":require('@/shared/assets/animations/SignoMas.json')}}),_c('lottie-animation',{ref:\"anim\",staticClass:\"lottie__topRight\",attrs:{\"loop\":true,\"animationData\":require('@/shared/assets/animations/SignoMas.json')}}),_c('lottie-animation',{ref:\"anim\",staticClass:\"lottie__topLeft\",attrs:{\"loop\":true,\"animationData\":require('@/shared/assets/animations/Cuadrito.json')}}),_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"50\",\"height\":\"50\",\"viewBox\":\"0 0 50 50\",\"fill\":\"none\"}},[_c('path',{attrs:{\"d\":\"M25.053 49.9998C20.1382 50.0068 15.3311 48.5619 11.2365 45.8467L4.0948 48.1491H3.7271C3.55946 48.1505 3.39319 48.119 3.23787 48.056C3.08255 47.993 2.94139 47.8999 2.82218 47.7822C2.65638 47.6195 2.53892 47.4136 2.48279 47.1883C2.41944 46.9619 2.41944 46.7228 2.48279 46.4964L4.73146 39.6449C1.44474 35.094 -0.214048 29.5709 0.0221444 23.9642C0.251906 18.3526 2.36942 12.9823 6.03239 8.72158C9.68333 4.46113 14.6656 1.55485 20.1741 0.471869C25.6878 -0.61413 31.4069 0.186893 36.4088 2.74606C41.399 5.31076 45.3829 9.47462 47.7222 14.5702C50.0599 19.6745 50.6174 25.4142 49.3059 30.8723C47.9886 36.3269 44.8703 41.179 40.4535 44.6458C36.023 48.1354 30.5396 50.0227 24.8976 49.9998H25.053ZM25.053 4.96438C20.4113 4.96348 15.913 6.57074 12.3254 9.51275C8.74243 12.4463 6.28866 16.5303 5.38192 21.0686C4.47983 25.6133 5.17919 30.3295 7.36163 34.4178C9.55049 38.5019 13.0889 41.7021 17.3741 43.4731C21.6535 45.2488 26.4177 45.4838 30.8512 44.1374C35.2869 42.7962 39.1199 39.9603 41.6978 36.1132C44.272 32.2573 45.4313 27.6304 44.9788 23.0179C44.5261 18.4095 42.4868 14.1009 39.2089 10.8268C35.4585 7.07844 30.3724 4.97009 25.0671 4.96438H25.053ZM32.1238 36.8479C29.942 36.6331 27.8134 36.0454 25.8308 35.1103C21.5374 33.0333 17.8979 29.8177 15.3095 25.8149C13.8723 23.9851 13.0022 21.7754 12.8063 19.4579C12.7954 18.4841 12.998 17.5198 13.4002 16.6326C13.7927 15.7398 14.3768 14.9442 15.1113 14.3019C15.6784 13.8073 16.409 13.5401 17.1618 13.5528H17.9821C18.6185 13.5528 18.9154 13.5531 19.3963 14.5985C19.8771 15.6438 21.1217 18.8367 21.2772 19.1475C21.3718 19.3259 21.4202 19.5245 21.4184 19.7263C21.4202 19.9281 21.3718 20.1273 21.2772 20.3057C21.0937 20.6583 20.8656 20.9858 20.5985 21.2803C20.4712 21.4357 20.3297 21.5771 20.1883 21.7183C20.0469 21.8596 19.8346 22.0855 19.6649 22.2832C19.4689 22.4336 19.3334 22.6493 19.283 22.8909C19.2359 23.1403 19.2866 23.3979 19.4246 23.6111C20.3566 25.18 21.509 26.6072 22.8468 27.849C24.3147 29.1775 26.0171 30.222 27.8672 30.9289C28.1162 31.0371 28.3912 31.0712 28.6592 31.0275C28.9237 30.9793 29.169 30.8568 29.3663 30.6744C29.96 29.9793 30.5034 29.2427 30.9924 28.4705C31.1533 28.2249 31.4006 28.049 31.6854 27.9767C31.9624 27.8942 32.2606 27.9191 32.5199 28.047C33.0855 28.2165 35.9846 29.6573 36.7624 30.0246L37.0735 30.1798C37.4121 30.2929 37.7181 30.4874 37.9646 30.7454C38.1352 31.7483 37.9919 32.7791 37.5544 33.6976C37.1432 34.4791 36.5578 35.1556 35.8433 35.6752C35.1243 36.1894 34.2969 36.5324 33.4248 36.6782C33.0272 36.7793 32.619 36.8319 32.2088 36.8341L32.1238 36.8479Z\",\"fill\":\"#3AF69B\"}})]),_c('span',{staticClass:\"OutBoundDetail__title pt-4\"},[_vm._v(\" \"+_vm._s(_vm.$t('msgSentInf'))+\" \")])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import LottieAnimation from 'lottie-web-vue'\n\nexport default {\n name: 'Send',\n components: {\n LottieAnimation\n },\n mounted () {\n },\n data () {\n return {\n }\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport Send from './Send'\nexport default Send\n","import mod from \"-!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Send.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Send.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./Send.vue?vue&type=template&id=a856cbd2&\"\nimport script from \"./Send.vue?vue&type=script&lang=ts&\"\nexport * from \"./Send.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./Send.vue?vue&type=style&index=0&id=a856cbd2&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 null,\n null\n \n)\n\nexport default component.exports","import KBButton from '@/shared/infrastructure/ui/buttons/KBButton.vue'\nimport LottieAnimation from 'lottie-web-vue'\nimport { billCampaings } from '@/modules/outbound/infrastructure/ui/components/methods/billCampaings'\nimport { EventBus } from '@/eventBus'\nimport KBSelect from '@/shared/infrastructure/ui/inputs/select/KBSelect.vue'\nimport CampaignsService from '@/services/CampaignsService'\nimport Sending from '@/modules/outbound/infrastructure/ui/components/Detail/Sending/Sending.vue'\nimport Send from '@/modules/outbound/infrastructure/ui/components/Detail/Send/Send.vue'\nimport ConversationsConfigService from '@/components/configuration/Services/ConversationsConfigService'\nimport { DateTime } from 'luxon'\nimport { ActivityActionTypeEnum, ActivityLogModuleTypeEnum, dataToWriteActivityLog } from '@/modules/Config/ActivityLogs/domain/ActivityLogsController'\nimport ActivityLogsUseCases from '@/modules/Config/ActivityLogs/application/ActivityLogsUseCases'\nimport { CDPFieldsEnums } from '@/modules/CDP/shared/contacts/domain/enums/CDPFieldsEnums'\nimport ActivityLogsController from '@/modules/Config/ActivityLogs/infrastructure/controllers/ActivityLogs.controller'\nimport { mapState } from 'vuex'\n\nexport default {\n name: 'ReadytoSend',\n props: {\n campaingsId: {\n type: String,\n required: true\n },\n userHost: {\n type: String,\n required: true,\n default: ''\n }\n },\n components: {\n Send,\n Sending,\n KBButton,\n LottieAnimation,\n KBSelect\n },\n computed: {\n ...mapState('AppStore', ['selectedApp']),\n ...mapState('UserStore', ['token', 'user']),\n outboundName: {\n get () {\n return this.$store.state.CampaingsStore.outboundName || null\n },\n set (value) {\n this.$store.commit('CampaingsStore/SET_EDITING_OBJECT', {\n key: 'outboundName',\n value\n })\n }\n },\n currentSelectedTab: {\n get () {\n return this.$store.state.CampaingsStore.currentSelectedTab || null\n },\n set (value) {\n this.$store.commit('CampaingsStore/SET_EDITING_OBJECT', {\n key: 'currentSelectedTab',\n value\n })\n }\n },\n summaryMenu: {\n get () {\n return this.$store.state.CampaingsStore.summaryMenu || false\n },\n set (value) {\n this.$store.commit('CampaingsStore/SET_EDITING_OBJECT', {\n key: 'summaryMenu',\n value\n })\n }\n },\n outboundStatus: {\n get () {\n return this.$store.state.CampaingsStore.outboundStatus || null\n },\n set (value) {\n this.$store.commit('CampaingsStore/SET_EDITING_OBJECT', {\n key: 'outboundStatus',\n value\n })\n }\n },\n summaryData: {\n get () {\n return this.$store.state.CampaingsStore.summaryData || null\n },\n set (value) {\n this.$store.commit('CampaingsStore/SET_EDITING_OBJECT', {\n key: 'summaryData',\n value\n })\n }\n },\n sendNowSuccess: {\n get () {\n return this.$store.state.CampaingsStore.sendNowSuccess || false\n },\n set (value) {\n this.$store.commit('CampaingsStore/SET_EDITING_OBJECT', {\n key: 'sendNowSuccess',\n value\n })\n }\n }\n },\n async mounted () {\n this.setValues()\n this.getYears()\n this.getDays()\n this.getHours()\n this.getMn()\n await this.getTier()\n },\n data () {\n return {\n activityLogsController: new ActivityLogsController(),\n progress: 0,\n schedule: false,\n scheduleDateSuccess: false,\n sendNowSuccessBool: 0,\n loading: false,\n porcentaje: 0,\n cardLoading: false,\n scheduleDate: '',\n showDateTimePicker: false,\n tier: [],\n tierNumber: '',\n tierLevel: '',\n formDate: {\n DD: null,\n MM: null,\n YY: null,\n HH: null,\n Mm: null\n\n },\n itemsDD: [],\n itemsMM: [\n 1, 2, 3, 4, 5, 6,\n 7, 8, 9, 10, 11, 12\n ],\n itemsYY: [],\n itemsHH: [],\n itemsMn: [],\n diffDateValue: null\n }\n },\n methods: {\n billCampaings,\n countSimulation () {\n this.progress = 0\n while (this.progress < 100) {\n setTimeout(() => {\n this.progress++\n }, 10)\n }\n },\n diffDate () {\n if (this.summaryData) {\n const fechaInicio = new Date().getTime()\n if (this.summaryData?.schedule) {\n const { nextRunAt } = this.summaryData?.schedule\n const fechaFin = new Date(nextRunAt).getTime()\n const diff = fechaFin - fechaInicio\n this.diffDateValue = diff / (1000 * 60 * 60 * 24)\n }\n this.diffDateValue = 0\n }\n },\n async cancelShipment () {\n try {\n const response = await CampaignsService.cancelCampaign(this.summaryData.id ? this.summaryData.id : this.summaryData._id)\n if (response) {\n this.goToDetail(response.data?.displayCampaign)\n }\n } catch (e) {\n console.log(e)\n }\n },\n goToDetail (item) {\n this.currentSelectedTab = 'summary'\n this.summaryMenu = true\n this.summaryData = item\n this.outboundStatus = item.status\n this.outboundName = item.name\n },\n returnSummary () {\n this.formDate = {\n DD: null,\n MM: null,\n YY: null,\n HH: null,\n Mm: null\n\n }\n this.showDateTimePicker = false\n },\n setValues () {\n this.sendNowSuccess = false\n const date = new Date()\n this.formDate.DD = date.getDate() + 1\n this.formDate.MM = (date.getMonth() + 1) < 10 ? '0' + +(date.getMonth() + 1) : date.getMonth() + 1\n this.formDate.YY = date.getFullYear()\n this.formDate.HH = '12'\n this.formDate.Mm = '30'\n },\n getYears () {\n const currentYear = new Date().getFullYear()\n let startYear = currentYear\n const stopYear = currentYear + 10\n while (startYear <= stopYear) {\n this.itemsYY.push(startYear++)\n }\n },\n getHours () {\n const HH = 24\n let startHH = 0\n while (this.itemsHH.length < HH) {\n const insert = (startHH++).toString()\n this.itemsHH.push(insert)\n }\n },\n getMn () {\n const Mn = 60\n let startMn = 0\n while (this.itemsMn.length < Mn) {\n const insert = (startMn++).toString()\n this.itemsMn.push(insert)\n }\n },\n getDays () {\n const year = +this.formDate.YY || new Date().getFullYear()\n const month = this.formDate.MM ? +this.formDate.MM : 2\n const days = new Date(year, month, 0).getDate()\n let startDay = 1\n while (this.itemsDD.length < days) {\n this.itemsDD.push(startDay++)\n }\n },\n validateDateTime (date) {\n const { DD, MM, YY, HH, Mm } = date\n if (!DD) {\n EventBus.$emit('toast', 'error', this.$t('allParametersMustBeFilled') + ` (${this.$t('day')})`)\n return false\n }\n if (!MM) {\n EventBus.$emit('toast', 'error', this.$t('allParametersMustBeFilled') + ` (${this.$t('month')})`)\n return false\n }\n if (!YY) {\n EventBus.$emit('toast', 'error', this.$t('allParametersMustBeFilled') + ` (${this.$t('card_car_year')})`)\n return false\n }\n if (!HH) {\n EventBus.$emit('toast', 'error', this.$t('allParametersMustBeFilled') + ` (${this.$t('hour')})`)\n return false\n }\n if (!Mm) {\n EventBus.$emit('toast', 'error', this.$t('allParametersMustBeFilled') + ` (${this.$t('minutes')})`)\n return false\n }\n return true\n },\n validateFormat (item) {\n let result = '00'\n item.length === 1 ? result = `0${item}` : result = item\n return result\n },\n async callBillCampaings () {\n if (this.showDateTimePicker) {\n const response = this.validateDateTime(this.formDate)\n if (!response) {\n return\n } else {\n const { DD, MM, YY, HH, Mm } = this.formDate\n this.scheduleDate = `${YY}-${this.validateFormat(MM.toString())}-${this.validateFormat(DD.toString())}T${this.validateFormat(HH.toString())}:${this.validateFormat(Mm.toString())}`\n const dateLuxon = DateTime.fromISO(this.scheduleDate).toUTC()\n this.scheduleDate = dateLuxon\n this.schedule = true\n }\n }\n try {\n this.loading = true\n if (this.summaryData.type === 'sms') {\n this.porcentaje = 0\n this.cardLoading = true\n }\n const scheduleDate = this.scheduleDate ? this.scheduleDate : this.summaryData.createdAt\n const result = await this.billCampaings(this.summaryData, scheduleDate, this.schedule)\n if (result) {\n const { billing, campaign } = result\n if (billing && billing.success) {\n } else {\n EventBus.$emit('toast', 'error', this.$t('noBalanceTitle'))\n }\n if (campaign) {\n if (this.scheduleDate) {\n EventBus.$emit('toast', 'success', this.$t('scheduledCampaign'))\n this.scheduleDateSuccess = true\n this.outboundStatus = 'scheduled'\n this.writeActivityLogSchedule()\n } else {\n EventBus.$emit('toast', 'success', this.$t('sendedCampaign'))\n this.sendNowSuccess = true\n this.sendNowSuccessBool = 1\n this.writeActivityLogSend()\n // this.countSimulation()\n }\n // this.getCampaign()\n } else {\n EventBus.$emit('toast', 'error', this.$t('campaignError'))\n }\n } else {\n EventBus.$emit('toast', 'error', this.$t('campaignError'))\n }\n this.cardLoading = false\n this.loading = false\n } catch (error) {\n EventBus.$emit('toast', 'error', this.$t('campaignError'))\n this.loading = false\n this.showDateTimePicker = false\n this.cardLoading = false\n }\n },\n async writeActivityLogSend (): Promise\r\n \r\n {{ $t(itemToShow) }}\r\n {{ placeholder }}\r\n \r\n
\r\n \r\n \r\n {{ $t(itemToShow) }}\r\n {{ placeholder }}\r\n \r\n
\r\n \r\n \n \n
\n \n \n
\n \r\n
\r\n\r\n\r\n\r\n\r\n \r\n","import mod from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EmailTemplateCreatorHomeModal.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EmailTemplateCreatorHomeModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EmailTemplateCreatorHomeModal.vue?vue&type=template&id=821243f6&scoped=true&\"\nimport script from \"./EmailTemplateCreatorHomeModal.vue?vue&type=script&lang=js&\"\nexport * from \"./EmailTemplateCreatorHomeModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EmailTemplateCreatorHomeModal.vue?vue&type=style&index=0&id=821243f6&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 \"821243f6\",\n null\n \n)\n\nexport default component.exports","\nimport { EventBus } from '@/eventBus'\nimport TemplateService from '@/services/TemplateService'\nimport EmailTemplateCreatorHomeModal from '@/modules/outbound/infrastructure/ui/components/forms/EmailTemplateCreatorHomeModal.vue'\nimport Loader from '@/shared/infrastructure/ui/Loader.vue'\nimport KeybeSelect from '@/modules/DesignSystem/infrastructure/components/KeybeSelect/KeybeSelect/KeybeSelect.vue'\nimport KeybeButton from '@/modules/DesignSystem/infrastructure/components/KeybeButton/KeybeButton.vue'\nimport { mapState } from 'vuex'\n\nexport default {\n components: {\n EmailTemplateCreatorHomeModal,\n Loader,\n KeybeButton,\n KeybeSelect\n },\n props: {\n emailTemplates: {\n type: Boolean,\n default: false\n },\n actionDisabled: {\n type: Boolean,\n default: false\n },\n count: {\n type: Number,\n default: 0\n }\n },\n computed: {\n ...mapState('UserStore', ['isUserReadonly'])\n },\n created () {\n this.getTemplates()\n },\n data () {\n return {\n templateSelect: null,\n activeModal: false,\n idTemplate: null,\n modal: false,\n tab: null,\n options: {\n limit: 500,\n itemsPerPage: 500,\n page: 1,\n sortBy: ['updatedAt'],\n sortDesc: [true]\n },\n searchTemplateList: '',\n templateList: [],\n totalTemplateList: 0,\n loadingTemplateList: false\n }\n },\n methods: {\n selectTemplate (templateId) {\n if (this.idTemplate !== templateId) {\n this.idTemplate = templateId\n this.activeModal = true\n this.templateSelect = templateId\n // document.querySelector('iframe').style.width = '368px'\n // document.querySelector('iframe').style.minWidth = '368px'\n }\n },\n previewTemplate (templateId) {\n if (this.idTemplate !== templateId) {\n this.idTemplate = templateId\n this.activeModal = true\n }\n },\n async getTemplates () {\n try {\n // if (this.emailTemplates) {\n // this.options.itemsPerPage = 500\n // this.options.limit = 500\n // }\n this.loadingTemplateList = true\n const pagination = {\n itemsPerPage: this.options.itemsPerPage,\n limit: this.options.limit,\n descending: this.options.sortDesc[0],\n page: this.options.page,\n sortBy: this.options.sortBy[0]\n }\n const response = await TemplateService.getTemplatesV6(\n pagination,\n this.searchTemplateList\n )\n this.templateList = response.rows\n this.selectTemplate(response.rows[0]._id)\n this.totalTemplateList = response.count\n this.loadingTemplateList = false\n } catch (e) {\n this.templateList = []\n this.totalTemplateList = 0\n this.loadingTemplateList = false\n }\n },\n editTemplate (templateId) {\n if (!this.actionDisabled) {\n EventBus.$emit('campaignTemplateEditor', templateId)\n if (templateId) {\n this.$emit('campaignTemplateEditor', templateId)\n } else {\n this.$emit('campaignTemplateEditor')\n }\n } else {\n EventBus.$emit('toast', 'error', this.$t('msgErrorForm'))\n }\n },\n createTemplate () {\n this.$emit('campaignTemplateEditor')\n EventBus.$emit('campaignTemplateEditor')\n }\n },\n watch: {\n searchTemplateList () {\n this.options.page = 1\n this.getTemplates()\n },\n count () {\n if (this.count) {\n this.getTemplates()\n }\n }\n }\n}\n","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport TemplateList from './TemplateList'\nexport default TemplateList\n","import mod from \"-!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TemplateList.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../../node_modules/ts-loader/index.js??ref--14-3!../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TemplateList.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./TemplateList.vue?vue&type=template&id=f2804878&scoped=true&\"\nimport script from \"./TemplateList.vue?vue&type=script&lang=ts&\"\nexport * from \"./TemplateList.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./TemplateList.vue?vue&type=style&index=0&id=f2804878&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 \"f2804878\",\n null\n \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"contentEdit\"},[_c('div',{staticClass:\"contentEditChild\"},[_c('KBText',{staticClass:\"KBform smalForm\",staticStyle:{\"width\":\"25vw\"},attrs:{\"label\":_vm.$t('labelTemplate')},model:{value:(_vm.templateName),callback:function ($$v) {_vm.templateName=$$v},expression:\"templateName\"}}),_c('div',{staticStyle:{\"position\":\"relative\"}},[_c('KBButton',{attrs:{\"loading\":_vm.loadingSubmit,\"type\":\"filled\",\"textColor\":\"white\",\"color\":\"gray\",\"text\":!_vm.changeParamsVisible ? _vm.$t('copyCustomizedField'):_vm.$t('cancel')},on:{\"click\":function($event){_vm.changeParamsVisible = !_vm.changeParamsVisible}}}),(_vm.changeParamsVisible)?_c('ButtonCustomizeField',{staticClass:\"pl-1 mb-3\",on:{\"input\":_vm.onParams}}):_vm._e()],1),_c('KBButton',{attrs:{\"loading\":_vm.loadingSubmit,\"textColor\":\"white\",\"type\":\"filled\",\"color\":\"black\",\"text\":_vm.$t('goBack')},on:{\"click\":function($event){return _vm.returnForm()}}}),_c('KBButton',{attrs:{\"loading\":_vm.loadingSubmit,\"type\":\"filled\",\"textColor\":_vm.myTemplate ? 'black': 'white',\"color\":_vm.myTemplate ? 'green4': 'gray',\"text\":_vm.myTemplate ? _vm.$t('save') : _vm.$t('JustSave')},on:{\"click\":function($event){return _vm.submit()}}}),(!_vm.myTemplate)?_c('KBButton',{attrs:{\"type\":\"filled\",\"textColor\":\"black\",\"color\":\"green4\",\"loading\":_vm.loadingSubmit,\"text\":_vm.templateId ? _vm.$t('createCampaign') : _vm.$t('saveContinue')},on:{\"click\":function($event){return _vm.updateTemplateSend()}}}):_vm._e()],1),_c('div',{staticClass:\"container__editor\"},[_c('EmailEditor',{ref:\"emailEditor\",attrs:{\"appearance\":_vm.$vuetify.theme.dark ? _vm.appearance : {\n theme: 'light'\n },\"min-height\":\"600px\"},on:{\"load\":_vm.loadDefaultDesign}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { EmailEditor } from 'vue-email-editor'\nimport sampleKB from '@/assets/sampleKB.json'\nimport { EventBus } from '@/eventBus'\nimport TemplateService from '@/services/TemplateService'\nimport CampaignsService from '@/services/CampaignsService'\nimport KBButton from '@/shared/infrastructure/ui/buttons/KBButton.vue'\nimport KBText from '@/shared/infrastructure/ui/inputs/text/KBText.vue'\nimport ButtonCustomizeField from '@/modules/outbound/infrastructure/ui/components/forms/ButtonCustomizeField/ButtonCustomizeField.vue'\nimport { ActivityActionTypeEnum, ActivityLogModuleTypeEnum, dataToWriteActivityLog } from '@/modules/Config/ActivityLogs/domain/ActivityLogsController'\nimport ActivityLogsUseCases from '@/modules/Config/ActivityLogs/application/ActivityLogsUseCases'\nimport { CDPFieldsEnums } from '@/modules/CDP/shared/contacts/domain/enums/CDPFieldsEnums'\nimport ActivityLogsController from '@/modules/Config/ActivityLogs/infrastructure/controllers/ActivityLogs.controller'\nimport { mapState } from 'vuex'\nexport default {\n components: {\n EmailEditor,\n KBButton,\n KBText,\n ButtonCustomizeField\n },\n props: {\n myTemplate: {\n type: Boolean,\n default: false\n },\n templateId: {\n type: String,\n default: ''\n },\n campaignDetails: {\n type: Object,\n default: () => ({})\n },\n fromTriggers: {\n type: Boolean,\n default: false\n }\n },\n data () {\n return {\n changeParamsVisible: false,\n appearance: {\n theme: 'dark'\n },\n template: {},\n templateName: '',\n loadingSubmit: false,\n buttonCustomizeColor: '#8898AA',\n editName: false,\n actionName: '',\n activityLogsController: new ActivityLogsController()\n }\n },\n computed: {\n ...mapState('AppStore', ['selectedApp']),\n ...mapState('UserStore', ['token', 'user']),\n outboundName: {\n get () {\n return this.$store.state.CampaingsStore.outboundName || null\n },\n set (value) {\n this.$store.commit('CampaingsStore/SET_EDITING_OBJECT', {\n key: 'outboundName',\n value\n })\n }\n },\n currentSelectedTab: {\n get () {\n return this.$store.state.CampaingsStore.currentSelectedTab || null\n },\n set (value) {\n this.$store.commit('CampaingsStore/SET_EDITING_OBJECT', {\n key: 'currentSelectedTab',\n value\n })\n }\n },\n summaryData: {\n get () {\n return this.$store.state.CampaingsStore.summaryData || false\n },\n set (value) {\n this.$store.commit('CampaingsStore/SET_EDITING_OBJECT', {\n key: 'summaryData',\n value\n })\n }\n },\n summaryMenu: {\n get () {\n return this.$store.state.CampaingsStore.summaryMenu || false\n },\n set (value) {\n this.$store.commit('CampaingsStore/SET_EDITING_OBJECT', {\n key: 'summaryMenu',\n value\n })\n }\n },\n isDisabled () {\n return !this.template.name\n },\n sampleJson () {\n return `${process.env.VUE_APP_STORAGE_URL}/files/bluebird/campaigns/templates/sample.json`\n }\n },\n activated () {\n this.checkEdition()\n },\n mounted () {\n this.checkEdition()\n },\n methods: {\n onParams (customizedField) {\n if (this.templateName) {\n this.templateName = `${this.templateName} ${customizedField}`\n } else {\n this.templateName = customizedField\n }\n this.changeParamsVisible = false\n },\n goBack () {\n EventBus.$emit('showTemplatesList')\n this.$emit('showTemplatesList')\n },\n loadDefaultDesign () {\n this.$refs.emailEditor.editor.loadDesign(sampleKB)\n },\n checkEdition () {\n if (this.templateId) {\n const templateId = this.templateId\n this.loadDesign(templateId)\n }\n },\n async loadDesign (templateId) {\n if (templateId === '0' || templateId === 0) {\n this.loadDefaultDesign()\n } else {\n await this.getTemplate(templateId)\n const vue = this\n\n if (\n this.template &&\n typeof this.template === 'object' &&\n this.template.template\n ) {\n this.templateName = this.template.name\n this.editName = true\n vue.$refs.emailEditor.editor.loadDesign(this.template.template)\n } else {\n EventBus.$emit('toast', 'error', this.$t('notSavedTemplate'))\n }\n }\n },\n async getTemplate (templateId) {\n try {\n const response = await TemplateService.getTemplateByIdV6(templateId)\n this.template = response\n } catch (e) {\n this.template = {}\n }\n },\n submit () {\n if (this.templateName) {\n this.templateId ? this.updateTemplate() : this.createTemplate()\n } else {\n EventBus.$emit('toast', 'success', this.$t('titleRequired'))\n }\n },\n returnForm () {\n this.$parent.returnForm()\n },\n async writeActivityLog (type: string): Promise\r\n
\r\n \n \n
\n\n\n\n \n","import mod from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TemplateList.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TemplateList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TemplateList.vue?vue&type=template&id=4beebdf0&scoped=true&\"\nimport script from \"./TemplateList.vue?vue&type=script&lang=js&\"\nexport * from \"./TemplateList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TemplateList.vue?vue&type=style&index=0&id=4beebdf0&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 \"4beebdf0\",\n null\n \n)\n\nexport default component.exports","\n \n {{ $t('chooseTemplate') }}\n
\n \n \n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n {{ formBasic ? '': email.templateId ? 'Editar plantilla:': 'Plantilla en blanco' }}\n \n
\n \n
\n
\n
\n