{"version":3,"sources":["webpack:///./src/components/RevenuesTableComponent.vue","webpack:///./src/components/RevenuesTableComponent.vue?a526","webpack:///./src/views/v3/DashboardNext.vue","webpack:///./src/views/v3/DashboardNext.vue?2144","webpack:///./src/services/Revenue/GetRevenueWidget.js","webpack:///./src/components/RevenuesTableComponent.vue?3405","webpack:///./src/assets/cs-loader.png","webpack:///./src/views/v3/DashboardNext.vue?0037","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","isUser","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","revenueAlert","useStorage","useEventListener","userId","endpointUrl","HttpClient","Promise","resolve","err","reject","module","exports","addCommaNumbers","number","toString","replace"],"mappings":"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","file":"js/chunk-1def076b.a547a11a.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    <LayoutNext>\r\n        <template #page-title>\r\n            Dashboard\r\n        </template>\r\n        <MDBAlert v-if=\"isUser && userDetail.isNewUser && revenueAlert\" color=\"warning\" static class=\"mb-3 mb-md-4\">\r\n            <div class=\"alert-container\">\r\n                <vue-feather type=\"alert-circle\" :stroke-width=\"2.5\" />\r\n                <p class=\"mb-0 alert-message\">\r\n                    Welcome, <strong style=\"text-transform: capitalize;\">{{ userDetail.firstName }}</strong>! Your first\r\n                    earnings\r\n                    report will be live in about 30-days. <a href=\"//CreatorShield.com/support\" target=\"_blank\"\r\n                        rel=\"noopener noreferrer\">See the earnings\r\n                        schedule</a>.\r\n                </p>\r\n                <vue-feather type=\"x\" :stroke-width=\"2.5\" size=\"18\" class=\"ms-auto\" @click=\"revenueAlert = false\"\r\n                    style=\"cursor: pointer;\" />\r\n            </div>\r\n        </MDBAlert>\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' : ''\" style=\"min-width: max-content;\">\r\n                        <MDBCardHeader> Previous Month Revenue </MDBCardHeader>\r\n                        <MDBCardBody>\r\n                            <MDBCardTitle>\r\n                                <div class=\"image-container d-flex justify-content-center align-items-center\"\r\n                                    v-if=\"widgetLoader.loader1\">\r\n                                    <div class=\"loader\"></div>\r\n                                    <img src=\"@/assets/cs-loader.png\" alt=\"Loading image\">\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' : ''\" style=\"min-width: max-content;\">\r\n                        <MDBCardHeader>Current Year Revenue</MDBCardHeader>\r\n                        <MDBCardBody>\r\n                            <MDBCardTitle>\r\n                                <div class=\"image-container d-flex justify-content-center align-items-center\"\r\n                                    v-if=\"widgetLoader.loader2\">\r\n                                    <div class=\"loader\"></div>\r\n                                    <img src=\"../../assets/cs-loader.png\" alt=\"Loading image\">\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' : ''\" style=\"min-width: max-content;\">\r\n                        <MDBCardHeader>Total Revenue</MDBCardHeader>\r\n                        <MDBCardBody>\r\n                            <MDBCardTitle>\r\n                                <div class=\"image-container d-flex justify-content-center align-items-center\"\r\n                                    v-if=\"widgetLoader.loader3\">\r\n                                    <div class=\"loader\"></div>\r\n                                    <img src=\"../../assets/cs-loader.png\" alt=\"Loading image\">\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 style=\"min-width: max-content;\">\r\n                        <MDBCardHeader>Assigned Labels</MDBCardHeader>\r\n                        <MDBCardBody>\r\n                            <MDBCardTitle>\r\n                                <div class=\"image-container d-flex justify-content-center align-items-center\"\r\n                                    v-if=\"widgetLoader.loader4\">\r\n                                    <div class=\"loader\"></div>\r\n                                    <img src=\"../../assets/cs-loader.png\" alt=\"Loading image\">\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\" style=\"width: 100%;\">\r\n                    <MDBCardHeader> Revenue Chart </MDBCardHeader>\r\n                    <MDBCardBody class=\"pb-2\">\r\n                        <div class=\"image-container\" style=\"margin: 0 auto;\" v-if=\"chartLoading\">\r\n                            <div class=\"loader\"></div>\r\n                            <img src=\"@/assets/cs-loader.png\" alt=\"Loading image\">\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' : ''\">\r\n                        <MDBCardHeader>Previous Gross Month Revenue</MDBCardHeader>\r\n                        <MDBCardBody>\r\n                            <MDBCardTitle>\r\n                                <div class=\"image-container d-flex justify-content-center align-items-center\"\r\n                                    v-if=\"widgetLoader.loader5\">\r\n                                    <div class=\"loader\"></div>\r\n                                    <img src=\"../../assets/cs-loader.png\" alt=\"Loading image\">\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' : ''\">\r\n                        <MDBCardHeader>Gross Year Revenue</MDBCardHeader>\r\n                        <MDBCardBody>\r\n                            <MDBCardTitle>\r\n                                <div class=\"image-container d-flex justify-content-center align-items-center\"\r\n                                    v-if=\"widgetLoader.loader6\">\r\n                                    <div class=\"loader\"></div>\r\n                                    <img src=\"../../assets/cs-loader.png\" alt=\"Loading image\">\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>\r\n                        <MDBCardHeader>Gross Total Revenue</MDBCardHeader>\r\n                        <MDBCardBody>\r\n                            <MDBCardTitle>\r\n                                <div class=\"image-container d-flex justify-content-center align-items-center\"\r\n                                    v-if=\"widgetLoader.loader7\">\r\n                                    <div class=\"loader\"></div>\r\n                                    <img src=\"../../assets/cs-loader.png\" alt=\"Loading image\">\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>\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    </LayoutNext>\r\n</template>\r\n\r\n<script setup>\r\nimport { MDBCard, MDBCardHeader, MDBCardBody, MDBCardTitle, MDBAlert } from \"mdb-vue-ui-kit\";\r\nimport { onMounted, ref, onUnmounted, computed, onBeforeUnmount } from \"vue\";\r\nimport { useUserDetailStore } from \"../../store/userDetailStore\";\r\nimport { useTitle, useStorage, useEventListener } 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 LayoutNext from \"@/views/v3/LayoutNext.vue\";\r\nimport { useImpersonateStore } from \"../../store/impersonateStore\";\r\nimport VueFeather from 'vue-feather';\r\n\r\nuseTitle(\"Dashboard | Creator Shield\");\r\n\r\nconst userDetailStore = useUserDetailStore();\r\nconst { userDetail, isUser } = 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    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`\r\n            : \"api/revenues/ChartData\";\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).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\r\nconst revenueAlert = useStorage('revenueAlert', true);\r\n\r\nuseEventListener(window, 'reset-alerts', () => {\r\n    revenueAlert.value = null;\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: var(--accent);\r\n    font-family: 'GilroyBold', sans-serif;\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: 40px;\r\n    height: 40px;\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\r\n.image-container img {\r\n    display: block;\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 50%;\r\n}\r\n\r\n.alert-container {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n    font-size: 14px;\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\r\n.alert-message {\r\n    width: 100%;\r\n}\r\n\r\n@media screen and (max-width: 767px) {\r\n    .alert-message {\r\n        width: 75%;\r\n    }\r\n}\r\n</style>","import script from \"./DashboardNext.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./DashboardNext.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./DashboardNext.vue?vue&type=style&index=0&id=08d21b02&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-08d21b02\"]])\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\"","module.exports = __webpack_public_path__ + \"img/cs-loader.6cc976da.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!./DashboardNext.vue?vue&type=style&index=0&id=08d21b02&scoped=true&lang=css\"","export const addCommaNumbers = (number) => {\r\n\treturn number.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n};\r\n"],"sourceRoot":""}