{"version":3,"sources":["webpack:///./src/components/RevenuesTableComponent.vue","webpack:///./src/components/RevenuesTableComponent.vue?a526","webpack:///./src/views/VVVNew/VVVRevenueNew.vue","webpack:///./src/views/VVVNew/VVVRevenueNew.vue?002e","webpack:///./src/services/Revenue/GetRevenueWidget.js","webpack:///./src/components/RevenuesTableComponent.vue?3405","webpack:///./src/store/impersonateStore.js","webpack:///./src/assets/VVV/vvv-loader.png","webpack:///./src/views/VVVNew/VVVRevenueNew.vue?c95c","webpack:///./src/helpers/addCommaNumbers.js"],"names":["impersonateStore","useImpersonateStore","isImpersonating","userImpersonateDetail","storeToRefs","tableHeaders","computed","header","currentYear","Date","getFullYear","options","yearsArray","Array","from","length","_","index","map","year","text","value","setYear","ref","revenueList","data","paginaton","viewRevenue","async","currentDashboard","isVVV","url","id","axios","get","then","response","sort","a","b","month","pagination","catch","error","alert","onBeforeMount","__exports__","useTitle","userDetailStore","useUserDetailStore","userDetail","revenueChartData","chartOptions","series","chartLoading","assetWidgets","revenueMonth","revenueYear","revenueTotal","AssignedLabelsCount","grossMonth","grossYear","grossTotal","widgetLoader","loader1","loader2","loader3","loader4","loader5","loader6","loader7","onUnmounted","onMounted","impersonateId","chartUrl","dataset","labels","chart","toolbar","show","zoom","enabled","xaxis","categories","yaxis","formatter","toLocaleString","stroke","curve","width","fill","colors","tooltip","y","name","GetRevenueWidgets","console","secondRow","userTypeId","isMobile","window","innerWidth","updateResolution","addEventListener","onBeforeUnmount","removeEventListener","userId","endpointUrl","HttpClient","Promise","resolve","err","reject","defineStore","email","firstName","lastName","isDistributor","googleSheetLink","module","exports","addCommaNumbers","number","toString","replace"],"mappings":"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","file":"js/chunk-44afdd70.15b5a5f9.js","sourcesContent":["<template>\r\n  <div class=\"d-flex justify-content-start gap-2 mb-3 w-100\">\r\n    <MDBSelect name=\"setYear\" id=\"setYear\" v-model:options=\"options\" v-model:selected=\"setYear\" />\r\n    <MDBBtn class=\"d-flex align-items-center fw-bold\" size=\"sm\" type=\"button\" @click=\"viewRevenue\" color=\"primary\"> View\r\n    </MDBBtn>\r\n  </div>\r\n  <MDBTable hover class=\"align-middle mb-0 bg-white\">\r\n    <thead class=\"table-light\">\r\n      <tr>\r\n        <th v-for=\"(item, i) in tableHeaders\" :key=\"i\" scope=\"col\">\r\n          {{ item.header }}\r\n        </th>\r\n      </tr>\r\n    </thead>\r\n    <tbody>\r\n      <tr v-if=\"revenueList.data.length === 0\">\r\n        <td colspan=\"3\">\r\n          No revenue found.\r\n        </td>\r\n      </tr>\r\n      <tr v-else v-for=\"(item, i) in revenueList.data\" :key=\"i\">\r\n        <td>{{ item.monthName }}</td>\r\n        <td>{{ item.year }}</td>\r\n        <td>${{ addCommaNumbers(item.revenue.toFixed(2)) }}</td>\r\n      </tr>\r\n    </tbody>\r\n  </MDBTable>\r\n</template>\r\n\r\n<script setup>\r\nimport { MDBTable, MDBSelect, MDBBtn } from \"mdb-vue-ui-kit\";\r\nimport { computed, onBeforeMount, ref } from \"vue\";\r\nimport axios from \"axios\";\r\nimport { addCommaNumbers } from \"../helpers/addCommaNumbers\";\r\nimport { useImpersonateStore } from \"../store/impersonateStore\";\r\nimport { storeToRefs } from \"pinia\";\r\nimport { isVVV } from \"@/helpers/siteIdentifier\";\r\n\r\nconst impersonateStore = useImpersonateStore();\r\nconst { isImpersonating, userImpersonateDetail } =\r\n  storeToRefs(impersonateStore);\r\n\r\nconst tableHeaders = computed(() => [\r\n  {\r\n    header: \"Month\",\r\n  },\r\n  {\r\n    header: \"Year\",\r\n  },\r\n  {\r\n    header: \"Revenue\",\r\n  },\r\n]);\r\n\r\nconst currentYear = new Date().getFullYear();\r\nconst options = computed(() => {\r\n  const yearsArray = Array.from(\r\n    { length: currentYear - 2020 },\r\n    (_, index) => currentYear - index\r\n  );\r\n  return yearsArray.map((year) => ({ text: `${year}`, value: year }));\r\n});\r\n\r\nconst setYear = ref(currentYear);\r\n\r\nconst revenueList = ref({\r\n  data: {},\r\n  paginaton: [],\r\n});\r\n\r\nconst viewRevenue = async () => {\r\n  const currentDashboard = isVVV() ? 3 : 2;\r\n  const url = isImpersonating.value\r\n  ? `api/revenues/List?rowPerPage=12&fromYear=${setYear.value}&toYear=${setYear.value}&userId=${userImpersonateDetail.value.id}&isImpersonation=true&currentDashboard=${currentDashboard}`\r\n  : `api/revenues/List?rowPerPage=12&fromYear=${setYear.value}&toYear=${setYear.value}&currentDashboard=${currentDashboard}`;\r\n  await axios\r\n    .get(url)\r\n    .then(function (response) {\r\n      const data = response.data.data.sort((a, b) => a.month - b.month)\r\n      revenueList.value =\r\n      {\r\n        data: data,\r\n        paginaton: response.data.pagination,\r\n      };\r\n    })\r\n    .catch(function (error) {\r\n      alert(\"An error occurred during request \" + error);\r\n    });\r\n};\r\n\r\nonBeforeMount(() => {\r\n  viewRevenue();\r\n});\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.btn {\r\n  background-color: var(--primary);\r\n}\r\n</style>\r\n","import script from \"./RevenuesTableComponent.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./RevenuesTableComponent.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./RevenuesTableComponent.vue?vue&type=style&index=0&id=61bac900&lang=scss&scoped=true\"\n\nimport exportComponent from \"D:\\\\a\\\\1\\\\s\\\\CSD.SPA\\\\ClientApp\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-61bac900\"]])\n\nexport default __exports__","<template>\r\n    <VVVLayoutNew>\r\n        <template #page-title>\r\n            Earnings\r\n        </template>\r\n        <div>\r\n            <div :class=\"isMobile ? 'd-block' : 'd-flex gap-4 mb-4'\">\r\n                <div :class=\"isMobile ? 'd-block mb-3' : 'first-row gap-4'\">\r\n                    <MDBCard :class=\"isMobile ? 'mb-3 mb-lg-0' : 'rounded-5'\" style=\"min-width: max-content;\">\r\n                        <MDBCardHeader> Previous Month Revenue </MDBCardHeader>\r\n                        <MDBCardBody>\r\n                            <MDBCardTitle>\r\n                                <div class=\"d-flex justify-content-center align-items-center\"\r\n                                    v-if=\"widgetLoader.loader1\">\r\n                                    <div class=\"image-container d-flex justify-content-center align-items-center\">\r\n                                        <div class=\"loader\"></div>\r\n                                        <img src=\"@/assets/VVV/vvv-loader.png\" alt=\"Loading image\">\r\n                                    </div>\r\n                                </div>\r\n                                <template v-else>\r\n                                    ${{ addCommaNumbers(assetWidgets.revenueMonth.toFixed(2)) }}\r\n                                </template>\r\n                            </MDBCardTitle>\r\n                        </MDBCardBody>\r\n                    </MDBCard>\r\n                    <MDBCard :class=\"isMobile ? 'mb-3 mb-lg-0' : 'rounded-5'\" style=\"min-width: max-content;\">\r\n                        <MDBCardHeader>Current Year Revenue</MDBCardHeader>\r\n                        <MDBCardBody>\r\n                            <MDBCardTitle>\r\n                                <div class=\"d-flex justify-content-center align-items-center\"\r\n                                    v-if=\"widgetLoader.loader2\">\r\n                                    <div class=\"image-container d-flex justify-content-center align-items-center\">\r\n                                        <div class=\"loader\"></div>\r\n                                        <img src=\"@/assets/VVV/vvv-loader.png\" alt=\"Loading image\">\r\n                                    </div>\r\n                                </div>\r\n                                <template v-else>\r\n                                    ${{ addCommaNumbers(assetWidgets.revenueYear.toFixed(2)) }}\r\n                                </template>\r\n                            </MDBCardTitle>\r\n                        </MDBCardBody>\r\n                    </MDBCard>\r\n                    <MDBCard :class=\"isMobile ? 'mb-3 mb-lg-0' : 'rounded-5'\" style=\"min-width: max-content;\">\r\n                        <MDBCardHeader>Total Revenue</MDBCardHeader>\r\n                        <MDBCardBody>\r\n                            <MDBCardTitle>\r\n                                <div class=\"d-flex justify-content-center align-items-center\"\r\n                                    v-if=\"widgetLoader.loader3\">\r\n                                    <div class=\"image-container d-flex justify-content-center align-items-center\">\r\n                                        <div class=\"loader\"></div>\r\n                                        <img src=\"@/assets/VVV/vvv-loader.png\" alt=\"Loading image\">\r\n                                    </div>\r\n                                </div>\r\n                                <template v-else>\r\n                                    ${{ addCommaNumbers(assetWidgets.revenueTotal.toFixed(2)) }}\r\n                                </template>\r\n                            </MDBCardTitle>\r\n                        </MDBCardBody>\r\n                    </MDBCard>\r\n                    <MDBCard class=\"rounded-5\" style=\"min-width: max-content;\">\r\n                        <MDBCardHeader>Assigned Labels</MDBCardHeader>\r\n                        <MDBCardBody>\r\n                            <MDBCardTitle>\r\n                                <div class=\"d-flex justify-content-center align-items-center\"\r\n                                    v-if=\"widgetLoader.loader4\">\r\n                                    <div class=\"image-container d-flex justify-content-center align-items-center\">\r\n                                        <div class=\"loader\"></div>\r\n                                        <img src=\"@/assets/VVV/vvv-loader.png\" alt=\"Loading image\">\r\n                                    </div>\r\n                                </div>\r\n                                <template v-else>\r\n                                    {{ addCommaNumbers(assetWidgets.AssignedLabelsCount) }}\r\n                                </template>\r\n                            </MDBCardTitle>\r\n                        </MDBCardBody>\r\n                    </MDBCard>\r\n                </div>\r\n                <MDBCard class=\"card mb-3 mb-md-0 rounded-5\" style=\"width: 100%;\">\r\n                    <MDBCardHeader> Revenue Chart </MDBCardHeader>\r\n                    <MDBCardBody class=\"pb-3 d-flex justify-content-center align-items-center\">\r\n                        <div class=\"d-flex justify-content-center align-items-center\" v-if=\"chartLoading\">\r\n                            <div class=\"image-container d-flex justify-content-center align-items-center\">\r\n                                <div class=\"loader\"></div>\r\n                                <img src=\"@/assets/VVV/vvv-loader.png\" alt=\"Loading image\">\r\n                            </div>\r\n                        </div>\r\n                        <template v-else>\r\n                            <apexchart style=\"width: 100%;\" height=\"350\" type=\"area\"\r\n                                :options=\"revenueChartData.chartOptions\" :series=\"revenueChartData.series\">\r\n                            </apexchart>\r\n                        </template>\r\n                    </MDBCardBody>\r\n                </MDBCard>\r\n            </div>\r\n            <div class=\"d-block gap-3 mb-3\">\r\n                <div :class=\"isMobile ? 'd-block' : 'second-row gap-4 mb-4'\" v-if=\"secondRow\">\r\n                    <MDBCard :class=\"isMobile ? 'mb-3 mb-lg-0' : 'rounded-5'\">\r\n                        <MDBCardHeader>Previous Gross Month Revenue</MDBCardHeader>\r\n                        <MDBCardBody>\r\n                            <MDBCardTitle>\r\n                                <div class=\"d-flex justify-content-center align-items-center\"\r\n                                    v-if=\"widgetLoader.loader5\">\r\n                                    <div class=\"image-container d-flex justify-content-center align-items-center\">\r\n                                        <div class=\"loader\"></div>\r\n                                        <img src=\"@/assets/VVV/vvv-loader.png\" alt=\"Loading image\">\r\n                                    </div>\r\n                                </div>\r\n                                <template v-else>\r\n                                    ${{ addCommaNumbers(assetWidgets.grossMonth.toFixed(2)) }}\r\n                                </template>\r\n                            </MDBCardTitle>\r\n                        </MDBCardBody>\r\n                    </MDBCard>\r\n                    <MDBCard :class=\"isMobile ? 'mb-3 mb-lg-0' : 'rounded-5'\">\r\n                        <MDBCardHeader>Gross Year Revenue</MDBCardHeader>\r\n                        <MDBCardBody>\r\n                            <MDBCardTitle>\r\n                                <div class=\"d-flex justify-content-center align-items-center\"\r\n                                    v-if=\"widgetLoader.loader6\">\r\n                                    <div class=\"image-container d-flex justify-content-center align-items-center\">\r\n                                        <div class=\"loader\"></div>\r\n                                        <img src=\"@/assets/VVV/vvv-loader.png\" alt=\"Loading image\">\r\n                                    </div>\r\n                                </div>\r\n                                <template v-else>\r\n                                    ${{ addCommaNumbers(assetWidgets.grossYear.toFixed(2)) }}\r\n                                </template>\r\n                            </MDBCardTitle>\r\n                        </MDBCardBody>\r\n                    </MDBCard>\r\n                    <MDBCard class=\"rounded-5\">\r\n                        <MDBCardHeader>Gross Total Revenue</MDBCardHeader>\r\n                        <MDBCardBody>\r\n                            <MDBCardTitle>\r\n                                <div class=\"d-flex justify-content-center align-items-center\"\r\n                                    v-if=\"widgetLoader.loader7\">\r\n                                    <div class=\"image-container d-flex justify-content-center align-items-center\">\r\n                                        <div class=\"loader\"></div>\r\n                                        <img src=\"@/assets/VVV/vvv-loader.png\" alt=\"Loading image\">\r\n                                    </div>\r\n                                </div>\r\n                                <template v-else>\r\n                                    ${{ addCommaNumbers(assetWidgets.grossTotal.toFixed(2)) }}\r\n                                </template>\r\n                            </MDBCardTitle>\r\n                        </MDBCardBody>\r\n                    </MDBCard>\r\n                </div>\r\n            </div>\r\n            <MDBCard class=\"rounded-5\">\r\n                <MDBCardHeader> Revenue Data </MDBCardHeader>\r\n                <MDBCardBody class=\"overflow-auto\">\r\n                    <RevenuesTableComponent />\r\n                </MDBCardBody>\r\n            </MDBCard>\r\n        </div>\r\n    </VVVLayoutNew>\r\n</template>\r\n\r\n<script setup>\r\nimport { MDBCard, MDBCardHeader, MDBCardBody, MDBCardTitle } from \"mdb-vue-ui-kit\";\r\nimport { onMounted, ref, onUnmounted, computed, onBeforeUnmount } from \"vue\";\r\nimport { useUserDetailStore } from \"@/store/userDetailStore\";\r\nimport { useTitle } from \"@vueuse/core\";\r\nimport { storeToRefs } from \"pinia\";\r\nimport axios from \"axios\";\r\nimport { GetRevenueWidgets } from \"@/services/Revenue/GetRevenueWidget\";\r\nimport { addCommaNumbers } from \"@/helpers/addCommaNumbers\";\r\nimport RevenuesTableComponent from \"@/components/RevenuesTableComponent.vue\";\r\nimport VVVLayoutNew from \"@/views/VVVNew/VVVLayoutNew.vue\";\r\nimport { useImpersonateStore } from \"@/store/impersonateStore\";\r\nimport { isVVV } from \"@/helpers/siteIdentifier\";\r\n\r\nuseTitle(\"Earnings | Very Viral Videos\");\r\n\r\nconst userDetailStore = useUserDetailStore();\r\nconst { userDetail } = storeToRefs(userDetailStore);\r\nconst revenueChartData = ref({ chartOptions: null, series: null });\r\nconst chartLoading = ref(true);\r\n\r\nconst assetWidgets = ref({\r\n    revenueMonth: 0,\r\n    revenueYear: 0,\r\n    revenueTotal: 0,\r\n    AssignedLabelsCount: 0,\r\n    grossMonth: 0,\r\n    grossYear: 0,\r\n    grossTotal: 0,\r\n});\r\n\r\nconst widgetLoader = ref({\r\n    loader1: true,\r\n    loader2: true,\r\n    loader3: true,\r\n    loader4: true,\r\n    loader5: true,\r\n    loader6: true,\r\n    loader7: true,\r\n});\r\n\r\nconst impersonateStore = useImpersonateStore();\r\nconst { isImpersonating, userImpersonateDetail } =\r\n    storeToRefs(impersonateStore);\r\nonUnmounted(() => {\r\n    isImpersonating.value = false;\r\n});\r\n\r\nonMounted(async () => {\r\n    const currentDashboard = isVVV() ? 3 : 1;\r\n    if (userDetail.value) {\r\n        const impersonateId = isImpersonating.value\r\n            ? userImpersonateDetail.value.id\r\n            : null;\r\n        const chartUrl = impersonateId\r\n            ? `api/revenues/ChartData?userId=${impersonateId}&isImpersonation=true&currentDashboard=${currentDashboard}`\r\n            : `api/revenues/ChartData?currentDashboard=${currentDashboard}`;\r\n        await axios\r\n            .get(chartUrl)\r\n            .then(function (response) {\r\n                const dataset = response.data.data;\r\n                const labels = response.data.labels;\r\n                const chartOptions = {\r\n                    chart: {\r\n                        toolbar: {\r\n                            show: false,\r\n                        },\r\n                        zoom: {\r\n                            enabled: false,\r\n                        },\r\n                    },\r\n                    xaxis: {\r\n                        categories: labels,\r\n                    },\r\n                    yaxis: {\r\n                        labels: {\r\n                            formatter: function (value) {\r\n                                return value.toLocaleString('en-US');\r\n                            }\r\n                        },\r\n                    },\r\n                    stroke: {\r\n                        curve: 'smooth',\r\n                        width: 1\r\n                    },\r\n                    fill: {\r\n                        colors: ['var(--primary)'],\r\n                    },\r\n                    tooltip: {\r\n                        y: {\r\n                            formatter: function (value) {\r\n                                return `$ ${value.toLocaleString('en-US')}`;\r\n                            }\r\n                        }\r\n                    }\r\n                };\r\n                const series = [{\r\n                    name: 'Monthly Revenue',\r\n                    data: dataset\r\n                }]\r\n\r\n                revenueChartData.value = { chartOptions, series };\r\n                chartLoading.value = false;\r\n            })\r\n            .catch(function (error) {\r\n                alert(\"An error occurred during request \" + error);\r\n            });\r\n        GetRevenueWidgets(\"RevenueMonth\", impersonateId).then((response) => {\r\n            assetWidgets.value.revenueMonth = response;\r\n            widgetLoader.value.loader1 = false;\r\n        });\r\n        GetRevenueWidgets(\"RevenueYear\", impersonateId).then((response) => {\r\n            assetWidgets.value.revenueYear = response;\r\n            widgetLoader.value.loader2 = false;\r\n        });\r\n        GetRevenueWidgets(\"RevenueTotal\", impersonateId).then((response) => {\r\n            assetWidgets.value.revenueTotal = response;\r\n            widgetLoader.value.loader3 = false;\r\n        });\r\n        GetRevenueWidgets(\"AssignedLabelsCount\", impersonateId, currentDashboard).then((response) => {\r\n            assetWidgets.value.AssignedLabelsCount = response;\r\n            widgetLoader.value.loader4 = false;\r\n        });\r\n        GetRevenueWidgets(\"GrossRevenueMonth\", impersonateId).then((response) => {\r\n            assetWidgets.value.grossMonth = response;\r\n            widgetLoader.value.loader5 = false;\r\n        });\r\n        GetRevenueWidgets(\"GrossRevenueYear\", impersonateId).then((response) => {\r\n            assetWidgets.value.grossYear = response;\r\n            widgetLoader.value.loader6 = false;\r\n        });\r\n        GetRevenueWidgets(\"GrossRevenueTotal\", impersonateId).then((response) => {\r\n            assetWidgets.value.grossTotal = response;\r\n            widgetLoader.value.loader7 = false;\r\n        });\r\n    } else {\r\n        console.error(\"userDetail is missing or not loaded yet.\");\r\n    }\r\n});\r\n\r\nconst secondRow = computed(() => {\r\n    if (isImpersonating.value) {\r\n        return userImpersonateDetail.value.userTypeId == 1;\r\n    }\r\n    return userDetail.value.userTypeId == 1;\r\n});\r\n\r\nconst isMobile = ref(window.innerWidth <= 767);\r\nconst updateResolution = () => {\r\n    isMobile.value = window.innerWidth <= 767;\r\n};\r\n\r\nonMounted(() => {\r\n    window.addEventListener('resize', updateResolution);\r\n});\r\n\r\nonBeforeUnmount(() => {\r\n    window.removeEventListener('resize', updateResolution);\r\n});\r\n</script>\r\n\r\n<style scoped>\r\n.first-row {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 10px;\r\n}\r\n\r\n.second-row {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 10px;\r\n}\r\n\r\n.spinner-grow {\r\n    color: var(--accent);\r\n}\r\n\r\n.card {\r\n    border-radius: 16px;\r\n    box-shadow: unset;\r\n    border: 1px solid rgba(0, 0, 0, .125);\r\n}\r\n\r\n.card-header {\r\n    color: black !important;\r\n    font-family: 'GilroyBold', sans-serif;\r\n    background-color: white;\r\n}\r\n\r\n.card-body {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-around;\r\n    align-items: flex-start;\r\n    text-align: center;\r\n}\r\n\r\n.card-title {\r\n    color: var(--primary);\r\n    width: 100%;\r\n    letter-spacing: 1.5px;\r\n}\r\n\r\n.card-text {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: 8px;\r\n}\r\n\r\n.image-container {\r\n    position: relative;\r\n    display: inline-block;\r\n}\r\n\r\n.image-container .loader {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    margin: auto;\r\n    width: 35px;\r\n    height: 35px;\r\n    border: 3px solid rgba(0, 0, 0, 0.1);\r\n    border-top-color: rgb(153, 153, 153);\r\n    border-radius: 50%;\r\n    animation: BorderSpin 1s linear infinite;\r\n}\r\n\r\n.image-container img {\r\n    display: block;\r\n    width: 35px;\r\n    height: 35px;\r\n    border-radius: 50%;\r\n}\r\n\r\n@keyframes BorderSpin {\r\n    0% {\r\n        transform: rotate(0deg);\r\n    }\r\n\r\n    100% {\r\n        transform: rotate(360deg);\r\n    }\r\n}\r\n</style>\r\n","import script from \"./VVVRevenueNew.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./VVVRevenueNew.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./VVVRevenueNew.vue?vue&type=style&index=0&id=193eaa6a&scoped=true&lang=css\"\n\nimport exportComponent from \"D:\\\\a\\\\1\\\\s\\\\CSD.SPA\\\\ClientApp\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-193eaa6a\"]])\n\nexport default __exports__","import { HttpClient } from \"../HttpClient\";\r\nimport { isVVV } from \"@/helpers/siteIdentifier\";\r\n/**\r\n * * Get Revenue Widgets\r\n */\r\nexport const GetRevenueWidgets = async (url, userId) => {\r\n  try {\r\n    const currentDashboard = isVVV() ? 3 : 2;\r\n    const endpointUrl = userId\r\n    ? `api/revenues/${url}?userId=${userId}&currentDashboard=${currentDashboard}&isImpersonation=true`\r\n    : `api/revenues/${url}?currentDashboard=${currentDashboard}`;\r\n    const { data } = await HttpClient.get(endpointUrl);\r\n    return await Promise.resolve(data);\r\n  } catch (err) {\r\n    return Promise.reject(err);\r\n  }\r\n};\r\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./RevenuesTableComponent.vue?vue&type=style&index=0&id=61bac900&lang=scss&scoped=true\"","import { defineStore } from \"pinia\";\r\nimport { ref } from \"vue\";\r\n\r\nexport const useImpersonateStore = defineStore(\"impersonate\", () => {\r\n  const isImpersonating = ref(false);\r\n  const userImpersonateDetail = ref({\r\n    email: \"\",\r\n    firstName: \"\",\r\n    id: \"\",\r\n    lastName: \"\",\r\n    userTypeId: \"\",\r\n    isDistributor: false,\r\n    googleSheetLink: null,\r\n  });\r\n  return {\r\n    isImpersonating,\r\n    userImpersonateDetail,\r\n  };\r\n});\r\n","module.exports = __webpack_public_path__ + \"img/vvv-loader.6f59db4a.png\";","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!./VVVRevenueNew.vue?vue&type=style&index=0&id=193eaa6a&scoped=true&lang=css\"","export const addCommaNumbers = (number) => {\r\n\treturn number.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n};\r\n"],"sourceRoot":""}