{"version":3,"sources":["webpack:///./src/assets/videos/vvv-dashboard-guide-ru.mp4","webpack:///./src/assets/videos/vvv-dashboard-guide-ko.mp4","webpack:///./src/assets/videos/vvv-dashboard-guide-ms.mp4","webpack:///./src/assets/videos/vvv-dashboard-guide-th.mp4","webpack:///./src/assets/videos/vvv-dashboard-guide-es.mp4","webpack:///./src/assets/videos/vvv-dashboard-guide-ja.mp4","webpack:///./src/assets/videos/vvv-dashboard-guide-tr.mp4","webpack:///./src/views/VVVNew/VVVBulkClaimsNew.vue","webpack:///./src/views/VVVNew/VVVBulkClaimsNew.vue?5084","webpack:///./src/assets/videos/vvv-dashboard-guide-zh.mp4","webpack:///./src/assets/videos/vvv-dashboard-guide-id.mp4","webpack:///./src/views/VVVNew/VVVBulkClaimsNew.vue?0f69","webpack:///./src/assets/videos/vvv-dashboard-guide-pl.mp4","webpack:///./src/assets/videos/vvv-dashboard-guide-fr.mp4","webpack:///./src/assets/videos/vvv-dashboard-guide-it.mp4","webpack:///./src/assets/videos/vvv-dashboard-guide-nl.mp4","webpack:///./src/assets/videos/vvv-dashboard-guide-en.mp4","webpack:///./src/assets/videos/vvv-dashboard-guide-de.mp4","webpack:///./src/assets/videos/vvv-dashboard-guide-vi.mp4"],"names":["module","exports","userDetailStore","useUserDetailStore","copy","copied","useClipboard","legacy","copyToast","ref","watch","value","extractGoogleSheetsId","url","regex","match","shortenSheetUrl","computed","userDetail","googleSheetLink","sheetId","onMounted","useTitle","updateVideoUrl","videoUrl","dashboardGuideEn","selectedLanguage","videoUrlList","text","videoSrc","dashboardGuideVi","dashboardGuideZh","dashboardGuideNl","dashboardGuideFr","dashboardGuideDe","dashboardGuideId","dashboardGuideIt","dashboardGuideJa","dashboardGuideKo","dashboardGuideMs","dashboardGuidePl","dashboardGuideRu","dashboardGuideEs","dashboardGuideTh","dashboardGuideTr","videoElement","document","getElementById","selectedOption","find","option","pause","load","redirectToSheet","window","open","bulkClaimsAlert","useStorage","useEventListener","__exports__"],"mappings":"mGAAAA,EAAOC,QAAU,IAA0B,6C,uBCA3CD,EAAOC,QAAU,IAA0B,6C,uBCA3CD,EAAOC,QAAU,IAA0B,6C,qBCA3CD,EAAOC,QAAU,IAA0B,6C,qBCA3CD,EAAOC,QAAU,IAA0B,6C,uBCA3CD,EAAOC,QAAU,IAA0B,6C,uBCA3CD,EAAOC,QAAU,IAA0B,6C,s5ECkH3C,MAAMC,EAAkBC,kBAClB,KAAEC,EAAI,OAAEC,GAAWC,0BAAa,CAAEC,QAAQ,IAC1CC,EAAYC,kBAAI,GAEtBC,mBAAML,EAASM,IACPA,IACAH,EAAUG,OAAQ,KAI1B,MAAMC,EAAyBC,IAC3B,MAAMC,EAAQ,wBACRC,EAAQF,EAAIE,MAAMD,GACxB,OAAOC,EAAQA,EAAM,GAAK,MAGxBC,EAAkBC,sBAAS,KAC7B,GAAmD,OAA/Cf,EAAgBgB,WAAWC,gBAA0B,MAAO,GAChE,MAAMC,EAAUR,EAAsBV,EAAgBgB,WAAWC,iBACjE,MAAQ,0CAAyCC,IAGrDC,uBAAU,KACNC,sBAAS,mCACTC,MAGJ,MAAMC,EAAWf,iBAAIgB,KACfC,EAAmBjB,iBAAI,GAEvBkB,EAAelB,iBAAI,CACrB,CAAEmB,KAAM,UAAWjB,MAAO,EAAGkB,SAAUJ,KACvC,CAAEG,KAAM,aAAcjB,MAAO,EAAGkB,SAAUC,KAC1C,CAAEF,KAAM,UAAWjB,MAAO,EAAGkB,SAAUE,KACvC,CAAEH,KAAM,QAASjB,MAAO,EAAGkB,SAAUG,KACrC,CAAEJ,KAAM,SAAUjB,MAAO,EAAGkB,SAAUI,KACtC,CAAEL,KAAM,SAAUjB,MAAO,EAAGkB,SAAUK,KACtC,CAAEN,KAAM,aAAcjB,MAAO,EAAGkB,SAAUM,KAC1C,CAAEP,KAAM,UAAWjB,MAAO,EAAGkB,SAAUO,KACvC,CAAER,KAAM,WAAYjB,MAAO,EAAGkB,SAAUQ,KACxC,CAAET,KAAM,SAAUjB,MAAO,GAAIkB,SAAUS,KACvC,CAAEV,KAAM,QAASjB,MAAO,GAAIkB,SAAUU,KACtC,CAAEX,KAAM,SAAUjB,MAAO,GAAIkB,SAAUW,KACvC,CAAEZ,KAAM,UAAWjB,MAAO,GAAIkB,SAAUY,KACxC,CAAEb,KAAM,UAAWjB,MAAO,GAAIkB,SAAUa,KACxC,CAAEd,KAAM,OAAQjB,MAAO,GAAIkB,SAAUc,KACrC,CAAEf,KAAM,UAAWjB,MAAO,GAAIkB,SAAUe,OAGtCrB,EAAiBA,KACnB,MAAMsB,EAAeC,SAASC,eAAe,eACvCC,EAAiBrB,EAAahB,MAAMsC,KAAKC,GAAUA,EAAOvC,QAAUe,EAAiBf,OACvFkC,GAAgBG,IAChBH,EAAaM,QACb3B,EAASb,MAAQqC,EAAenB,SAChCgB,EAAaO,SAIrB1C,mBAAMgB,EAAkB,KACpBH,MAGJ,MAAM8B,EAAkBA,KACpBC,OAAOC,KAAM,GAAEvC,EAAgBL,MAAS,WAGtC6C,EAAkBC,wBAAW,mBAAmB,G,OAEtDC,8BAAiBJ,OAAQ,eAAgB,KACrCE,EAAgB7C,MAAQ,O,khIClL5B,MAAMgD,GAA2B,KAAgB,GAAQ,CAAC,CAAC,YAAY,qBAExD,iB,uBCRf3D,EAAOC,QAAU,IAA0B,6C,uBCA3CD,EAAOC,QAAU,IAA0B,6C,kCCA3C,W,uBCAAD,EAAOC,QAAU,IAA0B,6C,qBCA3CD,EAAOC,QAAU,IAA0B,6C,qBCA3CD,EAAOC,QAAU,IAA0B,6C,qBCA3CD,EAAOC,QAAU,IAA0B,6C,qBCA3CD,EAAOC,QAAU,IAA0B,6C,qBCA3CD,EAAOC,QAAU,IAA0B,6C,qBCA3CD,EAAOC,QAAU,IAA0B","file":"js/chunk-64a915ba.c221ce47.js","sourcesContent":["module.exports = __webpack_public_path__ + \"media/vvv-dashboard-guide-ru.c6cb93ad.mp4\";","module.exports = __webpack_public_path__ + \"media/vvv-dashboard-guide-ko.bef60cec.mp4\";","module.exports = __webpack_public_path__ + \"media/vvv-dashboard-guide-ms.d7050f68.mp4\";","module.exports = __webpack_public_path__ + \"media/vvv-dashboard-guide-th.d804abb0.mp4\";","module.exports = __webpack_public_path__ + \"media/vvv-dashboard-guide-es.bd72f793.mp4\";","module.exports = __webpack_public_path__ + \"media/vvv-dashboard-guide-ja.afb042c2.mp4\";","module.exports = __webpack_public_path__ + \"media/vvv-dashboard-guide-tr.0f3aaf3e.mp4\";","<template>\r\n    <VVVLayoutNew>\r\n        <template #page-title>\r\n            Bulk Claims\r\n        </template>\r\n        <MDBAlert v-if=\"bulkClaimsAlert\" class=\"mb-4\" color=\"success\" static>\r\n            <div class=\"alert-container\">\r\n                <vue-feather type=\"check-circle\" :stroke-width=\"2.5\" />\r\n                <p class=\"mb-0 alert-message\">\r\n                    Our <strong>Bulk Claims Sheet</strong> is best for submitting multiple claims at once. By filling\r\n                    out multiple rows\r\n                    on the sheet, you can seamlessly sync it to your VVV dashboard!\r\n                </p>\r\n                <vue-feather type=\"x\" :stroke-width=\"2.5\" size=\"18\" class=\"ms-auto\" @click=\"bulkClaimsAlert = false\"\r\n                    style=\"cursor: pointer;\" />\r\n            </div>\r\n        </MDBAlert>\r\n        <MDBCard class=\"shadow mb-3\">\r\n            <MDBCardHeader> Guidelines </MDBCardHeader>\r\n            <MDBCardBody>\r\n                <div class=\"alert-container\">\r\n                    <vue-feather type=\"check-circle\" size=\"14\" :stroke-width=\"2.5\" class=\"me-2\"\r\n                        style=\"color: var(--primary)\" />\r\n                    <p class=\"mb-0 alert-message\">\r\n                        Open your dashboard claim sheet from your account or onboarding email, and bookmark it for easy\r\n                        access.\r\n                    </p>\r\n                </div>\r\n                <div class=\"alert-container\">\r\n                    <vue-feather type=\"check-circle\" size=\"14\" :stroke-width=\"2.5\" class=\"me-2\"\r\n                        style=\"color: var(--primary)\" />\r\n                    <p class=\"mb-0 alert-message\">\r\n                        Enter all required information for each claim, ensuring no blank rows between claims for each\r\n                        YouTube URL.\r\n                    </p>\r\n                </div>\r\n                <div class=\"alert-container\">\r\n                    <vue-feather type=\"check-circle\" size=\"14\" :stroke-width=\"2.5\" class=\"me-2\"\r\n                        style=\"color: var(--primary)\" />\r\n                    <p class=\"mb-0 alert-message\">\r\n                        Double-check for any unnecessary spaces or blank fields—these may cause errors in syncing.\r\n                    </p>\r\n                </div>\r\n                <div class=\"alert-container\">\r\n                    <vue-feather type=\"check-circle\" size=\"14\" :stroke-width=\"2.5\" class=\"me-2\"\r\n                        style=\"color: var(--primary)\" />\r\n                    <p class=\"mb-0 alert-message\">\r\n                        Only enter claims that are ready for submission; incomplete rows may prevent all claims from\r\n                        syncing.\r\n                    </p>\r\n                </div>\r\n                <div class=\"alert-container\">\r\n                    <vue-feather type=\"check-circle\" size=\"14\" :stroke-width=\"2.5\" class=\"me-2\"\r\n                        style=\"color: var(--primary)\" />\r\n                    <p class=\"mb-0 alert-message\">\r\n                        Once completed, return to 'My Claimed Videos' and click &nbsp;<strong>“Sync Google\r\n                            Sheet.”</strong>&nbsp;\r\n                        Data will disappear once successfully captured.\r\n                    </p>\r\n                </div>\r\n            </MDBCardBody>\r\n        </MDBCard>\r\n        <MDBCard class=\"shadow-0\">\r\n            <MDBCardBody class=\"py-0 pb-2 px-0\">\r\n                <h6 class=\"pb-1 fw-bold\">Your Bulk Claim Sheet:</h6>\r\n                <MDBInput inputGroup :formOutline=\"false\" wrapperClass=\"mb-3\" v-model=\"shortenSheetUrl\">\r\n                    <MDBBtn class=\"btn btn-primary\" @click=\"copy(shortenSheetUrl)\" title=\"Copy to Clipboard\">\r\n                        <vue-feather type=\"copy\" size=\"18\" :stroke-width=\"2.5\" />\r\n                    </MDBBtn>\r\n                    <MDBBtn class=\"btn btn-primary\" @click=\"redirectToSheet\" title=\"Open in new Tab\">\r\n                        <vue-feather type=\"arrow-right\" size=\"18\" :stroke-width=\"2.5\" />\r\n                    </MDBBtn>\r\n                </MDBInput>\r\n                <h6 class=\"mb-0 d-flex align-items-center\" style=\"gap: 10px;\">\r\n                    <vue-feather type=\"star\" fill=\"green\" stroke=\"green\" :stroke-width=\"2.5\" />\r\n                    <span>\r\n                        Bookmark this and keep this safe!\r\n                    </span>\r\n                </h6>\r\n            </MDBCardBody>\r\n        </MDBCard>\r\n        <MDBToast v-model=\"copyToast\" :delay=\"2000\" autohide position=\"top-right\" appendToBody stacking width=\"350px\"\r\n            color=\"success\" text=\"white\" icon=\"fas fa-check fa-lg me-2\">\r\n            <template #title> Success </template>\r\n            Copied Successfully!\r\n        </MDBToast>\r\n    </VVVLayoutNew>\r\n</template>\r\n\r\n<script setup>\r\nimport VVVLayoutNew from \"@/views/VVVNew/VVVLayoutNew.vue\";\r\nimport { useUserDetailStore } from \"@/store/userDetailStore\";\r\nimport { MDBCard, MDBCardHeader, MDBCardBody, MDBInput, MDBBtn, MDBAlert, MDBToast } from \"mdb-vue-ui-kit\";\r\nimport { useTitle, useClipboard, useStorage, useEventListener } from \"@vueuse/core\";\r\nimport { ref, onMounted, watch, computed } from \"vue\";\r\nimport VueFeather from 'vue-feather';\r\n\r\nimport dashboardGuideEn from \"@/assets/videos/vvv-dashboard-guide-en.mp4\";\r\nimport dashboardGuideVi from \"@/assets/videos/vvv-dashboard-guide-vi.mp4\";\r\nimport dashboardGuideZh from \"@/assets/videos/vvv-dashboard-guide-zh.mp4\";\r\nimport dashboardGuideNl from \"@/assets/videos/vvv-dashboard-guide-nl.mp4\";\r\nimport dashboardGuideFr from \"@/assets/videos/vvv-dashboard-guide-fr.mp4\";\r\nimport dashboardGuideDe from \"@/assets/videos/vvv-dashboard-guide-de.mp4\";\r\nimport dashboardGuideId from \"@/assets/videos/vvv-dashboard-guide-id.mp4\";\r\nimport dashboardGuideIt from \"@/assets/videos/vvv-dashboard-guide-it.mp4\";\r\nimport dashboardGuideJa from \"@/assets/videos/vvv-dashboard-guide-ja.mp4\";\r\nimport dashboardGuideKo from \"@/assets/videos/vvv-dashboard-guide-ko.mp4\";\r\nimport dashboardGuideMs from \"@/assets/videos/vvv-dashboard-guide-ms.mp4\";\r\nimport dashboardGuidePl from \"@/assets/videos/vvv-dashboard-guide-pl.mp4\";\r\nimport dashboardGuideRu from \"@/assets/videos/vvv-dashboard-guide-ru.mp4\";\r\nimport dashboardGuideEs from \"@/assets/videos/vvv-dashboard-guide-es.mp4\";\r\nimport dashboardGuideTh from \"@/assets/videos/vvv-dashboard-guide-th.mp4\";\r\nimport dashboardGuideTr from \"@/assets/videos/vvv-dashboard-guide-tr.mp4\";\r\n\r\nconst userDetailStore = useUserDetailStore();\r\nconst { copy, copied } = useClipboard({ legacy: true })\r\nconst copyToast = ref(false);\r\n\r\nwatch(copied, (value) => {\r\n    if (value) {\r\n        copyToast.value = true;\r\n    }\r\n});\r\n\r\nconst extractGoogleSheetsId = (url) => {\r\n    const regex = /\\/d\\/([a-zA-Z0-9-_]+)/;\r\n    const match = url.match(regex);\r\n    return match ? match[1] : null;\r\n}\r\n\r\nconst shortenSheetUrl = computed(() => {\r\n    if (userDetailStore.userDetail.googleSheetLink === null) return '';\r\n    const sheetId = extractGoogleSheetsId(userDetailStore.userDetail.googleSheetLink);\r\n    return `https://docs.google.com/spreadsheets/d/${sheetId}`;\r\n});\r\n\r\nonMounted(() => {\r\n    useTitle(\"Bulk Claims | Very Viral Videos\");\r\n    updateVideoUrl();\r\n});\r\n\r\nconst videoUrl = ref(dashboardGuideEn);\r\nconst selectedLanguage = ref(1);\r\n\r\nconst videoUrlList = ref([\r\n    { text: \"English\", value: 1, videoSrc: dashboardGuideEn },\r\n    { text: \"Vietnamese\", value: 2, videoSrc: dashboardGuideVi },\r\n    { text: \"Chinese\", value: 3, videoSrc: dashboardGuideZh },\r\n    { text: \"Dutch\", value: 4, videoSrc: dashboardGuideNl },\r\n    { text: \"French\", value: 5, videoSrc: dashboardGuideFr },\r\n    { text: \"German\", value: 6, videoSrc: dashboardGuideDe },\r\n    { text: \"Indonesian\", value: 7, videoSrc: dashboardGuideId },\r\n    { text: \"Italian\", value: 8, videoSrc: dashboardGuideIt },\r\n    { text: \"Japanese\", value: 9, videoSrc: dashboardGuideJa },\r\n    { text: \"Korean\", value: 10, videoSrc: dashboardGuideKo },\r\n    { text: \"Malay\", value: 11, videoSrc: dashboardGuideMs },\r\n    { text: \"Polish\", value: 12, videoSrc: dashboardGuidePl },\r\n    { text: \"Russian\", value: 13, videoSrc: dashboardGuideRu },\r\n    { text: \"Spanish\", value: 14, videoSrc: dashboardGuideEs },\r\n    { text: \"Thai\", value: 15, videoSrc: dashboardGuideTh },\r\n    { text: \"Turkish\", value: 16, videoSrc: dashboardGuideTr }\r\n]);\r\n\r\nconst updateVideoUrl = () => {\r\n    const videoElement = document.getElementById('local-video');\r\n    const selectedOption = videoUrlList.value.find(option => option.value === selectedLanguage.value);\r\n    if (videoElement && selectedOption) {\r\n        videoElement.pause();\r\n        videoUrl.value = selectedOption.videoSrc;\r\n        videoElement.load();\r\n    }\r\n};\r\n\r\nwatch(selectedLanguage, () => {\r\n    updateVideoUrl();\r\n});\r\n\r\nconst redirectToSheet = () => {\r\n    window.open(`${shortenSheetUrl.value}`, '_blank');\r\n};\r\n\r\nconst bulkClaimsAlert = useStorage('bulkClaimsAlert', true);\r\n\r\nuseEventListener(window, 'reset-alerts', () => {\r\n    bulkClaimsAlert.value = null;\r\n});\r\n</script>\r\n\r\n<style scoped>\r\n.btn-primary {\r\n    background-color: var(--primary);\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 5px;\r\n}\r\n\r\n.btn-outline-primary {\r\n    color: var(--primary);\r\n    border-color: var(--primary)\r\n}\r\n\r\n#local-video {\r\n    width: 80%;\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.alert-message {\r\n    width: 100%;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    .alert-message {\r\n        width: 75%;\r\n    }\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</style>\r\n","import script from \"./VVVBulkClaimsNew.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./VVVBulkClaimsNew.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./VVVBulkClaimsNew.vue?vue&type=style&index=0&id=13c6b8b3&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-13c6b8b3\"]])\n\nexport default __exports__","module.exports = __webpack_public_path__ + \"media/vvv-dashboard-guide-zh.f59fd846.mp4\";","module.exports = __webpack_public_path__ + \"media/vvv-dashboard-guide-id.550bdd85.mp4\";","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!./VVVBulkClaimsNew.vue?vue&type=style&index=0&id=13c6b8b3&scoped=true&lang=css\"","module.exports = __webpack_public_path__ + \"media/vvv-dashboard-guide-pl.e5a6f0c0.mp4\";","module.exports = __webpack_public_path__ + \"media/vvv-dashboard-guide-fr.0c8f0588.mp4\";","module.exports = __webpack_public_path__ + \"media/vvv-dashboard-guide-it.3965f0b9.mp4\";","module.exports = __webpack_public_path__ + \"media/vvv-dashboard-guide-nl.1a7562d6.mp4\";","module.exports = __webpack_public_path__ + \"media/vvv-dashboard-guide-en.2ead5fb2.mp4\";","module.exports = __webpack_public_path__ + \"media/vvv-dashboard-guide-de.7cf2301c.mp4\";","module.exports = __webpack_public_path__ + \"media/vvv-dashboard-guide-vi.9656506e.mp4\";"],"sourceRoot":""}