{"version":3,"sources":["webpack:///./src/views/VVVNew/UsersNew/VVVMonthlyAssetGrossReportTableNew.vue?8926","webpack:///./src/views/VVVNew/UsersNew/VVVMonthlyReportTableNew.vue","webpack:///./src/views/VVVNew/UsersNew/VVVMonthlyReportTableNew.vue?e460","webpack:///./src/views/VVVNew/UsersNew/VVVMonthlyAssetGrossReportTableNew.vue","webpack:///./src/views/VVVNew/UsersNew/VVVMonthlyAssetGrossReportTableNew.vue?aef8","webpack:///./src/views/VVVNew/UsersNew/VVVUsersMonthlyReportNew.vue","webpack:///./src/views/VVVNew/UsersNew/VVVUsersMonthlyReportNew.vue?4b8e","webpack:///./src/services/MonthlyReport/GetMonthlyAssetGrossReport.js","webpack:///./src/services/MonthlyReport/GetMonthlyReport.js","webpack:///./src/store/monthlyReport.js","webpack:///./src/store/toastStore.js","webpack:///./src/views/VVVNew/UsersNew/VVVMonthlyReportTableNew.vue?72c5","webpack:///./src/assets/VVV/vvv-loader.png","webpack:///./src/helpers/addCommaNumbers.js","webpack:///./src/components/Deductions/DeductionsToast.vue","webpack:///./src/components/Deductions/DeductionsToast.vue?d4db"],"names":["class","_createElementVNode","src","_imports_0","alt","_hoisted_4","colspan","_hoisted_7","_createElementBlock","_hoisted_1","_createVNode","_component_MDBTable","hover","_hoisted_2","_Fragment","_renderList","$setup","tableHeaders","item","i","key","scope","header","loader","_hoisted_3","_hoisted_5","monthlyReport","length","_hoisted_6","_hoisted_8","_hoisted_9","_toDisplayString","fullName","getMonthFullFormat","month","year","partnerPercentage","addCommaNumbers","adjustments","toFixed","grossRevenue","handlerRevenue","netRevenue","components","MDBTable","setup","monthlyReportStore","useMonthlyReportStore","computed","storeToRefs","__exports__","render","_component_MDBDatatable","dataset","dataTable","loading","MDBDatatable","label","field","ref","columns","value","rows","monthlyAssetGrossReport","watch","newReport","map","data","revenue","useTitle","route","useRoute","MRYear","MRGrossYear","MRGrossMonth","userId","isDropdownSet","onMounted","params","id","getCurrentMonth","getCurrentYear","setDropdown","getMonthlyReport","getMonthlyGrossReport","newArray","monthsOption","selected","newYearArray","yearsOption","newYearArray2","yearsOption2","text","createYearsOption","push","newDropdown","newMRYear","newMRGrossYear","newMRGrossMonth","GetMonthlyAssetGrossReport","async","UserId","Year","Month","currentDashboard","isVVV","HttpClient","get","Promise","resolve","err","reject","GetMonthlyReport","defineStore","MRPagination","then","response","useToastStore","toastObject","state","message","color","icon","title","toastStatus","success","fail","module","exports","number","toString","replace","_createBlock","_component_MDBToast","toastStore","$event","delay","autohide","position","appendToBody","stacking","width","_withCtx","MDBToast"],"mappings":"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","file":"js/chunk-72ecc5ad.0223482e.js","sourcesContent":["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!./VVVMonthlyAssetGrossReportTableNew.vue?vue&type=style&index=0&id=bb11acb0&lang=scss&scoped=true\"","<template>\r\n    <div class=\"table-container\">\r\n        <MDBTable hover class=\"align-middle\">\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 v-if=\"loader\">\r\n                <div class=\"backdrop\">\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            </tbody>\r\n            <tbody v-if=\"monthlyReport.length < 1\">\r\n                <tr>\r\n                    <td colspan=\"8\">No report available.</td>\r\n                </tr>\r\n            </tbody>\r\n            <tbody v-else-if=\"monthlyReport.length > 0\">\r\n                <tr v-for=\"(item, i) in monthlyReport\" :key=\"i\">\r\n                    <td>{{ item.fullName }}</td>\r\n                    <td>{{ getMonthFullFormat(item.month) }}</td>\r\n                    <td>{{ item.year }}</td>\r\n                    <td>{{ item.partnerPercentage }}%</td>\r\n                    <td>${{ addCommaNumbers(item.adjustments.toFixed(2)) }}</td>\r\n                    <td>${{ addCommaNumbers(item.grossRevenue.toFixed(2)) }}</td>\r\n                    <td>${{ addCommaNumbers(item.handlerRevenue.toFixed(2)) }}</td>\r\n                    <td>${{ addCommaNumbers(item.netRevenue.toFixed(2)) }}</td>\r\n                </tr>\r\n            </tbody>\r\n        </MDBTable>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { MDBTable } from \"mdb-vue-ui-kit\";\r\nimport { useMonthlyReportStore } from \"@/store/monthlyReport\";\r\nimport { storeToRefs } from \"pinia\";\r\nimport { computed } from \"@vue/runtime-core\";\r\nimport { getMonthFullFormat } from \"@/helpers/parseDate\";\r\nimport { addCommaNumbers } from \"@/helpers/addCommaNumbers\";\r\nexport default {\r\n    components: {\r\n        MDBTable,\r\n    },\r\n    setup() {\r\n        const monthlyReportStore = useMonthlyReportStore();\r\n        const tableHeaders = computed(() => {\r\n            return [\r\n                {\r\n                    header: \"Username\",\r\n                },\r\n                {\r\n                    header: \"Month\",\r\n                },\r\n                {\r\n                    header: \"Year\",\r\n                },\r\n                {\r\n                    header: \"Partner Percentage\",\r\n                },\r\n                {\r\n                    header: \"Adjustments\",\r\n                },\r\n                {\r\n                    header: \"Gross Revenue\",\r\n                },\r\n                {\r\n                    header: \"Handler Revenue\",\r\n                },\r\n                {\r\n                    header: \"Net Revenue\",\r\n                },\r\n            ];\r\n        });\r\n        const { monthlyReport, loader } = storeToRefs(monthlyReportStore);\r\n        return {\r\n            tableHeaders,\r\n            monthlyReport,\r\n            getMonthFullFormat,\r\n            addCommaNumbers,\r\n            loader,\r\n        };\r\n    },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.table-container {\r\n    border-radius: 4px;\r\n    overflow-x: auto;\r\n\r\n    :deep(.table) {\r\n        margin-bottom: 0;\r\n\r\n        caption {\r\n            font-size: 1rem;\r\n            padding-left: 20px;\r\n        }\r\n    }\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: 60px;\r\n    height: 60px;\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: 60px;\r\n    height: 60px;\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\r\n.backdrop {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100vw;\r\n    height: 100vh;\r\n    background-color: rgba(0, 0, 0, 0.5);\r\n    z-index: 9999;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n</style>\r\n","import { render } from \"./VVVMonthlyReportTableNew.vue?vue&type=template&id=4ea3daa6&scoped=true\"\nimport script from \"./VVVMonthlyReportTableNew.vue?vue&type=script&lang=js\"\nexport * from \"./VVVMonthlyReportTableNew.vue?vue&type=script&lang=js\"\n\nimport \"./VVVMonthlyReportTableNew.vue?vue&type=style&index=0&id=4ea3daa6&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, [['render',render],['__scopeId',\"data-v-4ea3daa6\"]])\n\nexport default __exports__","<template>\r\n    <div class=\"table-container\">\r\n        <MDBDatatable :dataset=\"dataTable\" :loading=\"loader\" />\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { MDBDatatable } from \"mdb-vue-ui-kit\";\r\nimport { useMonthlyReportStore } from \"@/store/monthlyReport\";\r\nimport { storeToRefs } from \"pinia\";\r\nimport { computed, ref, watch } from \"@vue/runtime-core\";\r\nimport { getMonthFullFormat } from \"@/helpers/parseDate\";\r\nimport { addCommaNumbers } from \"@/helpers/addCommaNumbers\";\r\nexport default {\r\n    components: {\r\n        MDBDatatable,\r\n    },\r\n    setup() {\r\n        const monthlyReportStore = useMonthlyReportStore();\r\n        const tableHeaders = computed(() => {\r\n            return [\r\n                {\r\n                    label: \"Month\",\r\n                    field: \"month\",\r\n                },\r\n                {\r\n                    label: \"Year\",\r\n                    field: \"year\",\r\n                },\r\n                {\r\n                    label: \"Asset Label\",\r\n                    field: \"assetLabel\",\r\n                },\r\n                {\r\n                    label: \"Asset ID\",\r\n                    field: \"assetId\",\r\n                },\r\n                {\r\n                    label: \"Revenue\",\r\n                    field: \"revenue\",\r\n                },\r\n            ];\r\n        });\r\n        const dataTable = ref({\r\n            columns: tableHeaders.value,\r\n            rows: [],\r\n        });\r\n        const { monthlyAssetGrossReport, loader } = storeToRefs(monthlyReportStore);\r\n        watch(\r\n            () => monthlyAssetGrossReport.value,\r\n            (newReport) => {\r\n                dataTable.value.rows = newReport.map((data) => ({\r\n                    ...data,\r\n                    ...{\r\n                        month: getMonthFullFormat(data.month),\r\n                        revenue: `$${addCommaNumbers(data.revenue.toFixed(2))}`,\r\n                    },\r\n                }));\r\n            }\r\n        );\r\n        return {\r\n            tableHeaders,\r\n            monthlyAssetGrossReport,\r\n            getMonthFullFormat,\r\n            addCommaNumbers,\r\n            dataTable,\r\n            loader,\r\n        };\r\n    },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.table-container {\r\n    border-radius: 4px;\r\n    overflow-x: auto;\r\n\r\n    :deep(.table) {\r\n        margin-bottom: 0;\r\n\r\n        caption {\r\n            font-size: 1rem;\r\n            padding-left: 20px;\r\n        }\r\n    }\r\n}\r\n</style>\r\n","import { render } from \"./VVVMonthlyAssetGrossReportTableNew.vue?vue&type=template&id=bb11acb0&scoped=true\"\nimport script from \"./VVVMonthlyAssetGrossReportTableNew.vue?vue&type=script&lang=js\"\nexport * from \"./VVVMonthlyAssetGrossReportTableNew.vue?vue&type=script&lang=js\"\n\nimport \"./VVVMonthlyAssetGrossReportTableNew.vue?vue&type=style&index=0&id=bb11acb0&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, [['render',render],['__scopeId',\"data-v-bb11acb0\"]])\n\nexport default __exports__","<template>\r\n    <VVVLayoutNew>\r\n        <template #page-title>\r\n            User's Revenue Report\r\n        </template>\r\n        <nav aria-label=\"breadcrumb\" style=\"font-size: 13px;\">\r\n            <MDBBreadcrumb>\r\n                <MDBBreadcrumbItem><router-link to=\"/users\">Users</router-link>\r\n                </MDBBreadcrumbItem>\r\n                <MDBBreadcrumbItem active style=\"cursor: default;\">\r\n                    User's Revenue Report\r\n                </MDBBreadcrumbItem>\r\n            </MDBBreadcrumb>\r\n        </nav>\r\n        <MDBCard class=\"mb-4 shadow\">\r\n            <MDBCardHeader>\r\n                <h5 class=\"fw-bold my-auto py-2\">Monthly Revenue Report</h5>\r\n            </MDBCardHeader>\r\n            <MDBCardBody>\r\n                <div class=\"d-flex mb-3\">\r\n                    <MDBSelect v-model:options=\"yearsOption\" v-model:selected=\"MRYear\" label=\"Year\"\r\n                        :setValue=\"MRYear\" />\r\n                </div>\r\n                <VVVMonthlyReportTableNew />\r\n            </MDBCardBody>\r\n        </MDBCard>\r\n        <MDBCard class=\"shadow\">\r\n            <MDBCardHeader>\r\n                <h5 class=\"fw-bold my-auto py-2\">Monthly Asset Gross Revenue Report</h5>\r\n            </MDBCardHeader>\r\n            <MDBCardBody>\r\n                <div class=\"d-flex mb-3 gap-3\">\r\n                    <MDBSelect v-model:options=\"monthsOption\" v-model:selected=\"MRGrossMonth\" label=\"Month\"\r\n                        :setValue=\"MRGrossMonth\" />\r\n                    <MDBSelect v-model:options=\"yearsOption2\" v-model:selected=\"MRGrossYear\" label=\"Year\"\r\n                        :setValue=\"MRGrossYear\" />\r\n                </div>\r\n                <VVVMonthlyAssetGrossReportTableNew />\r\n            </MDBCardBody>\r\n        </MDBCard>\r\n        <DeductionsToast />\r\n    </VVVLayoutNew>\r\n</template>\r\n\r\n<script setup>\r\nimport VVVLayoutNew from \"@/views/VVVNew/VVVLayoutNew\";\r\nimport { useTitle } from \"@vueuse/core\";\r\nimport { MDBCard, MDBCardHeader, MDBCardBody, MDBSelect, MDBBreadcrumb, MDBBreadcrumbItem } from \"mdb-vue-ui-kit\";\r\nimport { onMounted, ref, watch } from \"@vue/runtime-core\";\r\nimport { useMonthlyReportStore } from \"@/store/monthlyReport\";\r\nimport { getCurrentMonth, getCurrentYear } from \"@/helpers/parseDate\";\r\nimport DeductionsToast from \"@/components/Deductions/DeductionsToast.vue\";\r\nimport { storeToRefs } from \"pinia\";\r\nimport VVVMonthlyReportTableNew from \"./VVVMonthlyReportTableNew.vue\";\r\nimport { useRoute } from \"vue-router\";\r\nimport VVVMonthlyAssetGrossReportTableNew from \"./VVVMonthlyAssetGrossReportTableNew.vue\";\r\n\r\nuseTitle(\"User's Monthly Report | Very Viral Videos\");\r\n\r\nconst monthlyReportStore = useMonthlyReportStore();\r\nconst route = useRoute();\r\nconst { MRYear, MRGrossYear, MRGrossMonth, userId } =\r\n    storeToRefs(monthlyReportStore);\r\nconst isDropdownSet = ref(false);\r\n\r\nonMounted(() => {\r\n    userId.value = route.params.id;\r\n    MRGrossMonth.value = getCurrentMonth();\r\n    MRYear.value = getCurrentYear();\r\n    MRGrossYear.value = getCurrentYear();\r\n    setDropdown();\r\n    monthlyReportStore.getMonthlyReport();\r\n    monthlyReportStore.getMonthlyGrossReport();\r\n});\r\n\r\nconst setDropdown = () => {\r\n    const newArray = monthsOption.value.map((item) => {\r\n        if (item.value == MRGrossMonth.value) {\r\n            return {\r\n                ...item,\r\n                selected: true,\r\n            };\r\n        } else {\r\n            return { ...item, selected: false };\r\n        }\r\n    });\r\n\r\n    monthsOption.value = newArray;\r\n\r\n    const newYearArray = yearsOption.value.map((item) => {\r\n        if (item.value == MRYear.value) {\r\n            return {\r\n                ...item,\r\n                selected: true,\r\n            };\r\n        } else {\r\n            return { ...item, selected: false };\r\n        }\r\n    });\r\n\r\n    yearsOption.value = newYearArray;\r\n\r\n    const newYearArray2 = yearsOption2.value.map((item) => {\r\n        if (item.value == MRGrossYear.value) {\r\n            return {\r\n                ...item,\r\n                selected: true,\r\n            };\r\n        } else {\r\n            return { ...item, selected: false };\r\n        }\r\n    });\r\n    yearsOption2.value = newYearArray2;\r\n    isDropdownSet.value = true;\r\n};\r\n\r\nconst monthsOption = ref([\r\n    { text: \"January\", value: 1 },\r\n    { text: \"February\", value: 2 },\r\n    { text: \"March\", value: 3 },\r\n    { text: \"April\", value: 4 },\r\n    { text: \"May\", value: 5 },\r\n    { text: \"June\", value: 6 },\r\n    { text: \"July\", value: 7 },\r\n    { text: \"August\", value: 8 },\r\n    { text: \"September\", value: 9 },\r\n    { text: \"October\", value: 10 },\r\n    { text: \"November\", value: 11 },\r\n    { text: \"December\", value: 12 },\r\n]);\r\n\r\nconst yearsOption = ref([]);\r\nconst yearsOption2 = ref([]);\r\nconst createYearsOption = () => {\r\n    for (let year = 2010; year <= 2100; year++) {\r\n        yearsOption.value.push({\r\n            text: year,\r\n            value: year,\r\n        });\r\n    }\r\n    for (let year = 2010; year <= 2100; year++) {\r\n        yearsOption2.value.push({\r\n            text: year,\r\n            value: year,\r\n        });\r\n    }\r\n};\r\n\r\ncreateYearsOption();\r\n\r\nwatch(isDropdownSet, (newDropdown) => {\r\n    if (newDropdown) {\r\n        watch(\r\n            () => MRYear.value,\r\n            (newMRYear) => {\r\n                MRYear.value = newMRYear;\r\n                monthlyReportStore.getMonthlyReport();\r\n            }\r\n        );\r\n        watch(\r\n            () => MRGrossYear.value,\r\n            (newMRGrossYear) => {\r\n                MRGrossYear.value = newMRGrossYear;\r\n                monthlyReportStore.getMonthlyGrossReport();\r\n            }\r\n        );\r\n        watch(\r\n            () => MRGrossMonth.value,\r\n            (newMRGrossMonth) => {\r\n                MRGrossMonth.value = newMRGrossMonth;\r\n                monthlyReportStore.getMonthlyGrossReport();\r\n            }\r\n        );\r\n    }\r\n});\r\n</script>\r\n","import script from \"./VVVUsersMonthlyReportNew.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./VVVUsersMonthlyReportNew.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import { HttpClient } from \"../HttpClient\";\r\nimport { isVVV } from \"@/helpers/siteIdentifier\";\r\n/**\r\n * * Get Monthly Asset Gross Report\r\n */\r\nexport const GetMonthlyAssetGrossReport = async ({ UserId, Year, Month }) => {\r\n\ttry {\r\n\t\tconst currentDashboard = isVVV() ? 3 : 2;\r\n\t\tconst { data } = await HttpClient.get(\"api/revenues/MonthlyAssetGross\", {\r\n\t\t\tparams: {\r\n\t\t\t\tUserId,\r\n\t\t\t\tYear,\r\n\t\t\t\tMonth,\r\n\t\t\t\tcurrentDashboard,\r\n\t\t\t},\r\n\t\t});\r\n\t\treturn await Promise.resolve(data);\r\n\t} catch (err) {\r\n\t\treturn Promise.reject(err);\r\n\t}\r\n};\r\n","import { HttpClient } from \"../HttpClient\";\r\nimport { isVVV } from \"@/helpers/siteIdentifier\";\r\n/**\r\n * * Get Monthly Report\r\n */\r\nexport const GetMonthlyReport = async ({ UserId, Year }) => {\r\n\ttry {\r\n\t\tconst currentDashboard = isVVV() ? 3 : 2;\r\n\t\tconst { data } = await HttpClient.get(\"api/revenues/RevenueReportData\", {\r\n\t\t\tparams: {\r\n\t\t\t\tUserId,\r\n\t\t\t\tYear,\r\n\t\t\t\tcurrentDashboard,\r\n\t\t\t},\r\n\t\t});\r\n\t\treturn await Promise.resolve(data);\r\n\t} catch (err) {\r\n\t\treturn Promise.reject(err);\r\n\t}\r\n};\r\n","import { defineStore } from \"pinia\";\r\nimport { ref } from \"vue\";\r\nimport { GetMonthlyAssetGrossReport } from \"../services/MonthlyReport/GetMonthlyAssetGrossReport\";\r\nimport { GetMonthlyReport } from \"../services/MonthlyReport/GetMonthlyReport\";\r\nexport const useMonthlyReportStore = defineStore(\"monthlyReport\", () => {\r\n\tconst MRYear = ref(\"\");\r\n\tconst MRPagination = ref([]);\r\n\tconst MRGrossYear = ref(\"\");\r\n\tconst MRGrossMonth = ref(\"\");\r\n\tconst monthlyReport = ref([]);\r\n\tconst monthlyAssetGrossReport = ref([]);\r\n\tconst userId = ref();\r\n\tconst loader = ref(false);\r\n\r\n\tconst getMonthlyReport = () => {\r\n\t\tloader.value = true;\r\n\t\tGetMonthlyReport({ UserId: userId.value, Year: MRYear.value }).then((response) => {\r\n\t\t\tmonthlyReport.value = response;\r\n\t\t\tloader.value = false;\r\n\t\t});\r\n\t};\r\n\tconst getMonthlyGrossReport = () => {\r\n\t\tloader.value = true;\r\n\t\tGetMonthlyAssetGrossReport({ UserId: userId.value, Year: MRGrossYear.value, Month: MRGrossMonth.value }).then(\r\n\t\t\t(response) => {\r\n\t\t\t\tmonthlyAssetGrossReport.value = response;\r\n\t\t\t\tloader.value = false;\r\n\t\t\t}\r\n\t\t);\r\n\t};\r\n\treturn {\r\n\t\tMRYear,\r\n\t\tMRGrossYear,\r\n\t\tMRGrossMonth,\r\n\t\tgetMonthlyReport,\r\n\t\tgetMonthlyGrossReport,\r\n\t\tmonthlyReport,\r\n\t\tmonthlyAssetGrossReport,\r\n\t\tuserId,\r\n\t\tMRPagination,\r\n\t\tloader,\r\n\t};\r\n});\r\n","import { defineStore } from \"pinia\";\r\nimport { ref } from \"vue\";\r\n\r\nexport const useToastStore = defineStore(\"toast\", () => {\r\n\tconst toastObject = ref({\r\n\t\tstate: false,\r\n\t\tmessage: \"\",\r\n\t\tcolor: \"\",\r\n\t\ticon: \"\",\r\n\t\ttitle: \"\",\r\n\t});\r\n\tconst toastStatus = {\r\n\t\tsuccess: {\r\n\t\t\tstate: true,\r\n\t\t\tmessage: \"Successfully submitted!\",\r\n\t\t\tcolor: \"success\",\r\n\t\t\ticon: \"fas fa-check fa-lg me-2\",\r\n\t\t\ttitle: \"Success!\",\r\n\t\t},\r\n\t\tfail: {\r\n\t\t\tstate: true,\r\n\t\t\tmessage: \"An error occurred during request\",\r\n\t\t\tcolor: \"danger\",\r\n\t\t\ticon: \"fas fa-exclamation-circle fa-lg me-2\",\r\n\t\t\ttitle: \"Error!\",\r\n\t\t},\r\n\t};\r\n\r\n\treturn {\r\n\t\ttoastObject,\r\n\t\ttoastStatus,\r\n\t};\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!./VVVMonthlyReportTableNew.vue?vue&type=style&index=0&id=4ea3daa6&lang=scss&scoped=true\"","module.exports = __webpack_public_path__ + \"img/vvv-loader.6f59db4a.png\";","export const addCommaNumbers = (number) => {\r\n\treturn number.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\r\n};\r\n","<template>\r\n\t<MDBToast\r\n\t\tv-model=\"toastStore.toastObject.state\"\r\n\t\t:delay=\"5000\"\r\n\t\tautohide\r\n\t\tposition=\"top-right\"\r\n\t\tappendToBody\r\n\t\tstacking\r\n\t\twidth=\"350px\"\r\n\t\t:color=\"toastStore.toastObject.color\"\r\n\t\ttext=\"white\"\r\n\t\t:icon=\"toastStore.toastObject.icon\"\r\n\t>\r\n\t\t<template #title>\r\n\t\t\t{{ toastStore.toastObject.title }}\r\n\t\t</template>\r\n\t\t{{ toastStore.toastObject.message }}\r\n\t</MDBToast>\r\n</template>\r\n\r\n<script>\r\nimport { MDBToast } from \"mdb-vue-ui-kit\";\r\nimport { useToastStore } from \"../../store/toastStore\";\r\nexport default {\r\n\tcomponents: {\r\n\t\tMDBToast,\r\n\t},\r\n\tsetup() {\r\n\t\tconst toastStore = useToastStore();\r\n\r\n\t\treturn {\r\n\t\t\ttoastStore,\r\n\t\t};\r\n\t},\r\n};\r\n</script>\r\n","import { render } from \"./DeductionsToast.vue?vue&type=template&id=02bae19f\"\nimport script from \"./DeductionsToast.vue?vue&type=script&lang=js\"\nexport * from \"./DeductionsToast.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"D:\\\\a\\\\1\\\\s\\\\CSD.SPA\\\\ClientApp\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}