{"version":3,"sources":["webpack:///./src/views/VVVNew/NewClaimNew/NewClaimYouTubeUrlInputNew.vue?d32b","webpack:///./src/assets/VVV/images/sample-yt-thumbnail.png","webpack:///./src/services/YoutubeChannelInformation/GetYoutubeChannelInformation.js","webpack:///./src/services/YoutubeChannelInformation/DeleteYoutubeChannelInformation.js","webpack:///./src/views/VVVNew/NewClaimNew/NewClaimYouTubeUrlInputNew.vue","webpack:///./src/views/VVVNew/NewClaimNew/NewClaimYouTubeUrlInputNew.vue?c36e","webpack:///./src/views/VVVNew/NewClaimNew/NewClaimInputClipsNew.vue","webpack:///./src/views/VVVNew/NewClaimNew/NewClaimInputClipsNew.vue?7330","webpack:///./src/views/VVVNew/NewClaimNew/NewClaimNew.vue","webpack:///./src/views/VVVNew/NewClaimNew/NewClaimNew.vue?63d7","webpack:///./src/services/Contents/PostClaimsList.js","webpack:///./src/services/YoutubeChannelInformation/PostYoutubeChannelInformation.js","webpack:///./src/store/youtubeStore.js","webpack:///./src/views/VVVNew/NewClaimNew/NewClaimInputClipsNew.vue?ba1e","webpack:///./src/helpers/youtubeScraper.js","webpack:///./src/views/VVVNew/NewClaimNew/NewClaimNew.vue?3854","webpack:///./src/assets/user-default.png","webpack:///./src/assets/VVV/vvv-loader.png"],"names":["module","exports","GetYoutubeChannelInformation","async","data","HttpClient","get","params","UserId","userId","rowsPerPage","Promise","resolve","err","reject","DeleteYoutubeChannelInformation","delete","ChannelId","channelId","youtubeStore","useYoutubeStore","youtubeVideo","youtubeChannelList","selectedYoutubeChannelId","storeToRefs","inputVideoUrl","ref","value","url","updateYTUrlValue","emit","loading","errorToast","errorToastMessage","submit","isYouTubeUrl","setYoutubeVideo","userDetailStore","useUserDetailStore","userDetail","youtubeListLoading","getYoutubeChannelInformationList","response","channels","length","channelIds","map","channel","detailedChannels","fetchChannelDetailsBatch","details","find","detail","error","console","deleteModal","toggleDeleteModal","log","confirmDeletion","deleteChannel","id","onMounted","__exports__","clipList","youtubeVideoDuration","youtubeVideoIframe","computed","updateClipsValue","removeClip","index","duplicateClip","placeholder","hasHour","router","useRouter","ifHasUnsavedChanges","isAdded","isLoading","watch","newUserDetail","useTitle","push","stepCounter","stepper1Class","stepper2Class","step","validateStepOne","videoDetails","fetchVideoDetails","duration","minuteSecondRegex","hourMinuteSecondRegex","isValidTime","videoDuration","inputTime","hasHourComponent","split","test","addNewClip","clipToCopy","newClip","JSON","parse","stringify","startTime","endTime","clipURL","clipThumbnail","thumbnailImg","description","class","clipTitle","errorMessage","displayText","slice","filter","_","i","isValidUrl","urlPattern","submitNewClaim","hasError","forEach","clip","youtubeDuration","startTimeMinutes","convertToMinutes","endTimeMinutes","submitResponse","submitVideo","resetYoutubeVideo","resetYoutubeChannel","resetClipList","useEventListener","window","onBeforeRouteLeave","_to","_from","next","answer","confirm","PostClaimsList","post","claimsList","PostYoutubeChannelInformation","channelInfo","defineStore","title","thumbnail","thumbnailWidth","viewCount","channelName","channelThumbnail","videoResponse","videoUrl","channelDetails","fetchChannelDetails","videoId","thumbnailUrl","channelTitle","getChannelNameFromSelection","parseClipList","claim","TimeStamp","clipLink","postBody","youtubeChannel","name","youtubeUrl","AssetLabel","assetLabelName","claims","timeString","parts","Number","totalMinutes","hours","minutes","seconds","apiKey","youtubePattern","extractVideoId","urlObj","URL","hostname","toLowerCase","pathname","substring","searchParams","videoIdPattern","match","axios","items","snippet","thumbnails","high","width","convertYTVideoDuration","contentDetails","formatCount","statistics","default","subscriberCount","toFixed","toString","hoursMatch","minutesMatch","secondsMatch","parseInt","pad","num","padStart","formattedDuration","fetchChannelIdFromUrl","youtubeChannelUrl","fetchChannelDetailsDirectly","channelData","channelUsername","customUrl","join"],"mappings":"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","file":"js/chunk-186bc6f0.355349c0.js","sourcesContent":["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!./NewClaimYouTubeUrlInputNew.vue?vue&type=style&index=0&id=2167f6a7&scoped=true&lang=css\"","module.exports = __webpack_public_path__ + \"img/sample-yt-thumbnail.c86ba45f.png\";","import { HttpClient } from \"../HttpClient\";\r\n/**\r\n * * Get Youtube Channel Information List\r\n */\r\nexport const GetYoutubeChannelInformation = async (userId) => {\r\n  try {\r\n    const { data } = await HttpClient.get(\r\n      `api/YoutubeChannelInformation/list`,\r\n      {\r\n        params: {\r\n          UserId: userId,\r\n          rowsPerPage: 100,\r\n        },\r\n      }\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","import { HttpClient } from \"../HttpClient\";\r\n/**\r\n * * Delete Youtube Channel Information\r\n */\r\nexport const DeleteYoutubeChannelInformation = async (channelId) => {\r\n  try {\r\n    const { data } = await HttpClient.delete(`api/YoutubeChannelInformation`, {\r\n      data: { ChannelId: channelId },\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    <MDBCard class=\"shadow mt-3\">\r\n        <MDBCardHeader>\r\n            <h4>Create a new video claim</h4>\r\n            <p class=\"mb-0\">Submit a claim here if you've created a video containing our clips. Our team will review and take action\r\n                on your behalf.</p>\r\n        </MDBCardHeader>\r\n        <MDBCardBody>\r\n            <h4>Claiming Guidelines</h4>\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                    Make sure the clips you use from us are central to most of the video.\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                    Do not embed clips in full TV/movie episodes or heavily copyright material\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                    We can only claim our licensed footage, so use accurate and timestamps\r\n                </p>\r\n            </div>\r\n        </MDBCardBody>\r\n    </MDBCard>\r\n    <MDBAlert color=\"info\" static class=\"mt-3 px-4 py-3 mb-4\"\r\n        style=\"font-size: 16px;display: flex;gap: 10px;align-items: center;\">\r\n        <div class=\"alert-message\">\r\n            Select the YouTube channel this video is published on, and ensure your video is <span\r\n                class=\"text-success\">public</span>.\r\n        </div>\r\n    </MDBAlert>\r\n    <div class=\"d-flex justify-content-center flex-column\">\r\n        <h4 class=\"mb-3 fw-bold\" style=\"font-size: 18px;\">YouTube Channel List</h4>\r\n        <div id=\"youtubeChannelList\" class=\"mb-4 px-3\"\r\n            style=\"width: max-content; max-width: 100%; max-height: 30vh; overflow: auto;\">\r\n            <div class=\"image-container image-container-big mx-auto\" v-if=\"youtubeListLoading\">\r\n                <div class=\"loader\"></div>\r\n                <img src=\"@/assets/VVV/vvv-loader.png\" alt=\"Loading image\">\r\n            </div>\r\n            <template v-else>\r\n                <div v-for=\"channel in youtubeChannelList\" :key=\"channel.id\"\r\n                    class=\"d-flex justify-content-between align-items-center py-2\">\r\n                    <div class=\"d-flex align-items-center\" style=\"gap: 10px;cursor: pointer;\">\r\n                        <MDBRadio :id=\"channel.channelId\" name=\"youtube-channel\" v-model=\"selectedYoutubeChannelId\"\r\n                            :value=\"channel.channelId\" />\r\n                        <img :src=\"channel.thumbnail\" alt=\"thumbnail\" style=\"width: 50px; height: 50px\"\r\n                            class=\"rounded-circle\" />\r\n                        <div>\r\n                            <p class=\"my-auto text-left fw-bold\" style=\"font-size: 14px;\">{{ channel.channelName\r\n                                }}\r\n                            </p>\r\n                            <p class=\"my-auto text-left\" style=\"font-size: 13px;\">{{ channel.subscriberCount }}\r\n                                subscribers</p>\r\n                        </div>\r\n                    </div>\r\n                    <vue-feather type=\"trash\" :stroke-width=\"2.5\" size=\"16\" class=\"py-1 px-0 ms-5\"\r\n                        style=\"cursor: pointer;\" @click=\"toggleDeleteModal(channel.channelId)\" title=\"Delete channel\" />\r\n                </div>\r\n                <div class=\"d-flex justify-content-between align-items-center\">\r\n                    <div class=\"d-flex align-items-center\" style=\"gap: 10px;cursor: pointer;\">\r\n                        <MDBRadio id=\"GetFromVideo\" name=\"youtube-channel\" v-model=\"selectedYoutubeChannelId\"\r\n                            value=\"GetFromVideo\" />\r\n                        <img src=\"@/assets/user-default.png\" alt=\"thumbnail\" style=\"width: 50px; height: 50px\"\r\n                            class=\"rounded-circle\" />\r\n                        <label for=\"GetFromVideo\" style=\"cursor: pointer;\">Get from Video</label>\r\n                    </div>\r\n                </div>\r\n            </template>\r\n        </div>\r\n        <h4 class=\"fw-bold\" style=\"font-size: 18px;\">YouTube Video</h4>\r\n        <div class=\"input-group w-100 mt-2\">\r\n            <MDBBtn color=\"primary\" size=\"sm\">\r\n                <i class=\"fab fa-youtube fa-fw pb-1\"></i>\r\n            </MDBBtn>\r\n            <input v-model=\"inputVideoUrl\" @input=\"updateYTUrlValue\" type=\"text\" class=\"form-control\"\r\n                placeholder=\"YouTube URL\" @keyup.enter=\"submit\" />\r\n            <MDBBtn class=\"btn btn-primary fw-bold\" type=\"button\" @click=\"submit\">\r\n                Preview\r\n            </MDBBtn>\r\n        </div>\r\n    </div>\r\n    <template v-if=\"youtubeVideo.title != ''\">\r\n        <div class=\"d-flex justify-content-center align-items-center\" v-if=\"loading\">\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        <div class=\"d-flex flex-column justify-content-center overflow-auto\" v-else>\r\n            <h5 class=\"text-center w-100 mt-4 fw-bold\">Preview:</h5>\r\n            <img :src=\"youtubeVideo.thumbnail\" class=\"w-50 d-flex mx-auto mt-3\" alt=\"YouTube Thumbnail\" />\r\n            <div class=\"d-flex gap-2 mt-4 justify-content-center\">\r\n                <div\r\n                    style=\"width: 63px; height: 63px; border-radius: 50%; overflow: hidden; display: flex; align-items: center; justify-content: center;\">\r\n                    <img :src=\"youtubeVideo.channelThumbnail\" alt=\"YT Video Thumbnail\"\r\n                        style=\"width: auto; height: 100%;\" />\r\n                </div>\r\n                <div class=\"my-auto video-details\">\r\n                    <p class=\"my-auto fw-bold text-left\">{{ youtubeVideo.title }}</p>\r\n                    <p class=\"my-auto text-left fw-bold\" style=\"font-size: 13px;\">{{ youtubeVideo.channelName }}</p>\r\n                    <p class=\"my-auto text-left\" style=\"font-size: 13px;\">{{ youtubeVideo.viewCount }} subscribers</p>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </template>\r\n    <MDBModal id=\"deleteModal\" tabindex=\"-1\" labelledby=\"deleteModalLabel\" v-model=\"deleteModal\">\r\n        <MDBModalHeader>\r\n            <MDBModalTitle class=\"fw-bold\" id=\"deleteModalLabel\"> Delete Channel </MDBModalTitle>\r\n        </MDBModalHeader>\r\n        <MDBModalBody>Are you sure you want to delete this channel?</MDBModalBody>\r\n        <MDBModalFooter class=\"gap-2\">\r\n            <MDBBtn class=\"btn fw-bold\" size=\"sm\" @click=\"deleteModal = false\">Close</MDBBtn>\r\n            <MDBBtn class=\"btn btn-danger fw-bold\" size=\"sm\" @click=\"confirmDeletion()\">Confirm Delete\r\n            </MDBBtn>\r\n        </MDBModalFooter>\r\n    </MDBModal>\r\n    <MDBToast v-model=\"errorToast\" :delay=\"2000\" autohide position=\"top-right\" appendToBody stacking width=\"350px\"\r\n        color=\"danger\" text=\"white\" icon=\"fas fa-check fa-lg me-2\">\r\n        <template #title> Error </template>\r\n        {{ errorToastMessage }}\r\n    </MDBToast>\r\n</template>\r\n\r\n<script setup>\r\nimport { MDBBtn, MDBToast, MDBAlert, MDBRadio, MDBModal, MDBModalHeader, MDBModalTitle, MDBModalBody, MDBModalFooter, MDBCard, MDBCardHeader, MDBCardBody } from \"mdb-vue-ui-kit\";\r\nimport { ref, defineEmits, onMounted } from \"vue\";\r\nimport { storeToRefs } from \"pinia\";\r\nimport { isYouTubeUrl, fetchChannelDetailsBatch } from \"@/helpers/youtubeScraper\";\r\nimport { useYoutubeStore } from \"@/store/youtubeStore\";\r\nimport { useUserDetailStore } from \"@/store/userDetailStore\";\r\nimport { GetYoutubeChannelInformation } from \"@/services/YoutubeChannelInformation/GetYoutubeChannelInformation\";\r\nimport { DeleteYoutubeChannelInformation } from \"@/services/YoutubeChannelInformation/DeleteYoutubeChannelInformation\";\r\nimport VueFeather from 'vue-feather';\r\n\r\nconst youtubeStore = useYoutubeStore();\r\nconst { youtubeVideo, youtubeChannelList, selectedYoutubeChannelId } = storeToRefs(youtubeStore);\r\n\r\nconst emit = defineEmits(['update:youtubeURL']);\r\nconst inputVideoUrl = ref(youtubeVideo.value.url);\r\n\r\nconst updateYTUrlValue = () => {\r\n    emit('update:youtubeURL', inputVideoUrl.value);\r\n};\r\n\r\nconst loading = ref(false);\r\nconst errorToast = ref(false);\r\nconst errorToastMessage = ref(\"Error\");\r\n\r\nconst submit = async () => {\r\n    if (inputVideoUrl.value === \"\") {\r\n        errorToastMessage.value = \"Please enter a YouTube URL to preview.\";\r\n        errorToast.value = true;\r\n        return;\r\n    }\r\n    if (!isYouTubeUrl(inputVideoUrl.value)) {\r\n        errorToastMessage.value = \"Please enter a valid YouTube URL.\";\r\n        errorToast.value = true;\r\n        return;\r\n    }\r\n    loading.value = true;\r\n    // https://www.youtube.com/watch?v=KkCXLABwHP0\r\n    // https://www.youtube.com/watch?v=eRzljx9nDdY\r\n    youtubeStore.setYoutubeVideo(inputVideoUrl.value)\r\n    loading.value = false;\r\n};\r\n\r\nconst userDetailStore = useUserDetailStore();\r\nconst { userDetail } = storeToRefs(userDetailStore);\r\n\r\nconst youtubeListLoading = ref(true);\r\n\r\nconst getYoutubeChannelInformationList = async (userId) => {\r\n    try {\r\n        youtubeListLoading.value = true;\r\n        const response = await GetYoutubeChannelInformation(userId);\r\n        const channels = response.data;\r\n\r\n        if (response.data.length > 0) {\r\n            const channelIds = channels.map((channel) => channel.channelId);\r\n\r\n            const detailedChannels = await fetchChannelDetailsBatch(channelIds);\r\n\r\n            youtubeChannelList.value = channels.map((channel) => {\r\n                const details = detailedChannels.find(detail => detail.channelId === channel.channelId);\r\n                return {\r\n                    ...channel,\r\n                    ...details,\r\n                };\r\n            });\r\n\r\n            selectedYoutubeChannelId.value = response.data[0].channelId;\r\n        } else {\r\n            youtubeChannelList.value = [];\r\n            selectedYoutubeChannelId.value = 'GetFromVideo';\r\n        }\r\n        youtubeListLoading.value = false;\r\n    } catch (error) {\r\n        console.error(\"Error fetching YouTube channel information:\", error);\r\n    }\r\n};\r\n\r\nconst deleteModal = ref(false);\r\nconst channel = ref(\"\");\r\n\r\nconst toggleDeleteModal = (channelId) => {\r\n    deleteModal.value = true;\r\n    channel.value = channelId;\r\n    console.log('toggleDeleteModal', channelId);\r\n};\r\n\r\nconst confirmDeletion = () => {\r\n    deleteChannel(channel.value);\r\n};\r\n\r\nconst deleteChannel = async (channelId) => {\r\n    await DeleteYoutubeChannelInformation(channelId);\r\n    getYoutubeChannelInformationList(userDetail.value.id);\r\n    deleteModal.value = false;\r\n    console.log(channelId);\r\n};\r\n\r\nonMounted(() => {\r\n    getYoutubeChannelInformationList(userDetail.value.id);\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.video-details {\r\n    width: 40%;\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 screen and (max-width: 767px) {\r\n    .video-details {\r\n        width: 60%;\r\n    }\r\n\r\n    .alert-message {\r\n        width: 90%;\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#youtubeChannelList::-webkit-scrollbar {\r\n    width: 8px;\r\n    height: 5px;\r\n}\r\n\r\n#youtubeChannelList::-webkit-scrollbar-thumb {\r\n    background-color: #888;\r\n}\r\n\r\n#youtubeChannelList::-webkit-scrollbar-track {\r\n    background-color: #eee;\r\n}\r\n\r\n.card-header h4,\r\n.card-body h4 {\r\n    color: black !important;\r\n    font-family: 'GilroyBold', sans-serif;\r\n    font-size: 16px;\r\n}\r\n</style>\r\n","import script from \"./NewClaimYouTubeUrlInputNew.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./NewClaimYouTubeUrlInputNew.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./NewClaimYouTubeUrlInputNew.vue?vue&type=style&index=0&id=2167f6a7&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-2167f6a7\"]])\n\nexport default __exports__","<template>\r\n    <div class=\"px-2\">\r\n        <div class=\"video-container mb-4\">\r\n            <iframe width=\"600\" height=\"360\" class=\"responsive-iframe\" :src=\"youtubeVideoIframe\" frameborder=\"0\"\r\n                allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\r\n                allowfullscreen></iframe>\r\n        </div>\r\n        <h5 class=\"mb-4 fw-bold\" style=\"font-size: 18px;\">Now, tell us where to claim the video.</h5>\r\n        <div class=\"overflow-auto\">\r\n            <table class=\"table\">\r\n                <thead class=\"sticky-top bg-white\">\r\n                    <tr>\r\n                        <th scope=\"col\" class=\"text-nowrap px-3\" style=\"vertical-align: middle\">Clip #</th>\r\n                        <th scope=\"col\" class=\"text-nowrap px-3\">\r\n                            Clip Title\r\n                            <p class=\"mb-0\" style=\"color: gray;\">Describe the clip you used</p>\r\n                        </th>\r\n                        <th scope=\"col\" class=\"text-nowrap px-3\">\r\n                            Start Time\r\n                            <p class=\"mb-0\" style=\"color: gray;\">Where does this first show in the\r\n                                video?</p>\r\n                        </th>\r\n                        <th scope=\"col\" class=\"text-nowrap px-3\">\r\n                            End Time\r\n                            <p class=\"mb-0\" style=\"color: gray;\">... And where does it end?</p>\r\n                        </th>\r\n                        <th scope=\"col\" class=\"text-nowrap px-3\">\r\n                            Clip URL\r\n                            <p class=\"mb-0\" style=\"color: gray;\">Clip source link (i.e. from Dropbox)\r\n                            </p>\r\n                        </th>\r\n                        <th scope=\"col\" class=\"text-nowrap px-3\"></th>\r\n                    </tr>\r\n                </thead>\r\n                <tbody>\r\n                    <tr v-for=\"(clip, index) in clipList\" :key=\"index\">\r\n                        <th scope=\"row\" class=\"align-middle text-center p-3\">{{ index + 1 }}</th>\r\n                        <td class=\"p-3\">\r\n                            <input v-model=\"clip.clipTitle\" @input=\"updateClipsValue()\" type=\"text\"\r\n                                :class=\"clip.class.clipTitle\" id=\"clipTitle\" autocomplete=\"off\"\r\n                                placeholder=\"Enter Clip Title\" />\r\n                            <p :class=\"clip.errorMessage.clipTitle.class\"\r\n                                style=\"font-size: 11px; margin-top: 5px; margin-bottom: 0;\">\r\n                                {{ clip.errorMessage.clipTitle.displayText }}\r\n                            </p>\r\n                        </td>\r\n                        <td class=\"p-3\">\r\n                            <input type=\"text\" :class=\"clip.class.startTime\" v-model=\"clip.startTime\"\r\n                                @input=\"updateClipsValue()\" autocomplete=\"off\" :placeholder=\"placeholder\" />\r\n                            <p :class=\"clip.errorMessage.startTime.class\"\r\n                                style=\"font-size: 11px; margin-top: 5px; margin-bottom: 0;\">\r\n                                {{ clip.errorMessage.startTime.displayText }}\r\n                            </p>\r\n                        </td>\r\n                        <td class=\"p-3\">\r\n                            <input type=\"text\" :class=\"clip.class.endTime\" v-model=\"clip.endTime\"\r\n                                @input=\"updateClipsValue()\" autocomplete=\"off\" :placeholder=\"placeholder\" />\r\n                            <p :class=\"clip.errorMessage.endTime.class\"\r\n                                style=\"font-size: 11px; margin-top: 5px; margin-bottom: 0;\">\r\n                                {{ clip.errorMessage.endTime.displayText }}\r\n                            </p>\r\n                        </td>\r\n                        <td class=\"p-3\">\r\n                            <input v-model=\"clip.clipURL\" @input=\"updateClipsValue()\" type=\"text\"\r\n                                :class=\"clip.class.clipURL\" id=\"clipLink\" autocomplete=\"off\"\r\n                                placeholder=\"Enter Clip URL\" />\r\n                            <p :class=\"clip.errorMessage.clipURL.class\"\r\n                                style=\"font-size: 11px; margin-top: 5px; margin-bottom: 0;\">\r\n                                {{ clip.errorMessage.clipURL.displayText }}\r\n                            </p>\r\n                        </td>\r\n                        <td class=\"p-3\">\r\n                            <div class=\"delete-button d-flex justify-content-end align-items-start gap-2\"\r\n                                style=\"padding-top: 2px;\">\r\n                                <MDBBtn color=\"primary\" size=\"sm\" @click=\"removeClip(index)\"\r\n                                    :disabled=\"clipList.length === 1\">\r\n                                    <MDBIcon icon=\"trash\" class=\"fas fa-fw py-1\" />\r\n                                </MDBBtn>\r\n                                <MDBBtn color=\"primary\" size=\"sm\" @click=\"duplicateClip(index)\">\r\n                                    <MDBIcon icon=\"clone\" class=\"fas fa-fw py-1\" />\r\n                                </MDBBtn>\r\n                            </div>\r\n                        </td>\r\n                    </tr>\r\n                </tbody>\r\n            </table>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script setup>\r\nimport { defineEmits, computed } from \"vue\";\r\nimport { MDBBtn, MDBIcon } from \"mdb-vue-ui-kit\";\r\nimport { storeToRefs } from \"pinia\";\r\nimport { useYoutubeStore } from \"@/store/youtubeStore\";\r\n\r\nconst youtubeStore = useYoutubeStore();\r\nconst { youtubeVideo, clipList, youtubeVideoDuration } = storeToRefs(youtubeStore);\r\n\r\nconst youtubeVideoIframe = computed(() => `https://www.youtube.com/embed/${youtubeVideo.value.id}?rel=0&color=white&disablekb=1&modestbranding=1&cc_load_policy=1`);\r\n\r\nconst emit = defineEmits(['update:clips']);\r\n\r\nconst updateClipsValue = () => {\r\n    emit('update:clips', clipList.value);\r\n};\r\n\r\nconst removeClip = (index) => {\r\n    emit('deleteClip', index);\r\n};\r\n\r\nconst duplicateClip = (index) => {\r\n    emit('copyClip', index);\r\n};\r\nconst placeholder = computed(() => {\r\n    return youtubeStore.hasHour(youtubeVideoDuration.value) ? 'HH:MM:SS' : 'MM:SS';\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.clips-container {\r\n    display: flex;\r\n    width: fit-content;\r\n}\r\n\r\n.time-input {\r\n    width: fit-content;\r\n}\r\n\r\n.clip-time {\r\n    display: flex;\r\n}\r\n\r\n.clipTitleLink {\r\n    width: 45%;\r\n}\r\n\r\n.delete-button {\r\n    width: fit-content;\r\n}\r\n\r\n.container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: 100%;\r\n}\r\n\r\n.table-container {\r\n    max-height: calc(100vh - 80px);\r\n    overflow-y: auto;\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.video-container {\r\n    display: flex;\r\n    justify-content: center;\r\n}\r\n\r\n.responsive-iframe {\r\n    margin: auto 0;\r\n}\r\n\r\n@media screen and (max-width: 767px) {\r\n    .video-container {\r\n        width: 100%;\r\n        height: 25vh;\r\n        display: flex;\r\n        justify-content: center;\r\n    }\r\n\r\n    .responsive-iframe {\r\n        width: 100%;\r\n        height: 100%;\r\n        margin: auto 0;\r\n    }\r\n\r\n    .clips-container {\r\n        display: block;\r\n    }\r\n\r\n    .time-input {\r\n        width: 100%;\r\n    }\r\n\r\n    .clip-time {\r\n        display: flex;\r\n    }\r\n\r\n    .clipTitleLink {\r\n        width: 100%;\r\n    }\r\n\r\n    .delete-button {\r\n        width: 100%;\r\n    }\r\n}\r\n\r\n@media screen and (max-width: 515px) {\r\n    .clip-time {\r\n        display: block;\r\n    }\r\n}\r\n</style>\r\n","import script from \"./NewClaimInputClipsNew.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./NewClaimInputClipsNew.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./NewClaimInputClipsNew.vue?vue&type=style&index=0&id=3e6288ce&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-3e6288ce\"]])\n\nexport default __exports__","<template>\r\n    <VVVLayoutNew>\r\n        <template #page-title>\r\n            New Claim\r\n        </template>\r\n        <div class=\"backdrop\" v-if=\"isLoading\">\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        <template v-else>\r\n            <MDBCard class=\"shadow-0\" style=\"flex: 1 1 auto; overflow: hidden;\">\r\n                <MDBCardHeader class=\"d-flex align-items-center justify-content-between px-0\">\r\n                    <div class=\"stepper-container d-flex justify-content-start align-items-center\">\r\n                        <ul class=\"stepper\" data-mdb-stepper-init style=\"font-size: 13px;\">\r\n                            <li :class=\"stepper1Class\" @click=\"stepCounter = 1\" style=\"max-height: 7vh;\">\r\n                                <div class=\"stepper-head\" style=\"height: 7vh;\">\r\n                                    <span class=\"stepper-head-icon\">1</span>\r\n                                    <span class=\"stepper-head-text fw-bold\">Step 1</span>\r\n                                </div>\r\n                            </li>\r\n                            <li :class=\"stepper2Class\" @click=\"validateStepOne()\" style=\"max-height: 7vh;\">\r\n                                <div class=\"stepper-head\" style=\"height: 7vh;\">\r\n                                    <span class=\"stepper-head-icon\">2</span>\r\n                                    <span class=\"stepper-head-text fw-bold\">Step 2</span>\r\n                                </div>\r\n                            </li>\r\n                        </ul>\r\n                    </div>\r\n                    <router-link to=\"/bulk-claims\" custom v-slot=\"{ href, navigate }\">\r\n                        <MDBBtn class=\"py-2\" color=\"primary\" size=\"sm\" tag=\"a\" :href=\"href\" @click.stop=\"navigate\" style=\"font-weight: bold;\">\r\n                            <vue-feather type=\"file-plus\" :stroke-width=\"2.5\" style=\"height: 1.1rem;\" />\r\n                            Try Bulk Claims!\r\n                        </MDBBtn>\r\n                    </router-link>\r\n                </MDBCardHeader>\r\n                <MDBCardBody class=\"px-0 overflow-auto pe-3\">\r\n                    <template v-if=\"stepCounter === 1\">\r\n                        <NewClaimYouTubeUrlInputNew />\r\n                    </template>\r\n                    <template v-else>\r\n                        <NewClaimInputClipsNew @deleteClip=\"removeClip\" @copyClip=\"duplicateClip\" />\r\n                    </template>\r\n                </MDBCardBody>\r\n                <MDBCardFooter\r\n                    class=\"d-flex flex-md-row flex-column justify-content-end align-items-center py-3 gap-3 w-100\">\r\n                    <template v-if=\"stepCounter === 1\">\r\n                        <MDBBtn class=\"fw-bold\" color=\"primary\" size=\"sm\" @click=\"validateStepOne()\">\r\n                            Next Step\r\n                            <vue-feather type=\"arrow-right\" :stroke-width=\"2.5\" style=\"height: 1.2rem;\" />\r\n                        </MDBBtn>\r\n                    </template>\r\n                    <template v-else>\r\n                        <MDBBtn class=\"fw-bold\" size=\"sm\" @click=\"stepCounter--\" style=\"display: flex;align-items: center;\">\r\n                            <vue-feather type=\"arrow-left\" :stroke-width=\"2.5\" style=\"height: 1.2rem;\" />\r\n                            Previous Step\r\n                        </MDBBtn>\r\n                        <MDBBtn class=\"fw-bold\" color=\"primary\" size=\"sm\" @click=\"addNewClip(null, null)\">\r\n                            Add More\r\n                            <vue-feather type=\"plus\" :stroke-width=\"2.5\" style=\"height: 1.2rem;\" />\r\n                        </MDBBtn>\r\n                        <MDBBtn class=\"fw-bold\" color=\"primary\" size=\"sm\" @click=\"submitNewClaim()\">\r\n                            <template v-if=\"loading\">\r\n                                Processing\r\n                                <vue-feather type=\"loader\" animation=\"spin\" animation-speed=\"slow\" style=\"height: 1.2rem;\" />\r\n                            </template>\r\n                            <template v-else>\r\n                                Confirm\r\n                                <vue-feather type=\"check\" :stroke-width=\"2.5\" style=\"height: 1.2rem;\" />\r\n                            </template>\r\n                        </MDBBtn>\r\n                    </template>\r\n                </MDBCardFooter>\r\n            </MDBCard>\r\n        </template>\r\n        <MDBToast v-model=\"errorToast\" :delay=\"2000\" autohide position=\"top-right\" appendToBody stacking width=\"350px\"\r\n            color=\"danger\" text=\"white\" icon=\"fas fa-check fa-lg me-2\">\r\n            <template #title> Error </template>\r\n            {{ errorToastMessage }}\r\n        </MDBToast>\r\n    </VVVLayoutNew>\r\n</template>\r\n\r\n<script setup>\r\nimport { ref, onMounted, watch } from \"vue\";\r\nimport VVVLayoutNew from \"@/views/VVVNew/VVVLayoutNew.vue\";\r\nimport NewClaimYouTubeUrlInputNew from \"@/views/VVVNew/NewClaimNew/NewClaimYouTubeUrlInputNew\";\r\nimport NewClaimInputClipsNew from \"@/views/VVVNew/NewClaimNew/NewClaimInputClipsNew\";\r\nimport { MDBCard, MDBCardHeader, MDBCardBody, MDBCardFooter, MDBBtn, MDBToast } from \"mdb-vue-ui-kit\";\r\nimport { isYouTubeUrl, fetchVideoDetails } from \"@/helpers/youtubeScraper\";\r\nimport thumbnailImg from \"@/assets/VVV/images/sample-yt-thumbnail.png\";\r\nimport { useTitle, useEventListener } from \"@vueuse/core\";\r\nimport { storeToRefs } from \"pinia\";\r\nimport { useRouter, onBeforeRouteLeave } from \"vue-router\";\r\nimport { useUserDetailStore } from \"@/store/userDetailStore\";\r\nimport { useYoutubeStore } from \"@/store/youtubeStore\";\r\nimport VueFeather from 'vue-feather';\r\n\r\nconst router = useRouter();\r\nconst userDetailStore = useUserDetailStore();\r\nconst { userDetail } = storeToRefs(userDetailStore);\r\nconst youtubeStore = useYoutubeStore();\r\nconst { youtubeVideo, ifHasUnsavedChanges, clipList, isAdded, youtubeVideoDuration } = storeToRefs(youtubeStore);\r\nconst isLoading = ref(true);\r\n\r\nonMounted(() => {\r\n    watch(userDetail, (newUserDetail) => {\r\n        isLoading.value = false;\r\n        useTitle(\"Loading | Very Viral Videos\");\r\n        if (newUserDetail.id === 1 || newUserDetail.id === 4) {\r\n            router.push(\"/claims-list\");\r\n            return;\r\n        }\r\n        useTitle(\"New Claim | Very Viral Videos\");\r\n    });\r\n});\r\n\r\nconst stepCounter = ref(1);\r\nconst stepper1Class = ref('stepper-step stepper-active');\r\nconst stepper2Class = ref('stepper-step');\r\n\r\nwatch(stepCounter, (step) => {\r\n    if (step === 1) {\r\n        stepper1Class.value = 'stepper-step stepper-active';\r\n        stepper2Class.value = 'stepper-step';\r\n    } else {\r\n        stepper1Class.value = 'stepper-step';\r\n        stepper2Class.value = 'stepper-step stepper-active';\r\n    }\r\n});\r\n\r\nconst errorToast = ref(false);\r\nconst errorToastMessage = ref(\"Error\");\r\n\r\n\r\n\r\nconst validateStepOne = async () => {\r\n    if (youtubeVideo.value.url != '') {\r\n        if (!isYouTubeUrl(youtubeVideo.value.url)) {\r\n            errorToastMessage.value = \"Enter a valid YouTube URL.\";\r\n            errorToast.value = true;\r\n        } else {\r\n            try {\r\n                const videoDetails = await fetchVideoDetails(youtubeVideo.value.url);\r\n                youtubeVideoDuration.value = videoDetails.duration;\r\n                stepCounter.value++;\r\n            } catch (error) {\r\n                errorToastMessage.value = \"Failed to fetch video details.\";\r\n                errorToast.value = true;\r\n            }\r\n        }\r\n    } else {\r\n        errorToastMessage.value = \"Enter a YouTube URL to proceed to the next step.\";\r\n        errorToast.value = true;\r\n    }\r\n};\r\n\r\n\r\n\r\nconst minuteSecondRegex = /^([0-5][0-9]):([0-5][0-9])$/; // mm:ss\r\nconst hourMinuteSecondRegex = /^([0-1][0-9]|2[0-3]):([0-5][0-9]):([0-5][0-9])$/; // hh:mm:ss\r\n\r\nconst isValidTime = (videoDuration, inputTime) => {\r\n    const hasHourComponent = videoDuration.split(\":\").length === 3;\r\n    return hasHourComponent ? hourMinuteSecondRegex.test(inputTime) : minuteSecondRegex.test(inputTime);\r\n};\r\n\r\n\r\nconst addNewClip = (clipToCopy = null, index = null) => {\r\n    const newClip = clipToCopy\r\n        ? JSON.parse(JSON.stringify(clipToCopy))\r\n        : {\r\n            startTime: '',\r\n            endTime: '',\r\n            clipURL: '',\r\n            clipThumbnail: thumbnailImg,\r\n            description: '',\r\n            class: {\r\n                clipTitle: 'form-control',\r\n                startTime: 'form-control',\r\n                endTime: 'form-control',\r\n                clipURL: 'form-control'\r\n            },\r\n            errorMessage: {\r\n                clipTitle: { class: 'd-none', displayText: '' },\r\n                startTime: { class: 'd-none', displayText: '' },\r\n                endTime: { class: 'd-none', displayText: '' },\r\n                clipURL: { class: 'd-none', displayText: '' }\r\n            }\r\n        };\r\n\r\n    if (index !== null) {\r\n        clipList.value = [\r\n            ...clipList.value.slice(0, index + 1),\r\n            newClip,\r\n            ...clipList.value.slice(index + 1)\r\n        ];\r\n    } else {\r\n        clipList.value = [...clipList.value, newClip];\r\n    }\r\n};\r\n\r\nconst removeClip = (index) => {\r\n    clipList.value = clipList.value.filter((_, i) => i !== index);\r\n};\r\n\r\nconst duplicateClip = (index) => {\r\n    const clipToCopy = clipList.value[index];\r\n    addNewClip(clipToCopy, index);\r\n};\r\n\r\nconst isValidUrl = (url) => {\r\n    const urlPattern = /^(https?:\\/\\/)?(www\\.)?([a-zA-Z\\d-]+\\.)+[a-zA-Z]{2,}(\\/.+)?$/;\r\n    return urlPattern.test(url);\r\n};\r\n\r\nconst loading = ref(false);\r\nconst submitNewClaim = async () => {\r\n    const hasError = ref(false);\r\n\r\n    clipList.value.forEach((clip, index) => {\r\n        clip.class.clipTitle = clip.clipTitle ? 'form-control' : 'form-control border border-danger border-3';\r\n        clip.errorMessage.clipTitle.class = clip.clipTitle ? 'd-none' : 'd-block text-danger';\r\n        clip.errorMessage.clipTitle.displayText = clip.clipTitle ? '' : 'Empty clip title';\r\n        const youtubeDuration = youtubeVideoDuration.value;\r\n\r\n        if (isValidTime(youtubeDuration, clip.startTime) && isValidTime(youtubeDuration, clip.endTime)) {\r\n            const startTimeMinutes = youtubeStore.convertToMinutes(clip.startTime);\r\n            const endTimeMinutes = youtubeStore.convertToMinutes(clip.endTime);\r\n\r\n            if (startTimeMinutes < endTimeMinutes) {\r\n                clip.class.startTime = clip.class.endTime = 'form-control';\r\n                clip.errorMessage.startTime.class = clip.errorMessage.endTime.class = 'd-none';\r\n                clip.errorMessage.startTime.displayText = clip.errorMessage.endTime.displayText = '';\r\n\r\n                if (startTimeMinutes <= youtubeStore.convertToMinutes(youtubeDuration) || endTimeMinutes < youtubeStore.convertToMinutes(youtubeDuration)) {\r\n                    clip.class.startTime = clip.class.endTime = 'form-control';\r\n                    clip.errorMessage.startTime.class = clip.errorMessage.endTime.class = 'd-none';\r\n                    clip.errorMessage.startTime.displayText = clip.errorMessage.endTime.displayText = '';\r\n                } else {\r\n                    clip.class.startTime = clip.class.endTime = 'form-control border border-danger border-3';\r\n                    clip.errorMessage.startTime.class = clip.errorMessage.endTime.class = 'd-block text-danger';\r\n                    clip.errorMessage.startTime.displayText = clip.errorMessage.endTime.displayText = 'Invalid clip duration';\r\n                    errorToastMessage.value = `Clip ${index + 1}: Clip duration must not exceed the youtube video duration.`;\r\n                    errorToast.value = true;\r\n                    hasError.value = true;\r\n                }\r\n            } else {\r\n                clip.class.startTime = clip.class.endTime = 'form-control border border-danger border-3';\r\n                clip.errorMessage.startTime.class = clip.errorMessage.endTime.class = 'd-block text-danger';\r\n                clip.errorMessage.startTime.displayText = clip.errorMessage.endTime.displayText = 'Invalid time sequence';\r\n                errorToastMessage.value = `Clip ${index + 1}: Start time must be before end time.`;\r\n                errorToast.value = true;\r\n                hasError.value = true;\r\n            }\r\n        } else {\r\n            clip.class.startTime = isValidTime(youtubeDuration, clip.startTime) ? 'form-control' : 'form-control border border-danger border-3';\r\n            clip.errorMessage.startTime.class = isValidTime(youtubeDuration, clip.startTime) ? 'd-none' : 'd-block text-danger';\r\n            clip.errorMessage.startTime.displayText = isValidTime(youtubeDuration, clip.startTime) ? '' : 'Invalid time format';\r\n            clip.class.endTime = isValidTime(youtubeDuration, clip.endTime) ? 'form-control' : 'form-control border border-danger border-3';\r\n            clip.errorMessage.endTime.class = isValidTime(youtubeDuration, clip.endTime) ? 'd-none' : 'd-block text-danger';\r\n            clip.errorMessage.endTime.displayText = isValidTime(youtubeDuration, clip.endTime) ? '' : 'Invalid time format';\r\n            if (!isValidTime(youtubeDuration, clip.startTime) || !isValidTime(youtubeDuration, clip.endTime)) {\r\n                errorToastMessage.value = `Clip ${index + 1}: Enter a valid time in ${youtubeStore.hasHour(youtubeDuration) ? 'HH:MM:SS' : 'MM:SS'} format.`;\r\n                errorToast.value = true;\r\n                hasError.value = true;\r\n            }\r\n        }\r\n\r\n        clip.class.clipURL = isValidUrl(clip.clipURL) ? 'form-control' : 'form-control border border-danger border-3';\r\n        clip.errorMessage.clipURL.class = clip.clipURL !== null ? 'd-none' : 'd-block text-danger';\r\n        clip.errorMessage.clipURL.displayText = clip.clipURL !== null ? '' : 'Enter a Clip URL';\r\n        if (!isValidUrl(clip.clipURL)) {\r\n            clip.errorMessage.clipURL.class = 'd-block text-danger';\r\n            clip.errorMessage.clipURL.displayText = 'Invalid Clip URL';\r\n            errorToastMessage.value = `Clip ${index + 1}: Enter a valid Clip URL.`;\r\n            errorToast.value = true;\r\n            hasError.value = true;\r\n        }\r\n\r\n        if (!clip.clipTitle || !clip.clipURL || !clip.startTime || !clip.endTime) {\r\n            errorToastMessage.value = `Clip ${index + 1}: All fields are required.`;\r\n            errorToast.value = true;\r\n            hasError.value = true;\r\n        }\r\n    });\r\n\r\n    if (!hasError.value) {\r\n        loading.value = true;\r\n        const submitResponse = await youtubeStore.submitVideo();\r\n        if (submitResponse) {\r\n            isAdded.value = true;\r\n            youtubeStore.resetYoutubeVideo();\r\n            youtubeStore.resetYoutubeChannel();\r\n            youtubeStore.resetClipList();\r\n            loading.value = false;\r\n            router.push(\"/claims-list\");\r\n        } else {\r\n            errorToastMessage.value = \"Failed to submit!\";\r\n            errorToast.value = true;\r\n            loading.value = false;\r\n        }\r\n    }\r\n};\r\n\r\nuseEventListener(window, \"beforeunload\", () => {\r\n    youtubeStore.resetYoutubeVideo();\r\n    youtubeStore.resetYoutubeChannel();\r\n    youtubeStore.resetClipList();\r\n});\r\n\r\nonBeforeRouteLeave((_to, _from, next) => {\r\n    if (!ifHasUnsavedChanges.value) {\r\n        next();\r\n    } else {\r\n        const answer = window.confirm('Do you really want to leave? You have unsaved changes!');\r\n        if (answer) {\r\n            youtubeStore.resetYoutubeVideo();\r\n            youtubeStore.resetYoutubeChannel();\r\n            youtubeStore.resetClipList();\r\n            next();\r\n        } else {\r\n            next(false);\r\n        }\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    display: flex;\r\n    align-items: center;\r\n    gap: 5px;\r\n}\r\n\r\n.stepper-container {\r\n    width: 40%;\r\n}\r\n\r\n@media screen and (max-width: 767px) {\r\n    .stepper-container {\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: 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 script from \"./NewClaimNew.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./NewClaimNew.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./NewClaimNew.vue?vue&type=style&index=0&id=57852782&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-57852782\"]])\n\nexport default __exports__","import { HttpClient } from \"../HttpClient\";\r\n/**\r\n * * Post Claims List\r\n */\r\nexport const PostClaimsList = async (claimsList) => {\r\n  try {\r\n    const { data } = await HttpClient.post(\"api/contents/ClaimsList\", {\r\n      ...claimsList,\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","import { HttpClient } from \"../HttpClient\";\r\n/**\r\n * * Post Youtube Channel Information\r\n */\r\nexport const PostYoutubeChannelInformation = async (channelInfo) => {\r\n  try {\r\n    const { data } = await HttpClient.post(`api/YoutubeChannelInformation`, {\r\n      ...channelInfo,\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","import { defineStore, storeToRefs } from \"pinia\";\r\nimport { computed, ref } from \"vue\";\r\nimport {\r\n  fetchVideoDetails,\r\n  fetchChannelDetails,\r\n} from \"@/helpers/youtubeScraper\";\r\nimport { PostClaimsList } from \"../services/Contents/PostClaimsList\";\r\nimport { useUserDetailStore } from \"@/store/userDetailStore\";\r\nimport { PostYoutubeChannelInformation } from \"@/services/YoutubeChannelInformation/PostYoutubeChannelInformation\";\r\n\r\nexport const useYoutubeStore = defineStore(\"youtube\", () => {\r\n  const userDetailStore = useUserDetailStore();\r\n  const { userDetail } = storeToRefs(userDetailStore);\r\n\r\n  const youtubeVideo = ref({\r\n    id: \"\",\r\n    url: \"\",\r\n    title: \"\",\r\n    thumbnail: \"\",\r\n    thumbnailWidth: \"\",\r\n    viewCount: null,\r\n    channelId: \"\",\r\n    channelName: \"\",\r\n    channelThumbnail: \"\",\r\n  });\r\n  const youtubeChannelList = ref([]);\r\n  const selectedYoutubeChannelId = ref(\"GetFromVideo\");\r\n  const setYoutubeVideo = async (videoUrl) => {\r\n    const videoResponse = await fetchVideoDetails(videoUrl);\r\n    const channelDetails = await fetchChannelDetails(\r\n      videoResponse.channelId\r\n    );\r\n    youtubeVideo.value = {\r\n      id: videoResponse.videoId,\r\n      url: videoUrl,\r\n      title: videoResponse.title,\r\n      thumbnail: videoResponse.thumbnailUrl,\r\n      thumbnailWidth: videoResponse.thumbnailWidth,\r\n      viewCount: videoResponse.viewCount,\r\n      channelId: videoResponse.channelId,\r\n      channelName: videoResponse.channelTitle,\r\n      channelThumbnail: channelDetails.thumbnail,\r\n    };\r\n  };\r\n  const resetYoutubeVideo = () => {\r\n    youtubeVideo.value = {\r\n      id: \"\",\r\n      url: \"\",\r\n      title: \"\",\r\n      thumbnail: \"\",\r\n      thumbnailWidth: \"\",\r\n      viewCount: null,\r\n      channelId: \"\",\r\n    };\r\n  };\r\n  const resetYoutubeChannel = () => {\r\n    selectedYoutubeChannelId.value = null;\r\n  };\r\n  const resetClipList = () => {\r\n    clipList.value = [\r\n      {\r\n        clipTitle: \"\",\r\n        startTime: \"\",\r\n        endTime: \"\",\r\n        clipURL: \"\",\r\n        description: \"\",\r\n        class: {\r\n          clipTitle: \"form-control\",\r\n          startTime: \"form-control\",\r\n          endTime: \"form-control\",\r\n          clipURL: \"form-control\",\r\n        },\r\n        errorMessage: {\r\n          clipTitle: { class: \"d-none\", displayText: \"\" },\r\n          startTime: { class: \"d-none\", displayText: \"\" },\r\n          endTime: { class: \"d-none\", displayText: \"\" },\r\n          clipURL: { class: \"d-none\", displayText: \"\" },\r\n        },\r\n      },\r\n    ];\r\n  };\r\n  const ifHasUnsavedChanges = computed(\r\n    () =>\r\n      youtubeVideo.value.id !== \"\" ||\r\n      youtubeVideo.value.url !== \"\" ||\r\n      youtubeVideo.value.title !== \"\" ||\r\n      youtubeVideo.value.thumbnail !== \"\" ||\r\n      youtubeVideo.value.thumbnailWidth !== \"\" ||\r\n      youtubeVideo.value.viewCount !== null\r\n  );\r\n  const clipList = ref([\r\n    {\r\n      clipTitle: \"\",\r\n      startTime: \"\",\r\n      endTime: \"\",\r\n      clipURL: \"\",\r\n      description: \"\",\r\n      class: {\r\n        clipTitle: \"form-control\",\r\n        startTime: \"form-control\",\r\n        endTime: \"form-control\",\r\n        clipURL: \"form-control\",\r\n      },\r\n      errorMessage: {\r\n        clipTitle: { class: \"d-none\", displayText: \"\" },\r\n        startTime: { class: \"d-none\", displayText: \"\" },\r\n        endTime: { class: \"d-none\", displayText: \"\" },\r\n        clipURL: { class: \"d-none\", displayText: \"\" },\r\n      },\r\n    },\r\n  ]);\r\n  const getChannelNameFromSelection = computed(() => {\r\n    return youtubeChannelList.value.find(\r\n      (channel) => channel.channelId == selectedYoutubeChannelId.value\r\n    );\r\n  });\r\n  const submitVideo = async () => {\r\n    const parseClipList = clipList.value.map((claim) => {\r\n      return {\r\n        TimeStamp: `${claim.startTime}-${claim.endTime}`,\r\n        clipLink: claim.clipURL,\r\n        clipTitle: claim.clipTitle,\r\n      };\r\n    });\r\n    const postBody = {\r\n      youtubeChannel:\r\n        selectedYoutubeChannelId.value == \"GetFromVideo\"\r\n          ? youtubeVideo.value.channelName\r\n          : getChannelNameFromSelection.value.name,\r\n      youtubeUrl: youtubeVideo.value.url,\r\n      AssetLabel: userDetail.value.assetLabelName,\r\n      claims: parseClipList,\r\n    };\r\n    const submitResponse = await PostClaimsList(postBody);\r\n    if (submitResponse) {\r\n      if (selectedYoutubeChannelId.value == \"GetFromVideo\") {\r\n        await PostYoutubeChannelInformation({\r\n          channelId: youtubeVideo.value.channelId,\r\n          name: youtubeVideo.value.channelName,\r\n          thumbnail: youtubeVideo.value.channelThumbnail,\r\n        });\r\n      }\r\n      return true;\r\n    } else {\r\n      return false;\r\n    }\r\n  };\r\n  const isAdded = ref(false);\r\n  const youtubeVideoDuration = ref(null);\r\n  const convertToMinutes = (timeString) => {\r\n    const parts = timeString.split(\":\").map(Number);\r\n    let totalMinutes = 0;\r\n\r\n    if (parts.length === 3) {\r\n      const [hours, minutes, seconds] = parts;\r\n      totalMinutes = hours * 60 + minutes + seconds / 60;\r\n    } else if (parts.length === 2) {\r\n      const [minutes, seconds] = parts;\r\n      totalMinutes = minutes + seconds / 60;\r\n    } else if (parts.length === 1) {\r\n      const [seconds] = parts;\r\n      totalMinutes = seconds / 60;\r\n    }\r\n\r\n    return totalMinutes;\r\n  };\r\n  const hasHour = (videoDuration) => {\r\n    return videoDuration.split(\":\").length === 3;\r\n  };\r\n  return {\r\n    youtubeVideo,\r\n    youtubeChannelList,\r\n    selectedYoutubeChannelId,\r\n    setYoutubeVideo,\r\n    resetYoutubeVideo,\r\n    resetYoutubeChannel,\r\n    resetClipList,\r\n    ifHasUnsavedChanges,\r\n    clipList,\r\n    submitVideo,\r\n    isAdded,\r\n    youtubeVideoDuration,\r\n    convertToMinutes,\r\n    hasHour,\r\n  };\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!./NewClaimInputClipsNew.vue?vue&type=style&index=0&id=3e6288ce&scoped=true&lang=css\"","import axios from \"axios\";\r\n\r\nconst apiKey = \"AIzaSyAHfRRvUqf-L2nT4nFFRVc1OyneC4D3-nE\"; // To be moved to environment variable\r\n\r\nexport const isYouTubeUrl = (url) => {\r\n  const youtubePattern = /^(https?:\\/\\/)?(www\\.)?(youtube\\.com|youtu\\.be)\\/.+$/;\r\n  return youtubePattern.test(url);\r\n};\r\n\r\nexport const extractVideoId = (url) => {\r\n  try {\r\n    const urlObj = new URL(url);\r\n    const hostname = urlObj.hostname.toLowerCase();\r\n\r\n    if (hostname === \"youtu.be\") {\r\n      return urlObj.pathname.substring(1);\r\n    }\r\n\r\n    if (hostname === \"youtube.com\" || hostname === \"www.youtube.com\") {\r\n      const videoId = urlObj.searchParams.get(\"v\");\r\n      if (videoId) return videoId;\r\n    }\r\n  } catch (error) {\r\n    const videoIdPattern =\r\n      // eslint-disable-next-line no-useless-escape\r\n      /(?:https?:\\/\\/)?(?:www\\.)?(?:youtube\\.com\\/(?:[^\\/\\n\\s]+\\/\\S+\\/|(?:v|e(?:mbed)?)\\/|\\S*?[?&]v=)|youtu\\.be\\/)([a-zA-Z0-9_-]{11})/;\r\n    const match = url.match(videoIdPattern);\r\n    return match ? match[1] : null;\r\n  }\r\n\r\n  // Return null if no method succeeds\r\n  return null;\r\n};\r\n\r\nexport const fetchVideoDetails = async (videoUrl) => {\r\n  if (!isYouTubeUrl(videoUrl)) {\r\n    console.error(\"Invalid YouTube URL\");\r\n    return;\r\n  }\r\n  const videoId = extractVideoId(videoUrl);\r\n  if (!videoId) {\r\n    console.error(\"Invalid YouTube URL\");\r\n    return false;\r\n  }\r\n  const url = `https://www.googleapis.com/youtube/v3/videos?part=snippet,contentDetails,statistics&id=${videoId}&key=${apiKey}`;\r\n\r\n  try {\r\n    const response = await axios.get(url);\r\n    const videoDetails = response.data.items[0];\r\n\r\n    const title = videoDetails.snippet.title;\r\n    const channelTitle = videoDetails.snippet.channelTitle;\r\n    const channelId = videoDetails.snippet.channelId;\r\n    const thumbnailUrl = videoDetails.snippet.thumbnails.high.url;\r\n    const thumbnailWidth = videoDetails.snippet.thumbnails.high.width;\r\n    const duration = convertYTVideoDuration(\r\n      videoDetails.contentDetails.duration\r\n    );\r\n    const viewCount = formatCount(videoDetails.statistics.viewCount);\r\n\r\n    return await Promise.resolve({\r\n      videoId,\r\n      title,\r\n      channelTitle,\r\n      channelId,\r\n      thumbnailUrl,\r\n      thumbnailWidth,\r\n      duration,\r\n      viewCount,\r\n    });\r\n  } catch (err) {\r\n    return Promise.reject(err);\r\n  }\r\n};\r\n\r\nexport const fetchChannelDetails = async (channelId) => {\r\n  const url = `https://www.googleapis.com/youtube/v3/channels?part=snippet,statistics&id=${channelId}&key=${apiKey}`;\r\n\r\n  try {\r\n    const response = await axios.get(url);\r\n    const channelDetails = response.data.items[0];\r\n    const id = channelDetails.id;\r\n    const title = channelDetails.snippet.title;\r\n    const thumbnail = channelDetails.snippet.thumbnails.default.url;\r\n    const subscriberCount = formatCount(\r\n      channelDetails.statistics.subscriberCount\r\n    );\r\n\r\n    return await Promise.resolve({\r\n      id,\r\n      title,\r\n      thumbnail,\r\n      subscriberCount,\r\n    });\r\n  } catch (err) {\r\n    return Promise.reject(err);\r\n  }\r\n};\r\n\r\nconst formatCount = (subscriberCount) => {\r\n  if (subscriberCount >= 1000000) {\r\n    return (subscriberCount / 1000000).toFixed(1) + \"M\";\r\n  } else if (subscriberCount >= 1000) {\r\n    return (subscriberCount / 1000).toFixed(1) + \"K\";\r\n  } else {\r\n    return subscriberCount.toString();\r\n  }\r\n};\r\n\r\nconst convertYTVideoDuration = (duration) => {\r\n  let hours = 0,\r\n    minutes = 0,\r\n    seconds = 0;\r\n\r\n  const hoursMatch = duration.match(/(\\d+)H/);\r\n  const minutesMatch = duration.match(/(\\d+)M/);\r\n  const secondsMatch = duration.match(/(\\d+)S/);\r\n\r\n  if (hoursMatch) hours = parseInt(hoursMatch[1]);\r\n  if (minutesMatch) minutes = parseInt(minutesMatch[1]);\r\n  if (secondsMatch) seconds = parseInt(secondsMatch[1]);\r\n\r\n  const pad = (num) => num.toString().padStart(2, \"0\");\r\n\r\n  let formattedDuration;\r\n  if (hours > 0) {\r\n    formattedDuration = `${pad(hours)}:${pad(minutes)}:${pad(seconds)}`;\r\n  } else if (minutes > 0) {\r\n    formattedDuration = `${pad(minutes)}:${pad(seconds)}`;\r\n  } else {\r\n    formattedDuration = `${seconds}`;\r\n  }\r\n\r\n  return formattedDuration;\r\n};\r\n\r\nexport const fetchChannelIdFromUrl = async (youtubeChannelUrl) => {\r\n  const url = `https://www.googleapis.com/youtube/v3/search?part=snippet&q=${youtubeChannelUrl}&type=channel&key=${apiKey}`;\r\n\r\n  try {\r\n    const response = await axios.get(url);\r\n    const channel = response.data.items[0];\r\n\r\n    if (channel) {\r\n      return channel.id.channelId;\r\n    } else {\r\n      console.error(\"Channel not found for the provided username.\");\r\n      return null;\r\n    }\r\n  } catch (error) {\r\n    console.error(\"Error fetching channel ID:\", error);\r\n    return [];\r\n  }\r\n};\r\n\r\nexport const fetchChannelDetailsDirectly = async (youtubeChannelUrl) => {\r\n  const channelId = await fetchChannelIdFromUrl(youtubeChannelUrl);\r\n\r\n  if (!channelId) {\r\n    console.error(\"Channel ID could not be found.\");\r\n    return null;\r\n  }\r\n\r\n  const url = `https://www.googleapis.com/youtube/v3/channels?part=snippet,statistics&id=${channelId}&key=${apiKey}`;\r\n\r\n  try {\r\n    const response = await axios.get(url);\r\n    const channelData = response.data.items[0];\r\n\r\n    const channelDetails = {\r\n      channelId: channelData.id,\r\n      channelName: channelData.snippet.title,\r\n      thumbnail: channelData.snippet.thumbnails.default.url,\r\n      subscriberCount: formatCount(channelData.statistics.subscriberCount),\r\n      channelUsername: channelData.snippet.customUrl,\r\n    };\r\n\r\n    return channelDetails;\r\n  } catch (error) {\r\n    console.error(\"Error fetching channel details:\", error);\r\n    throw error;\r\n  }\r\n};\r\n\r\nexport const fetchChannelDetailsBatch = async (channelIds) => {\r\n  const url = `https://www.googleapis.com/youtube/v3/channels?part=snippet,statistics&id=${channelIds.join(\r\n    \",\"\r\n  )}&key=${apiKey}`;\r\n\r\n  try {\r\n    const response = await axios.get(url);\r\n    if (!response.data.items || response.data.items.length === 0) {\r\n      return [];\r\n    }\r\n    return response.data.items.map((channel) => ({\r\n      channelId: channel.id,\r\n      channelName: channel.snippet.title,\r\n      thumbnail: channel.snippet.thumbnails.default.url,\r\n      subscriberCount: formatCount(channel.statistics.subscriberCount),\r\n      channelUsername: channel.snippet.customUrl,\r\n    }));\r\n  } catch (error) {\r\n    console.error(\"Error in batch fetching channel details:\", error);\r\n    return [];\r\n  }\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!./NewClaimNew.vue?vue&type=style&index=0&id=57852782&scoped=true&lang=css\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjcyN0JEM0Y1MTRGMTFFNTg4ODhDQjM0RDhDRDk0RDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjcyN0JENDA1MTRGMTFFNTg4ODhDQjM0RDhDRDk0RDkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNzI3QkQzRDUxNEYxMUU1ODg4OENCMzREOENEOTREOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCNzI3QkQzRTUxNEYxMUU1ODg4OENCMzREOENEOTREOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps6CkAwAAAUfSURBVHja3Jp5bFVFFManRKFsFRBFSCXsSYms0QRBeYkmLBot+xIQAkGkQEkUJCFpQGkIAYGoZVP+IKQQooFAWUsISwEF/EdWIWIIYUkqCIUWKYRi/Y79Gq639747M/feopzklyZ982bOd2fmzJlzX8qsnFz1f7YvcnP++VtHPSX2TIR9NQF9SVfQGrwIGvLzP8F1cBmcAodBEbj9XxBSDwwDY0EfcBQcBCvAr+B3cJdtG4EWoBPoDKaCfPAj/24CD2pbSH2QBT4GZ8E6MASUJ/nOLXIOFICF7GcQGA8WgWVgVUA/nmazRwaC01xC74MBYKPN4PzORvbxHniTfQ+Mc0ZS+cT6g2mgMOL9+jMYTFGyNPeAT8D9KGekBTdnc9AjBhFOK+QYMtYPHDsSIe3AEbAdjACltRBNSzlWAcduG3ZppYN9XFJ5hnsvgw9BlmQx175pqJ3P7+zn/rlqI6QB2AbWGooYy4iU7vp/BfgOzGRY1rWveUaJL2+Ae6ZL60vwG5+Krs3mmZDu89DGcN03s5iZC+Ar0z3yDngbfGgwWEvwmUa79hRsapPBW/RNS0gqp1NC7B2DgUbygNOxcRZC7tCnPPoYKCSLG9M0xPYynL02lqH5FH1MKqQeN+PnFoO0NWxvI0TRt1nuWXELGcbc6YRl/mViDS2FiG9nwNBkQj5guLWxFMP2f4U4MNfSV08hEqt78zS1sWLD9jdCCCmgr028hCR4Nyi37Pwnw6z3dAgh5fQ14SVETs1DITrfZNB2e5hLFK2IaUsNIRncRGHS8J0a7SqYwoS1M/S5hpCOvJ6GsSngWkCbuZZR0W2SsnTwEvJSyA2omJ1KGnHS4zNZSp9GNBvVwaK5V/abBsoiGEBm9VXwLvOixtzY68GVCO8sZSxoRFoOqkPnZfO9Br5liCxwPaiVTMOPg71RlYLcQkr59G4afL8R79UfgVauBFKiyjGWg9qzuPC8a6ntArkMFKbW2FFq+pcQOdBeMBCSQUf8cqaEM8771MSk2JAJ5oDFhkLE1z+8NvsFFs90rAFDbZuIluUi3ixNrCMvfjWEnAevaHYywSLbDbIFhnU28fWclxAp9/TV7GR4DJUTqRV3NWifoM81hBQxEUvV6KRnTGWg3prtxMfXnSmVU8htJmKDAjppyoihYpoVHctkRCzxu4/kc/0ns1YqPmtpsEfzk12sNnMTdY/wJmhiOstafOvizrbdQqRgvATMCzmYrelcfyXpXKpcxW2vcLeK0WOAT0d1YxRSGfC5vAnoxlQnsBwkSrNVVWn/OY/PJeTtiEFEacDpXp2rzVAerxr8DiBJPQ4w+XPbQ0aNLJWkqGxgj1RVTbib81zwsDU8Inb6pQd+NoMpS45PBWQ1T3dJ1Zfzxlah6fx1zmo2+xgFLiVpn0Nfputkv267x4xV3k9IuTLP59q6m4g9C17mJS3Ncd48ZB83eScpMZgxETtJJanE69xHqm98e3kQBlXmxeGLJAqTCDWePlwNyjyDTJzqw33xPZ903JbGsTI5duCD0c02i9lhCS9B/WIU0Y9j3OKYWoU/k7T5Pm+C2QyDWwIyAFPrzj5XclNPUZpvdE2FOENzF4ZKCYWFjDo2qUt9freQfR1m37vD3NlNTEqWy3hoSgV/IvhGVf2EQ2L9L+rxTzjKHHds5084EkzFpRCxTj2hn3A4CwgbSFM6J+taXpO1o+PVJZu7FHaRQuUcGm0YimMT4jRxaCupdUuprKxUT4P9LcAA5gMa3Nc5o/wAAAAASUVORK5CYII=\"","module.exports = __webpack_public_path__ + \"img/vvv-loader.6f59db4a.png\";"],"sourceRoot":""}