{"version":3,"sources":["webpack:///./src/components/Utils/NoContent.vue","webpack:///./node_modules/@heroicons/vue/solid/esm/ArrowRightIcon.js","webpack:///./src/components/Utils/NoContent.vue?21b7","webpack:///./src/views/Reports.vue","webpack:///./src/config/ReportChartsConfig.js","webpack:///./src/components/Reports/PrincipalMetricsSkeleton.vue","webpack:///./src/components/Reports/PrincipalMetricsSkeleton.vue?fa4f","webpack:///./src/views/Reports.vue?55f5"],"names":["class","_createElementVNode","fill","viewBox","stroke","aria-hidden","vector-effect","stroke-linecap","stroke-linejoin","stroke-width","d","type","_createElementBlock","_hoisted_1","_hoisted_2","_hoisted_3","$setup","locale","_ctx","state","Langs","selected","lang","_hoisted_4","_hoisted_5","_createVNode","_component_router_link","to","name","params","id","_hoisted_6","_component_ArrowRightIcon","_cache","xmlns","components","ArrowRightIcon","setup","t","useI18n","__exports__","render","fill-rule","clip-rule","style","scope","_component_TransitionFade","_component_NoContent","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","onMouseleave","$options","onMouseover","_hoisted_11","Calendar","isMenuShortCutsOpen","_hoisted_12","_hoisted_13","_Fragment","isShortCutData","sc","i","length","key","onClick","_hoisted_15","_component_v_date_picker","is-range","columns","default","sm","md","lg","xl","masks","inputValue","inputEvents","_mergeProps","_toHandlers","end","_hoisted_16","start","value","_hoisted_19","_hoisted_20","Dashboard","loading","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","_hoisted_26","_component_ECharts","ref","option","_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","_hoisted_59","_hoisted_60","_hoisted_61","_hoisted_62","_hoisted_63","_hoisted_64","_hoisted_65","_hoisted_66","_hoisted_67","_hoisted_68","_hoisted_69","_hoisted_70","_hoisted_71","_hoisted_72","_hoisted_73","_hoisted_74","_hoisted_75","_createBlock","_component_TimeLineSkeleton","_hoisted_76","_hoisted_77","_hoisted_78","_hoisted_79","_hoisted_80","_hoisted_81","_hoisted_82","_hoisted_83","_hoisted_84","_hoisted_85","_hoisted_86","_hoisted_87","_hoisted_88","_hoisted_89","_hoisted_90","_hoisted_91","_hoisted_92","_hoisted_93","_hoisted_94","_hoisted_95","store","_hoisted_96","_hoisted_97","_hoisted_98","_hoisted_99","_hoisted_100","total_amount_sales","_hoisted_101","_hoisted_102","count_sales","_hoisted_103","_hoisted_104","_hoisted_105","_hoisted_106","_hoisted_107","_hoisted_108","_hoisted_109","_hoisted_110","_hoisted_111","_hoisted_112","category","_hoisted_113","_hoisted_114","_hoisted_115","_hoisted_116","_hoisted_117","sales","_hoisted_118","_hoisted_119","_hoisted_120","_hoisted_121","_hoisted_122","_hoisted_123","_hoisted_124","_hoisted_125","_hoisted_126","_hoisted_127","_hoisted_128","_hoisted_129","_hoisted_130","_hoisted_131","_hoisted_132","_hoisted_133","_hoisted_134","_hoisted_135","_hoisted_136","_hoisted_137","_component_PrincipalMetricsSkeleton","colors","ReportChartsConfig","salesTotal","data","size","Object","keys","color","tooltip","trigger","axisPointer","grid","right","legend","xAxis","axisTick","alignWithLabel","date","yAxis","position","alignTicks","axisLine","show","lineStyle","axisLabel","formatter","series","sales_quantity","yAxisIndex","averageSalesByStore","average_amout_sales","salesByStore","averageSaleEvolution","average","salesRevenueAndAmount","clientTotalSales","range","clients_quantity","percentage","clientur","top","left","radius","avoidLabelOverlap","label","emphasis","fontSize","fontWeight","labelLine","unique","recurrent","bestSalesDays","total","bestSalesHours","script","PrincipalMetricsSkeleton","TransitionFade","NoContent","ECharts","createComponent","echarts","h","TimeLineSkeleton","isLoading","currentProject","this","$route","salesTotalChart","averageSalesByStoreChart","totalSalesByStore","clientsTotal","income","averageSales","totalSalesQuantity","totalClientsUR","frequencyBuy","categoryBuyMost","storesBuyMost","clientUR","conversionsOnlineChart","input","timeline","$store","date_start","date_end","isPlaceHolder","created","handleData","turnOffSplashScreen","watch","handler","newVal","newTimeline","$moment","format","dispatch","calc","Number","toFixed","methods","doSomething","$refs","chart","inst","getWidth","setMenuShortCutOpen","setMenuShortCutClose","selectShortCutDates","payload","Date","subtract","getClientUR","getTotalSales","getAverageSalesByStore","totalclients","totalIncome","getTotalSalesQuantity","getAverageSales","getStoresBuyMost","getCategoryBuyMost","getAverageSaleEvolution","getSalesRevenueAndAmount","getClientTotalSales","getBestSalesDays","getBestSalesHours","async","filters","conditions","start_date","end_date","axiosClient","get","then","res","totalSales","data_formatted","data_formated","abbreviateNumber","Math","floor","parseInt","uniqueAndRecurringCustomers","number","toString","time","setTimeout"],"mappings":"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","file":"js/chunk-6d72f4c2.1f58bf69.js","sourcesContent":["<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__","<template>\n  <div>\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\">\n              {{ t(\"reports.reports\", {}, { locale: $store.state.Langs.selected.lang }) }}</h4>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div>\n      <TransitionFade>\n        <div v-if=\"!currentProject\">\n          <NoContent />\n        </div>\n      </TransitionFade>\n      <TransitionFade>\n        <div v-if=\"currentProject && !isLoading\">\n          <div class=\"container-xl px-2 py-2 w-full\">\n            <div class=\"grid grid-cols-12 gap-4\">\n              <div class=\"col-span-12 flex flex-row items-center justify-between\">\n                <div class=\"w-full flex flex-row items-center justify-end gap-3\">\n                  <div class=\"w-20 relative\" @mouseleave=\"setMenuShortCutClose\">\n                    <div\n                      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\"\n                      @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\"\n                           aria-hidden=\"true\">\n                        <path fill-rule=\"evenodd\"\n                              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\"\n                              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\"\n                           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\n                            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\"\n                            :class=\"[$store.state.Calendar.isShortCutData.length - 1 == i ? 'rounded-b-lg' : '' || i == 0 ? 'rounded-t-lg' : '']\"\n                            v-for=\"(sc, i) in $store.state.Calendar.isShortCutData\" :key=\"i\"\n                            @click=\"selectShortCutDates(sc)\">\n                            <span class=\"font-semibold text-gray-500 inline-block px-4\">{{ sc\n                              }} {{ 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\n                                   :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\"\n                             v-on=\"inputEvents.end\">\n                          <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\"\n                               class=\"w-5 h-5 mx-1 text-gray-600\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\n                                  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\"\n                                 class=\"hidden md:block w-28 rounded-l-lg focus:outline-none text-sm text-center text-gray-600\" />\n                          <input :value=\"inputValue.end\"\n                                 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>\n          </div>\n          <div class=\"container-xl px-2 w-full mb-4 \">\n            <div class=\"grid grid-cols-12 gap-4\">\n              <div\n                class=\"h-120  col-span-12 sm:col-span-12 md:col-span-12 lg:col-span-12 xl:col-span-12\"\n                :class=\"{ 'animate-pulse': $store.state.Dashboard.loading }\">\n                <!--                <TimeLineSkeleton v-if=\"$store.state.Dashboard.loading\" />\n                                <ECharts ref=\"chart\" :option=\"totalSalesByStore\" />-->\n\n                <div class=\"grid grid-cols-3 gap-3\">\n                  <div class=\"bg-white h-80 rounded-lg shadow\">\n                    <div class=\"row\">\n                      <div class=\"col-span-12\">\n                        <h5 class=\"left p-2\">{{ t(\"reports.clientsUR\", {}, { locale: $store.state.Langs.selected.lang })\n                          }}</h5>\n                      </div>\n                    </div>\n                    <div class=\"h-80 py-6\" style=\"padding-top:0px !important\">\n                      <ECharts ref=\"chart\" :option=\"clientUR\" />\n                    </div>\n                  </div>\n                  <div class=\"bg-white h-80 rounded-lg shadow\">\n                    <div class=\"row\">\n                      <div class=\"col-span-12\">\n                        <h5 class=\"left p-2\">\n                          {{ t(\"reports.transactions\", {}, { locale: $store.state.Langs.selected.lang }) }}</h5>\n                      </div>\n                    </div>\n                    <div class=\"row py-9 center m-10\">\n                      <div class=\"col-span-12\">\n                        <h3 class=\"text-center text-5xl\">\n                          {{ totalSalesQuantity }}\n                        </h3>\n                      </div>\n                      <div class=\"col-span-12\">\n                        <h3 class=\"text-center text-2xl\" style=\"color:rgba(107, 114, 128, 1)\">\n                          {{ t(\"reports.transactions\", {}, { locale: $store.state.Langs.selected.lang }) }}\n                        </h3>\n                      </div>\n                    </div>\n                  </div>\n                  <div class=\"bg-white h-80 rounded-lg shadow\">\n                    <div class=\"row\">\n                      <div class=\"w-full\">\n                        <h5 class=\"left p-2\">\n                          {{ t(\"reports.buyFrequency\", {}, { locale: $store.state.Langs.selected.lang }) }}</h5>\n                      </div>\n                    </div>\n                    <div class=\"row py-9 center m-10\">\n                      <div class=\"col-span-12\">\n                        <h3 class=\"text-center text-5xl\">\n                          {{ frequencyBuy }}\n                        </h3>\n                      </div>\n                      <div class=\"col-span-12\">\n                        <h3 class=\"text-center text-2xl\" style=\"color:rgba(107, 114, 128, 1)\">\n                          {{ t(\"reports.buyFrequency\", {}, { locale: $store.state.Langs.selected.lang }) }}\n                        </h3>\n                      </div>\n                    </div>\n                  </div>\n                  <div class=\"bg-white h-80 rounded-lg shadow\">\n                    <div class=\"row\">\n                      <div class=\"w-full\">\n                        <h5 class=\"left p-2\">\n                          {{ t(\"reports.totalIncome\", {}, { locale: $store.state.Langs.selected.lang }) }}</h5>\n                      </div>\n                    </div>\n                    <div class=\"row py-9 center m-10\">\n                      <div class=\"col-span-12\">\n                        <h3 class=\"text-center text-5xl\">\n                          ${{ income }}\n                        </h3>\n                      </div>\n                      <div class=\"col-span-12\">\n                        <h3 class=\"text-center text-2xl\" style=\"color:rgba(107, 114, 128, 1)\">\n                          {{ t(\"reports.totalIncome\", {}, { locale: $store.state.Langs.selected.lang }) }}\n                        </h3>\n                      </div>\n                    </div>\n                  </div>\n                  <div class=\"bg-white h-80 rounded-lg shadow\">\n                    <div class=\"row\">\n                      <div class=\"w-full\">\n                        <h5 class=\"left p-2\">\n                          {{ t(\"reports.averageSales\", {}, { locale: $store.state.Langs.selected.lang }) }}</h5>\n                      </div>\n                    </div>\n                    <div class=\"row py-9 center m-10\">\n                      <div class=\"col-span-12\">\n                        <h3 class=\"text-center text-5xl\">\n                          ${{ averageSales }}\n                        </h3>\n                      </div>\n                      <div class=\"col-span-12\">\n                        <h3 class=\"text-center text-2xl\" style=\"color:rgba(107, 114, 128, 1)\">\n                          {{ t(\"reports.averageSales\", {}, { locale: $store.state.Langs.selected.lang }) }}\n                        </h3>\n                      </div>\n\n                    </div>\n                  </div>\n                  <div class=\"bg-white h-80 rounded-lg shadow\">\n                    <div class=\"row\">\n                      <div class=\"w-full\">\n                        <h5 class=\"left p-2\">{{ t(\"reports.clients\", {}, { locale: $store.state.Langs.selected.lang })\n                          }}</h5>\n                      </div>\n                    </div>\n                    <div class=\"row py-9 center m-10\">\n                      <div class=\"col-span-12\">\n                        <h3 class=\"text-center text-5xl\">\n                          {{ clientsTotal }}\n                        </h3>\n                      </div>\n                      <div class=\"col-span-12\">\n                        <h3 class=\"text-center text-3xl\" style=\"color:rgba(107, 114, 128, 1)\">\n                          {{ t(\"reports.clients\", {}, { locale: $store.state.Langs.selected.lang }) }}\n                        </h3>\n                      </div>\n\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class=\"container-xl px-2  w-full mb-4 \">\n            <div class=\"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\">\n                  {{ t(\"reports.totalSalesDays\", {}, { locale: $store.state.Langs.selected.lang }) }}</h5>\n              </div>\n              <div\n                class=\"h-96 bg-white col-span-12 sm:col-span-12 md:col-span-12 lg:col-span-12 xl:col-span-12 rounded-lg shadow p-2\"\n                :class=\"{ 'animate-pulse': $store.state.Dashboard.loading }\">\n                <TimeLineSkeleton v-if=\"isLoading\" />\n                <ECharts ref=\"chart\" v-if=\"!isLoading\" :option=\"salesTotalChart\" />\n              </div>\n            </div>\n          </div>\n          <div class=\"container-xl px-2  w-full mb-4 \">\n            <div class=\"grid grid-cols-12 gap-4\">\n              <div class=\"sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6\">\n                <div class=\"col-span-12 flex flex-row items-center justify-between\">\n                  <h5 class=\"card-dashed-title mb-4 w-full\">\n                    Promedio de ventas por tienda</h5>\n                </div>\n                <div\n                  class=\"h-96 bg-white col-span-12 sm:col-span-12 md:col-span-12 lg:col-span-12 xl:col-span-12 rounded-lg shadow\"\n                  :class=\"{ 'animate-pulse': $store.state.Dashboard.loading }\">\n                  <TimeLineSkeleton v-if=\"$store.state.Dashboard.loading\" />\n                  <ECharts ref=\"chart\" :option=\"averageSalesByStoreChart\" />\n                </div>\n              </div>\n              <div class=\"sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6\">\n                <div class=\"col-span-12 flex flex-row items-center justify-between\">\n                  <h5 class=\"card-dashed-title mb-4 w-full\">\n                    Total de ventas por tienda</h5>\n                </div>\n                <div\n                  class=\"h-96 bg-white col-span-12 sm:col-span-12 md:col-span-12 lg:col-span-12 xl:col-span-12 rounded-lg shadow p-2\"\n                  :class=\"{ 'animate-pulse': $store.state.Dashboard.loading }\">\n                  <TimeLineSkeleton v-if=\"$store.state.Dashboard.loading\" />\n                  <ECharts ref=\"chart\" :option=\"totalSalesByStore\" />\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class=\"container-xl px-2  w-full mb-4\">\n            <div class=\" grid grid-cols-12 gap-4\">\n              <div class=\"sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6\">\n                <div class=\"col-span-12 flex flex-row items-center justify-between\">\n                  <h5 class=\"card-dashed-title mb-4 w-full\">\n                    {{ t(\"reports.storesMostBuy\", {}, { locale: $store.state.Langs.selected.lang }) }}</h5>\n                </div>\n                <div\n                  class=\"h-60 bg-white rounded-lg  col-span-12 sm:col-span-12 md:col-span-12 lg:col-span-12 xl:col-span-12 overflow-y-auto\"\n                  :class=\"{ 'animate-pulse': $store.state.Dashboard.loading }\">\n                  <TimeLineSkeleton v-if=\"$store.state.Dashboard.loading\" />\n                  <table class=\"min-w-full divide-y divide-gray-200\">\n                    <thead class=\"bg-gray-50\">\n                    <tr>\n                      <th scope=\"col\"\n                          class=\"px-4 py-4 text-left text-xs font-semibold text-gray-900 uppercase tracking-wider rounded-t-lg\">\n                        <div class=\"flex gap-2 cursor-pointer justify-start\">\n                          <span>{{ t(\"reports.store\", {}, { locale: $store.state.Langs.selected.lang }) }}</span>\n                        </div>\n                      </th>\n                      <th scope=\"col\"\n                          class=\"px-4 py-4 text-left text-xs font-semibold text-gray-900 uppercase tracking-wider\">\n                        <div class=\"flex gap-2 cursor-pointer justify-start\">\n                          <span>{{ t(\"reports.income\", {}, { locale: $store.state.Langs.selected.lang }) }}</span>\n                        </div>\n                      </th>\n                      <th scope=\"col\"\n                          class=\"px-4 py-4 text-left text-xs font-semibold text-gray-900 uppercase tracking-wider\">\n                        <div class=\"flex gap-2 cursor-pointer justify-start\">\n                          <span>{{ t(\"reports.transactions\", {}, { locale: $store.state.Langs.selected.lang }) }}</span>\n                        </div>\n                      </th>\n                    </tr>\n                    </thead>\n                    <tbody class=\"divide-y divide-gray-100\">\n                    <tr v-for=\"store in storesBuyMost\" :key=\"store.store\"\n                        class=\"bg-white hover:bg-gray-100 transition-all ease-out duration-500 border- border-gray-100\">\n                      <td class=\"px-4 text-left py-4 whitespace-wrap text-sm text-gray-500\"\n                      >\n                        <div class=\"font-medium text-gray-800 flex flex-row\">{{ store.store }}</div>\n                      </td>\n                      <td class=\"px-4 py-4\">\n                        <div class=\"flex flex-row\">\n                          <div class=\"text-gray-500\">${{ store.total_amount_sales }}</div>\n                        </div>\n                      </td>\n                      <td class=\"px-4 text-left py-4 whitespace-nowrap text-sm text-gray-500\">\n                        <div class=\"text-gray-500\">\n                          {{ store.count_sales }}\n                        </div>\n                      </td>\n                    </tr>\n                    </tbody>\n                  </table>\n                </div>\n              </div>\n              <div class=\"sm:col-span-6 md:col-span-6 lg:col-span-6 xl:col-span-6\">\n                <div class=\"col-span-12 flex flex-row items-center justify-between\">\n                  <h5 class=\"card-dashed-title mb-4 w-full\">\n                    {{ t(\"reports.categoryMostBuy\", {}, { locale: $store.state.Langs.selected.lang }) }}</h5>\n                </div>\n                <div\n                  class=\"h-60 col-span-12 sm:col-span-12 md:col-span-12 lg:col-span-12 xl:col-span-12 overflow-y-auto\"\n                  :class=\"{ 'animate-pulse': $store.state.Dashboard.loading }\">\n                  <TimeLineSkeleton v-if=\"$store.state.Dashboard.loading\" />\n                  <table class=\"min-w-full divide-y divide-gray-200\">\n                    <thead class=\"bg-gray-50\">\n                    <tr>\n                      <th scope=\"col\"\n                          class=\"px-4 py-4 text-left text-xs font-semibold text-gray-900 uppercase tracking-wider rounded-t-lg\">\n                        <div class=\"flex gap-2 cursor-pointer justify-start\">\n                          <span>{{ t(\"reports.category\", {}, { locale: $store.state.Langs.selected.lang }) }}</span>\n                        </div>\n                      </th>\n                      <th scope=\"col\"\n                          class=\"px-4 py-4 text-left text-xs font-semibold text-gray-900 uppercase tracking-wider\">\n                        <div class=\"flex gap-2 cursor-pointer justify-start\">\n                          <span>{{ t(\"reports.quantity\", {}, { locale: $store.state.Langs.selected.lang }) }}</span>\n                        </div>\n                      </th>\n                    </tr>\n                    </thead>\n                    <tbody class=\"divide-y divide-gray-100\">\n                    <tr v-for=\"category in categoryBuyMost\" :key=\"category.category\"\n                        class=\"bg-white hover:bg-gray-100 transition-all ease-out duration-500 border- border-gray-100\">\n                      <td class=\"px-4 text-left py-4 whitespace-wrap text-sm text-gray-500\"\n                      >\n                        <div class=\"font-medium text-gray-800 flex flex-row\">{{ category.category }}</div>\n                      </td>\n                      <td class=\"px-4 py-4\">\n                        <div class=\"flex flex-row\">\n                          <div class=\"text-gray-500\">#{{ category.sales }}</div>\n                        </div>\n                      </td>\n                    </tr>\n                    </tbody>\n                  </table>\n                </div>\n              </div>\n            </div>\n          </div>\n          <div class=\"container-xl px-2  w-full mb-4\">\n            <div class=\"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\">\n                  {{ t(\"reports.averageSalesEvolution\", {}, { locale: $store.state.Langs.selected.lang }) }}</h5>\n              </div>\n              <div\n                class=\"h-96 bg-white col-span-12 sm:col-span-12 md:col-span-12 lg:col-span-12 xl:col-span-12 rounded-lg shadow\"\n                :class=\"{ 'animate-pulse': $store.state.Dashboard.loading }\">\n                <TimeLineSkeleton v-if=\"$store.state.Dashboard.loading\" />\n                <ECharts ref=\"chart\" :option=\"averageSaleEvolution\" />\n              </div>\n            </div>\n          </div>\n          <div class=\"container-xl px-2  w-full mb-4\">\n            <div class=\"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\">\n                  {{ t(\"reports.totalSalesMonth\", {}, { locale: $store.state.Langs.selected.lang }) }}</h5>\n              </div>\n              <div\n                class=\"h-96 bg-white col-span-12 sm:col-span-12 md:col-span-12 lg:col-span-12 xl:col-span-12 rounded-lg shadow\"\n                :class=\"{ 'animate-pulse': $store.state.Dashboard.loading }\">\n                <TimeLineSkeleton v-if=\"$store.state.Dashboard.loading\" />\n                <ECharts ref=\"chart\" :option=\"salesRevenueAndAmount\" />\n              </div>\n            </div>\n          </div>\n          <div class=\"container-xl px-2  w-full mb-4\">\n            <div class=\"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\">\n                  {{ t(\"reports.purchaseDistribution\", {}, { locale: $store.state.Langs.selected.lang }) }}</h5>\n              </div>\n              <div\n                class=\"h-96 bg-white col-span-12 sm:col-span-12 md:col-span-12 lg:col-span-12 xl:col-span-12 rounded-lg shadow\"\n                :class=\"{ 'animate-pulse': $store.state.Dashboard.loading }\">\n                <TimeLineSkeleton v-if=\"$store.state.Dashboard.loading\" />\n                <ECharts ref=\"chart\" :option=\"clientTotalSales\" />\n              </div>\n            </div>\n          </div>\n          <div class=\"container-xl px-2  w-full mb-4\">\n            <div class=\"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\">\n                  {{ t(\"reports.bestSalesDays\", {}, { locale: $store.state.Langs.selected.lang }) }}</h5>\n              </div>\n              <div\n                class=\"h-96 bg-white col-span-12 sm:col-span-12 md:col-span-12 lg:col-span-12 xl:col-span-12 rounded-lg shadow\"\n                :class=\"{ 'animate-pulse': $store.state.Dashboard.loading }\">\n                <TimeLineSkeleton v-if=\"$store.state.Dashboard.loading\" />\n                <ECharts ref=\"chart\" :option=\"bestSalesDays\" />\n              </div>\n            </div>\n          </div>\n          <div class=\"container-xl px-2  w-full mb-4\">\n            <div class=\"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\">\n                  {{ t(\"reports.bestSalesHours\", {}, { locale: $store.state.Langs.selected.lang }) }}</h5>\n              </div>\n              <div\n                class=\"h-96 bg-white col-span-12 sm:col-span-12 md:col-span-12 lg:col-span-12 xl:col-span-12 rounded-lg shadow\"\n                :class=\"{ 'animate-pulse': $store.state.Dashboard.loading }\">\n                <TimeLineSkeleton v-if=\"$store.state.Dashboard.loading\" />\n                <ECharts ref=\"chart\" :option=\"bestSalesHours\" />\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div v-if=\"currentProject && isLoading\">\n          <PrincipalMetricsSkeleton></PrincipalMetricsSkeleton>\n        </div>\n      </TransitionFade>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { useI18n } from \"vue-i18n\"\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 TimeLineSkeleton from \"@/components/Dashboard/TimeLineSkeleton\"\n//import { ReportServices } from \"@/services/Reports\"\nimport axiosClient from \"@/config/AxiosClient\"\nimport { ReportChartsConfig } from \"@/config/ReportChartsConfig\"\nimport PrincipalMetricsSkeleton from \"@/components/Reports/PrincipalMetricsSkeleton.vue\"\n\nexport default {\n  components: {\n    PrincipalMetricsSkeleton,\n    TransitionFade,\n    NoContent,\n    ECharts: createComponent({ echarts, h }),\n    TimeLineSkeleton\n  },\n  setup() {\n    const { t, locale } = useI18n()\n    return { t, locale }\n  },\n  name: `Reports`,\n  data: function() {\n    return {\n      isLoading: false,\n      currentProject: this.$route.params.id ? this.$route.params.id : null,\n      salesTotalChart: null,\n      averageSalesByStoreChart: null,\n      totalSalesByStore: null,\n      clientsTotal: 0,\n      income: 0,\n      averageSales: 0,\n      totalSalesQuantity: 0,\n      totalClientsUR: 0,\n      frequencyBuy: 0,\n      categoryBuyMost: [],\n      storesBuyMost: [],\n      averageSaleEvolution: [],\n      clientUR: null,\n      salesRevenueAndAmount: null,\n      conversionsOnlineChart: null,\n      clientTotalSales: null,\n      bestSalesDays: [],\n      bestSalesHours: [],\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()\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()\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    totalClientsUR: {\n      handler(newVal) {\n        if (newVal) {\n          if (newVal != 0 && this.totalSalesQuantity != 0) {\n            let calc = this.totalSalesQuantity / newVal\n            this.frequencyBuy = Number((calc).toFixed(1))\n          } else {\n            this.frequencyBuy = 0\n          }\n        }\n      }\n    },\n    totalSalesQuantity: {\n      handler(newVal) {\n        if (newVal) {\n          if (newVal != 0 && this.totalClientsUR != 0) {\n            let calc = newVal / this.totalClientsUR\n            this.frequencyBuy = Number((calc).toFixed(3))\n          } else {\n            this.frequencyBuy = 0\n          }\n        }\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.isLoading = true\n      this.getClientUR()\n      this.getTotalSales()\n      this.getAverageSalesByStore()\n      this.salesByStore()\n      this.totalclients()\n      this.totalIncome()\n      this.getTotalSalesQuantity()\n      this.getAverageSales()\n      this.getStoresBuyMost()\n      this.getCategoryBuyMost()\n      this.getAverageSaleEvolution()\n      this.getSalesRevenueAndAmount()\n      this.getClientTotalSales()\n      this.getBestSalesDays()\n      this.getBestSalesHours()\n    },\n    getTotalSales: async function() {\n      let currentProject = this.currentProject\n      let params = {\n        filters: \"totalSales\",\n        conditions: {\n          date: {\n            start_date: this.$store.state.Calendar.timeline.date_start,\n            end_date: this.$store.state.Calendar.timeline.date_end\n          }\n        }\n      }\n\n      await axiosClient.get(`api/2.0/project/${currentProject}/reports`, { params: params }).then((res) => {\n        let size = Object.keys(res.data.data.totalSales).length\n        this.salesTotalChart = ReportChartsConfig.salesTotal(size > 0 ? res.data.data.totalSales.data_formatted : {})\n        this.turnOffSplashScreen(1000)\n      })\n\n    },\n    getAverageSalesByStore: async function() {\n      let currentProject = this.currentProject\n\n      let params = {\n        filters: \"averageSalesByStore\",\n        conditions: {\n          date: {\n            start_date: this.$store.state.Calendar.timeline.date_start,\n            end_date: this.$store.state.Calendar.timeline.date_end\n          }\n        }\n      }\n\n      axiosClient.get(`api/2.0/project/${currentProject}/reports`, { params: params }).then((res) => {\n        let size = Object.keys(res.data.data.averageSalesByStore).length\n        this.averageSalesByStoreChart = ReportChartsConfig.averageSalesByStore(size > 0 ? res.data.data.averageSalesByStore.data_formated : {})\n        this.turnOffSplashScreen(1000)\n      })\n    },\n    salesByStore: async function() {\n      let currentProject = this.currentProject\n\n      let params = {\n        filters: \"salesByStore\",\n        conditions: {\n          date: {\n            start_date: this.$store.state.Calendar.timeline.date_start,\n            end_date: this.$store.state.Calendar.timeline.date_end\n          }\n        }\n      }\n\n      axiosClient.get(`api/2.0/project/${currentProject}/reports`, { params: params }).then((res) => {\n        let size = Object.keys(res.data.data.salesByStore).length\n        this.totalSalesByStore = ReportChartsConfig.salesByStore(size > 0 ? res.data.data.salesByStore.data_formated : {})\n        this.turnOffSplashScreen(1000)\n      })\n    },\n    totalclients: async function() {\n      let currentProject = this.currentProject\n\n      let params = {\n        filters: \"clientsTotal\",\n        conditions: {\n          date: {\n            start_date: this.$store.state.Calendar.timeline.date_start,\n            end_date: this.$store.state.Calendar.timeline.date_end\n          }\n        }\n      }\n\n      axiosClient.get(`api/2.0/project/${currentProject}/reports`, { params: params }).then((res) => {\n        this.clientsTotal = this.abbreviateNumber(res.data.data.clientsTotal.total)//Math.floor(res.data.data.clientsTotal.total / 1000) + \" K\"\n        this.turnOffSplashScreen(1000)\n      })\n    },\n    totalIncome: async function() {\n      let currentProject = this.currentProject\n\n      let params = {\n        filters: \"income\",\n        conditions: {\n          date: {\n            start_date: this.$store.state.Calendar.timeline.date_start,\n            end_date: this.$store.state.Calendar.timeline.date_end\n          }\n        }\n      }\n\n      axiosClient.get(`api/2.0/project/${currentProject}/reports`, { params: params }).then((res) => {\n        this.income = Math.floor(parseInt(res.data.data.income.total) / 1000000) + \" M\"\n        this.turnOffSplashScreen(1000)\n      })\n    },\n    getTotalSalesQuantity: async function() {\n      let currentProject = this.currentProject\n\n      let params = {\n        filters: \"totalSalesQuantity\",\n        conditions: {\n          date: {\n            start_date: this.$store.state.Calendar.timeline.date_start,\n            end_date: this.$store.state.Calendar.timeline.date_end\n          }\n        }\n      }\n\n      axiosClient.get(`api/2.0/project/${currentProject}/reports`, { params: params }).then((res) => {\n        this.totalSalesQuantity = res.data.data.totalSalesQuantity.total\n        this.turnOffSplashScreen(1000)\n      })\n    },\n    getAverageSales: async function() {\n      let currentProject = this.currentProject\n\n      let params = {\n        filters: \"averageSales\",\n        conditions: {\n          date: {\n            start_date: this.$store.state.Calendar.timeline.date_start,\n            end_date: this.$store.state.Calendar.timeline.date_end\n          }\n        }\n      }\n\n      axiosClient.get(`api/2.0/project/${currentProject}/reports`, { params: params }).then((res) => {\n        this.averageSales = this.abbreviateNumber(res.data.data.averageSales.total)\n        this.turnOffSplashScreen(1000)\n      })\n    },\n    getStoresBuyMost: async function() {\n      let currentProject = this.currentProject\n\n      let params = {\n        filters: \"storesBuyMost\",\n        conditions: {\n          date: {\n            start_date: this.$store.state.Calendar.timeline.date_start,\n            end_date: this.$store.state.Calendar.timeline.date_end\n          }\n        }\n      }\n\n      axiosClient.get(`api/2.0/project/${currentProject}/reports`, { params: params }).then((res) => {\n        this.storesBuyMost = res.data.data.storesBuyMost\n        this.turnOffSplashScreen(1000)\n      })\n    },\n    getCategoryBuyMost: async function() {\n      let currentProject = this.currentProject\n\n      let params = {\n        filters: \"categoryBuyMost\",\n        conditions: {\n          date: {\n            start_date: this.$store.state.Calendar.timeline.date_start,\n            end_date: this.$store.state.Calendar.timeline.date_end\n          }\n        }\n      }\n\n      axiosClient.get(`api/2.0/project/${currentProject}/reports`, { params: params }).then((res) => {\n        this.categoryBuyMost = res.data.data.categoryBuyMost\n        this.turnOffSplashScreen(1000)\n      })\n    },\n    getAverageSaleEvolution: async function() {\n      let currentProject = this.currentProject\n\n      let params = {\n        filters: \"averageSaleEvolution\",\n        conditions: {\n          date: {\n            start_date: this.$store.state.Calendar.timeline.date_start,\n            end_date: this.$store.state.Calendar.timeline.date_end\n          }\n        }\n      }\n\n      axiosClient.get(`api/2.0/project/${currentProject}/reports`, { params: params }).then((res) => {\n        let size = Object.keys(res.data.data.averageSaleEvolution).length\n        this.averageSaleEvolution = ReportChartsConfig.averageSaleEvolution(size > 0 ? res.data.data.averageSaleEvolution.data_formatted : {})\n        this.turnOffSplashScreen(1000)\n      })\n    },\n    getSalesRevenueAndAmount: async function() {\n      let currentProject = this.currentProject\n\n      let params = {\n        filters: \"salesRevenueAndAmount\",\n        conditions: {\n          date: {\n            start_date: this.$store.state.Calendar.timeline.date_start,\n            end_date: this.$store.state.Calendar.timeline.date_end\n          }\n        }\n      }\n\n      axiosClient.get(`api/2.0/project/${currentProject}/reports`, { params: params }).then((res) => {\n        let size = Object.keys(res.data.data.salesRevenueAndAmount).length\n        this.salesRevenueAndAmount = ReportChartsConfig.salesRevenueAndAmount(size > 0 ? res.data.data.salesRevenueAndAmount.data_formatted : {})\n        this.turnOffSplashScreen(1000)\n      })\n    },\n    getClientTotalSales: async function() {\n      let currentProject = this.currentProject\n\n      let params = {\n        filters: \"clientTotalSales\",\n        conditions: {\n          conditions: {\n            date: {\n              start_date: this.$store.state.Calendar.timeline.date_start,\n              end_date: this.$store.state.Calendar.timeline.date_end\n            }\n          }\n        }\n      }\n\n      axiosClient.get(`api/2.0/project/${currentProject}/reports`, { params: params }).then((res) => {\n        let size = Object.keys(res.data.data.clientTotalSales).length\n        this.clientTotalSales = ReportChartsConfig.clientTotalSales(size > 0 ? res.data.data.clientTotalSales.data_formatted : {})\n        this.turnOffSplashScreen(1000)\n        this.isLoading = false\n\n      })\n    },\n    getClientUR: async function() {\n      let currentProject = this.currentProject\n\n      let params = {\n        filters: \"uniqueAndRecurringCustomers\",\n        conditions: {\n          date: {\n            start_date: this.$store.state.Calendar.timeline.date_start,\n            end_date: this.$store.state.Calendar.timeline.date_end\n          }\n        }\n      }\n\n      axiosClient.get(`api/2.0/project/${currentProject}/reports`, { params: params }).then((res) => {\n        let size = Object.keys(res.data.data.uniqueAndRecurringCustomers).length\n        let data = {}\n        let totalClientsUR = 0\n        if (size > 0) {\n          data = res.data.data.uniqueAndRecurringCustomers\n          totalClientsUR = data.unique + data.recurrent\n        }\n\n        this.clientUR = ReportChartsConfig.clientur(data)\n        this.totalClientsUR = totalClientsUR\n\n        this.turnOffSplashScreen(1000)\n      })\n    },\n    getBestSalesDays: async function() {\n      let currentProject = this.currentProject\n\n      let params = {\n        filters: \"bestSalesDays\",\n        conditions: {\n          date: {\n            start_date: this.$store.state.Calendar.timeline.date_start,\n            end_date: this.$store.state.Calendar.timeline.date_end\n          }\n        }\n      }\n\n      axiosClient.get(`api/2.0/project/${currentProject}/reports`, { params: params }).then((res) => {\n        let size = Object.keys(res.data.data.bestSalesDays).length\n        let data = {}\n\n        if (size > 0) {\n          data = res.data.data.bestSalesDays\n        }\n\n        this.bestSalesDays = ReportChartsConfig.bestSalesDays(data.data_formatted)\n\n        this.turnOffSplashScreen(1000)\n      })\n    },\n    getBestSalesHours: async function() {\n      let currentProject = this.currentProject\n\n      let params = {\n        filters: \"bestSalesHours\",\n        conditions: {\n          date: {\n            start_date: this.$store.state.Calendar.timeline.date_start,\n            end_date: this.$store.state.Calendar.timeline.date_end\n          }\n        }\n      }\n\n      axiosClient.get(`api/2.0/project/${currentProject}/reports`, { params: params }).then((res) => {\n        let size = Object.keys(res.data.data.bestSalesHours).length\n        let data = {}\n\n        if (size > 0) {\n          data = res.data.data.bestSalesHours\n        }\n\n        this.bestSalesHours = ReportChartsConfig.bestSalesHours(data.data_formatted)\n\n        this.turnOffSplashScreen(1000)\n      })\n    },\n    abbreviateNumber: function(number) {\n      if (number >= 1000000) {\n        return (number / 1000000).toFixed(1) + \"M\"\n      }\n      if (number >= 1000) {\n        return (number / 1000).toFixed(1) + \"k\"\n      }\n      return number.toString()\n    },\n    turnOffSplashScreen: function(time) {\n      setTimeout(() => {\n        this.isLoading = false\n      }, time)\n    }\n  }\n}\n</script>\n","/*import * as echarts from \"echarts\"*/\nconst colors = [\"#76db9b\", \"grey\", \"#EE6666\"]\nexport const ReportChartsConfig = {\n  /**\n   * add config for timline chart form dhasboard and return object whit that config\n   * @param {any} data\n   * @returns {object}\n   */\n\n  salesTotal: function(data) {\n   let size= Object.keys(data).length\n    return {\n      color: colors,\n      tooltip: {\n        trigger: \"axis\",\n        axisPointer: {\n          type: \"cross\"\n        }\n      },\n      grid: {\n        right: \"20%\"\n      },\n      legend: {\n        data: [\"Quantity sales\", \"Income sales\"]\n      },\n      xAxis: [\n        {\n          type: \"category\",\n          name: \"Days\",\n          axisTick: {\n            alignWithLabel: true\n          },\n          // prettier-ignore\n          data: size > 0 ? data.date : []\n        }\n      ],\n      yAxis: [\n        {\n          type: \"value\",\n          name: \"Quantity sales\",\n          position: \"right\",\n          alignTicks: true,\n          axisLine: {\n            show: true,\n            lineStyle: {\n              color: colors[0]\n            }\n          },\n          axisLabel: {\n            formatter: \"{value}\"\n          }\n        },\n        {\n          type: \"value\",\n          name: \"Income sales\",\n          position: \"left\",\n          alignTicks: true,\n          axisLine: {\n            show: true,\n            lineStyle: {\n              color: colors[1]\n            }\n          },\n          axisLabel: {\n            formatter: \"$ {value}\"\n          }\n        }\n      ],\n      series: [\n        {\n          name: \"Quantity sales\",\n          type: \"bar\",\n          data: size > 0 ? data.sales_quantity : []\n        },\n        {\n          name: \"Income sales\",\n          type: \"line\",\n          yAxisIndex: 1,\n          data: size > 0 ? data.total_amount_sales : []\n        }\n      ]\n    }\n  },\n  averageSalesByStore: function(data) {\n    let size= Object.keys(data).length\n    return {\n      color: colors,\n      tooltip: {\n        trigger: \"axis\",\n        axisPointer: {\n          type: \"cross\"\n        }\n      },\n      grid: {\n        right: \"20%\"\n      },\n      legend: {\n        data: [\"Quantity sales\", \"Average\"]\n      },\n      xAxis: [\n        {\n          type: \"category\",\n          name: \"Store\",\n          axisTick: {\n            alignWithLabel: true\n          },\n          // prettier-ignore\n          data: size > 0 ? data.store : []\n        }\n      ],\n      yAxis: [\n        {\n          type: \"value\",\n          name: \"Quantity sales\",\n          position: \"right\",\n          alignTicks: true,\n          axisLine: {\n            show: true,\n            lineStyle: {\n              color: colors[0]\n            }\n          },\n          axisLabel: {\n            formatter: \"{value}\"\n          }\n        },\n        {\n          type: \"value\",\n          name: \"Average\",\n          position: \"left\",\n          alignTicks: true,\n          axisLine: {\n            show: true,\n            lineStyle: {\n              color: colors[1]\n            }\n          },\n          axisLabel: {\n            formatter: \"$ {value}\"\n          }\n        }\n      ],\n      series: [\n        {\n          name: \"Quantity sales\",\n          type: \"bar\",\n          data: size > 0 ? data.sales_quantity : []\n        },\n        {\n          name: \"Average\",\n          type: \"line\",\n          yAxisIndex: 1,\n          data: size > 0 ? data.average_amout_sales : []\n        }\n      ]\n    }\n  },\n  salesByStore: function(data) {\n    let size= Object.keys(data).length\n    return {\n      color: colors,\n      tooltip: {\n        trigger: \"axis\",\n        axisPointer: {\n          type: \"cross\"\n        }\n      },\n      grid: {\n        right: \"20%\"\n      },\n      legend: {\n        data: [\"Quantity sales\", \"Total income\"]\n      },\n      xAxis: [\n        {\n          type: \"category\",\n          name: \"Store\",\n          axisTick: {\n            alignWithLabel: true\n          },\n          // prettier-ignore\n          data: size > 0 ? data.store : []\n        }\n      ],\n      yAxis: [\n        {\n          type: \"value\",\n          name: \"Quantity sales\",\n          position: \"right\",\n          alignTicks: true,\n          axisLine: {\n            show: true,\n            lineStyle: {\n              color: colors[0]\n            }\n          },\n          axisLabel: {\n            formatter: \"{value}\"\n          }\n        },\n        {\n          type: \"value\",\n          name: \"Total income\",\n          position: \"left\",\n          alignTicks: true,\n          axisLine: {\n            show: true,\n            lineStyle: {\n              color: colors[1]\n            }\n          },\n          axisLabel: {\n            formatter: \"$ {value}\"\n          }\n        }\n      ],\n      series: [\n        {\n          name: \"Quantity sales\",\n          type: \"bar\",\n          data: size > 0 ? data.sales_quantity : []\n        },\n        {\n          name: \"Total income\",\n          type: \"line\",\n          yAxisIndex: 1,\n          data: size > 0 ? data.total_amount_sales : []\n        }\n      ]\n    }\n  },\n  averageSaleEvolution: function(data) {\n    let size= Object.keys(data).length\n    return {\n      color: colors,\n      tooltip: {\n        trigger: \"axis\",\n        axisPointer: {\n          type: \"cross\"\n        }\n      },\n      grid: {\n        right: \"20%\"\n      },\n      legend: {\n        data: [\"Average\"]\n      },\n      xAxis: [\n        {\n          type: \"category\",\n          name: \"Month\",\n          axisTick: {\n            alignWithLabel: true\n          },\n          // prettier-ignore\n          data: size > 0 ? data.date : []\n        }\n      ],\n      yAxis: [\n        {\n          type: \"value\",\n          name: \"Average\",\n          position: \"left\",\n          alignTicks: true,\n          axisLine: {\n            show: true,\n            lineStyle: {\n              color: colors[1]\n            }\n          },\n          axisLabel: {\n            formatter: \"{value}\"\n          }\n        }\n      ],\n      series: [\n        {\n          name: \"Average\",\n          type: \"line\",\n          data: size > 0 ? data.average : []\n        }\n      ]\n    }\n  },\n  salesRevenueAndAmount: function(data) {\n    let size= Object.keys(data).length\n    return {\n      color: colors,\n      tooltip: {\n        trigger: \"axis\",\n        axisPointer: {\n          type: \"cross\"\n        }\n      },\n      grid: {\n        right: \"20%\"\n      },\n      legend: {\n        data: [\"Quantity sales\", \"Income sales\"]\n      },\n      xAxis: [\n        {\n          type: \"category\",\n          name: \"Dias\",\n          axisTick: {\n            alignWithLabel: true\n          },\n          // prettier-ignore\n          data: size > 0 ? data.date : []\n        }\n      ],\n      yAxis: [\n        {\n          type: \"value\",\n          name: \"Quantity sales\",\n          position: \"right\",\n          alignTicks: true,\n          axisLine: {\n            show: true,\n            lineStyle: {\n              color: colors[0]\n            }\n          },\n          axisLabel: {\n            formatter: \"{value}\"\n          }\n        },\n        {\n          type: \"value\",\n          name: \"Income sales\",\n          position: \"left\",\n          alignTicks: true,\n          axisLine: {\n            show: true,\n            lineStyle: {\n              color: colors[1]\n            }\n          },\n          axisLabel: {\n            formatter: \"$ {value}\"\n          }\n        }\n      ],\n      series: [\n        {\n          name: \"Quantity sales\",\n          type: \"bar\",\n          data: size > 0 ? data.sales_quantity :[]\n        },\n        {\n          name: \"Income sales\",\n          type: \"line\",\n          yAxisIndex: 1,\n          data: size > 0 ? data.total_amount_sales : []\n        }\n      ]\n    }\n  },\n  clientTotalSales: function(data) {\n    let size= Object.keys(data).length\n    return {\n      color: colors,\n      tooltip: {\n        trigger: \"axis\",\n        axisPointer: {\n          type: \"cross\"\n        }\n      },\n      grid: {\n        right: \"20%\"\n      },\n      legend: {\n        data: [\"Percentage\", \"Clients Quantity\"]\n      },\n      xAxis: [\n        {\n          type: \"category\",\n          name: \"Quantity sales\",\n          axisTick: {\n            alignWithLabel: true\n          },\n          // prettier-ignore\n          data: size > 0 ? data.range : []\n        }\n      ],\n      yAxis: [\n        {\n          type: \"value\",\n          name: \"Clients Quantity\",\n          position: \"left\",\n          alignTicks: true,\n          axisLine: {\n            show: true,\n            lineStyle: {\n              color: colors[0]\n            }\n          },\n          axisLabel: {\n            formatter: \"{value}\"\n          }\n        },\n        {\n          type: \"value\",\n          name: \"Percentage\",\n          position: \"right\",\n          alignTicks: true,\n          axisLine: {\n            show: true,\n            lineStyle: {\n              color: colors[1]\n            }\n          },\n          axisLabel: {\n            formatter: \"{value}\"\n          }\n        }\n      ],\n      series: [\n        {\n          name: \"Clients Quantity\",\n          type: \"bar\",\n          data: size > 0 ? data.clients_quantity : []\n        },\n        {\n          name: \"Percentage\",\n          type: \"line\",\n          yAxisIndex: 1,\n          data: size > 0 ? data.percentage : []\n        }\n      ]\n    }\n  },\n  clientur: function(data) {\n    let size= Object.keys(data).length\n    return {\n      tooltip: {\n        trigger: 'item'\n      },\n      legend: {\n        top: '5%',\n        left: 'center'\n      },\n      series: [\n        {\n          name: 'Access From',\n          type: 'pie',\n          radius: ['40%', '70%'],\n          avoidLabelOverlap: false,\n          label: {\n            show: false,\n            position: 'center'\n          },\n          emphasis: {\n            label: {\n              show: true,\n              fontSize: 40,\n              fontWeight: 'bold'\n            }\n          },\n          labelLine: {\n            show: false\n          },\n          data: [\n            { value: size > 0 ? data.unique : 0, name: 'Unique' },\n            { value:size > 0 ?  data.recurrent : 0, name: 'Recurring' }\n          ]\n        }\n      ]\n    };\n  },\n  bestSalesDays: function(data) {\n    let size= Object.keys(data).length\n    return {\n      color: colors,\n      tooltip: {\n        trigger: \"axis\",\n        axisPointer: {\n          type: \"cross\"\n        }\n      },\n      grid: {\n        right: \"20%\"\n      },\n      legend: {\n        data: [\"Quantity sales\"]\n      },\n      xAxis: [\n        {\n          type: \"category\",\n          name: \"Days\",\n          axisTick: {\n            alignWithLabel: true\n          },\n          // prettier-ignore\n          data: size > 0 ? data.date : []\n        }\n      ],\n      yAxis: [\n        {\n          type: \"value\",\n          name: \"Quantity sales\",\n          position: \"left\",\n          alignTicks: true,\n          axisLine: {\n            show: true,\n            lineStyle: {\n              color: colors[1]\n            }\n          },\n          axisLabel: {\n            formatter: \"{value}\"\n          }\n        }\n      ],\n      series: [\n        {\n          name: \"Quantity sales\",\n          type: \"line\",\n          data: size > 0 ? data.total : []\n        }\n      ]\n    }\n  },\n  bestSalesHours: function(data) {\n    let size= Object.keys(data).length\n    return {\n      color: colors,\n      tooltip: {\n        trigger: \"axis\",\n        axisPointer: {\n          type: \"cross\"\n        }\n      },\n      grid: {\n        right: \"20%\"\n      },\n      legend: {\n        data: [\"Quantity sales\"]\n      },\n      xAxis: [\n        {\n          type: \"category\",\n          name: \"Hours\",\n          axisTick: {\n            alignWithLabel: true\n          },\n          // prettier-ignore\n          data: size > 0 ? data.date : []\n        }\n      ],\n      yAxis: [\n        {\n          type: \"value\",\n          name: \"Quantity sales\",\n          position: \"left\",\n          alignTicks: true,\n          axisLine: {\n            show: true,\n            lineStyle: {\n              color: colors[1]\n            }\n          },\n          axisLabel: {\n            formatter: \"{value}\"\n          }\n        }\n      ],\n      series: [\n        {\n          name: \"Quantity sales\",\n          type: \"line\",\n          data: size > 0 ? data.total : []\n        }\n      ]\n    }\n  },\n\n\n}\n\n\n\n","<template>\n  <div class=\"container-xl px-2 py-2 w-full\">\n    <div class=\"grid grid-cols-12 gap-4\">\n      <div class=\"col-span-12 flex flex-row items-center justify-between\">\n        <div class=\"w-full flex flex-row items-center justify-end gap-3\">\n          <div class=\"w-20 relative\" >\n            <div\n              class=\"rounded-lg animate-pulse  px-2 py-3 text-center text-gray-600 text-sm cursor-pointer inline-flex justify-center items-end\">\n\n            </div>\n            <!-- Dropdown menu -->\n\n          </div>\n          <div class=\"animate-pulse\">\n\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"container-xl px-2 w-full mb-4 \">\n    <div class=\"grid grid-cols-12 gap-4\">\n      <div  class=\"h-120  col-span-12 sm:col-span-12 md:col-span-12 lg:col-span-12 xl:col-span-12\">\n        <div class=\"grid grid-cols-3 gap-3\">\n          <div class=\"h-80 rounded-lg shadow bg-gray-100 animate-pulse\"></div>\n          <div class=\"h-80 rounded-lg shadow bg-gray-100 animate-pulse\"></div>\n          <div class=\"h-80 rounded-lg shadow bg-gray-100 animate-pulse\"></div>\n          <div class=\"h-80 rounded-lg shadow bg-gray-100 animate-pulse\"></div>\n          <div class=\"h-80 rounded-lg shadow bg-gray-100 animate-pulse\"></div>\n          <div class=\"h-80 rounded-lg shadow bg-gray-100 animate-pulse\"></div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script setup>\n</script>\n","import { render } from \"./PrincipalMetricsSkeleton.vue?vue&type=template&id=64a641b9\"\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__","import { render } from \"./Reports.vue?vue&type=template&id=6d74f8dc\"\nimport script from \"./Reports.vue?vue&type=script&lang=js\"\nexport * from \"./Reports.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__"],"sourceRoot":""}