{"version":3,"sources":["webpack:///./src/components/Dashboard/RfmChart.vue?53e2","webpack:///./src/views/Dashboard.vue","webpack:///./src/components/Dashboard/WrapperDashboard.vue","webpack:///./src/components/Dashboard/WrapperDashboard.vue?e3de","webpack:///./src/components/Dashboard/MostPopularProductsCard.vue","webpack:///./src/components/Dashboard/MostPopularProductsCard.vue?de7a","webpack:///./src/components/Dashboard/MostRelevantProductsCard.vue","webpack:///./src/components/Dashboard/MostRelevantProductsCard.vue?d132","webpack:///./src/components/Dashboard/MostRelevantCategoriesCard.vue","webpack:///./src/components/Dashboard/MostRelevantCategoriesCard.vue?2bc8","webpack:///./src/components/Dashboard/CardMetrics.vue","webpack:///./src/components/Dashboard/CardMetrics.vue?9174","webpack:///./src/components/Dashboard/TopsCardSkeleton.vue","webpack:///./src/components/Dashboard/TopsCardSkeleton.vue?a490","webpack:///./src/components/Dashboard/CardMetricsSkeleton.vue","webpack:///./src/components/Dashboard/CardMetricsSkeleton.vue?fa69","webpack:///./src/components/Dashboard/RfmChart.vue","webpack:///./src/components/Dashboard/RfmChart.vue?7b8b","webpack:///./src/components/Dashboard/RfmChartSkeleton.vue","webpack:///./src/components/Dashboard/RfmChartSkeleton.vue?b6b5","webpack:///./src/views/Dashboard.vue?1521","webpack:///./src/components/Utils/NoContent.vue","webpack:///./node_modules/@heroicons/vue/solid/esm/ArrowRightIcon.js","webpack:///./src/components/Utils/NoContent.vue?21b7","webpack:///./src/components/Dashboard/RfmChartSkeleton.vue?02f4","webpack:///./src/config/ChartsConfig.js"],"names":["class","_createElementVNode","xmlns","viewBox","fill","aria-hidden","fill-rule","d","clip-rule","stroke","stroke-linecap","stroke-linejoin","stroke-width","_createElementBlock","_createVNode","_component_WrapperDashboard","_component_TransitionFade","_ctx","_component_NoContent","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","$setup","locale","state","Langs","selected","lang","_hoisted_7","onMouseleave","$options","onMouseover","_hoisted_8","Calendar","isMenuShortCutsOpen","_hoisted_9","_hoisted_10","_Fragment","isShortCutData","sc","i","length","key","onClick","_hoisted_12","_component_v_date_picker","is-range","columns","default","sm","md","lg","xl","masks","inputValue","inputEvents","_mergeProps","_toHandlers","end","_hoisted_13","start","value","Dashboard","loading","_createBlock","_component_TimeLineSkeleton","dashboardActive","_component_ECharts","ref","option","_hoisted_16","_component_CardMetricsSkeleton","_component_CardMetrics","data","onlineMetrics","type","offlineMetrics","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","isLoadingMostPopularProducts","_component_TopsCardSkeleton","_component_MostPopularProductsCard","mostPopularProducts","date_init","date_end","onChangeDates","isLoadingMostRelevantProducts","_component_MostRelevantProductsCard","mostRelevantProducts","isLoadingMostRelevantCategories","_component_MostRelevantCategoriesCard","mostRelevantCategories","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","isLoadingRfm","_component_RfmChartSkeleton","_component_RfmChart","_hoisted_1","name","components","props","emits","watch","__exports__","_hoisted_2","$props","item","_hoisted_11","src","product","image","alt","_hoisted_14","title","currency","sales","number","quantity","mostPopularProductsError","_hoisted_25","_hoisted_26","setup","t","useI18n","input","timeline","this","metric","currentProject","$route","params","id","created","handler","newVal","newTimeline","date_start","$moment","format","$store","dispatch","$emit","methods","topRated","mostRelevantProductsError","mounted","_id","_hoisted_15","total","mostRelevantCategoriesError","joinedValue","val","result","map","join","total_profiles_online","sales_online","revenue_online","total_profiles_offline","sales_offline","revenue_offline","script","x-description","$data","count","percentage","_hoisted_27","_hoisted_28","_hoisted_29","_hoisted_30","_hoisted_31","_hoisted_32","_hoisted_33","_hoisted_34","_hoisted_35","_hoisted_36","_hoisted_37","_hoisted_38","_hoisted_39","_hoisted_40","_hoisted_41","_hoisted_42","_hoisted_43","_hoisted_44","_hoisted_45","_hoisted_46","_hoisted_47","_hoisted_48","_hoisted_49","_hoisted_50","_hoisted_51","_hoisted_52","_hoisted_53","_hoisted_54","_hoisted_55","_hoisted_56","_hoisted_57","_hoisted_58","info","totalCustomers","response","axiosClient","get","status","CardMetrics","WrapperDashboard","TransitionFade","NoContent","ECharts","createComponent","echarts","h","MostPopularProductsCard","MostRelevantProductsCard","MostRelevantCategoriesCard","TopsCardSkeleton","CardMetricsSkeleton","TimeLineSkeleton","RfmChart","RfmChartSkeleton","isLoading","timelineChart","conversionsOnlineChart","conversionsOfflineChart","isPlaceHolder","handleData","handleMetrics","turnOffSplashScreen","doSomething","$refs","chart","inst","getWidth","setMenuShortCutOpen","setMenuShortCutClose","selectShortCutDates","payload","Date","subtract","getTimeline","offLineData","onLineData","getPopularProducts","getRelevantProducts","getRelevantCategories","async","then","res","$toast","error","message","$router","push","ChartsConfig","filter","date_from","date_to","limit","time","setTimeout","render","vector-effect","_component_router_link","to","_component_ArrowRightIcon","_cache","ArrowRightIcon","color","text","tooltip","trigger","axisPointer","label","backgroundColor","legend","grid","left","right","bottom","containLabel","xAxis","boundaryGap","timeLineChart","dateRange","yAxis","series","markPoint","smooth","lineStyle","width","showSymbol","areaStyle","opacity","LinearGradient","offset","emphasis","focus","onlineTimeline","offlineTimeline","salesChart","date","online","offline"],"mappings":"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","file":"js/chunk-58e26a2e.cd17a5bd.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./RfmChart.vue?vue&type=style&index=0&id=0bddf11d&scoped=true&lang=css\"","<template>\n  <div>\n    <WrapperDashboard />\n    <div>\n      <TransitionFade>\n        <div v-if=\"!currentProject\">\n          <NoContent />\n        </div>\n      </TransitionFade>\n      <TransitionFade>\n        <div v-if=\"currentProject\">\n          <div class=\"container-xl px-2 py-2 w-full my-4\">\n            <div class=\"card-dashed grid grid-cols-12 gap-4\">\n              <div class=\"col-span-12 flex flex-row items-center justify-between\">\n                <h5 class=\"card-dashed-title mb-0 w-full\">{{ t(\"dashboard.order\", {}, { locale: $store.state.Langs.selected.lang }) }}</h5>\n                <div class=\"w-full flex flex-row items-center justify-end gap-3\">\n                  <div class=\"w-20 relative\" @mouseleave=\"setMenuShortCutClose\">\n                    <div class=\"rounded-lg shadow bg-white px-2 py-3 text-center text-gray-600 text-sm cursor-pointer inline-flex justify-center items-end\" @mouseover=\"setMenuShortCutOpen\">\n                      <span>\n                        {{ isPlaceHolder }}\n                        {{ t(\"dashboard.days\", {}, { locale: $store.state.Langs.selected.lang }) }}\n                      </span>\n                      <svg class=\"h-4 w-4\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 22 22\" fill=\"currentColor\" aria-hidden=\"true\">\n                        <path fill-rule=\"evenodd\" d=\"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z\" clip-rule=\"evenodd\" />\n                      </svg>\n                    </div>\n                    <!-- Dropdown menu -->\n                    <TransitionFade>\n                      <div class=\"absolute pt-2 overflow-y-auto -left-12 shadow-lg z-100 rounded-lg\" v-if=\"$store.state.Calendar.isMenuShortCutsOpen\">\n                        <ul class=\"dark:bg-gray-800 rounded-lg divide-y divide-gray-100 bg-white border\">\n                          <li class=\"h-10 w-32 text-sm flex flex-col items-start justify-center cursor-pointer hover:bg-gray-50 transition ease-out duration-300\" :class=\"[$store.state.Calendar.isShortCutData.length - 1 == i ? 'rounded-b-lg' : '' || i == 0 ? 'rounded-t-lg' : '']\" v-for=\"(sc, i) in $store.state.Calendar.isShortCutData\" :key=\"i\" @click=\"selectShortCutDates(sc)\">\n                            <span class=\"font-semibold text-gray-500 inline-block px-4\">{{ sc }} {{ t(\"dashboard.days\", {}, { locale: $store.state.Langs.selected.lang }) }}</span>\n                          </li>\n                        </ul>\n                      </div>\n                    </TransitionFade>\n                  </div>\n                  <div>\n                    <v-date-picker v-model=\"timeline\" is-range :columns=\"$screens({ default: 1, sm: 1, md: 2, lg: 2, xl: 2 })\" :masks=\"masks\">\n                      <template v-slot=\"{ inputValue, inputEvents }\">\n                        <div class=\"shadow w-auto flex justify-center items-center rounded-lg bg-white px-2 py-3\" v-on=\"inputEvents.end\">\n                          <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" class=\"w-5 h-5 mx-1 text-gray-600\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\" />\n                          </svg>\n                          <input v-model=\"inputValue.start\" class=\"hidden md:block w-28 rounded-l-lg focus:outline-none text-sm text-center text-gray-600\" />\n                          <input :value=\"inputValue.end\" class=\"hidden md:block w-28 rounded-r-lg focus:outline-none text-sm text-center text-gray-600\" />\n                        </div>\n                      </template>\n                    </v-date-picker>\n                  </div>\n                </div>\n              </div>\n              <div class=\"h-96 bg-white col-span-12 sm:col-span-12 md:col-span-12 lg:col-span-12 xl:col-span-9 rounded-lg shadow p-4\" :class=\"{ 'animate-pulse': $store.state.Dashboard.loading }\">\n                <TimeLineSkeleton v-if=\"$store.state.Dashboard.loading\" />\n                <ECharts ref=\"chart\" :option=\"timelineChart\" v-if=\"!$store.state.Dashboard.loading && $store.state.Dashboard.dashboardActive\" />\n              </div>\n              <div class=\"h-96 md:h-48 xl:h-96 col-span-12 sm:col-span-12 md:col-span-12 lg:col-span-12 xl:col-span-3 gap-4 grid grid-rows-2 sm:grid-row-2 md:grid-cols-2 md:grid-rows-1 lg:grid-cols-2 lg:grid-rows-1 xl:grid-cols-1 xl:grid-rows-2\">\n                <CardMetricsSkeleton v-if=\"$store.state.Dashboard.loading\" />\n                <CardMetrics v-else :data=\"$store.state.Dashboard.onlineMetrics\" type=\"Online\" />\n                <CardMetricsSkeleton v-if=\"$store.state.Dashboard.loading\" />\n                <CardMetrics v-else :data=\"$store.state.Dashboard.offlineMetrics\" type=\"Offline\" />\n              </div>\n            </div>\n            <div class=\"card-dashed\">\n              <div class=\"w-full flex flex-col justify-between items-center\">\n                <h5 class=\"card-dashed-title mb-0 w-full px-2 py-2\">{{ t(\"dashboard.relevantContent\", {}, { locale: $store.state.Langs.selected.lang }) }}</h5>\n                <div class=\"w-full grid grid-cols-12 gap-4\">\n                  <TopsCardSkeleton v-if=\"$store.state.Dashboard.isLoadingMostPopularProducts\" />\n                  <MostPopularProductsCard v-else :data=\"$store.state.Dashboard.mostPopularProducts\" :date_init=\"$store.state.Calendar.mostPopularProducts.date_init\" :date_end=\"$store.state.Calendar.mostPopularProducts.date_end\" @change-dates=\"getPopularProducts\" type=\"mostPopularProducts\" />\n                  <TopsCardSkeleton v-if=\"$store.state.Dashboard.isLoadingMostRelevantProducts\" />\n                  <MostRelevantProductsCard v-else :data=\"$store.state.Dashboard.mostRelevantProducts\" :date_init=\"$store.state.Calendar.mostRelevantProducts.date_init\" :date_end=\"$store.state.Calendar.mostRelevantProducts.date_end\" @change-dates=\"getRelevantProducts\" type=\"mostRelevantProducts\" />\n                  <TopsCardSkeleton v-if=\"$store.state.Dashboard.isLoadingMostRelevantCategories\" />\n                  <MostRelevantCategoriesCard v-else :data=\"$store.state.Dashboard.mostRelevantCategories\" :date_init=\"$store.state.Calendar.mostRelevantCategories.date_init\" :date_end=\"$store.state.Calendar.mostRelevantCategories.date_end\" @change-dates=\"getRelevantCategories\" type=\"mostRelevantCategories\" />\n                </div>\n              </div>\n            </div>\n            <div class=\"card-dashed\">\n              <div class=\"w-full flex flex-col justify-between items-center\">\n                <h5 class=\"card-dashed-title mb-0 w-full px-2 py-2\">{{ t(\"rfm.title\", {}, { locale: $store.state.Langs.selected.lang }) }}</h5>\n                <div class=\"w-full\">\n                  <RfmChartSkeleton v-if=\"$store.state.Dashboard.isLoadingRfm\" />\n                  <RfmChart />\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </TransitionFade>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { useI18n } from \"vue-i18n\"\nimport WrapperDashboard from \"@/components/Dashboard/WrapperDashboard\"\nimport NoContent from \"@/components/Utils/NoContent\"\nimport TransitionFade from \"@/components/TransitionFade\"\nimport * as echarts from \"echarts\"\nimport { h } from \"vue\"\nimport { createComponent } from \"echarts-for-vue\"\nimport { ChartsConfig } from \"@/config/ChartsConfig\"\nimport MostPopularProductsCard from \"@/components/Dashboard/MostPopularProductsCard\"\nimport MostRelevantProductsCard from \"@/components/Dashboard/MostRelevantProductsCard\"\nimport MostRelevantCategoriesCard from \"@/components/Dashboard/MostRelevantCategoriesCard\"\nimport CardMetrics from \"@/components/Dashboard/CardMetrics\"\nimport TopsCardSkeleton from \"@/components/Dashboard/TopsCardSkeleton\"\nimport CardMetricsSkeleton from \"@/components/Dashboard/CardMetricsSkeleton\"\nimport TimeLineSkeleton from \"@/components/Dashboard/TimeLineSkeleton\"\nimport RfmChart from \"@/components/Dashboard/RfmChart\"\nimport RfmChartSkeleton from \"@/components/Dashboard/RfmChartSkeleton\"\n\nexport default {\n  components: {\n    CardMetrics,\n    WrapperDashboard,\n    TransitionFade,\n    NoContent,\n    ECharts: createComponent({ echarts, h }),\n    MostPopularProductsCard,\n    MostRelevantProductsCard,\n    MostRelevantCategoriesCard,\n    TopsCardSkeleton,\n    CardMetricsSkeleton,\n    TimeLineSkeleton,\n    RfmChart,\n    RfmChartSkeleton\n  },\n  setup() {\n    const { t, locale } = useI18n()\n    return { t, locale }\n  },\n  name: `Dashboard`,\n  data: function () {\n    return {\n      isLoading: false,\n      currentProject: this.$route.params.id ? this.$route.params.id : null,\n      timelineChart: null,\n      conversionsOnlineChart: null,\n      conversionsOfflineChart: null,\n      masks: {\n        input: \"YYYY-MM-DD\"\n      },\n      timeline: {\n        start: this.$store.state.Calendar.timeline.date_start,\n        end: this.$store.state.Calendar.timeline.date_end\n      },\n      isPlaceHolder: 30\n    }\n  },\n  created() {\n    if (this.currentProject) {\n      this.isLoading = true\n      this.handleData(), this.handleMetrics()\n    } else this.turnOffSplashScreen(100)\n  },\n  watch: {\n    \"$route.params.id\": {\n      handler(newVal) {\n        if (this.currentProject) this.isLoading = true\n        if (newVal) {\n          this.currentProject = this.$route.params.id //updated currentproject\n          this.handleData(), this.handleMetrics()\n        }\n      }\n    },\n    timeline: {\n      handler(newVal) {\n        if (newVal) {\n          let newTimeline = {}\n          newTimeline.date_start = this.$moment(this.timeline.start).format(\"YYYY-MM-DD 00:00:00\")\n          newTimeline.date_end = this.$moment(this.timeline.end).format(\"YYYY-MM-DD 23:59:59\")\n          this.$store.dispatch(\"Calendar/setNewTimeLine\", newTimeline)\n          this.handleData()\n        }\n      }\n    }\n  },\n  methods: {\n    doSomething: function () {\n      this.$refs.chart.inst.getWidth()\n    },\n    setMenuShortCutOpen: function () {\n      this.$store.dispatch(\"Calendar/openMenuShortCut\")\n    },\n    setMenuShortCutClose: function () {\n      this.$store.dispatch(\"Calendar/closeMenuShortCut\")\n    },\n    selectShortCutDates: function (payload) {\n      this.setMenuShortCutClose()\n      this.isPlaceHolder = payload\n      switch (payload) {\n        case 7:\n          this.timeline = {\n            start: this.$moment(new Date()).subtract(7, \"days\").format(\"YYYY-MM-DD 00:00:00\"),\n            end: this.$moment(new Date()).format(\"YYYY-MM-DD 23:59:59\")\n          }\n          break\n        case 14:\n          this.timeline = {\n            start: this.$moment(new Date()).subtract(14, \"days\").format(\"YYYY-MM-DD 00:00:00\"),\n            end: this.$moment(new Date()).format(\"YYYY-MM-DD 23:59:59\")\n          }\n          break\n\n        case 30:\n          this.timeline = {\n            start: this.$moment(new Date()).subtract(30, \"days\").format(\"YYYY-MM-DD 00:00:00\"),\n            end: this.$moment(new Date()).format(\"YYYY-MM-DD 23:59:59\")\n          }\n          break\n        case 60:\n          this.timeline = {\n            start: this.$moment(new Date()).subtract(60, \"days\").format(\"YYYY-MM-DD 00:00:00\"),\n            end: this.$moment(new Date()).format(\"YYYY-MM-DD 23:59:59\")\n          }\n          break\n        case 90:\n          this.timeline = {\n            start: this.$moment(new Date()).subtract(90, \"days\").format(\"YYYY-MM-DD 00:00:00\"),\n            end: this.$moment(new Date()).format(\"YYYY-MM-DD 23:59:59\")\n          }\n          break\n        default:\n          this.timeline = {\n            start: this.$store.state.Calendar.timeline.date_start,\n            end: this.$store.state.Calendar.timeline.date_end\n          }\n          break\n      }\n    },\n    handleData: function () {\n      this.getTimeline()\n      this.offLineData()\n      this.onLineData()\n    },\n    handleMetrics: function () {\n      this.getPopularProducts()\n      this.getRelevantProducts()\n      this.getRelevantCategories()\n    },\n    getTimeline: async function () {\n      let currentProject = this.currentProject\n      const timeline = { date_start: this.$store.state.Calendar.timeline.date_start, date_end: this.$store.state.Calendar.timeline.date_end }\n      await this.$store.dispatch(\"Dashboard/dashboardTimeLine\", { currentProject, timeline }).then((res) => {\n        if (res.status == 403) {\n          this.$toast.error(`${res.data.message}`)\n          this.$router.push({\n            name: \"Projects\",\n            params: { id: \"\" }\n          })\n        }\n      })\n      this.timelineChart = await ChartsConfig.timelineChart(this.$store.state.Dashboard)\n      this.turnOffSplashScreen(1000)\n    },\n    onLineData: function () {\n      let currentProject = this.currentProject\n      let filter = {}\n      filter.date_from = `${this.$store.state.Calendar.timeline.date_start}`\n      filter.date_to = `${this.$store.state.Calendar.timeline.date_end}`\n      this.$store.dispatch(\"Dashboard/getOnlineData\", { currentProject, filter })\n    },\n    offLineData: function () {\n      let currentProject = this.currentProject\n      let filter = {}\n      filter.date_from = `${this.$store.state.Calendar.timeline.date_start}`\n      filter.date_to = `${this.$store.state.Calendar.timeline.date_end}`\n      this.$store.dispatch(\"Dashboard/getOfflineData\", { currentProject, filter })\n    },\n    getPopularProducts: function () {\n      let currentProject = this.currentProject\n      let filter = {}\n      filter.date_init = `${this.$store.state.Calendar.mostPopularProducts.date_init}`\n      filter.date_end = `${this.$store.state.Calendar.mostPopularProducts.date_end}`\n      filter.limit = 10\n      this.$store.dispatch(\"Dashboard/getPopularProducts\", { currentProject, filter })\n    },\n    getRelevantProducts: function () {\n      let currentProject = this.currentProject\n      let filter = {}\n      filter.date_init = `${this.$store.state.Calendar.mostRelevantProducts.date_init}`\n      filter.date_end = `${this.$store.state.Calendar.mostRelevantProducts.date_end}`\n      filter.limit = 10\n      this.$store.dispatch(\"Dashboard/getRelevantProducts\", { currentProject, filter })\n    },\n    getRelevantCategories: function () {\n      let currentProject = this.currentProject\n      let filter = {}\n      filter.date_init = `${this.$store.state.Calendar.mostRelevantCategories.date_init}`\n      filter.date_end = `${this.$store.state.Calendar.mostRelevantCategories.date_end}`\n      filter.limit = 10\n      this.$store.dispatch(\"Dashboard/getRelevantCategories\", { currentProject, filter })\n    },\n    turnOffSplashScreen: function (time) {\n      setTimeout(() => {\n        this.isLoading = false\n      }, time)\n    }\n  }\n}\n</script>\n","<template>\n  <div>\n    <div class=\"border-t bg-white border-b border-gray-200\">\n      <div class=\"container-xl px-4 md:px-2 py-4 h-20 md:h-20 mx-auto flex flex-row items-center justify-between\">\n        <!--Left Filter-->\n        <div class=\"flex flex-row items-center justify-between md:justify-start\">\n          <h4 class=\"text-xl font-semibold leading-tight text-gray-800 flex items-center mr-0 md:mr-5\">Dashboard</h4>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"WrapperDashboard\",\n  components: {},\n  props: [],\n  emits: [],\n  data: function () {\n    return {}\n  },\n  watch: {}\n}\n</script>\n","import { render } from \"./WrapperDashboard.vue?vue&type=template&id=456b83aa\"\nimport script from \"./WrapperDashboard.vue?vue&type=script&lang=js\"\nexport * from \"./WrapperDashboard.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/codebuild/output/src2070425128/src/dataloop_front/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <div class=\"h-96 bg-white col-span-12 sm:col-span-12 md:col-span-12 lg:col-span-12 xl:col-span-4 rounded-lg shadow px-4 pb-4\">\n    <div class=\"h-1/6 flex items-center justify-between\">\n      <div><h5 class=\"text-gray-500 font-semibold text-md\">{{ t(\"dashboard.relevantPopular\",{},{locale: $store.state.Langs.selected.lang}) }}</h5></div>\n      <div class=\"w-auto flex justify-end\">\n        <!--Right Filter-->\n        <v-date-picker v-model=\"timeline\" is-range  :masks=\"masks\" :columns=\"$screens({ default: 1, sm:1, md:2, lg: 2, xl:2 })\">\n          <template v-slot=\"{ inputValue, inputEvents }\">\n            <div class=\"flex justify-center items-center rounded border border-gray-200\" v-on=\"inputEvents.end\" >\n              <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" class=\"w-4 h-4 text-gray-500 mx-1 my-2\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\" />\n              </svg>\n              <input v-model=\"inputValue.start\" class=\"px-1 py-1 w-20 rounded-l focus:outline-none text-xs text-center text-gray-500 hidden sm:block md:hidden lg:block xl:block\"/>\n              <input :value=\"inputValue.end\"  class=\"px-1 py-1 w-20 rounded-r focus:outline-none text-xs text-center text-gray-500 hidden sm:block md:hidden lg:block xl:block\"/>\n            </div>\n          </template>\n        </v-date-picker>\n      </div>\n    </div>\n    <div class=\"h-5/6 overflow-y-auto border border-gray-200 divide-y divide-y-100\" v-if=\"data && data.length > 0\">\n      <div class=\"w-full flex flex-row justify-start items-start p-2 hover:bg-gray-50 cursor-default\" v-for=\"(item, i) in data\" :key=\"i\">\n        <div class=\"w-8 h-12 flex items-center\">\n          <div class=\"w-8 h-8 rounded-full bg-gray-600 flex flex-col items-center justify-center\">\n            <p class=\"text-white text-sm font-semibold\">{{ topRated(i) }}</p>\n          </div>\n        </div>\n        <div class=\"w-1/6 text-center h-auto\">\n          <img class=\"bg-cover bg-center cursor-pointer h-12 mx-auto\" :src=\"item.product.image\" :alt=\"item.product.name\">\n        </div>\n        <div class=\"w-5/6 flex flex-row items-center justify-between h-12\">\n          <p class=\"text-gray-600 text-xs font-semibold uppercase pr-4 truncate\" :title=\"item.product.name\">{{ item.product.name }}</p>\n          <div class=\"flex items-center\">\n            <div class=\"px-2\">\n              <span class=\"text-gray-600 text-sm block text-center font-semibold\"> {{ $filters.currency(item.sales ? item.sales : 0) }}</span>\n              <span class=\"text-gray-500 text-xs block text-center uppercase\">{{ t(\"dashboard.sales\",{},{locale: $store.state.Langs.selected.lang}) }}</span>\n            </div>\n            <div class=\"px-2\">\n              <span class=\"text-gray-600 text-sm block text-center font-semibold\"> {{ $filters.number( item.quantity ? item.quantity : 0 ) }}</span>\n              <span class=\"text-gray-500 text-xs block text-center uppercase\">{{ t(\"dashboard.total\",{},{locale: $store.state.Langs.selected.lang}) }}</span>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div  class=\"h-5/6 border border-gray-100 flex flex-col items-center justify-center\"\n      v-if=\"$store.state.Dashboard.mostPopularProductsError || !$store.state.Dashboard.isLoadingMostPopularProducts && data.length == 0\">\n      <div class=\"space-y-1\">\n        <h3 class=\"text-gray-600 text-2xl font-semibold\">{{ t(\"dashboard.noResults\",{},{locale: $store.state.Langs.selected.lang}) }}</h3>\n        <p class=\"text-gray-500 text-lg font-semibld\">{{ t(\"dashboard.noData\",{},{locale: $store.state.Langs.selected.lang}) }}</p>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n    import{useI18n} from 'vue-i18n'\n\n    export default {\n        name: 'MostPopularProducts',\n        props:['date_init', 'date_end', 'type', 'data'],\n        emits:['change-dates'],\n        setup(){\n          const { t, locale } = useI18n();\n          return { t , locale }\n        },\n        data: function(){\n            return{\n                masks: {\n                    input: 'YYYY-MM-DD',\n                },\n                timeline:{\n                   start: this.date_init,\n                   end: this.date_end,\n                },\n                metric:this.type,\n                currentProject: this.$route.params.id  ? this.$route.params.id : null,\n            }\n        },\n         created(){\n\n        } ,\n        watch:{\n            'timeline':{\n                handler(newVal){\n                    if( newVal ){\n                      let newTimeline = {}\n                        newTimeline.date_start = this.$moment(this.timeline.start).format('YYYY-MM-DD 00:00:00')\n                        newTimeline.date_end = this.$moment(this.timeline.end).format('YYYY-MM-DD 23:59:59')\n\n                        this.$store.dispatch('Calendar/setPopularProducts', newTimeline)\n                        this.$emit('change-dates')\n                    }\n                }\n            },\n        },\n        methods:{\n            topRated: function(i){\n                return i+1\n            }\n        }\n\n    }\n</script>\n","import { render } from \"./MostPopularProductsCard.vue?vue&type=template&id=7fd2ffa3\"\nimport script from \"./MostPopularProductsCard.vue?vue&type=script&lang=js\"\nexport * from \"./MostPopularProductsCard.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/codebuild/output/src2070425128/src/dataloop_front/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n    <div class=\"h-96 bg-white col-span-12 sm:col-span-12 md:col-span-12 lg:col-span-12 xl:col-span-4 rounded-lg shadow px-4 pb-4\">\n        <div class=\"h-1/6 flex items-center justify-between py-3\">\n            <div>\n                <h5 class=\"text-gray-500 font-semibold text-md\">{{ t(\"dashboard.relevantProducts\",{},{locale: $store.state.Langs.selected.lang}) }}</h5>\n            </div>\n            <div class=\"w-auto flex justify-end\">\n            <!--Right Filter-->\n                <v-date-picker v-model=\"timeline\" is-range :masks=\"masks\" :columns=\"$screens({ default: 1, sm:1, md:2, lg: 2, xl:2 })\">\n                     <template v-slot=\"{ inputValue, inputEvents }\">\n                        <div class=\"flex justify-center items-center rounded border border-gray-200\" v-on=\"inputEvents.end\" >\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" class=\"w-4 h-4 text-gray-500 mx-1 my-2\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\" />\n                            </svg>\n                            <input v-model=\"inputValue.start\" class=\"px-1 py-1 w-20 rounded-l focus:outline-none text-xs text-center text-gray-500 hidden sm:block md:hidden lg:block xl:block\"/>\n                            <input :value=\"inputValue.end\"  class=\"px-1 py-1 w-20 rounded-r focus:outline-none text-xs text-center text-gray-500 hidden sm:block md:hidden lg:block xl:block\"/>\n                        </div>\n                    </template>\n                </v-date-picker>\n            </div>\n        </div>\n        <div class=\"h-5/6 overflow-y-auto border border-gray-200 divide-y divide-y-100\" v-if=\"data && data.length > 0\">\n            <div class=\"w-full flex flex-row justify-start items-start p-2 hover:bg-gray-50 cursor-default\" v-for=\"(item, i) in data\" :key=\"i\">\n                <div class=\"w-8 h-12 flex items-center\">\n                    <div class=\"w-8 h-8 rounded-full bg-gray-600 flex flex-col items-center justify-center\">\n                        <p class=\"text-white text-sm font-semibold\">{{ topRated(i) }}</p>\n                    </div>\n                </div>\n                <div class=\"w-1/6 text-center h-auto\">\n                    <img class=\"bg-cover bg-center cursor-pointer h-12 mx-auto\" :src=\"item.product.image\" :alt=\"item.product.name\">\n                </div>\n                <div class=\"w-5/6 flex flex-row items-center justify-between h-12\">\n                    <p class=\"text-gray-600 text-xs font-semibold uppercase truncate\" :title=\"item.product.name\">{{ item.product.name }}</p>\n                    <div class=\"flex items-center\">\n                      <div class=\"px-2\">\n                        <span class=\"text-gray-600 text-sm block text-center font-semibold\"> {{ $filters.currency(item.sales ? item.sales : 0) }}</span>\n                        <span class=\"text-gray-500 text-xs block text-center uppercase\">{{ t(\"dashboard.sales\",{},{locale: $store.state.Langs.selected.lang}) }}</span>\n                      </div>\n                      <div class=\"px-2\">\n                        <span class=\"text-gray-600 text-sm block text-center font-semibold\"> {{ $filters.number( item.quantity ? item.quantity : 0 ) }}</span>\n                        <span class=\"text-gray-500 text-xs block text-center uppercase\">{{ t(\"dashboard.total\",{},{locale: $store.state.Langs.selected.lang}) }}</span>\n                      </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"h-5/6 border border-gray-100 flex flex-col items-center justify-center\"\n        v-if=\"$store.state.Dashboard.mostRelevantProductsError || !$store.state.Dashboard.isLoadingMostRelevantProducts && data.length == 0\">\n            <div class=\"space-y-1\">\n                <h3 class=\"text-gray-600 text-2xl font-semibold\">{{ t(\"dashboard.noResults\",{},{locale: $store.state.Langs.selected.lang}) }}</h3>\n                <p class=\"text-gray-500 text-lg font-semibld\">{{ t(\"dashboard.noData\",{},{locale: $store.state.Langs.selected.lang}) }}</p>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\n\n    import{useI18n} from 'vue-i18n'\n    export default {\n        name: 'MostRelevantProducts',\n        props:['date_init', 'date_end', 'type', 'data'],\n        emits:['change-dates'],\n        components: {\n        },\n        setup(){\n            const { t, locale } = useI18n();\n            return { t , locale }\n        },\n        data: function(){\n            return{\n                masks: {\n                    input: 'YYYY-MM-DD',\n                },\n                timeline:{\n                   start: this.date_init,\n                   end: this.date_end,\n                },\n                metric:this.type,\n                currentProject: this.$route.params.id  ? this.$route.params.id : null,\n            }\n        },\n        mounted(){\n\n\n        } ,\n        watch:{\n            'timeline':{\n                handler(newVal){\n                    if( newVal ){\n                        let newTimeline = {}\n                        newTimeline.date_start = this.$moment(this.timeline.start).format('YYYY-MM-DD 00:00:00')\n                        newTimeline.date_end = this.$moment(this.timeline.end).format('YYYY-MM-DD 23:59:59')\n                        this.$store.dispatch('Calendar/setRelevantProducts', newTimeline)\n                        this.$emit('change-dates')\n                    }\n                }\n            },\n        },\n        methods:{\n\n            topRated: function(i){\n                return i+1\n            }\n        }\n    }\n</script>\n<style>\n\n</style>\n","import { render } from \"./MostRelevantProductsCard.vue?vue&type=template&id=6bcf9983\"\nimport script from \"./MostRelevantProductsCard.vue?vue&type=script&lang=js\"\nexport * from \"./MostRelevantProductsCard.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/codebuild/output/src2070425128/src/dataloop_front/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n    <div class=\"h-96 bg-white col-span-12 sm:col-span-12 md:col-span-12 lg:col-span-12 xl:col-span-4 rounded-lg shadow px-4 pb-4\">\n        <div class=\"h-1/6 flex items-center justify-between py-3\">\n            <div>\n                <h5 class=\"text-gray-500 font-semibold text-md\">{{ t(\"dashboard.relevantCategories\",{},{locale: $store.state.Langs.selected.lang}) }}</h5>\n            </div>\n            <div class=\"w-auto flex justify-end\">\n            <!--Right Filter-->\n                <v-date-picker v-model=\"timeline\" is-range  :masks=\"masks\" :columns=\"$screens({ default: 1, sm:1, md:2, lg: 2, xl:2 })\">\n                     <template v-slot=\"{ inputValue, inputEvents }\">\n                       <div class=\"flex justify-center items-center rounded border border-gray-200\" v-on=\"inputEvents.end\" >\n                            <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" class=\"w-4 h-4 text-gray-500 mx-1 my-2\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\" />\n                            </svg>\n                            <input v-model=\"inputValue.start\" class=\"px-1 py-1 w-20 rounded-l focus:outline-none text-xs text-center text-gray-500 hidden sm:block md:hidden lg:block xl:block\"/>\n                            <input :value=\"inputValue.end\"  class=\"px-1 py-1 w-20 rounded-r focus:outline-none text-xs text-center text-gray-500 hidden sm:block md:hidden lg:block xl:block\"/>\n                        </div>\n                    </template>\n                </v-date-picker>\n            </div>\n        </div>\n        <div class=\"h-5/6 overflow-y-auto border border-gray-200 divide-y divide-y-100\" v-if=\"data && data.length > 0\">\n            <div class=\"w-full flex flex-row justify-between items-center p-2 hover:bg-gray-50 cursor-default\" :class=\"[data.length == 1 ? 'border-b border-gray-200':'']\" v-for=\"(item, i) in data\" :key=\"i\">\n                <div class=\"w-8 h-12 flex items-center\">\n                    <div class=\"w-8 h-8 rounded-full bg-gray-600 flex flex-col items-center justify-center\">\n                        <p class=\"text-white text-sm font-semibold\">{{ topRated(i) }}</p>\n                    </div>\n                </div>\n                <div class=\"w-5/6 ml-3 flex flex-row items-center justify-between\">\n                    <p class=\"text-gray-600 text-xs font-semibold uppercase truncate\" :title=\"joinedValue(item._id)\">{{ joinedValue(item._id) }}</p>\n                    <div class=\"flex items-center\">\n                      <div class=\"px-2\">\n                        <span class=\"text-gray-600 text-sm block text-center font-semibold\"> {{ $filters.number( item.total ? item.total : 0 ) }}</span>\n                        <span class=\"text-gray-500 text-xs block text-center uppercase\">Total</span>\n                      </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"h-5/6 border border-gray-100 flex flex-col items-center justify-center\"\n        v-if=\"$store.state.Dashboard.mostRelevantCategoriesError || !$store.state.Dashboard.isLoadingMostRelevantCategories && data.length == 0\">\n            <div class=\"space-y-1\">\n                <h3 class=\"text-gray-600 text-2xl font-semibold\">{{ t(\"dashboard.noResults\",{},{locale: $store.state.Langs.selected.lang}) }}</h3>\n                <p class=\"text-gray-500 text-lg font-semibld\">{{ t(\"dashboard.noData\",{},{locale: $store.state.Langs.selected.lang}) }}</p>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\n    import{useI18n} from 'vue-i18n'\n\n    export default {\n        name: 'MostRelevantCategories',\n        props:['date_init', 'date_end', 'type', 'data'],\n        emits:['change-dates'],\n        setup(){\n            const { t, locale } = useI18n();\n            return { t , locale }\n        },\n        data: function(){\n            return{\n                masks: {\n                    input: 'YYYY-MM-DD',\n                },\n                timeline:{\n                   start: this.date_init,\n                   end: this.date_end,\n                },\n                metric:this.type,\n            }\n        },\n        created(){\n            this.joinedValue()\n        } ,\n        watch:{\n            'timeline':{\n                handler(newVal){\n                    if( newVal ){\n                        let newTimeline = {}\n                        newTimeline.date_start = this.$moment(this.timeline.start).format('YYYY-MM-DD 00:00:00')\n                        newTimeline.date_end = this.$moment(this.timeline.end).format('YYYY-MM-DD 23:59:59')\n                        this.$store.dispatch('Calendar/setRelevantCategories', newTimeline)\n                        this.$emit('change-dates')\n                    }\n                }\n            },\n        },\n        methods:{\n            joinedValue: function( val ){\n                if(val){\n                    let result = val.map(val =>  val)\n                    if(result.join(\", \").length){\n                        return result.join(\", \")\n                    }\n                    else return 'Unknow category'\n                }else{\n                  return 'Unknow category'\n                }\n            },\n            topRated: function(i){\n                return i+1\n            }\n        }\n    }\n</script>\n","import { render } from \"./MostRelevantCategoriesCard.vue?vue&type=template&id=1ae73cf8\"\nimport script from \"./MostRelevantCategoriesCard.vue?vue&type=script&lang=js\"\nexport * from \"./MostRelevantCategoriesCard.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/codebuild/output/src2070425128/src/dataloop_front/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n\t<div class=\"bg-white rounded-lg shadow\">\n\t\t<div class=\"flex flex-col px-4 h-full\" v-if=\"$store.state.Dashboard.dashboardActive\">\n\t\t\t<div class=\"w-full h-2/6 flex items-center\">\n\t\t\t\t<h5 class=\"text-gray-500 uppercase font-semibold text-lg mb-3 border-l-4 pl-2\" :class=\"[type && type == 'Online' ? 'border-blue-500' : 'border-gray-400']\">{{ type }}</h5>\n\t\t\t</div>\n\t\t\t<div v-if=\"type == 'Online'\">\n\t\t\t\t<div class=\"w-full h-2/6 flex flex-row items-center px-2\">\n\t\t\t\t\t<div class=\"w-1/2 h-full items-center justify-start block\">\n\t\t\t\t\t\t<span class=\"text-gray-800 font-semibold truncate text-xl\">{{ $filters.number(data.total_profiles_online ? data.total_profiles_online : 0) }}</span>\n\t\t\t\t\t\t<p class=\"text-gray-500 text-xs uppercase\">{{ t(\"dashboard.profile\", {}, { locale: $store.state.Langs.selected.lang }) }}</p>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"w-1/2 h-full items-center justify-start block\">\n\t\t\t\t\t\t<span class=\"text-gray-800 font-semibold truncate text-xl\">{{ $filters.number(data.sales_online ? data.sales_online : 0) }}</span>\n\t\t\t\t\t\t<p class=\"text-gray-500 text-xs uppercase\">{{ t(\"dashboard.transactions\", {}, { locale: $store.state.Langs.selected.lang }) }}</p>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"w-full h-2/6 items-center justify-start block rounded-b mt-5 px-2\">\n\t\t\t\t\t<span class=\"text-gray-800 font-semibold truncate text-xl\">{{ $filters.currency(data.revenue_online ? data.revenue_online : 0) }}</span>\n\t\t\t\t\t<p class=\"text-gray-500 text-xs uppercase\">{{ t(\"dashboard.sales\", {}, { locale: $store.state.Langs.selected.lang }) }}</p>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div v-if=\"type == 'Offline'\">\n\t\t\t\t<div class=\"w-full h-2/6 flex flex-row items-center px-2\">\n\t\t\t\t\t<div class=\"w-1/2 h-full items-center justify-start block\">\n\t\t\t\t\t\t<span class=\"text-gray-800 font-semibold truncate text-xl\">{{ $filters.number(data.total_profiles_offline ? data.total_profiles_offline : 0) }}</span>\n\t\t\t\t\t\t<p class=\"text-gray-500 text-xs uppercase\">{{ t(\"dashboard.profile\", {}, { locale: $store.state.Langs.selected.lang }) }}</p>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class=\"w-1/2 h-full items-center justify-start block\">\n\t\t\t\t\t\t<span class=\"text-gray-800 font-semibold truncate text-xl\">{{ $filters.number(data.sales_offline ? data.sales_offline : 0) }}</span>\n\t\t\t\t\t\t<p class=\"text-gray-500 text-xs uppercase\">{{ t(\"dashboard.transactions\", {}, { locale: $store.state.Langs.selected.lang }) }}</p>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"w-full h-2/6 items-center justify-start block rounded-b mt-4 px-2\">\n\t\t\t\t\t<span class=\"text-gray-800 font-semibold truncate text-xl\">{{ $filters.currency(data.revenue_offline ? data.revenue_offline : 0) }}</span>\n\t\t\t\t\t<p class=\"text-gray-500 text-xs uppercase\">{{ t(\"dashboard.sales\", {}, { locale: $store.state.Langs.selected.lang }) }}</p>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport { useI18n } from \"vue-i18n\"\n\nexport default {\n\tname: \"CardMetrics\",\n\tprops: [\"data\", \"type\"],\n\tsetup() {\n\t\tconst { t, locale } = useI18n()\n\t\treturn { t, locale }\n\t}\n}\n</script>\n\n<style lang=\"scss\" scoped></style>\n","import { render } from \"./CardMetrics.vue?vue&type=template&id=0b095fc0\"\nimport script from \"./CardMetrics.vue?vue&type=script&lang=js\"\nexport * from \"./CardMetrics.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/codebuild/output/src2070425128/src/dataloop_front/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <div class=\"h-96 col-span-12 sm:col-span-12 md:col-span-12 lg:col-span-12 xl:col-span-4 rounded-lg shadow p-4 bg-white\">\n    <div class=\"h-14 w-full bg-gray-100 animate-pulse\"></div>\n    <div class=\"h-72 mt-2 bg-gray-100 animate-pulse\">\n    </div>\n  </div>\n</template>\n\n<script>\n  export default {\n    props:['condition']\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n\n</style>\n","import { render } from \"./TopsCardSkeleton.vue?vue&type=template&id=7e3c0d44\"\nimport script from \"./TopsCardSkeleton.vue?vue&type=script&lang=js\"\nexport * from \"./TopsCardSkeleton.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/codebuild/output/src2070425128/src/dataloop_front/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <div class=\"bg-white rounded-lg shadow\">\n    <div class=\"flex flex-col p-4 h-full space-y-2\">\n      <div class=\"w-full h-10 bg-gray-100 animate-pulse\"></div>\n      <div class=\"w-full h-32 bg-gray-100 animate-pulse\"></div>\n    </div>\n  </div>\n\n</template>\n","import { render } from \"./CardMetricsSkeleton.vue?vue&type=template&id=34acf4b7\"\nconst script = {}\n\nimport exportComponent from \"/codebuild/output/src2070425128/src/dataloop_front/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <!-- cards info -->\n  <div v-if=\"info\" class=\"mx-auto rounded-lg divide-y divide-gray-200 sm:divide-y-0 grid-cols-1 grid gap-2 sm:grid-cols-7 sm:gap-4\">\n    <!-- total customer -->\n    <div class=\"card rounded-md relative group p-4 shadow-md text-sm lg:text-md bg-white h-56\">\n      <div class=\"mt-2 flex justify-between flex-col h-full\">\n        <h3 class=\"text-md font-semibold text-black uppercase\">{{ t(\"rfm.totalCustomers\", {}, { locale: $store.state.Langs.selected.lang }) }}</h3>\n        <span v-if=\"totalCustomers != 0\" class=\"flex flex-row items-center justify-center text-black font-semibold text-opacity-50 my-auto\">\n          <svg class=\"flex-shrink-0 mr-1.5 h-4 w-4 text-black text-opacity-50\" x-description=\"Heroicon name: solid/users\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n            <path d=\"M9 6a3 3 0 11-6 0 3 3 0 016 0zM17 6a3 3 0 11-6 0 3 3 0 016 0zM12.93 17c.046-.327.07-.66.07-1a6.97 6.97 0 00-1.5-4.33A5 5 0 0119 16v1h-6.07zM6 11a5 5 0 015 5v1H1v-1a5 5 0 015-5z\"></path>\n          </svg>\n          {{ $filters.number(totalCustomers) }}\n        </span>\n        <div class=\"my-auto text-sm text-gray-500 uppercase flex flex-row font-semibold\">\n          <div class=\"w-full flex flex-row justify-between text-xs\">\n            <p>{{ t(\"rfm.groupSize\", {}, { locale: $store.state.Langs.selected.lang }) }}</p>\n            <p>100%</p>\n          </div>\n        </div>\n        <small class=\"text-gray-500\"> {{ t(\"rfm.conditionTotal\", {}, { locale: $store.state.Langs.selected.lang }) }}</small>\n      </div>\n    </div>\n\n    <!-- loyal -->\n    <div class=\"card rounded-md relative group p-4 shadow-md text-sm lg:text-md bg-green-500 h-56\">\n      <div class=\"mt-2 flex justify-between flex-col h-full\">\n        <h3 class=\"text-md font-semibold text-white uppercase\">{{ t(\"rfm.loyal\", {}, { locale: $store.state.Langs.selected.lang }) }}</h3>\n        <span class=\"flex flex-row items-center justify-center text-black font-semibold text-opacity-50 my-auto\">\n          <svg class=\"flex-shrink-0 mr-1.5 h-4 w-4 text-black text-opacity-50\" x-description=\"Heroicon name: solid/users\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n            <path d=\"M9 6a3 3 0 11-6 0 3 3 0 016 0zM17 6a3 3 0 11-6 0 3 3 0 016 0zM12.93 17c.046-.327.07-.66.07-1a6.97 6.97 0 00-1.5-4.33A5 5 0 0119 16v1h-6.07zM6 11a5 5 0 015 5v1H1v-1a5 5 0 015-5z\"></path>\n          </svg>\n          {{ $filters.number(info[0].count) }}\n        </span>\n        <div class=\"my-auto text-sm text-white uppercase flex flex-row font-semibold\">\n          <div class=\"w-full flex flex-row justify-between text-xs\">\n            <p>{{ t(\"rfm.groupSize\", {}, { locale: $store.state.Langs.selected.lang }) }}</p>\n            <p>{{ info[0].percentage }}%</p>\n          </div>\n        </div>\n        <small class=\"text-white\"> {{ t(\"rfm.conditionLoyal\", {}, { locale: $store.state.Langs.selected.lang }) }}</small>\n      </div>\n    </div>\n\n    <!-- promising -->\n    <div class=\"card rounded-md relative group p-4 shadow-md text-sm lg:text-md bg-green-400 h-56\">\n      <div class=\"mt-2 flex justify-between flex-col h-full\">\n        <h3 class=\"text-md font-semibold text-white uppercase\">{{ t(\"rfm.promising\", {}, { locale: $store.state.Langs.selected.lang }) }}</h3>\n        <span class=\"flex flex-row items-center justify-center text-black font-semibold text-opacity-50 my-auto\">\n          <svg class=\"flex-shrink-0 mr-1.5 h-4 w-4 text-black text-opacity-50\" x-description=\"Heroicon name: solid/users\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n            <path d=\"M9 6a3 3 0 11-6 0 3 3 0 016 0zM17 6a3 3 0 11-6 0 3 3 0 016 0zM12.93 17c.046-.327.07-.66.07-1a6.97 6.97 0 00-1.5-4.33A5 5 0 0119 16v1h-6.07zM6 11a5 5 0 015 5v1H1v-1a5 5 0 015-5z\"></path>\n          </svg>\n          {{ $filters.number(info[2].count) }}\n        </span>\n        <div class=\"my-auto text-sm text-white uppercase flex flex-row font-semibold\">\n          <div class=\"w-full flex flex-row justify-between text-xs\">\n            <p>{{ t(\"rfm.groupSize\", {}, { locale: $store.state.Langs.selected.lang }) }}</p>\n            <p>{{ info[2].percentage }}%</p>\n          </div>\n        </div>\n        <small class=\"text-white\">{{ t(\"rfm.conditionPromise\", {}, { locale: $store.state.Langs.selected.lang }) }}</small>\n      </div>\n    </div>\n\n    <!-- sleeper -->\n    <div class=\"card rounded-md relative group p-4 shadow-md text-sm lg:text-md bg-red-300 h-56\">\n      <div class=\"mt-2 flex justify-between flex-col h-full\">\n        <h3 class=\"text-md font-semibold text-white uppercase\">{{ t(\"rfm.sleeper\", {}, { locale: $store.state.Langs.selected.lang }) }}</h3>\n        <span class=\"flex flex-row items-center justify-center text-black font-semibold text-opacity-50 my-auto\">\n          <svg class=\"flex-shrink-0 mr-1.5 h-4 w-4 text-black text-opacity-50\" x-description=\"Heroicon name: solid/users\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n            <path d=\"M9 6a3 3 0 11-6 0 3 3 0 016 0zM17 6a3 3 0 11-6 0 3 3 0 016 0zM12.93 17c.046-.327.07-.66.07-1a6.97 6.97 0 00-1.5-4.33A5 5 0 0119 16v1h-6.07zM6 11a5 5 0 015 5v1H1v-1a5 5 0 015-5z\"></path>\n          </svg>\n          {{ $filters.number(info[3].count) }}\n        </span>\n        <div class=\"my-auto text-sm text-white uppercase flex flex-row font-semibold\">\n          <div class=\"w-full flex flex-row justify-between text-xs\">\n            <p>{{ t(\"rfm.groupSize\", {}, { locale: $store.state.Langs.selected.lang }) }}</p>\n            <p>{{ info[3].percentage }}%</p>\n          </div>\n        </div>\n        <small class=\"text-white\">{{ t(\"rfm.conditionSleeper\", {}, { locale: $store.state.Langs.selected.lang }) }}</small>\n      </div>\n    </div>\n\n    <!-- red alert -->\n    <div class=\"card rounded-md relative group p-4 shadow-md text-sm lg:text-md bg-red-400 h-56\">\n      <div class=\"mt-2 flex justify-between flex-col h-full\">\n        <h3 class=\"text-md font-semibold text-white uppercase\">{{ t(\"rfm.redAlert\", {}, { locale: $store.state.Langs.selected.lang }) }}</h3>\n        <span class=\"flex flex-row items-center justify-center text-black font-semibold text-opacity-50 my-auto\">\n          <svg class=\"flex-shrink-0 mr-1.5 h-4 w-4 text-black text-opacity-50\" x-description=\"Heroicon name: solid/users\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n            <path d=\"M9 6a3 3 0 11-6 0 3 3 0 016 0zM17 6a3 3 0 11-6 0 3 3 0 016 0zM12.93 17c.046-.327.07-.66.07-1a6.97 6.97 0 00-1.5-4.33A5 5 0 0119 16v1h-6.07zM6 11a5 5 0 015 5v1H1v-1a5 5 0 015-5z\"></path>\n          </svg>\n          {{ $filters.number(info[1].count) }}\n        </span>\n        <div class=\"my-auto text-sm text-white uppercase flex flex-row font-semibold\">\n          <div class=\"w-full flex flex-row justify-between text-xs\">\n            <p>{{ t(\"rfm.groupSize\", {}, { locale: $store.state.Langs.selected.lang }) }}</p>\n            <p>{{ info[1].percentage }}%</p>\n          </div>\n        </div>\n        <small class=\"text-white\">{{ t(\"rfm.conditionRed\", {}, { locale: $store.state.Langs.selected.lang }) }}</small>\n      </div>\n    </div>\n\n    <!-- buyers -->\n    <div class=\"card rounded-md relative group p-4 shadow-md text-sm lg:text-md bg-blue-400 h-56\">\n      <div class=\"mt-2 flex justify-between flex-col h-full\">\n        <h3 class=\"text-md font-semibold text-white uppercase\">{{ t(\"rfm.buyers\", {}, { locale: $store.state.Langs.selected.lang }) }}</h3>\n        <span class=\"flex flex-row items-center justify-center text-black font-semibold text-opacity-50 my-auto\">\n          <svg class=\"flex-shrink-0 mr-1.5 h-4 w-4 text-black text-opacity-50\" x-description=\"Heroicon name: solid/users\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n            <path d=\"M9 6a3 3 0 11-6 0 3 3 0 016 0zM17 6a3 3 0 11-6 0 3 3 0 016 0zM12.93 17c.046-.327.07-.66.07-1a6.97 6.97 0 00-1.5-4.33A5 5 0 0119 16v1h-6.07zM6 11a5 5 0 015 5v1H1v-1a5 5 0 015-5z\"></path>\n          </svg>\n          {{ $filters.number(info[4].count) }}\n        </span>\n        <div class=\"my-auto text-sm text-white uppercase flex flex-row font-semibold\">\n          <div class=\"w-full flex flex-row justify-between text-xs\">\n            <p>{{ t(\"rfm.groupSize\", {}, { locale: $store.state.Langs.selected.lang }) }}</p>\n            <p>{{ info[4].percentage }}%</p>\n          </div>\n        </div>\n        <small class=\"text-white\">{{ t(\"rfm.conditionOne\", {}, { locale: $store.state.Langs.selected.lang }) }}</small>\n      </div>\n    </div>\n\n    <!-- uncategorized -->\n    <div class=\"card rounded-md relative group p-4 shadow-md text-sm lg:text-md bg-white h-56\">\n      <div class=\"mt-2 flex justify-between flex-col h-full\">\n        <h3 class=\"text-md font-semibold text-black uppercase\">{{ t(\"rfm.uncategorized\", {}, { locale: $store.state.Langs.selected.lang }) }}</h3>\n        <span class=\"flex flex-row items-center justify-center text-black font-semibold text-opacity-50 my-auto\">\n          <svg class=\"flex-shrink-0 mr-1.5 h-4 w-4 text-black text-opacity-50\" x-description=\"Heroicon name: solid/users\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\n            <path d=\"M9 6a3 3 0 11-6 0 3 3 0 016 0zM17 6a3 3 0 11-6 0 3 3 0 016 0zM12.93 17c.046-.327.07-.66.07-1a6.97 6.97 0 00-1.5-4.33A5 5 0 0119 16v1h-6.07zM6 11a5 5 0 015 5v1H1v-1a5 5 0 015-5z\"></path>\n          </svg>\n          {{ $filters.number(info[5].count) }}\n        </span>\n        <div class=\"my-auto text-sm text-gray-500 uppercase flex flex-row font-semibold\">\n          <div class=\"w-full flex flex-row justify-between text-xs\">\n            <p>{{ t(\"rfm.groupSize\", {}, { locale: $store.state.Langs.selected.lang }) }}</p>\n            <p>{{ info[5].percentage }}%</p>\n          </div>\n        </div>\n        <small class=\"text-gray-500\"> {{ t(\"rfm.conditionUncat\", {}, { locale: $store.state.Langs.selected.lang }) }}</small>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { useI18n } from \"vue-i18n\"\nimport axiosClient from \"@/config/AxiosClient\"\n\nexport default {\n  name: \"RfmChart\",\n  data() {\n    return {\n      currentProject: this.$route.params.id ? this.$route.params.id : null,\n      info: null,\n      totalCustomers: 0\n    }\n  },\n  setup() {\n    const { t, locale } = useI18n()\n    return { t, locale }\n  },\n  async created() {\n    this.$store.state.Dashboard.isLoadingRfm = true\n    let response = await axiosClient.get(`/api/2.0/project/${this.currentProject}/group/rfm`)\n    this.info = response.data\n    if (response.status == 200 || response.status == 204) {\n      this.$store.state.Dashboard.isLoadingRfm = false\n    }\n\n    this.totalCustomers = this.info[0].count + this.info[1].count + this.info[2].count + this.info[3].count + this.info[4].count + this.info[5].count\n  }\n}\n</script>\n\n<style scoped>\n.vertical {\n  writing-mode: vertical-lr;\n}\n</style>\n","import { render } from \"./RfmChart.vue?vue&type=template&id=0bddf11d&scoped=true\"\nimport script from \"./RfmChart.vue?vue&type=script&lang=js\"\nexport * from \"./RfmChart.vue?vue&type=script&lang=js\"\n\nimport \"./RfmChart.vue?vue&type=style&index=0&id=0bddf11d&scoped=true&lang=css\"\n\nimport exportComponent from \"/codebuild/output/src2070425128/src/dataloop_front/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-0bddf11d\"]])\n\nexport default __exports__","<template>\n\t<div class=\"w-full\">\n\t\t<!-- cards info -->\n\t\t<div class=\"mx-auto rounded-lg divide-y divide-gray-200 sm:divide-y-0 grid-cols-1 grid gap-2 sm:grid-cols-7 sm:gap-4\">\n\t\t\t<!-- total customer -->\n\t\t\t<div class=\"card rounded-md relative group p-4 shadow-md text-sm lg:text-md bg-white h-56\">\n\t\t\t\t<div class=\"h-14 w-full bg-gray-100 animate-pulse\"></div>\n\t\t\t\t<div class=\"h-72 mt-2 bg-gray-100 animate-pulse\"></div>\n\t\t\t</div>\n\n\t\t\t<!-- loyal -->\n\t\t\t<div class=\"card rounded-md relative group p-4 shadow-md text-sm lg:text-md bg-white h-56\">\n\t\t\t\t<div class=\"h-14 w-full bg-gray-100 animate-pulse\"></div>\n\t\t\t\t<div class=\"h-72 mt-2 bg-gray-100 animate-pulse\"></div>\n\t\t\t</div>\n\n\t\t\t<!-- promising -->\n\t\t\t<div class=\"card rounded-md relative group p-4 shadow-md text-sm lg:text-md bg-white h-56\">\n\t\t\t\t<div class=\"h-14 w-full bg-gray-100 animate-pulse\"></div>\n\t\t\t\t<div class=\"h-72 mt-2 bg-gray-100 animate-pulse\"></div>\n\t\t\t</div>\n\n\t\t\t<!-- sleeper -->\n\t\t\t<div class=\"card rounded-md relative group p-4 shadow-md text-sm lg:text-md bg-white h-56\">\n\t\t\t\t<div class=\"h-14 w-full bg-gray-100 animate-pulse\"></div>\n\t\t\t\t<div class=\"h-72 mt-2 bg-gray-100 animate-pulse\"></div>\n\t\t\t</div>\n\n\t\t\t<!-- red alert -->\n\t\t\t<div class=\"card rounded-md relative group p-4 shadow-md text-sm lg:text-md bg-white h-56\">\n\t\t\t\t<div class=\"h-14 w-full bg-gray-100 animate-pulse\"></div>\n\t\t\t\t<div class=\"h-72 mt-2 bg-gray-100 animate-pulse\"></div>\n\t\t\t</div>\n\n\t\t\t<!-- buyers -->\n\t\t\t<div class=\"card rounded-md relative group p-4 shadow-md text-sm lg:text-md bg-white h-56\">\n\t\t\t\t<div class=\"h-14 w-full bg-gray-100 animate-pulse\"></div>\n\t\t\t\t<div class=\"h-72 mt-2 bg-gray-100 animate-pulse\"></div>\n\t\t\t</div>\n\n\t\t\t<!-- uncategorized -->\n\t\t\t<div class=\"card rounded-md relative group p-4 shadow-md text-sm lg:text-md bg-white h-56\">\n\t\t\t\t<div class=\"h-14 w-full bg-gray-100 animate-pulse\"></div>\n\t\t\t\t<div class=\"h-72 mt-2 bg-gray-100 animate-pulse\"></div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nexport default {\n\tname: \"RfmChartSkeleton\",\n\tdata() {\n\t\treturn {}\n\t}\n}\n</script>\n\n<style scoped>\n.vertical {\n\twriting-mode: vertical-lr;\n}\n</style>\n","import { render } from \"./RfmChartSkeleton.vue?vue&type=template&id=5546e420&scoped=true\"\nimport script from \"./RfmChartSkeleton.vue?vue&type=script&lang=js\"\nexport * from \"./RfmChartSkeleton.vue?vue&type=script&lang=js\"\n\nimport \"./RfmChartSkeleton.vue?vue&type=style&index=0&id=5546e420&scoped=true&lang=css\"\n\nimport exportComponent from \"/codebuild/output/src2070425128/src/dataloop_front/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-5546e420\"]])\n\nexport default __exports__","import { render } from \"./Dashboard.vue?vue&type=template&id=608c2bbc\"\nimport script from \"./Dashboard.vue?vue&type=script&lang=js\"\nexport * from \"./Dashboard.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/codebuild/output/src2070425128/src/dataloop_front/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n\t<div class=\"text-center mt-8\">\n\t\t<svg class=\"mx-auto h-12 w-12 text-gray-400\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" aria-hidden=\"true\">\n\t\t\t<path vector-effect=\"non-scaling-stroke\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 13h6m-3-3v6m-9 1V7a2 2 0 012-2h6l2 2h6a2 2 0 012 2v8a2 2 0 01-2 2H5a2 2 0 01-2-2z\" />\n\t\t</svg>\n\t\t<h3 class=\"mt-2 text-sm font-medium text-gray-900\">{{ t(\"utils.noProjects\", {}, { locale: $store.state.Langs.selected.lang }) }}</h3>\n\t\t<p class=\"mt-1 text-sm text-gray-500\">\n\t\t\t{{ t(\"utils.selectProject\", {}, { locale: $store.state.Langs.selected.lang }) }}\n\t\t</p>\n\t\t<div class=\"mt-6\">\n\t\t\t<router-link :to=\"{ name: 'Projects', params: { id: '' } }\">\n\t\t\t\t<button type=\"button\" class=\"inline-flex items-center px-4 py-2 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-green-500 hover:bg-green-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-400\">\n\t\t\t\t\t{{ t(\"utils.goProjects\", {}, { locale: $store.state.Langs.selected.lang }) }}\n\t\t\t\t\t<ArrowRightIcon class=\"-mr-1 ml-2 h-5 w-5\" aria-hidden=\"true\" />\n\t\t\t\t</button>\n\t\t\t</router-link>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport { useI18n } from \"vue-i18n\"\nimport { ArrowRightIcon } from \"@heroicons/vue/solid\"\nexport default {\n\tname: \"NoContent\",\n\tcomponents: {\n\t\tArrowRightIcon\n\t},\n\tsetup() {\n\t\tconst { t, locale } = useI18n()\n\t\treturn { t, locale }\n\t}\n}\n</script>\n\n\n\n\n","import { createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 20 20\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\"\n  }, [\n    _createVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      d: \"M10.293 3.293a1 1 0 011.414 0l6 6a1 1 0 010 1.414l-6 6a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-4.293-4.293a1 1 0 010-1.414z\",\n      \"clip-rule\": \"evenodd\"\n    })\n  ]))\n}","import { render } from \"./NoContent.vue?vue&type=template&id=99a83110\"\nimport script from \"./NoContent.vue?vue&type=script&lang=js\"\nexport * from \"./NoContent.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/codebuild/output/src2070425128/src/dataloop_front/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./RfmChartSkeleton.vue?vue&type=style&index=0&id=5546e420&scoped=true&lang=css\"","import * as echarts from \"echarts\"\n\nexport const ChartsConfig = {\n\t/**\n\t * add config for timline chart form dhasboard and return object whit that config\n\t * @param {any} data\n\t * @returns {object}\n\t */\n\ttimelineChart: function (data) {\n\t\tconst option = {\n\t\t\tcolor: [\"#3B82F6\", \"#9ca3af\"],\n\t\t\ttitle: { text: \"\" },\n\t\t\ttooltip: {\n\t\t\t\ttrigger: \"axis\",\n\t\t\t\taxisPointer: {\n\t\t\t\t\ttype: \"cross\",\n\t\t\t\t\tlabel: { backgroundColor: \"#6a7985\" }\n\t\t\t\t}\n\t\t\t},\n\t\t\tlegend: { data: [\"online\", \"offline\"] },\n\t\t\tgrid: { left: \"3%\", right: \"4%\", bottom: \"3%\", containLabel: true },\n\t\t\txAxis: [{ type: \"category\", boundaryGap: false, data: data.timeLineChart.dateRange || [1] }],\n\t\t\tyAxis: [{ type: \"value\" }],\n\t\t\tseries: [\n\t\t\t\t{\n\t\t\t\t\tname: \"online\",\n\t\t\t\t\ttype: \"line\",\n\t\t\t\t\tmarkPoint: {\n\t\t\t\t\t\tdata: [{ type: \"max\", name: \"max\" }],\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tcolor: \"#ffffff\"\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\tsmooth: true,\n\t\t\t\t\tlineStyle: { width: 2, color: \"#3B82F6\" },\n\t\t\t\t\tshowSymbol: false,\n\t\t\t\t\tareaStyle: {\n\t\t\t\t\t\topacity: 0.2,\n\t\t\t\t\t\tcolor: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\toffset: 0.5,\n\t\t\t\t\t\t\t\tcolor: \"#3B82F6\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\toffset: 1,\n\t\t\t\t\t\t\t\tcolor: \"#ffffff\"\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t])\n\t\t\t\t\t},\n\t\t\t\t\temphasis: { focus: \"series\" },\n\t\t\t\t\tdata: data.timeLineChart.onlineTimeline || [1]\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: \"offline\",\n\t\t\t\t\ttype: \"line\",\n\t\t\t\t\tmarkPoint: {\n\t\t\t\t\t\tdata: [{ type: \"max\", name: \"max\" }],\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tcolor: \"#ffffff\"\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\tsmooth: true,\n\t\t\t\t\tlineStyle: { width: 2, color: \"#9ca3af\" },\n\t\t\t\t\tshowSymbol: false,\n\t\t\t\t\tareaStyle: {\n\t\t\t\t\t\topacity: 0.3,\n\t\t\t\t\t\tcolor: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\toffset: 0.5,\n\t\t\t\t\t\t\t\tcolor: \"#9ca3af\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\toffset: 1,\n\t\t\t\t\t\t\t\tcolor: \"#ffffff\"\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t])\n\t\t\t\t\t},\n\t\t\t\t\temphasis: { focus: \"series\" },\n\t\t\t\t\tdata: data.timeLineChart.offlineTimeline || [1]\n\t\t\t\t}\n\t\t\t]\n\t\t}\n\t\treturn option\n\t},\n\tsalesChart: function (data) {\n\t\tconst option = {\n\t\t\tcolor: [\"#3B82F6\", \"#9ca3af\"],\n\t\t\ttitle: { text: \"\" },\n\t\t\ttooltip: {\n\t\t\t\ttrigger: \"axis\",\n\t\t\t\taxisPointer: {\n\t\t\t\t\ttype: \"cross\",\n\t\t\t\t\tlabel: { backgroundColor: \"#6a7985\" }\n\t\t\t\t}\n\t\t\t},\n\t\t\tlegend: { data: [\"online\", \"offline\"] },\n\t\t\tgrid: { left: \"3%\", right: \"4%\", bottom: \"3%\", containLabel: true },\n\t\t\txAxis: [{ type: \"category\", boundaryGap: false, data: data.salesChart.date }],\n\t\t\tyAxis: [{ type: \"value\" }],\n\t\t\tseries: [\n\t\t\t\t{\n\t\t\t\t\tname: \"online\",\n\t\t\t\t\ttype: \"line\",\n\t\t\t\t\tmarkPoint: {\n\t\t\t\t\t\tdata: [{ type: \"max\", name: \"max\" }],\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tcolor: \"#ffffff\"\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\tsmooth: true,\n\t\t\t\t\tlineStyle: { width: 2, color: \"#3B82F6\" },\n\t\t\t\t\tshowSymbol: false,\n\t\t\t\t\tareaStyle: {\n\t\t\t\t\t\topacity: 0.2,\n\t\t\t\t\t\tcolor: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\toffset: 0.5,\n\t\t\t\t\t\t\t\tcolor: \"#3B82F6\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\toffset: 1,\n\t\t\t\t\t\t\t\tcolor: \"#ffffff\"\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t])\n\t\t\t\t\t},\n\t\t\t\t\temphasis: { focus: \"series\" },\n\t\t\t\t\tdata: data.salesChart.online\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: \"offline\",\n\t\t\t\t\ttype: \"line\",\n\t\t\t\t\tmarkPoint: {\n\t\t\t\t\t\tdata: [{ type: \"max\", name: \"max\" }],\n\t\t\t\t\t\tlabel: {\n\t\t\t\t\t\t\tcolor: \"#ffffff\"\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\tsmooth: true,\n\t\t\t\t\tlineStyle: { width: 2, color: \"#9ca3af\" },\n\t\t\t\t\tshowSymbol: false,\n\t\t\t\t\tareaStyle: {\n\t\t\t\t\t\topacity: 0.3,\n\t\t\t\t\t\tcolor: new echarts.graphic.LinearGradient(0, 0, 0, 1, [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\toffset: 0.5,\n\t\t\t\t\t\t\t\tcolor: \"#9ca3af\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\toffset: 1,\n\t\t\t\t\t\t\t\tcolor: \"#ffffff\"\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t])\n\t\t\t\t\t},\n\t\t\t\t\temphasis: { focus: \"series\" },\n\t\t\t\t\tdata: data.salesChart.offline\n\t\t\t\t},\n\t\t\t]\n\t\t}\n\t\treturn { option }\n\t}\n}\n"],"sourceRoot":""}