{"version":3,"sources":["webpack:///./src/views/v3/DailySync/AddCreatorNotificationNext.vue","webpack:///./src/views/v3/DailySync/AddCreatorNotificationNext.vue?5a25","webpack:///./src/assets/cs-loader.png","webpack:///./src/store/toastStore.js","webpack:///./src/views/v3/DailySync/AddCreatorNotificationNext.vue?7324","webpack:///./src/services/Notifications/PostCreatorForNotification.js"],"names":["useTitle","toastStore","useToastStore","router","useRouter","form","reactive","creatorName","videosPageLink","frequencyType","frequency","dayOfTheWeek","text","value","dayOfTheMonth","loadingSpinner","ref","isAddBtnDisabled","computed","submit","async","formData","toastSuccess","toastStatus","success","message","PostCreatorForNotification","then","toastObject","catch","response","status","fail","finally","push","name","__exports__","module","exports","defineStore","state","color","icon","title","data","HttpClient","post","creatorData","Promise","resolve","err","reject"],"mappings":"20CAkFAA,sBAAS,iDAET,MAAMC,EAAaC,iBACbC,EAASC,iBAETC,EAAOC,sBAAS,CAClBC,YAAa,GACbC,eAAgB,GAChBC,cAAe,IACfC,UAAW,KAGTC,EAAe,CACjB,CAAEC,KAAM,SAAUC,MAAO,KACzB,CAAED,KAAM,UAAWC,MAAO,KAC1B,CAAED,KAAM,YAAaC,MAAO,KAC5B,CAAED,KAAM,WAAYC,MAAO,KAC3B,CAAED,KAAM,SAAUC,MAAO,MAGvBC,EAAgB,CAClB,CAAEF,KAAM,MAAOC,MAAO,KACtB,CAAED,KAAM,OAAQC,MAAO,MACvB,CAAED,KAAM,OAAQC,MAAO,OAGrBJ,EAAgB,CAClB,CAAEG,KAAM,QAASC,MAAO,KACxB,CAAED,KAAM,SAAUC,MAAO,KACzB,CAAED,KAAM,UAAWC,MAAO,MAGxBE,EAAiBC,kBAAI,GAErBC,EAAmBC,sBAAS,IAA2B,KAArBb,EAAKE,aAA8C,KAAxBF,EAAKG,gBAElEW,EAASC,UACX,MAAMC,EAAW,CACbd,YAAaF,EAAKE,YAClBC,eAAgBH,EAAKG,eACrBC,cAAeJ,EAAKI,cACpBC,UAAWL,EAAKK,WAGpBK,EAAeF,OAAQ,EACvB,MAAMS,EAAe,IACdrB,EAAWsB,YAAYC,QAC1BC,QAAS,6BAGPC,eAA2BL,GAC5BM,KAAK,KACF1B,EAAW2B,YAAc,IAClB3B,EAAW2B,eACXN,KAGVO,MAAOC,IACoB,MAApBA,EAASC,QAAsC,MAApBD,EAASC,SACpC9B,EAAW2B,YAAc,IAClB3B,EAAW2B,eACX3B,EAAWsB,YAAYS,SAIrCC,QAAQ,KACLlB,EAAeF,OAAQ,EACvBV,EAAO+B,KAAK,CAAEC,KAAM,mC,4hIC/IhC,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD,gB,8CCRfC,EAAOC,QAAU,IAA0B,8B,oCCA3C,8DAGO,MAAMpC,EAAgBqC,eAAY,QAAS,KACjD,MAAMX,EAAcZ,iBAAI,CACvBwB,OAAO,EACPf,QAAS,GACTgB,MAAO,GACPC,KAAM,GACNC,MAAO,KAEFpB,EAAc,CACnBC,QAAS,CACRgB,OAAO,EACPf,QAAS,0BACTgB,MAAO,UACPC,KAAM,0BACNC,MAAO,YAERX,KAAM,CACLQ,OAAO,EACPf,QAAS,mCACTgB,MAAO,SACPC,KAAM,uCACNC,MAAO,WAIT,MAAO,CACNf,cACAL,kB,kCC9BF,W,kCCAA,kDAEO,MAAMG,EAA6BN,UACtC,IACI,MAAM,KAAEwB,SAAeC,OAAWC,KAAK,0BAA2B,IAAKC,IACvE,aAAaC,QAAQC,QAAQL,GAC/B,MAAOM,GACL,OAAOF,QAAQG,OAAOD","file":"js/chunk-548fdbda.17dd83c8.js","sourcesContent":["<template>\r\n    <LayoutNext>\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        <template #page-title>\r\n            Add Creator for Notification\r\n        </template>\r\n        <nav aria-label=\"breadcrumb\" style=\"font-size: 13px;\">\r\n            <MDBBreadcrumb>\r\n                <MDBBreadcrumbItem><router-link to=\"/daily-sync\">Daily Sync</router-link>\r\n                </MDBBreadcrumbItem>\r\n                <MDBBreadcrumbItem active style=\"cursor: default;\">\r\n                    Add Creator for Notification\r\n                </MDBBreadcrumbItem>\r\n            </MDBBreadcrumb>\r\n        </nav>\r\n        <MDBCard class=\"w-75 m-auto shadow\">\r\n            <MDBCardHeader class=\"px-4 py-3\">\r\n                <h5 class=\"my-auto fw-bold header\">Content Creator Information</h5>\r\n            </MDBCardHeader>\r\n            <MDBCardBody class=\"d-flex flex-column\" style=\"gap: 15px\">\r\n                <div>\r\n                    <label for=\"creatorName\">Creator Name</label>\r\n                    <MDBInput class=\"mt-1\" type=\"text\" placeholder=\"Enter Creator Name\" v-model=\"form.creatorName\"\r\n                        id=\"creatorName\" />\r\n                </div>\r\n                <div>\r\n                    <label for=\"videoPageLink\">Videos Page Link</label>\r\n                    <MDBInput class=\"mt-1\" type=\"text\" placeholder=\"Enter Video Page Link\" v-model=\"form.videosPageLink\"\r\n                        id=\"videoPageLink\" />\r\n                </div>\r\n                <div>\r\n                    <div>\r\n                        <label for=\"frequencyType\">Scan FrequencyType</label>\r\n                        <select v-model=\"form.frequencyType\" class=\"did-floating-select mt-1\" id=\"frequencyType\">\r\n                            <option v-for=\"option in frequencyType\" :key=\"option.value\" :value=\"option.value\">{{\r\n                                option.text\r\n                            }}\r\n                            </option>\r\n                        </select>\r\n                    </div>\r\n                </div>\r\n                <div v-if=\"form.frequencyType == '2'\">\r\n                    <label for=\"week\">Day of the Week</label>\r\n                    <select v-model=\"form.frequency\" class=\"did-floating-select mt-1\" id=\"week\">\r\n                        <option v-for=\"option in dayOfTheWeek\" :key=\"option.value\" :value=\"option.value\">{{ option.text\r\n                            }}\r\n                        </option>\r\n                    </select>\r\n                </div>\r\n                <div v-if=\"form.frequencyType == '3'\" class=\"mt-1\">\r\n                    <label for=\"monthly\">Day of the Week</label>\r\n                    <select v-model=\"form.frequency\" class=\"did-floating-select mt-1\" id=\"monthly\">\r\n                        <option v-for=\"option in dayOfTheMonth\" :key=\"option.value\" :value=\"option.value\">{{ option.text\r\n                            }}\r\n                        </option>\r\n                    </select>\r\n                </div>\r\n            </MDBCardBody>\r\n            <MDBCardFooter class=\"py-3 d-flex justify-content-end\">\r\n                <MDBBtn class=\"fw-bold\" type=\"submit\" @click=\"submit\" color=\"primary\" size=\"sm\"\r\n                    :disabled=\"isAddBtnDisabled\">Add\r\n                    Creator\r\n                </MDBBtn>\r\n            </MDBCardFooter>\r\n        </MDBCard>\r\n    </LayoutNext>\r\n</template>\r\n\r\n<script setup>\r\nimport LayoutNext from \"@/views/v3/LayoutNext.vue\";\r\nimport { computed, reactive, ref } from \"vue\";\r\nimport { useRouter } from \"vue-router\";\r\nimport { MDBCard, MDBCardHeader, MDBCardBody, MDBCardFooter, MDBBtn, MDBInput, MDBBreadcrumb, MDBBreadcrumbItem } from \"mdb-vue-ui-kit\";\r\nimport { PostCreatorForNotification } from \"@/services/Notifications/PostCreatorForNotification\";\r\nimport { useToastStore } from \"@/store/toastStore\";\r\nimport { useTitle } from \"@vueuse/core\";\r\n\r\nuseTitle(\"Add Creator for Notification | Creator Shield\");\r\n\r\nconst toastStore = useToastStore();\r\nconst router = useRouter();\r\n\r\nconst form = reactive({\r\n    creatorName: \"\",\r\n    videosPageLink: \"\",\r\n    frequencyType: \"1\",\r\n    frequency: \"\",\r\n});\r\n\r\nconst dayOfTheWeek = [\r\n    { text: 'Monday', value: '1' },\r\n    { text: 'Tuesday', value: '2' },\r\n    { text: 'Wednesday', value: '3' },\r\n    { text: 'Thursday', value: '4' },\r\n    { text: 'Friday', value: '5' },\r\n];\r\n\r\nconst dayOfTheMonth = [\r\n    { text: '1st', value: '1' },\r\n    { text: '15th', value: '15' },\r\n    { text: 'Last', value: '30' },\r\n];\r\n\r\nconst frequencyType = [\r\n    { text: 'Daily', value: '1' },\r\n    { text: 'Weekly', value: '2' },\r\n    { text: 'Monthly', value: '3' },\r\n];\r\n\r\nconst loadingSpinner = ref(false);\r\n\r\nconst isAddBtnDisabled = computed(() => form.creatorName === \"\" || form.videosPageLink === \"\");\r\n\r\nconst submit = async () => {\r\n    const formData = {\r\n        creatorName: form.creatorName,\r\n        videosPageLink: form.videosPageLink,\r\n        frequencyType: form.frequencyType,\r\n        frequency: form.frequency,\r\n    };\r\n\r\n    loadingSpinner.value = true;\r\n    const toastSuccess = {\r\n        ...toastStore.toastStatus.success,\r\n        message: \"Successfully added!\",\r\n    };\r\n\r\n    await PostCreatorForNotification(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: \"DailyVideoUpdatesManagement\" });\r\n        });\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-outline-primary {\r\n    border-color: var(--accent);\r\n    color: var(--accent);\r\n    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 10px 0 rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n/* customized select with floating label */\r\n.did-floating-label-content {\r\n    position: relative;\r\n}\r\n\r\n.did-floating-label {\r\n    color: #1e4c82;\r\n    font-size: 12.5px;\r\n    font-weight: normal;\r\n    position: absolute;\r\n    pointer-events: none;\r\n    left: 6px;\r\n    top: 11px;\r\n    padding: 0 5px;\r\n    background: #fff;\r\n    transition: 0.2s ease all;\r\n    -moz-transition: 0.2s ease all;\r\n    -webkit-transition: 0.2s ease all;\r\n}\r\n\r\n.did-floating-input,\r\n.did-floating-select {\r\n    font-size: 16px;\r\n    display: block;\r\n    width: 100%;\r\n    height: 35px;\r\n    padding: 0 12.5px;\r\n    padding-right: 13px;\r\n    background: #fff;\r\n    color: #6c757d;\r\n    border: 1px solid #adb5bd;\r\n    border-radius: 4px;\r\n    box-sizing: border-box;\r\n\r\n    &:focus {\r\n        outline: 1.5px solid #0d6efd;\r\n\r\n        ~.did-floating-label {\r\n            color: #0d6efd;\r\n            top: -8px;\r\n            font-size: 12.5px;\r\n        }\r\n    }\r\n}\r\n\r\nselect.did-floating-select {\r\n    -webkit-appearance: none;\r\n    -moz-appearance: none;\r\n    appearance: none;\r\n}\r\n\r\nselect.did-floating-select::-ms-expand {\r\n    display: none;\r\n}\r\n\r\n.did-floating-input:not(:placeholder-shown)~.did-floating-label {\r\n    top: -8px;\r\n    font-size: 12.5px;\r\n}\r\n\r\n.did-floating-select:not([value=\"\"]):valid~.did-floating-label {\r\n    top: -8px;\r\n    font-size: 12.5px;\r\n}\r\n\r\n.did-floating-select[value=\"\"]:focus~.did-floating-label {\r\n    top: 11px;\r\n    font-size: 13px;\r\n}\r\n\r\n.did-floating-select:not([multiple]):not([size]) {\r\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath id='Path_1' data-name='Path 1' d='M371,294l4,6,4-6Z' transform='translate(-371 -294)' fill='%23003d71'/%3E%3C/svg%3E%0A\");\r\n    background-position: right 15px top 50%;\r\n    background-repeat: no-repeat;\r\n}\r\n\r\n@media screen and (max-width: 767px) {\r\n\r\n    .did-floating-input,\r\n    .did-floating-select {\r\n        width: 100%;\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: 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</style>\r\n","import script from \"./AddCreatorNotificationNext.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AddCreatorNotificationNext.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./AddCreatorNotificationNext.vue?vue&type=style&index=0&id=c27c97b0&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-c27c97b0\"]])\n\nexport default __exports__","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!./AddCreatorNotificationNext.vue?vue&type=style&index=0&id=c27c97b0&scoped=true&lang=css\"","import { HttpClient } from \"../HttpClient\";\r\n\r\nexport const PostCreatorForNotification = async (creatorData) => {\r\n    try {\r\n        const { data } = await HttpClient.post(\"api/creatorvideoupdates\", { ...creatorData });\r\n        return await Promise.resolve(data);\r\n    } catch (err) {\r\n        return Promise.reject(err);\r\n    }\r\n}"],"sourceRoot":""}