{"version":3,"sources":["webpack:///./src/assets/cs-loader.png","webpack:///./src/store/toastStore.js","webpack:///./src/views/v3/Clients/CreateClientNext.vue?eb9d","webpack:///./src/services/Users/PostInviteUser.js","webpack:///./src/views/v3/Clients/CreateClientNext.vue","webpack:///./src/views/v3/Clients/CreateClientNext.vue?bffc","webpack:///./src/components/Deductions/DeductionsToast.vue","webpack:///./src/components/Deductions/DeductionsToast.vue?d4db"],"names":["module","exports","useToastStore","defineStore","toastObject","ref","state","message","color","icon","title","toastStatus","success","fail","PostInviteUser","async","currentDashboard","isVVV","data","HttpClient","post","userData","Promise","resolve","err","reject","useTitle","router","useRouter","assetLabelModal","toastStore","assetLabelDataTable","columns","label","field","rows","tableLoader","dataTableSearch","partnerPercentage","onBeforeMount","value","axios","get","then","handleSelectedRow","selectedModalArray","newArray","map","assignedDashboard","selectedAssetLabelsArray","clickDelete","item","filter","element","id","loadingSpinner","selectedAssetLabels","watch","newSelectedAssetLabels","split","form","reactive","email","isDistributor","link","googleSheetLink","sheetName","csCode","tableHeaders","computed","header","isInviteBtnDisabled","submit","formData","userTypeId","getUserTypeId","assignedAssetLabels","toastSuccess","catch","response","status","finally","push","name","dashboard","text","__exports__","_createBlock","_component_MDBToast","$setup","$event","delay","autohide","position","appendToBody","stacking","width","_withCtx","_toDisplayString","components","MDBToast","setup","render"],"mappings":"qGAAAA,EAAOC,QAAU,IAA0B,8B,oCCA3C,8DAGO,MAAMC,EAAgBC,eAAY,QAAS,KACjD,MAAMC,EAAcC,iBAAI,CACvBC,OAAO,EACPC,QAAS,GACTC,MAAO,GACPC,KAAM,GACNC,MAAO,KAEFC,EAAc,CACnBC,QAAS,CACRN,OAAO,EACPC,QAAS,0BACTC,MAAO,UACPC,KAAM,0BACNC,MAAO,YAERG,KAAM,CACLP,OAAO,EACPC,QAAS,mCACTC,MAAO,SACPC,KAAM,uCACNC,MAAO,WAIT,MAAO,CACNN,cACAO,kB,yDC9BF,W,kCCAA,8DAKO,MAAMG,EAAiBC,UAC5B,IACE,MAAMC,EAAmBC,iBAAU,EAAI,GACjC,KAAEC,SAAeC,OAAWC,KAAK,mBAAoB,IACtDC,EACHL,qBAEF,aAAaM,QAAQC,QAAQL,GAC7B,MAAOM,GACP,OAAOF,QAAQG,OAAOD,M,uvCC+G1BE,sBAAS,wCAET,MAAMC,EAASC,iBACTC,EAAkBxB,kBAAI,GACtByB,EAAa5B,iBAEb6B,EAAsB1B,iBAAI,CAC5B2B,QAAS,CAAC,CAAEC,MAAO,OAAQC,MAAO,SAClCC,KAAM,KAGJC,EAAc/B,kBAAI,GAClBgC,EAAkBhC,iBAAI,IACtBiC,EAAoBjC,iBAAI,GAE9BkC,2BAAcxB,UACVgB,EAAoBS,MAAML,KAAO,GACjCC,EAAYI,OAAQ,QACdC,IAAMC,IAAI,4BAA4BC,MAAK,SAAUzB,GACvDa,EAAoBS,MAAML,KAAOjB,EAAKA,KACtCkB,EAAYI,OAAQ,OAI5B,MAAMI,EAAqBC,IACvB,MAAMC,EAAWD,EAAmBE,IAAId,IAAS,IAC1CA,EACHe,kBAAmBf,EAAMe,mBAAqB,KAElDC,EAAyBT,MAAQM,GAG/BI,EAAeC,IACjB,MAAML,EAAWG,EAAyBT,MAAMY,OAC3CC,GAAYA,EAAQC,IAAMH,EAAKG,IAEpCL,EAAyBT,MAAQM,GAGrC,IAAIS,EAAiBlD,kBAAI,GAEzB,MAAMmD,EAAsBnD,iBAAI,IAC1B4C,EAA2B5C,iBAAI,IACrCoD,mBAAM,CAACD,GAAsB,EAAEE,MAC3BT,EAAyBT,MAAQkB,EAAuBC,MAAM,OAGlE,MAAMC,EAAOC,sBAAS,CAClBC,MAAO,GACPC,eAAe,EACfC,KAAM,KACNC,gBAAiB,GACjBC,UAAW,GACXlB,kBAAmB,EACnBmB,OAAQ,KAGNC,EAAeC,sBAAS,IAAM,CAChC,CACIC,OAAQ,QAEZ,CACIA,OAAQ,aAEZ,KAGEC,EAAsBF,sBACxB,IAAoB,IAAdT,EAAKE,OAA0C,IAA3BxB,EAAkBE,OAG1CgC,EAASzD,UACX,MAAM0D,EAAW,CACbX,MAAOF,EAAKE,MACZY,WAAYC,EAAcnC,MAC1ByB,gBAAiBL,EAAKG,cAAgBH,EAAKK,gBAAkB,KAC7DW,oBAAqB3B,EAAyBT,MAAMO,IAAId,IAAS,CAC7DqB,GAAIrB,EAAMqB,GACVN,kBAAmBf,EAAMe,qBAE7BV,kBAAmBA,EAAkBE,MACrC0B,UAAWN,EAAKG,cAAgBH,EAAKM,UAAY,KACjDC,OAAQP,EAAKO,QAGjBZ,EAAef,OAAQ,EACvB,MAAMqC,EAAe,IACd/C,EAAWnB,YAAYC,QAEtBL,QAAS,+BAGXO,eAAe2D,GAChB9B,KAAK,KACFb,EAAW1B,YAAc,IAClB0B,EAAW1B,eACXyE,KAGVC,MAAOC,IACmB,KAAnBA,EAASC,QAAoC,KAAnBD,EAASC,SACnClD,EAAW1B,YAAc,IAClB0B,EAAW1B,eACX0B,EAAWnB,YAAYE,SAIrCoE,QAAQ,KACL1B,EAAef,OAAQ,EACvBb,EAAOuD,KAAK,CAAEC,KAAM,sBAI1BR,EAAgBN,sBAAS,IAAOT,EAAKG,cAAgB,EAAI,GAEzDqB,EAAY/E,iBAAI,CAClB,CAAEgF,KAAM,qCAAsC7C,MAAO,GACrD,CAAE6C,KAAM,iBAAkB7C,MAAO,GACjC,CAAE6C,KAAM,oBAAqB7C,MAAO,K,24OC7OxC,MAAM8C,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD,gB,4JCPdC,yBAgBWC,EAAA,C,WAfDC,EAAA3D,WAAW1B,YAAYE,M,qCAAvBmF,EAAA3D,WAAW1B,YAAYE,MAAKoF,GACpCC,MAAO,IACRC,SAAA,GACAC,SAAS,YACTC,aAAA,GACAC,SAAA,GACAC,MAAM,QACLxF,MAAOiF,EAAA3D,WAAW1B,YAAYI,MAC/B6E,KAAK,QACJ5E,KAAMgF,EAAA3D,WAAW1B,YAAYK,M,CAEnBC,MAAKuF,qBACf,IAAkC,C,0DAA/BR,EAAA3D,WAAW1B,YAAYM,OAAK,K,6BACrB,IACX,C,6BADW,IACXwF,6BAAGT,EAAA3D,WAAW1B,YAAYG,SAAO,K,kEAOpB,GACd4F,WAAY,CACXC,wBAEDC,QACC,MAAMvE,EAAa5B,iBAEnB,MAAO,CACN4B,gB,qBC1BH,MAAMwD,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASgB,KAErD","file":"js/chunk-3c062618.aa954508.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/cs-loader.6cc976da.png\";","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--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!./CreateClientNext.vue?vue&type=style&index=0&id=79d043fe&scoped=true&lang=css\"","import { HttpClient } from \"../HttpClient\";\r\nimport { isVVV } from \"@/helpers/siteIdentifier\";\r\n/**\r\n * * Post Invite User\r\n */\r\nexport const PostInviteUser = async (userData) => {\r\n  try {\r\n    const currentDashboard = isVVV() ? 3 : 2;\r\n    const { data } = await HttpClient.post(\"api/users/invite\", {\r\n      ...userData,\r\n      currentDashboard,\r\n    });\r\n    return await Promise.resolve(data);\r\n  } catch (err) {\r\n    return Promise.reject(err);\r\n  }\r\n};\r\n","<template>\r\n    <LayoutNext>\r\n        <template #page-title>\r\n            Create User Account\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                    Create User Account\r\n                </MDBBreadcrumbItem>\r\n            </MDBBreadcrumb>\r\n        </nav>\r\n        <div class=\"backdrop\" v-if=\"loadingSpinner\">\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/cs-loader.png\" alt=\"Loading image\">\r\n            </div>\r\n        </div>\r\n        <MDBCard id=\"UserInformation\" class=\"shadow account-form  m-auto\" tag=\"form\" @submit.prevent=\"submit\">\r\n            <MDBCardHeader class=\"py-3\">\r\n                <h5 class=\"fw-bold mb-0\">Account Information</h5>\r\n            </MDBCardHeader>\r\n            <MDBCardBody class=\"d-flex flex-column\" style=\"gap: 15px\">\r\n                <div>\r\n                    Email:\r\n                    <MDBInput class=\"mt-1\" type=\"email\" v-model=\"form.email\" />\r\n                </div>\r\n                <div>\r\n                    Partner Percentage:\r\n                    <MDBInput class=\"mt-1\" type=\"number\" placeholder=\"Partner Percentage\" v-model=\"partnerPercentage\" />\r\n                </div>\r\n                <div>\r\n                    CS Code:\r\n                    <MDBInput class=\"mt-1\" type=\"text\" placeholder=\"CS Code\" v-model=\"form.csCode\" />\r\n                </div>\r\n                <div class=\"mt-1\">\r\n                    <MDBSwitch label=\"Is Distributor\" v-model=\"form.isDistributor\" />\r\n                </div>\r\n                <div v-if=\"form.isDistributor\">\r\n                    Google Sheet Info:\r\n                    <MDBInput label=\"Google Sheet Link\" type=\"text\" v-model=\"form.googleSheetLink\" class=\"mt-4\" />\r\n                    <MDBInput label=\"Google Sheet Name\" type=\"text\" v-model=\"form.sheetName\" class=\"mt-4\" />\r\n                </div>\r\n                <div class=\"mt-2\">\r\n                    <MDBBtn class=\"fw-bold\" type=\"button\" color=\"primary\" aria-controls=\"assetLabelModal\"\r\n                        @click=\"assetLabelModal = true\" size=\"sm\">\r\n                        Select Asset Label/s\r\n                    </MDBBtn>\r\n                    <MDBTable hover class=\"mt-3\">\r\n                        <thead class=\"table-light align-middle\">\r\n                            <tr>\r\n                                <th v-for=\"(item, i) in tableHeaders\" :key=\"i\" scope=\"col\" class=\"py-3 px-4\">\r\n                                    {{ item.header }}\r\n                                </th>\r\n                            </tr>\r\n                        </thead>\r\n                        <tbody v-if=\"selectedAssetLabelsArray.length < 1\">\r\n                            <tr class=\"align-middle\">\r\n                                <td colspan=\"3\">\r\n                                    No asset label selected.\r\n                                </td>\r\n                            </tr>\r\n                        </tbody>\r\n                        <tbody v-if=\"selectedAssetLabelsArray.length > 0\">\r\n                            <tr v-for=\"(item, i) in selectedAssetLabelsArray\" :key=\"i\" class=\"align-middle\">\r\n                                <td class=\"align-middle\">{{ item.name }}</td>\r\n                                <td class=\"align-middle\" style=\"width: 45%;\">\r\n                                    <select v-model=\"item.assignedDashboard\" class=\"form-select\">\r\n                                        <option v-for=\"option in dashboard\" :key=\"option.value\" :value=\"option.value\">\r\n                                            {{ option.text }}\r\n                                        </option>\r\n                                    </select>\r\n                                </td>\r\n                                <td class=\"d-flex justify-content-end text-right p-4\">\r\n                                    <MDBBtn color=\"danger\" floating @click.stop.prevent=\"clickDelete(item)\" size=\"sm\">\r\n                                        <em class=\"far fa-trash-alt\" />\r\n                                    </MDBBtn>\r\n                                </td>\r\n                            </tr>\r\n                        </tbody>\r\n                    </MDBTable>\r\n                </div>\r\n            </MDBCardBody>\r\n            <MDBCardFooter class=\"py-3 px-4 d-flex justify-content-end\">\r\n                <MDBBtn class=\"fw-bold\" type=\"submit\" color=\"primary\" :disabled=\"isInviteBtnDisabled\" size=\"sm\">\r\n                    Invite User\r\n                </MDBBtn>\r\n            </MDBCardFooter>\r\n        </MDBCard>\r\n        <MDBModal id=\"assetLabelModal\" tabindex=\"-1\" labelledby=\"assetLabelModalLabel\" v-model=\"assetLabelModal\"\r\n            scrollable :static-backdrop=\"true\">\r\n            <MDBModalHeader class=\"px-4\">\r\n                <MDBModalTitle class=\"fw-bold\" id=\"assetLabelModalLabel\"> Asset Labels </MDBModalTitle>\r\n            </MDBModalHeader>\r\n            <MDBModalBody class=\"pb-0\">\r\n                <div>\r\n                    <MDBInput label=\"Seach Asset Label\" class=\"mb-4\" v-model=\"dataTableSearch\" />\r\n                    <MDBDatatable :dataset=\"assetLabelDataTable\" selectable multi :search=\"dataTableSearch\"\r\n                        @selected-rows=\"handleSelectedRow($event)\" hover />\r\n                </div>\r\n            </MDBModalBody>\r\n            <MDBModalFooter class=\"gap-2 py-3 px-4\">\r\n                <MDBBtn class=\"fw-bold\" size=\"sm\" @click=\"assetLabelModal = false\"> Close </MDBBtn>\r\n                <MDBBtn class=\"fw-bold\" size=\"sm\" color=\"primary\" @click=\"assetLabelModal = false\">\r\n                    Select Asset Labels\r\n                </MDBBtn>\r\n            </MDBModalFooter>\r\n        </MDBModal>\r\n        <DeductionsToast />\r\n    </LayoutNext>\r\n</template>\r\n\r\n<script setup>\r\nimport { MDBBtn, MDBCard, MDBCardHeader, MDBCardBody, MDBCardFooter, MDBModal, MDBModalHeader, MDBModalBody, MDBModalTitle, MDBModalFooter, MDBDatatable, MDBInput, MDBSwitch, MDBTable, MDBBreadcrumb, MDBBreadcrumbItem } from \"mdb-vue-ui-kit\";\r\nimport LayoutNext from \"@/views/v3/LayoutNext.vue\";\r\nimport { useRouter } from \"vue-router\";\r\nimport { computed, ref, reactive, watch, onBeforeMount } from \"vue\";\r\nimport axios from \"axios\";\r\nimport { PostInviteUser } from \"@/services/Users/PostInviteUser\";\r\nimport DeductionsToast from \"@/components/Deductions/DeductionsToast.vue\";\r\nimport { useToastStore } from \"@/store/toastStore\";\r\nimport { useTitle } from \"@vueuse/core\";\r\n\r\nuseTitle(\"Create User Account | Creator Shield\");\r\n\r\nconst router = useRouter();\r\nconst assetLabelModal = ref(false);\r\nconst toastStore = useToastStore();\r\n\r\nconst assetLabelDataTable = ref({\r\n    columns: [{ label: \"Name\", field: \"name\" }],\r\n    rows: [],\r\n});\r\n\r\nconst tableLoader = ref(false);\r\nconst dataTableSearch = ref(\"\");\r\nconst partnerPercentage = ref(0);\r\n\r\nonBeforeMount(async () => {\r\n    assetLabelDataTable.value.rows = [];\r\n    tableLoader.value = true;\r\n    await axios.get(\"api/assetLabels/Dropdown\").then(function (data) {\r\n        assetLabelDataTable.value.rows = data.data;\r\n        tableLoader.value = false;\r\n    });\r\n});\r\n\r\nconst handleSelectedRow = (selectedModalArray) => {\r\n    const newArray = selectedModalArray.map(label => ({\r\n        ...label,\r\n        assignedDashboard: label.assignedDashboard || 1,\r\n    }));\r\n    selectedAssetLabelsArray.value = newArray;\r\n};\r\n\r\nconst clickDelete = (item) => {\r\n    const newArray = selectedAssetLabelsArray.value.filter(\r\n        (element) => element.id != item.id\r\n    );\r\n    selectedAssetLabelsArray.value = newArray;\r\n};\r\n\r\nlet loadingSpinner = ref(false);\r\n\r\nconst selectedAssetLabels = ref(\"\");\r\nconst selectedAssetLabelsArray = ref([]);\r\nwatch([selectedAssetLabels], ([newSelectedAssetLabels]) => {\r\n    selectedAssetLabelsArray.value = newSelectedAssetLabels.split(\",\");\r\n});\r\n\r\nconst form = reactive({\r\n    email: \"\",\r\n    isDistributor: false,\r\n    link: null,\r\n    googleSheetLink: \"\",\r\n    sheetName: \"\",\r\n    assignedDashboard: 1,\r\n    csCode: \"\",\r\n});\r\n\r\nconst tableHeaders = computed(() => [\r\n    {\r\n        header: \"Name\",\r\n    },\r\n    {\r\n        header: \"Dashboard\",\r\n    },\r\n    {},\r\n]);\r\n\r\nconst isInviteBtnDisabled = computed(\r\n    () => form.email == \"\" || partnerPercentage.value == \"\"\r\n);\r\n\r\nconst submit = async () => {\r\n    const formData = {\r\n        email: form.email,\r\n        userTypeId: getUserTypeId.value,\r\n        googleSheetLink: form.isDistributor ? form.googleSheetLink : null,\r\n        assignedAssetLabels: selectedAssetLabelsArray.value.map(label => ({\r\n            id: label.id,\r\n            assignedDashboard: label.assignedDashboard,\r\n        })),\r\n        partnerPercentage: partnerPercentage.value,\r\n        sheetName: form.isDistributor ? form.sheetName : null,\r\n        csCode: form.csCode,\r\n    };\r\n\r\n    loadingSpinner.value = true;\r\n    const toastSuccess = {\r\n        ...toastStore.toastStatus.success,\r\n        ...{\r\n            message: \"Successfully invited!\",\r\n        },\r\n    };\r\n    await PostInviteUser(formData)\r\n        .then(() => {\r\n            toastStore.toastObject = {\r\n                ...toastStore.toastObject,\r\n                ...toastSuccess,\r\n            };\r\n        })\r\n        .catch((response) => {\r\n            if (response.status != 200 || response.status != 201) {\r\n                toastStore.toastObject = {\r\n                    ...toastStore.toastObject,\r\n                    ...toastStore.toastStatus.fail,\r\n                };\r\n            }\r\n        })\r\n        .finally(() => {\r\n            loadingSpinner.value = false;\r\n            router.push({ name: \"UserManagement\" });\r\n        });\r\n};\r\n\r\nconst getUserTypeId = computed(() => (form.isDistributor ? 3 : 2));\r\n\r\nconst dashboard = ref([\r\n    { text: 'Creator Shield & Very Viral Videos', value: 1 },\r\n    { text: 'Creator Shield', value: 2 },\r\n    { text: 'Very Viral Videos', value: 3 },\r\n]);\r\n</script>\r\n\r\n<style scoped>\r\n.btn-primary {\r\n    background-color: var(--primary);\r\n}\r\n\r\n.btn-secondary {\r\n    background-color: var(--accent);\r\n}\r\n\r\n.card,\r\n.card-body {\r\n    overflow-y: auto;\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: 50px;\r\n    height: 50px;\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: 50px;\r\n    height: 50px;\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\r\n.account-form {\r\n    width: 70%\r\n}\r\n\r\n@media screen and (max-width: 767px) {\r\n    .account-form {\r\n        width: 100%\r\n    }\r\n}\r\n</style>","import script from \"./CreateClientNext.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./CreateClientNext.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./CreateClientNext.vue?vue&type=style&index=0&id=79d043fe&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-79d043fe\"]])\n\nexport default __exports__","<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":""}