{"version":3,"sources":["webpack:///./src/services/Users/GetUsers.js","webpack:///./src/views/VVVNew/ClaimsListNew/ClaimsListNew.vue?dd9f","webpack:///./src/services/Contents/GetContentsList.js","webpack:///./src/services/Contents/PostClaimsList.js","webpack:///./src/services/YoutubeChannelInformation/PostYoutubeChannelInformation.js","webpack:///./src/store/youtubeStore.js","webpack:///./src/views/VVVNew/ClaimsListNew/ClaimsListTableRowNew.vue?2e18","webpack:///./src/store/toastStore.js","webpack:///./node_modules/vuejs-paginate-next/dist/vuejs-paginate-next.es.js","webpack:///./src/helpers/youtubeScraper.js","webpack:///./src/views/VVVNew/ClaimsListNew/ClaimsListLegendNew.vue","webpack:///./src/views/VVVNew/ClaimsListNew/ClaimsListLegendNew.vue?14fc","webpack:///./src/services/Contents/PostContent.js","webpack:///./src/services/Contents/PutContent.js","webpack:///./src/services/Contents/GetGoogleSheetData.js","webpack:///./src/services/Contents/GetExportExcel.js","webpack:///./src/views/VVVNew/ClaimsListNew/ClaimsListTableRowNew.vue","webpack:///./src/views/VVVNew/ClaimsListNew/ClaimsListTableRowNew.vue?ec95","webpack:///./src/views/VVVNew/ClaimsListNew/ClaimsListNew.vue","webpack:///./src/views/VVVNew/ClaimsListNew/ClaimsListNew.vue?cc7b","webpack:///./src/assets/user-default.png","webpack:///./src/assets/VVV/vvv-loader.png"],"names":["GetUsers","async","data","HttpClient","get","id","Promise","resolve","err","reject","GetContentsList","searchString","userId","claimStatus","sortColumn","pageNumber","rowsPerPage","assetLabel","params","sortOrder","undefined","PostClaimsList","post","claimsList","PostYoutubeChannelInformation","channelInfo","useYoutubeStore","defineStore","userDetailStore","useUserDetailStore","userDetail","storeToRefs","youtubeVideo","ref","url","title","thumbnail","thumbnailWidth","viewCount","channelId","channelName","channelThumbnail","youtubeChannelList","selectedYoutubeChannelId","setYoutubeVideo","videoResponse","fetchVideoDetails","videoUrl","channelDetails","fetchChannelDetails","value","videoId","thumbnailUrl","channelTitle","resetYoutubeVideo","resetYoutubeChannel","resetClipList","clipList","clipTitle","startTime","endTime","clipURL","description","class","errorMessage","displayText","ifHasUnsavedChanges","computed","getChannelNameFromSelection","find","channel","submitVideo","parseClipList","map","claim","TimeStamp","clipLink","postBody","youtubeChannel","name","youtubeUrl","AssetLabel","assetLabelName","claims","submitResponse","isAdded","youtubeVideoDuration","convertToMinutes","timeString","parts","split","Number","totalMinutes","length","hours","minutes","seconds","hasHour","videoDuration","useToastStore","toastObject","state","message","color","icon","toastStatus","success","fail","_export_sfc","sfc","props","target","__vccOpts","key","val","_sfc_main","innerValue","modelValue","type","pageCount","required","initialPage","default","forcePage","clickHandler","Function","pageRange","marginPages","prevText","String","nextText","breakViewText","containerClass","pageClass","pageLinkClass","prevClass","prevLinkClass","nextClass","nextLinkClass","breakViewClass","breakViewLinkClass","activeClass","disabledClass","noLiSurround","Boolean","firstLastButton","firstButtonText","lastButtonText","hidePrevNext","selected","this","set","newValue","pages","items","index","page","content","halfPageRange","Math","floor","setPageItem","setBreakView","breakView","disabled","i","selectedRangeLow","selectedRangeHigh","methods","$emit","handlePageSelected","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","onClick","$event","selectFirstPage","onKeyup","firstPageSelected","tabindex","innerHTML","prevPage","$slots","lastPageSelected","nextPage","selectLastPage","Paginate","apiKey","isYouTubeUrl","youtubePattern","test","extractVideoId","urlObj","URL","hostname","toLowerCase","pathname","substring","searchParams","error","videoIdPattern","match","console","response","axios","videoDetails","snippet","thumbnails","high","width","duration","convertYTVideoDuration","contentDetails","formatCount","statistics","subscriberCount","toFixed","toString","hoursMatch","minutesMatch","secondsMatch","parseInt","pad","num","padStart","formattedDuration","fetchChannelIdFromUrl","youtubeChannelUrl","fetchChannelDetailsDirectly","channelData","channelUsername","customUrl","fetchChannelDetailsBatch","channelIds","join","legends","text","__exports__","PostContent","PutContent","put","GetGoogleSheetData","GetExportExcel","dateFrom","dateTo","claimant","URLSearchParams","setRowClass","watch","newDetail","isAdmin","contents","immediate","setBadgeColor","convertToHHMM","decimalMinutes","formattedMinutes","isUser","isSuperAdmin","youtubeStore","isAdminOrSuperAdmin","tableHeaders","isEditDisabled","disabledValues","includes","isStatusEditableForDistributor","currentStatus","claimStatuses","options","currentOption","option","remarkOptions","claimStatusFilter","selectedFilter","searchFilter","isLoading","contentsList","contentsListPagination","selectedPageSize","pageSizeFilter","pageSizeValue","fetchContentsList","filterValue","updateClaimStatusRoute","searchFilterValue","updateSearchContentRoute","handleBackspaceContent","event","onMounted","useTitle","toastContentSuccess","getUsers","scrollToTable","nextTick","element","document","getElementById","scrollIntoView","behavior","searchAssetLabel","selectedUserId","pagination","showViewContentModal","selectedContent","viewContent","handlePage","currentPage","preventDefault","form","timeStamp","claimStatusName","dropboxLink","assetId","internalAssetDescription","remarks","notes","dateAdded","dateUpdated","showFormContentModal","toggleAdd","router","push","path","isUpdateContent","newShowFormContentModal","resetForm","searchClaimant","claimantList","claimStatusBreakdown","toastErrorUpdate","toastErrorUpdateMessage","submit","errorMessages","errors","concat","setTimeout","loadBreakdown","capitalizedErrorMessage","charAt","toUpperCase","slice","updateContent","claimantFirstName","claimantLastName","newToastSuccess","toastError","toastSheetSuccess","syncGoogleSheet","userList","userListLoading","toastStore","tableRef","useDebounceFn","searchVal","currentDashboard","isVVV","SearchString","UserTypeId","CurrentDashboard","newSearch","assetLabelList","getAssetLabel","search","selectUser","user","firstName","lastName","updateDistributorRoute","handleBackspaceDistributor","handleBackspaceAssetlabel","selectedAssetlabel","updateAssetLabelRoute","claimantListLoading","getClaimantList","timeStampInput","youtubeChannelInput","toggleUpdate","focus","handleClaimantBackspace","generateReport","generateReportModal","newGenerateReportModal","generateReportToast","generateReportToastType","generateReportToastMessage","showExportToast","extractReport","reportData","validateExportFields","window","open","fields","filledField","Object","values","some","isDateInputValid","Date","useRouter","route","useRoute","query","claimStatusValue","searchContent","searchValue","distributor","then","assetLabelSearch","isMobile","innerWidth","contentInputWidth","distriInputStyle","assetLabelInputStyle","updateResolution","watchEffect","position","zIndex","addEventListener","onBeforeUnmount","removeEventListener","assetLabelListLoading","selectAssetLabel","assetlabel","module","exports"],"mappings":"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","file":"js/chunk-7ca5f2ac.3ba13640.js","sourcesContent":["import { HttpClient } from \"../HttpClient\";\r\n/**\r\n * * Get Users\r\n */\r\nexport const GetUsers = async (id) => {\r\n\ttry {\r\n\t\tconst { data } = await HttpClient.get(`api/users/${id}`);\r\n\t\treturn await Promise.resolve(data);\r\n\t} catch (err) {\r\n\t\treturn Promise.reject(err);\r\n\t}\r\n};\r\n","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!./ClaimsListNew.vue?vue&type=style&index=0&id=6d5363c9&scoped=true&lang=css\"","import { HttpClient } from \"../HttpClient\";\r\n/**\r\n * * Get Contents\r\n */\r\nexport const GetContentsList = async ({\r\n  searchString,\r\n  userId,\r\n  claimStatus,\r\n  sortColumn = \"id\",\r\n  pageNumber = 1,\r\n  rowsPerPage,\r\n  assetLabel,\r\n}) => {\r\n  try {\r\n    const { data } = await HttpClient.get(\"api/contents/list\", {\r\n      params: {\r\n        ...(userId && { userId }),\r\n        pageNumber,\r\n        rowsPerPage,\r\n        assetLabel,\r\n        sortOrder: \"desc\",\r\n        ...(claimStatus !== undefined ? { claimStatus } : {}),\r\n        ...(searchString && { searchString }),\r\n        ...(sortColumn && { sortColumn }),\r\n      },\r\n    });\r\n    return 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 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!./ClaimsListTableRowNew.vue?vue&type=style&index=0&id=19626763&scoped=true&lang=css\"","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","import { openBlock, createElementBlock, normalizeClass, createElementVNode, withKeys, createCommentVNode, Fragment, renderList, renderSlot, createTextVNode, toDisplayString } from \"vue\";\nvar _export_sfc = (sfc, props) => {\n  const target = sfc.__vccOpts || sfc;\n  for (const [key, val] of props) {\n    target[key] = val;\n  }\n  return target;\n};\nconst _sfc_main = {\n  data() {\n    return {\n      innerValue: 1\n    };\n  },\n  props: {\n    modelValue: {\n      type: Number\n    },\n    pageCount: {\n      type: Number,\n      required: true\n    },\n    initialPage: {\n      type: Number,\n      default: 1\n    },\n    forcePage: {\n      type: Number\n    },\n    clickHandler: {\n      type: Function,\n      default: () => {\n      }\n    },\n    pageRange: {\n      type: Number,\n      default: 3\n    },\n    marginPages: {\n      type: Number,\n      default: 1\n    },\n    prevText: {\n      type: String,\n      default: \"Prev\"\n    },\n    nextText: {\n      type: String,\n      default: \"Next\"\n    },\n    breakViewText: {\n      type: String,\n      default: \"\\u2026\"\n    },\n    containerClass: {\n      type: String,\n      default: \"pagination\"\n    },\n    pageClass: {\n      type: String,\n      default: \"page-item\"\n    },\n    pageLinkClass: {\n      type: String,\n      default: \"page-link\"\n    },\n    prevClass: {\n      type: String,\n      default: \"page-item\"\n    },\n    prevLinkClass: {\n      type: String,\n      default: \"page-link\"\n    },\n    nextClass: {\n      type: String,\n      default: \"page-item\"\n    },\n    nextLinkClass: {\n      type: String,\n      default: \"page-link\"\n    },\n    breakViewClass: {\n      type: String\n    },\n    breakViewLinkClass: {\n      type: String\n    },\n    activeClass: {\n      type: String,\n      default: \"active\"\n    },\n    disabledClass: {\n      type: String,\n      default: \"disabled\"\n    },\n    noLiSurround: {\n      type: Boolean,\n      default: false\n    },\n    firstLastButton: {\n      type: Boolean,\n      default: false\n    },\n    firstButtonText: {\n      type: String,\n      default: \"First\"\n    },\n    lastButtonText: {\n      type: String,\n      default: \"Last\"\n    },\n    hidePrevNext: {\n      type: Boolean,\n      default: false\n    }\n  },\n  computed: {\n    selected: {\n      get: function() {\n        return this.modelValue || this.innerValue;\n      },\n      set: function(newValue) {\n        this.innerValue = newValue;\n      }\n    },\n    pages: function() {\n      let items = {};\n      if (this.pageCount <= this.pageRange) {\n        for (let index = 0; index < this.pageCount; index++) {\n          let page = {\n            index,\n            content: index + 1,\n            selected: index === this.selected - 1\n          };\n          items[index] = page;\n        }\n      } else {\n        const halfPageRange = Math.floor(this.pageRange / 2);\n        let setPageItem = (index) => {\n          let page = {\n            index,\n            content: index + 1,\n            selected: index === this.selected - 1\n          };\n          items[index] = page;\n        };\n        let setBreakView = (index) => {\n          let breakView = {\n            disabled: true,\n            breakView: true\n          };\n          items[index] = breakView;\n        };\n        for (let i = 0; i < this.marginPages; i++) {\n          setPageItem(i);\n        }\n        let selectedRangeLow = 0;\n        if (this.selected - halfPageRange > 0) {\n          selectedRangeLow = this.selected - 1 - halfPageRange;\n        }\n        let selectedRangeHigh = selectedRangeLow + this.pageRange - 1;\n        if (selectedRangeHigh >= this.pageCount) {\n          selectedRangeHigh = this.pageCount - 1;\n          selectedRangeLow = selectedRangeHigh - this.pageRange + 1;\n        }\n        for (let i = selectedRangeLow; i <= selectedRangeHigh && i <= this.pageCount - 1; i++) {\n          setPageItem(i);\n        }\n        if (selectedRangeLow > this.marginPages) {\n          setBreakView(selectedRangeLow - 1);\n        }\n        if (selectedRangeHigh + 1 < this.pageCount - this.marginPages) {\n          setBreakView(selectedRangeHigh + 1);\n        }\n        for (let i = this.pageCount - 1; i >= this.pageCount - this.marginPages; i--) {\n          setPageItem(i);\n        }\n      }\n      return items;\n    }\n  },\n  methods: {\n    handlePageSelected(selected) {\n      if (this.selected === selected)\n        return;\n      this.innerValue = selected;\n      this.$emit(\"update:modelValue\", selected);\n      this.clickHandler(selected);\n    },\n    prevPage() {\n      if (this.selected <= 1)\n        return;\n      this.handlePageSelected(this.selected - 1);\n    },\n    nextPage() {\n      if (this.selected >= this.pageCount)\n        return;\n      this.handlePageSelected(this.selected + 1);\n    },\n    firstPageSelected() {\n      return this.selected === 1;\n    },\n    lastPageSelected() {\n      return this.selected === this.pageCount || this.pageCount === 0;\n    },\n    selectFirstPage() {\n      if (this.selected <= 1)\n        return;\n      this.handlePageSelected(1);\n    },\n    selectLastPage() {\n      if (this.selected >= this.pageCount)\n        return;\n      this.handlePageSelected(this.pageCount);\n    }\n  },\n  beforeMount() {\n    this.innerValue = this.initialPage;\n  },\n  beforeUpdate() {\n    if (this.forcePage === void 0)\n      return;\n    if (this.forcePage !== this.selected) {\n      this.selected = this.forcePage;\n    }\n  }\n};\nconst _hoisted_1 = [\"tabindex\", \"innerHTML\"];\nconst _hoisted_2 = [\"tabindex\", \"innerHTML\"];\nconst _hoisted_3 = [\"onClick\", \"onKeyup\"];\nconst _hoisted_4 = [\"tabindex\", \"innerHTML\"];\nconst _hoisted_5 = [\"tabindex\", \"innerHTML\"];\nconst _hoisted_6 = [\"innerHTML\"];\nconst _hoisted_7 = [\"innerHTML\"];\nconst _hoisted_8 = [\"onClick\", \"onKeyup\"];\nconst _hoisted_9 = [\"innerHTML\"];\nconst _hoisted_10 = [\"innerHTML\"];\nfunction _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {\n  return !$props.noLiSurround ? (openBlock(), createElementBlock(\"ul\", {\n    key: 0,\n    class: normalizeClass($props.containerClass)\n  }, [\n    $props.firstLastButton ? (openBlock(), createElementBlock(\"li\", {\n      key: 0,\n      class: normalizeClass([$props.pageClass, $options.firstPageSelected() ? $props.disabledClass : \"\"])\n    }, [\n      createElementVNode(\"a\", {\n        onClick: _cache[0] || (_cache[0] = ($event) => $options.selectFirstPage()),\n        onKeyup: _cache[1] || (_cache[1] = withKeys(($event) => $options.selectFirstPage(), [\"enter\"])),\n        class: normalizeClass($props.pageLinkClass),\n        tabindex: $options.firstPageSelected() ? -1 : 0,\n        innerHTML: $props.firstButtonText\n      }, null, 42, _hoisted_1)\n    ], 2)) : createCommentVNode(\"\", true),\n    !($options.firstPageSelected() && $props.hidePrevNext) ? (openBlock(), createElementBlock(\"li\", {\n      key: 1,\n      class: normalizeClass([$props.prevClass, $options.firstPageSelected() ? $props.disabledClass : \"\"])\n    }, [\n      createElementVNode(\"a\", {\n        onClick: _cache[2] || (_cache[2] = ($event) => $options.prevPage()),\n        onKeyup: _cache[3] || (_cache[3] = withKeys(($event) => $options.prevPage(), [\"enter\"])),\n        class: normalizeClass($props.prevLinkClass),\n        tabindex: $options.firstPageSelected() ? -1 : 0,\n        innerHTML: $props.prevText\n      }, null, 42, _hoisted_2)\n    ], 2)) : createCommentVNode(\"\", true),\n    (openBlock(true), createElementBlock(Fragment, null, renderList($options.pages, (page) => {\n      return openBlock(), createElementBlock(\"li\", {\n        key: page.index,\n        class: normalizeClass([$props.pageClass, page.selected ? $props.activeClass : \"\", page.disabled ? $props.disabledClass : \"\", page.breakView ? $props.breakViewClass : \"\"])\n      }, [\n        page.breakView ? (openBlock(), createElementBlock(\"a\", {\n          key: 0,\n          class: normalizeClass([$props.pageLinkClass, $props.breakViewLinkClass]),\n          tabindex: \"0\"\n        }, [\n          renderSlot(_ctx.$slots, \"breakViewContent\", {}, () => [\n            createTextVNode(toDisplayString($props.breakViewText), 1)\n          ])\n        ], 2)) : page.disabled ? (openBlock(), createElementBlock(\"a\", {\n          key: 1,\n          class: normalizeClass($props.pageLinkClass),\n          tabindex: \"0\"\n        }, toDisplayString(page.content), 3)) : (openBlock(), createElementBlock(\"a\", {\n          key: 2,\n          onClick: ($event) => $options.handlePageSelected(page.index + 1),\n          onKeyup: withKeys(($event) => $options.handlePageSelected(page.index + 1), [\"enter\"]),\n          class: normalizeClass($props.pageLinkClass),\n          tabindex: \"0\"\n        }, toDisplayString(page.content), 43, _hoisted_3))\n      ], 2);\n    }), 128)),\n    !($options.lastPageSelected() && $props.hidePrevNext) ? (openBlock(), createElementBlock(\"li\", {\n      key: 2,\n      class: normalizeClass([$props.nextClass, $options.lastPageSelected() ? $props.disabledClass : \"\"])\n    }, [\n      createElementVNode(\"a\", {\n        onClick: _cache[4] || (_cache[4] = ($event) => $options.nextPage()),\n        onKeyup: _cache[5] || (_cache[5] = withKeys(($event) => $options.nextPage(), [\"enter\"])),\n        class: normalizeClass($props.nextLinkClass),\n        tabindex: $options.lastPageSelected() ? -1 : 0,\n        innerHTML: $props.nextText\n      }, null, 42, _hoisted_4)\n    ], 2)) : createCommentVNode(\"\", true),\n    $props.firstLastButton ? (openBlock(), createElementBlock(\"li\", {\n      key: 3,\n      class: normalizeClass([$props.pageClass, $options.lastPageSelected() ? $props.disabledClass : \"\"])\n    }, [\n      createElementVNode(\"a\", {\n        onClick: _cache[6] || (_cache[6] = ($event) => $options.selectLastPage()),\n        onKeyup: _cache[7] || (_cache[7] = withKeys(($event) => $options.selectLastPage(), [\"enter\"])),\n        class: normalizeClass($props.pageLinkClass),\n        tabindex: $options.lastPageSelected() ? -1 : 0,\n        innerHTML: $props.lastButtonText\n      }, null, 42, _hoisted_5)\n    ], 2)) : createCommentVNode(\"\", true)\n  ], 2)) : (openBlock(), createElementBlock(\"div\", {\n    key: 1,\n    class: normalizeClass($props.containerClass)\n  }, [\n    $props.firstLastButton ? (openBlock(), createElementBlock(\"a\", {\n      key: 0,\n      onClick: _cache[8] || (_cache[8] = ($event) => $options.selectFirstPage()),\n      onKeyup: _cache[9] || (_cache[9] = withKeys(($event) => $options.selectFirstPage(), [\"enter\"])),\n      class: normalizeClass([$props.pageLinkClass, $options.firstPageSelected() ? $props.disabledClass : \"\"]),\n      tabindex: \"0\",\n      innerHTML: $props.firstButtonText\n    }, null, 42, _hoisted_6)) : createCommentVNode(\"\", true),\n    !($options.firstPageSelected() && $props.hidePrevNext) ? (openBlock(), createElementBlock(\"a\", {\n      key: 1,\n      onClick: _cache[10] || (_cache[10] = ($event) => $options.prevPage()),\n      onKeyup: _cache[11] || (_cache[11] = withKeys(($event) => $options.prevPage(), [\"enter\"])),\n      class: normalizeClass([$props.prevLinkClass, $options.firstPageSelected() ? $props.disabledClass : \"\"]),\n      tabindex: \"0\",\n      innerHTML: $props.prevText\n    }, null, 42, _hoisted_7)) : createCommentVNode(\"\", true),\n    (openBlock(true), createElementBlock(Fragment, null, renderList($options.pages, (page) => {\n      return openBlock(), createElementBlock(Fragment, null, [\n        page.breakView ? (openBlock(), createElementBlock(\"a\", {\n          key: page.index,\n          class: normalizeClass([$props.pageLinkClass, $props.breakViewLinkClass, page.disabled ? $props.disabledClass : \"\"]),\n          tabindex: \"0\"\n        }, [\n          renderSlot(_ctx.$slots, \"breakViewContent\", {}, () => [\n            createTextVNode(toDisplayString($props.breakViewText), 1)\n          ])\n        ], 2)) : page.disabled ? (openBlock(), createElementBlock(\"a\", {\n          key: page.index,\n          class: normalizeClass([$props.pageLinkClass, page.selected ? $props.activeClass : \"\", $props.disabledClass]),\n          tabindex: \"0\"\n        }, toDisplayString(page.content), 3)) : (openBlock(), createElementBlock(\"a\", {\n          key: page.index,\n          onClick: ($event) => $options.handlePageSelected(page.index + 1),\n          onKeyup: withKeys(($event) => $options.handlePageSelected(page.index + 1), [\"enter\"]),\n          class: normalizeClass([$props.pageLinkClass, page.selected ? $props.activeClass : \"\"]),\n          tabindex: \"0\"\n        }, toDisplayString(page.content), 43, _hoisted_8))\n      ], 64);\n    }), 256)),\n    !($options.lastPageSelected() && $props.hidePrevNext) ? (openBlock(), createElementBlock(\"a\", {\n      key: 2,\n      onClick: _cache[12] || (_cache[12] = ($event) => $options.nextPage()),\n      onKeyup: _cache[13] || (_cache[13] = withKeys(($event) => $options.nextPage(), [\"enter\"])),\n      class: normalizeClass([$props.nextLinkClass, $options.lastPageSelected() ? $props.disabledClass : \"\"]),\n      tabindex: \"0\",\n      innerHTML: $props.nextText\n    }, null, 42, _hoisted_9)) : createCommentVNode(\"\", true),\n    $props.firstLastButton ? (openBlock(), createElementBlock(\"a\", {\n      key: 3,\n      onClick: _cache[14] || (_cache[14] = ($event) => $options.selectLastPage()),\n      onKeyup: _cache[15] || (_cache[15] = withKeys(($event) => $options.selectLastPage(), [\"enter\"])),\n      class: normalizeClass([$props.pageLinkClass, $options.lastPageSelected() ? $props.disabledClass : \"\"]),\n      tabindex: \"0\",\n      innerHTML: $props.lastButtonText\n    }, null, 42, _hoisted_10)) : createCommentVNode(\"\", true)\n  ], 2));\n}\nvar Paginate = /* @__PURE__ */ _export_sfc(_sfc_main, [[\"render\", _sfc_render]]);\nexport { Paginate as default };\n","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","<template>\r\n    <div id=\"VVVClaimsListLegend\"\r\n        class=\"d-flex justify-content-start align-items-center gap-3 ps-2 ps-lg-0 overflow-auto py-3\">\r\n        <p class=\"text-uppercase fw-bold text-center my-auto\" style=\"font-size: 13px;\">Legend: </p>\r\n        <template v-for=\"legend in legends\" :key=\"legend.text\">\r\n            <div class=\"px-3 py-1 rounded-5 shadow-sm text-nowrap legend-item\"\r\n                :style=\"[{ fontSize: '12px', background: legend.color }]\"\r\n                v-if=\"!(legend.text === 'Claimed by others' && !isAdmin)\">\r\n                <p class=\"align-middle text-center m-auto text-uppercase fw-bold\" style=\"font-size: 11px;\">\r\n                    {{ legend.text }} {{ legend.text === 'Claimed' && isAdmin ? 'by you' : '' }}\r\n                </p>\r\n            </div>\r\n        </template>\r\n    </div>\r\n</template>\r\n\r\n<script setup>\r\nimport { defineProps } from 'vue';\r\n\r\ndefineProps({\r\n    isAdmin: Boolean,\r\n    selectedUserId: String\r\n});\r\n\r\nconst legends = [\r\n    { text: 'Unclaimed', color: '#B2BEB5' },\r\n    { text: 'Claimed', color: '#90EE90' },\r\n    { text: 'Claimed by others', color: '#f7e4cd' },\r\n];\r\n</script>\r\n","import script from \"./ClaimsListLegendNew.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ClaimsListLegendNew.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import { HttpClient } from \"../HttpClient\";\r\n/**\r\n * * Post Content\r\n */\r\nexport const PostContent = async (content) => {\r\n\ttry {\r\n\t\tconst { data } = await HttpClient.post(\"api/contents\", { ...content });\r\n\t\treturn await Promise.resolve(data);\r\n\t} catch (err) {\r\n\t\treturn Promise.reject(err);\r\n\t}\r\n};\r\n","import { HttpClient } from \"../HttpClient\";\r\n/**\r\n * * Put Content\r\n */\r\nexport const PutContent = async (content) => {\r\n\ttry {\r\n\t\tconst { data } = await HttpClient.put(\"api/contents\", { ...content });\r\n\t\treturn await Promise.resolve(data);\r\n\t} catch (err) {\r\n\t\treturn Promise.reject(err);\r\n\t}\r\n};\r\n","import { HttpClient } from \"../HttpClient\";\r\n/**\r\n * * Get Contents\r\n */\r\nexport const GetGoogleSheetData = async (userId) => {\r\n  try {\r\n    const { data } = await HttpClient.get(\"api/contents/googleSheetData\", {\r\n      params: {\r\n        userId: userId,\r\n      },\r\n    });\r\n    return 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 * * Get Contents\r\n */\r\nexport const GetExportExcel = async ({\r\n  dateFrom,\r\n  dateTo,\r\n  assetLabel,\r\n  claimStatus,\r\n  claimant,\r\n}) => {\r\n  try {\r\n    const params = {\r\n      dateFrom,\r\n      dateTo,\r\n      assetLabel,\r\n      ...(claimStatus && { claimStatus }),\r\n      ...(claimant && { claimant }),\r\n    };\r\n    \r\n    const url = `api/contents/ExportExcel?${new URLSearchParams(params).toString()}`;\r\n    \r\n    const { data } = await HttpClient.get(url);\r\n    \r\n    return { data, url };\r\n  } catch (err) {\r\n    return Promise.reject(err);\r\n  }\r\n};\r\n","<template>\r\n  <tr :class=\"setRowClass\" @click.stop=\"$emit('viewContent', contents)\" style=\"cursor:pointer;\">\r\n    <td style=\"min-width: fit-content;\">\r\n      <div class=\"d-lg-flex d-block gap-2 align-items-center justify-content-center\">\r\n        <MDBBtn class=\"fw-bold m-md-auto mb-lg-0 mb-2\" color=\"primary\" size=\"sm\"\r\n          @click.stop=\"$emit('viewContent', contents)\">\r\n          <MDBIcon iconStyle=\"fas\" icon=\"eye\" style=\"margin-right: 1px;\" />\r\n          View\r\n        </MDBBtn>\r\n        <MDBBtn class=\"fw-bold m-md-auto\" color=\"primary\" size=\"sm\" @click.stop=\"$emit('updateContent', contents)\">\r\n          <MDBIcon iconStyle=\"fas\" icon=\"pencil-alt\" style=\"margin-right: 1px;\" />\r\n          Update\r\n        </MDBBtn>\r\n      </div>\r\n    </td>\r\n    <td class=\"text-truncate\" v-if=\"isAdmin\" style=\"max-width: 200px;\">{{ contents.userId ? contents.userFirstName + ' '\r\n      + contents.userLastName : '—' }}</td>\r\n    <td>\r\n      <div class=\"d-flex flex-column justify-content-between text-center\">\r\n        <div>\r\n          <MDBBadge v-if=\"contents.claimStatusName\" :color=\"setBadgeColor\" class=\"rounded-circle me-2\" dot\r\n            style=\"position: relative;margin-left:0;\"></MDBBadge>\r\n          <span>\r\n            {{ contents.claimStatusName ? contents.claimStatusName : '—' }}\r\n          </span>\r\n        </div>\r\n        <i v-if=\"contents.issuanceTime != 0\" style=\"color: black;font-weight: bold;font-size: 12px;\">\r\n          {{ `${convertToHHMM(contents.issuanceTime)} minutes ago` }}\r\n        </i>\r\n      </div>\r\n    </td>\r\n    <td class=\"text-truncate\" style=\"max-width: 200px;\">\r\n      <img v-if=\"contents.thumbnail\" :src=\"contents.thumbnail\" alt=\"thumbnail\" style=\"width: 30px; height: 30px\"\r\n        class=\"rounded-circle me-2\" />\r\n      <img v-else src=\"@/assets/user-default.png\" alt=\"thumbnail\" style=\"width: 30px; height: 30px\"\r\n        class=\"rounded-circle me-2\" />\r\n      <span>\r\n        {{ contents.youtubeChannel ? contents.youtubeChannel : '—' }}\r\n      </span>\r\n    </td>\r\n    <td class=\"text-truncate\" style=\"max-width: 200px;\">\r\n      <a :href=\"contents.youtubeUrl\" target=\"_blank\">\r\n        {{ contents.youtubeUrl ? contents.youtubeUrl : '—' }}\r\n      </a>\r\n    </td>\r\n    <td>{{ contents.timeStamp ? contents.timeStamp : '—' }}</td>\r\n    <td class=\"text-truncate\" style=\"max-width: 200px;\">{{ contents.assetLabel ? contents.assetLabel : '—' }}</td>\r\n    <td class=\"text-truncate\" style=\"max-width: 200px;\">\r\n      <a :href=\"contents.dropboxLink\" target=\"_blank\">\r\n        {{ contents.dropboxLink ? contents.dropboxLink : '—' }}\r\n      </a>\r\n    </td>\r\n    <template v-if=\"isAdmin\">\r\n      <td class=\"text-truncate\" style=\"max-width: 200px;\">{{ contents.internalAssetDescription ?\r\n        contents.internalAssetDescription : '—' }}</td>\r\n      <td class=\"text-truncate\" style=\"max-width: 200px;\">{{ contents.clipTitle ? contents.clipTitle : '—' }}</td>\r\n      <td>{{ contents.assetId ? contents.assetId : '—' }}</td>\r\n      <td>{{ contents.dateClaimed ? parseDateLonger(contents.dateClaimed) : '—' }}</td>\r\n      <td>{{ contents.claimantFirstName ? contents.claimantFirstName + ' ' + contents.claimantLastName : '—' }}</td>\r\n      <td class=\"text-truncate\" style=\"max-width: 200px;\">{{ contents.remarks ? contents.remarks : '—' }}</td>\r\n      <td class=\"text-truncate\" style=\"max-width: 200px;\">{{ contents.notes ? contents.notes : '—' }}</td>\r\n    </template>\r\n    <td>{{ contents.dateAdded ? parseDateLonger(contents.dateAdded) : '—' }}</td>\r\n    <td v-if=\"isAdmin\">{{ contents.dateUpdated ? parseDateLonger(contents.dateUpdated) : '—' }}</td>\r\n  </tr>\r\n</template>\r\n\r\n<script setup>\r\nimport { defineProps, defineEmits, watch, ref, computed } from \"vue\";\r\nimport { parseDateLonger } from \"@/helpers/parseDate\";\r\nimport {\r\n  MDBBtn,\r\n  MDBIcon,\r\n  MDBBadge\r\n} from \"mdb-vue-ui-kit\";\r\nimport { useUserDetailStore } from \"@/store/userDetailStore\";\r\n\r\nconst props = defineProps({\r\n  isAdmin: {\r\n    type: Boolean,\r\n    required: true,\r\n  },\r\n  contents: {\r\n    type: Object,\r\n    required: true,\r\n    default: () => ({\r\n      id: 0,\r\n      userFirstName: '',\r\n      userId: 0,\r\n      userLastName: '',\r\n      userAdded: 0,\r\n      youtubeChannel: '',\r\n      youtubeUrl: '',\r\n      timeStamp: '',\r\n      assetLabel: '',\r\n      dropboxLink: '',\r\n      internalAssetDescription: '',\r\n      clipTitle: '',\r\n      claimStatus: '',\r\n      claimStatusName: '',\r\n      assetId: '',\r\n      claimant: '',\r\n      claimantFirstName: '',\r\n      claimantLastName: '',\r\n      dateClaimed: null,\r\n      remarks: '',\r\n      notes: '',\r\n      dateAdded: '',\r\n      dateUpdated: '',\r\n    }),\r\n  }\r\n});\r\n\r\ndefineEmits([\"viewContent\", \"updateContent\"]);\r\n\r\nconst userDetailStore = useUserDetailStore();\r\nconst setRowClass = ref();\r\nwatch(userDetailStore.userDetail, (newDetail) => {\r\n  if (props.isAdmin) {\r\n    if (props.contents.claimant && props.contents.claimant !== newDetail.id.toString()) {\r\n      setRowClass.value = 'claimedByOthers';\r\n    } else if (props.contents.claimant && props.contents.claimant === newDetail.id.toString()) {\r\n      setRowClass.value = 'claimedByYou';\r\n    }\r\n  } else {\r\n    if (props.contents.claimant) {\r\n      setRowClass.value = 'claimed';\r\n    }\r\n  }\r\n}, { immediate: true });\r\nconst setBadgeColor = computed(() => {\r\n  if (props.contents.claimStatus === \"1\") {\r\n    return 'success';\r\n  } else if (props.contents.claimStatus === \"2\") {\r\n    return 'danger';\r\n  } else {\r\n    return 'warning';\r\n  }\r\n})\r\n\r\nfunction convertToHHMM(decimalMinutes) {\r\n  const hours = Math.floor(decimalMinutes / 60);\r\n\r\n  const minutes = Math.floor(decimalMinutes % 60);\r\n\r\n  const formattedMinutes = minutes < 10 ? '0' + minutes : minutes;\r\n\r\n  return `${hours}:${formattedMinutes}`;\r\n}\r\n</script>\r\n\r\n<style scoped>\r\ntd {\r\n  text-wrap: nowrap;\r\n  font-size: 13px;\r\n}\r\n\r\ntr {\r\n  background: rgb(178, 190, 181);\r\n}\r\n\r\n.claimedByOthers {\r\n  background-color: #f7e4cd;\r\n}\r\n\r\n.claimedByYou,\r\n.claimed {\r\n  background-color: #90EE90;\r\n}\r\n\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.action {\r\n  width: 200px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 5px;\r\n}\r\n</style>\r\n","import script from \"./ClaimsListTableRowNew.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ClaimsListTableRowNew.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ClaimsListTableRowNew.vue?vue&type=style&index=0&id=19626763&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-19626763\"]])\n\nexport default __exports__","<template>\r\n    <VVVLayoutNew>\r\n        <template #page-title>\r\n            {{ isAdminOrSuperAdmin ? 'Claims List' : 'My Claimed Videos' }}\r\n        </template>\r\n        <MDBCard id=\"ContentUploads\" class=\"shadow-0\">\r\n            <MDBCardHeader class=\"py-3 px-0\">\r\n                <div class=\"d-lg-flex d-block justify-content-lg-between align-items-center\">\r\n                    <div class=\"d-md-flex d-block gap-2 py-lg-1 align-items-center\">\r\n                        <template v-if=\"isAdminOrSuperAdmin\">\r\n                            <div class=\"mb-2 mb-md-0\" :style=\"distriInputStyle\">\r\n                                <MDBInput v-model=\"search\" label=\"Select Distributor\" type=\"text\"\r\n                                    @keydown=\"handleBackspaceDistributor\" size=\"sm\" />\r\n                                <MDBTable v-if=\"search !== '' && !selectedUserId\" responsive hover border=\"primary\"\r\n                                    class=\"bg-white rounded-5 overflow-auto\" style=\"position:absolute;left:0;\">\r\n                                    <tbody>\r\n                                        <tr v-if=\"userListLoading\">\r\n                                            <td class=\"text-center\">Loading</td>\r\n                                        </tr>\r\n                                        <template v-else>\r\n                                            <tr v-if=\"userList.length === 0\">\r\n                                                <td class=\"text-center\">No user found.</td>\r\n                                            </tr>\r\n                                            <template v-else>\r\n                                                <tr v-for=\"(user, index) in userList\" :key=\"index\"\r\n                                                    @click=\"selectUser(user)\" style=\"cursor:pointer;\">\r\n                                                    <td>{{ user.firstName + ' ' + user.lastName }}</td>\r\n                                                </tr>\r\n                                            </template>\r\n                                        </template>\r\n                                    </tbody>\r\n                                </MDBTable>\r\n                            </div>\r\n                            <MDBBtn class=\"mb-2 mb-md-0 fw-bold me-0\" color=\"primary\" size=\"sm\"\r\n                                @click=\"syncGoogleSheet(selectedUserId)\" :disabled=\"!selectedUserId || isLoading\">\r\n                                <MDBIcon iconStyle=\"fas\" icon=\"table\" />Sync Google Sheet\r\n                            </MDBBtn>\r\n                        </template>\r\n                        <template v-if=\"isUser\">\r\n                            <MDBBtn class=\"fw-bold mb-2 mb-md-0 me-0\" color=\"primary\"\r\n                                @click=\"syncGoogleSheet(userDetail.id)\" size=\"sm\" :disabled=\"isLoading\">\r\n                                <MDBIcon iconStyle=\"fas\" icon=\"table\" />\r\n                                Sync Google Sheet\r\n                            </MDBBtn>\r\n                        </template>\r\n                        <MDBBtn class=\"fw-bold mb-2 mb-md-0\" color=\"primary\" @click=\"toggleAdd\" size=\"sm\"\r\n                            :disabled=\"isLoading || (isAdminOrSuperAdmin && !selectedUserId)\">\r\n                            <MDBIcon iconStyle=\"fas\" icon=\"plus\" />\r\n                            New Claim\r\n                        </MDBBtn>\r\n                    </div>\r\n                    <div class=\"d-md-flex d-block py-lg-1 py-2 pt-sm-3 align-items-center justify-content-end\">\r\n                        <div class=\"mb-2 mb-md-0 me-0 me-md-2\" :style=\"assetLabelInputStyle\" v-if=\"isAdminOrSuperAdmin\">\r\n                            <MDBInput v-model=\"searchAssetLabel\" label=\"Select Asset Label\" type=\"text\"\r\n                                @keydown=\"handleBackspaceAssetlabel\" size=\"sm\" />\r\n                            <MDBTable v-if=\"searchAssetLabel !== '' && !selectedAssetlabel\" responsive hover\r\n                                border=\"primary\" class=\"bg-white rounded-5 overflow-auto\"\r\n                                style=\"position:absolute;left:0;\">\r\n                                <tbody>\r\n                                    <tr v-if=\"assetLabelListLoading\">\r\n                                        <td class=\"text-center\">Loading</td>\r\n                                    </tr>\r\n                                    <template v-else>\r\n                                        <tr v-if=\"assetLabelList.length === 0\">\r\n                                            <td class=\"text-center\">Asset label not found.</td>\r\n                                        </tr>\r\n                                        <template v-else>\r\n                                            <tr v-for=\"(assetLabel, index) in assetLabelList\" :key=\"index\"\r\n                                                @click=\"selectAssetLabel(assetLabel)\" style=\"cursor:pointer;\">\r\n                                                <td>{{ assetLabel.name }}</td>\r\n                                            </tr>\r\n                                        </template>\r\n                                    </template>\r\n                                </tbody>\r\n                            </MDBTable>\r\n                        </div>\r\n                        <div :style=\"contentInputWidth\">\r\n                            <MDBInput class=\"mb-3 mb-md-0\" v-model=\"searchFilter\" label=\"Search Content\" type=\"text\"\r\n                                size=\"sm\" @keydown=\"handleBackspaceContent\" />\r\n                        </div>\r\n                        <div class=\"did-floating-label-content ms-0 ms-md-2 mb-2 mb-md-0\">\r\n                            <select v-model=\"selectedFilter\" class=\"did-floating-select\">\r\n                                <option v-for=\"option in claimStatusFilter\" :key=\"option.value\" :value=\"option.value\">{{\r\n                                    option.text\r\n                                    }}\r\n                                </option>\r\n                            </select>\r\n                            <label class=\"did-floating-label\">Filter by Claim Status</label>\r\n                        </div>\r\n                        <MDBBtn class=\"fw-bold mb-2 mb-md-0 ms-0 ms-md-2\" v-if=\"isAdminOrSuperAdmin\" color=\"primary\"\r\n                            size=\"sm\" :disabled=\"isLoading\" @click=\"generateReportModal = true\">\r\n                            <MDBIcon iconStyle=\"fas\" icon=\"table\" />\r\n                            Generate Report\r\n                        </MDBBtn>\r\n                    </div>\r\n                </div>\r\n            </MDBCardHeader>\r\n            <MDBCardBody class=\"p-0 overflow-hidden\" style=\"display: grid; grid-template-rows: auto auto auto 1fr\">\r\n                <ClaimsListLegendNew :is-admin=\"isAdminOrSuperAdmin\" selected-user-id=\"selectedUserId\" />\r\n                <div class=\"overflow-auto\" ref=\"tableRef\" id=\"claim-list-table\">\r\n                    <MDBTable hover class=\"align-middle\">\r\n                        <thead class=\"table-light\">\r\n                            <tr>\r\n                                <th scope=\"col\" class=\"py-3 align-middle text-left\"\r\n                                    style=\"position: sticky; top: 0; padding-left: 30px; z-index: 3;\">\r\n                                    ACTION\r\n                                </th>\r\n                                <th scope=\"col\" class=\"py-3 align-middle text-left\" v-if=\"isAdminOrSuperAdmin\"\r\n                                    style=\"position: sticky; top: 0; padding-left: 23px;\">\r\n                                    DISTRIBUTOR NAME\r\n                                </th>\r\n                                <th v-for=\"(header, i) in tableHeaders\" :key=\"i\" scope=\"col\"\r\n                                    class=\"py-3 align-middle text-left\"\r\n                                    style=\"position: sticky; top: 0; padding-left: 23px; text-transform: uppercase; z-index: 1;\">\r\n                                    {{ header }}\r\n                                </th>\r\n                            </tr>\r\n                        </thead>\r\n                        <tbody class=\"overflow-auto\">\r\n                            <template v-if=\"isLoading\">\r\n                                <tr>\r\n                                    <td :colspan=\"isAdminOrSuperAdmin ? '18' : '16'\" class=\"text-center\">\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                                    </td>\r\n                                </tr>\r\n                            </template>\r\n                            <template v-else>\r\n                                <template v-if=\"contentsList.length === 0\">\r\n                                    <tr>\r\n                                        <td :colspan=\"isAdminOrSuperAdmin ? '18' : '16'\" class=\"text-left\">No claims\r\n                                            found.</td>\r\n                                    </tr>\r\n                                </template>\r\n                                <template v-else v-for=\"(contents, k) in contentsList\" :key=\"k\">\r\n                                    <ClaimsListTableRowNew :contents=\"contents\" @viewContent=\"viewContent\"\r\n                                        @updateContent=\"updateContent\" :isAdmin=\"isAdminOrSuperAdmin\" />\r\n                                </template>\r\n                            </template>\r\n                        </tbody>\r\n                    </MDBTable>\r\n                </div>\r\n                <div class=\"d-md-flex d-block justify-content-between py-3 overflow-auto\">\r\n                    <Paginate v-if=\"contentsList.length != 0\" :page-count=\"contentsListPagination.totalPages\"\r\n                        :click-handler=\"handlePage\" :prev-text=\"'Previous'\" :next-text=\"'Next'\"\r\n                        :container-class=\"'pagination'\" first-last-button\r\n                        style=\"margin-top: 0px; margin-left: unset; overflow: auto;cursor: pointer;\">\r\n                    </Paginate>\r\n                    <MDBSelect v-if=\"contentsList.length != 0\" v-model:options=\"pageSizeFilter\"\r\n                        v-model:selected=\"selectedPageSize\" label=\"Page Size\" size=\"sm\" class=\"mt-lg-0 mt-4 py-lg-1\" />\r\n                </div>\r\n            </MDBCardBody>\r\n        </MDBCard>\r\n        <MDBModal id=\"ViewContentModal\" tabindex=\"-1\" labelledby=\"ViewContentModal\" v-model=\"showViewContentModal\"\r\n            size=\"lg\">\r\n            <MDBModalHeader class=\"px-4 py-3\">\r\n                <MDBModalTitle class=\"fw-bold\">View Content</MDBModalTitle>\r\n            </MDBModalHeader>\r\n            <MDBModalBody class=\"px-4\">\r\n                <div class=\"d-lg-flex d-block gap-4\">\r\n                    <div v-if=\"!isUser\" class=\"mb-3 w-100\">\r\n                        <label for=\"assetLabel\" class=\"form-label\">Asset Label</label>\r\n                        <input type=\"text\" class=\"form-control\" id=\"assetLabel\" placeholder=\"Enter Asset Label\"\r\n                            :value=\"selectedContent.assetLabel\" disabled />\r\n                    </div>\r\n                    <div class=\"mb-3 w-100\">\r\n                        <label for=\"assetId\" class=\"form-label\">Asset ID</label>\r\n                        <input type=\"text\" class=\"form-control\" id=\"assetId\" placeholder=\"Enter Asset ID\"\r\n                            :value=\"selectedContent.assetId\" disabled />\r\n                    </div>\r\n                </div>\r\n                <div class=\"d-lg-flex d-block gap-4\">\r\n                    <div class=\"mb-3 title w-100\">\r\n                        <label for=\"youtubeChannel\" class=\"form-label\">Youtube Channel Name</label>\r\n                        <input type=\"text\" class=\"form-control\" id=\"youtubeChannel\"\r\n                            :value=\"selectedContent.youtubeChannel\" disabled />\r\n                    </div>\r\n                    <div class=\"mb-3 w-100\">\r\n                        <label for=\"youtubeUrl\" class=\"form-label\">Youtube Channel URL</label>\r\n                        <input type=\"text\" class=\"form-control\" id=\"youtubeUrl\" :value=\"selectedContent.youtubeUrl\"\r\n                            disabled />\r\n                    </div>\r\n                </div>\r\n                <div class=\"d-lg-flex d-block gap-4\">\r\n                    <div class=\"mb-3 w-100\">\r\n                        <label for=\"claimStatus\" class=\"form-label\">Claim Status</label>\r\n                        <input type=\"text\" class=\"form-control\" id=\"claimStatus\"\r\n                            :value=\"selectedContent.claimStatusName ? selectedContent.claimStatusName : '-'\" disabled />\r\n                    </div>\r\n                    <div v-if=\"!isUser\" class=\"mb-3 w-100\">\r\n                        <label for=\"claimant\" class=\"form-label\">Claimant</label>\r\n                        <input type=\"text\" class=\"form-control\" id=\"claimant\"\r\n                            :value=\"selectedContent.claimant ? selectedContent.claimantFirstName + ' ' + selectedContent.claimantLastName : '-'\"\r\n                            disabled>\r\n                    </div>\r\n                    <div class=\"mb-3 w-100\">\r\n                        <label for=\"timeStamp\" class=\"form-label\">Time Stamp</label>\r\n                        <input type=\"text\" class=\"form-control\" id=\"timeStamp\" :value=\"selectedContent.timeStamp\"\r\n                            disabled>\r\n                    </div>\r\n                </div>\r\n                <div class=\"d-lg-flex d-block gap-4\">\r\n                    <div class=\"mb-3 title w-100\">\r\n                        <label for=\"clipTitle\" class=\"form-label\">Clip Title</label>\r\n                        <input type=\"text\" class=\"form-control\" id=\"clipTitle\" :value=\"selectedContent.clipTitle\"\r\n                            disabled>\r\n                    </div>\r\n                    <div class=\"mb-3 w-100\">\r\n                        <label for=\"clipUrl\" class=\"form-label\">Clip URL</label>\r\n                        <input type=\"text\" class=\"form-control\" id=\"clipUrl\" :value=\"selectedContent.dropboxLink\"\r\n                            disabled>\r\n                    </div>\r\n                </div>\r\n                <div v-if=\"!isUser\" class=\"mb-3\">\r\n                    <label for=\"internalAssetDescription\" class=\"form-label\">Internal Asset Description</label>\r\n                    <input type=\"text\" class=\"form-control\" id=\"internalAssetDescription\"\r\n                        :value=\"selectedContent.internalAssetDescription\" disabled />\r\n                </div>\r\n                <div class=\"mb-3\">\r\n                    <label for=\"reason-for-invalid\" class=\"form-label\">Reason for Invalid</label>\r\n                    <textarea class=\"form-control\" id=\"reason-for-invalid\" :value=\"selectedContent.remarks\" disabled\r\n                        rows=\"3\" />\r\n                </div>\r\n                <div class=\"mb-3\">\r\n                    <label for=\"staff-comments\" class=\"form-label\">Staff Comments</label>\r\n                    <textarea class=\"form-control\" id=\"staff-comments\" :value=\"selectedContent.notes\" disabled\r\n                        rows=\"3\" />\r\n                </div>\r\n                <div class=\"d-lg-flex d-block gap-4\">\r\n                    <div class=\"mb-3 w-100\">\r\n                        <label for=\"dateAdded\" class=\"form-label\">Date Requested</label>\r\n                        <input type=\"text\" class=\"form-control\" id=\"dateAdded\"\r\n                            :value=\"parseDateLong(selectedContent.dateAdded)\" disabled />\r\n                    </div>\r\n                    <div class=\"mb-3 w-100\">\r\n                        <label for=\"dateUpdated\" class=\"form-label\">Date Requested</label>\r\n                        <input type=\"text\" class=\"form-control\" id=\"dateUpdated\"\r\n                            :value=\"parseDateLong(selectedContent.dateUpdated)\" disabled />\r\n                    </div>\r\n                </div>\r\n            </MDBModalBody>\r\n            <MDBModalFooter class=\"px-4 py-3 gap-2\">\r\n                <MDBBtn class=\"fw-bold\" @click=\"showViewContentModal = false\" size=\"sm\"> Close </MDBBtn>\r\n                <MDBBtn class=\"fw-bold\" color=\"primary\" size=\"sm\" @click=\"toggleUpdate(selectedContent)\"> Update Content\r\n                </MDBBtn>\r\n            </MDBModalFooter>\r\n        </MDBModal>\r\n        <MDBModal id=\"FormContentModal\" tabindex=\"-1\" labelledby=\"FormContentModal\" v-model=\"showFormContentModal\"\r\n            size=\"lg\" :static-backdrop=\"true\">\r\n            <MDBModalHeader class=\"px-4 py-3\">\r\n                <MDBModalTitle class=\"fw-bold\">\r\n                    {{ isUpdateContent ? 'Update' : 'Add New' }} Content\r\n                </MDBModalTitle>\r\n            </MDBModalHeader>\r\n            <MDBModalBody class=\"px-4\">\r\n                <div class=\"d-lg-flex d-block gap-4\">\r\n                    <div v-if=\"!isUser\" class=\"mb-3 w-100\">\r\n                        <label for=\"assetLabel\" class=\"form-label\">Asset Label</label>\r\n                        <input type=\"text\" class=\"form-control\" id=\"assetLabel\" placeholder=\"Enter Asset Label\"\r\n                            :value=\"form.assetLabel\" disabled />\r\n                    </div>\r\n                    <div class=\"mb-3 w-100\">\r\n                        <label for=\"assetId\" class=\"form-label\">Asset ID</label>\r\n                        <input type=\"text\" class=\"form-control\" id=\"assetId\" placeholder=\"Enter Asset ID\"\r\n                            :value=\"form.assetId\" disabled v-if=\"isUser\" />\r\n                        <input type=\"text\" class=\"form-control\" id=\"assetId\" placeholder=\"Enter Asset ID\"\r\n                            v-model=\"form.assetId\" v-else />\r\n                    </div>\r\n                </div>\r\n                <div class=\"d-lg-flex d-block gap-4\">\r\n                    <div class=\"mb-3 title w-100\">\r\n                        <label for=\"youtubeChannel\" class=\"form-label\">Youtube Channel Name</label>\r\n                        <template v-if=\"isUser && isEditDisabled(selectedContent.claimStatus)\">\r\n                            <input type=\"text\" class=\"form-control\" id=\"youtubeChannel\"\r\n                                :value=\"selectedContent.youtubeChannel\" ref=\"youtubeChannelInput\" disabled />\r\n                        </template>\r\n                        <input v-else type=\"text\" class=\"form-control\" id=\"youtubeChannel\"\r\n                            placeholder=\"Enter Youtube Channel Name\" v-model=\"form.youtubeChannel\"\r\n                            ref=\"youtubeChannelInput\" />\r\n                    </div>\r\n                    <div class=\"mb-3 w-100\">\r\n                        <label for=\"youtubeUrl\" class=\"form-label\">Youtube Channel URL</label>\r\n                        <template v-if=\"isUser && isEditDisabled(selectedContent.claimStatus)\">\r\n                            <input type=\"text\" class=\"form-control\" id=\"youtubeUrl\" :value=\"form.youtubeUrl\" disabled />\r\n                        </template>\r\n                        <input v-else type=\"text\" class=\"form-control\" id=\"youtubeUrl\"\r\n                            placeholder=\"Enter Youtube Channel URL\" v-model=\"form.youtubeUrl\" />\r\n                    </div>\r\n                </div>\r\n                <div class=\"d-lg-flex d-block gap-4\">\r\n                    <div class=\"mb-3 w-100\">\r\n                        <label for=\"claimStatus\" class=\"form-label\">Claim Status</label>\r\n                        <input type=\"text\" class=\"form-control\" id=\"claimStatus\"\r\n                            :value=\"form.claimStatusName ? form.claimStatusName : '-'\" disabled\r\n                            v-if=\"isUser && !isStatusEditableForDistributor(selectedContent.claimStatus)\" />\r\n                        <template v-else>\r\n                            <select v-model=\"form.claimStatus\" class=\"form-control\" style=\"appearance: auto\">\r\n                                <option v-for=\"(status, index) in claimStatuses(selectedContent.claimStatus)\"\r\n                                    :key=\"index\" :value=\"status.value\">\r\n                                    {{ status.text }}\r\n                                </option>\r\n                            </select>\r\n                        </template>\r\n                    </div>\r\n                    <div v-if=\"!isUser\" class=\"mb-3 w-100\">\r\n                        <label for=\"claimant\" class=\"form-label\">Claimant</label>\r\n                        <input type=\"text\" class=\"form-control\" id=\"claimant\"\r\n                            :value=\"form.claimant ? form.claimantFirstName + ' ' + form.claimantLastName : '-'\" disabled\r\n                            v-if=\"isUser\" />\r\n                        <div style=\"position:relative;z-index: 4;\" v-if=\"isAdminOrSuperAdmin\">\r\n                            <input type=\"text\" class=\"form-control\" v-model=\"searchClaimant\"\r\n                                placeholder=\"Select Claimant\" @keydown=\"handleClaimantBackspace\" />\r\n                            <MDBTable v-if=\"searchClaimant !== '' && !form.claimant\" responsive hover border=\"primary\"\r\n                                class=\"bg-white rounded-5 overflow-auto\" style=\"position:absolute;left:0;\">\r\n                                <tbody>\r\n                                    <tr v-if=\"claimantListLoading\">\r\n                                        <td class=\"text-center\">Loading</td>\r\n                                    </tr>\r\n                                    <template v-else>\r\n                                        <tr v-if=\"claimantList.length === 0\">\r\n                                            <td class=\"text-center\">No claimant found.</td>\r\n                                        </tr>\r\n                                        <template v-else>\r\n                                            <tr v-for=\"(user, index) in claimantList\" :key=\"index\" @click=\"() => {\r\n                                                form.claimant = user.id;\r\n                                                searchClaimant = user.firstName + ' ' + user.lastName;\r\n                                            }\" style=\"cursor:pointer;\">\r\n                                                <td>{{ user.firstName + ' ' + user.lastName }}</td>\r\n                                            </tr>\r\n                                        </template>\r\n                                    </template>\r\n                                </tbody>\r\n                            </MDBTable>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"mb-3 w-100\">\r\n                        <label for=\"timeStamp\" class=\"form-label\">Time Stamp</label>\r\n                        <template v-if=\"isUser && isEditDisabled(selectedContent.claimStatus)\">\r\n                            <input type=\"text\" class=\"form-control\" id=\"timeStamp\" :value=\"form.timeStamp\"\r\n                                ref=\"timeStampInput\" disabled />\r\n                        </template>\r\n                        <input v-else type=\"text\" class=\"form-control\" id=\"timeStamp\" placeholder=\"Enter Time Stamp\"\r\n                            v-model=\"form.timeStamp\" ref=\"timeStampInput\" />\r\n                    </div>\r\n                </div>\r\n                <div class=\"d-lg-flex d-block gap-4\">\r\n                    <div class=\"mb-3 title w-100\">\r\n                        <label for=\"clipTitle\" class=\"form-label\">Clip Title</label>\r\n                        <template v-if=\"isUser && isEditDisabled(selectedContent.claimStatus)\">\r\n                            <input type=\"text\" class=\"form-control\" id=\"clipTitle\" :value=\"form.clipTitle\" disabled />\r\n                        </template>\r\n                        <input v-else type=\"text\" class=\"form-control\" id=\"clipTitle\" placeholder=\"Enter Clip Title\"\r\n                            v-model=\"form.clipTitle\" />\r\n                    </div>\r\n                    <div class=\"mb-3 w-100\">\r\n                        <label for=\"clipUrl\" class=\"form-label\">Clip URL</label>\r\n                        <template v-if=\"isUser && isEditDisabled(selectedContent.claimStatus)\">\r\n                            <input type=\"text\" class=\"form-control\" id=\"clipUrl\" :value=\"form.dropboxLink\" disabled />\r\n                        </template>\r\n                        <input v-else type=\"text\" class=\"form-control\" id=\"clipUrl\" placeholder=\"Enter Clip URL\"\r\n                            v-model=\"form.dropboxLink\" />\r\n                    </div>\r\n                </div>\r\n                <div v-if=\"!isUser\" class=\"mb-3\">\r\n                    <label for=\"internalAssetDescription\" class=\"form-label\">Internal Asset Description</label>\r\n                    <input type=\"text\" class=\"form-control\" id=\"internalAssetDescription\"\r\n                        placeholder=\"Enter Internal Asset Description\" :value=\"form.internalAssetDescription\"\r\n                        disabled />\r\n                </div>\r\n                <div class=\"mb-3\">\r\n                    <label for=\"invalid-for-reason-form\" class=\"form-label\">Reason for Invalid</label>\r\n                    <input type=\"text\" class=\"form-control\" id=\"invalid-for-reason-form\" :value=\"form.remarks\" disabled\r\n                        v-if=\"isUser\" />\r\n                    <template v-else>\r\n                        <select v-model=\"form.remarks\" class=\"form-control\" style=\"appearance: auto\"\r\n                            id=\"invalid-for-reason-form\">\r\n                            <option disabled value=\"\">Please select one</option>\r\n                            <option v-for=\"(option, index) in remarkOptions\" :key=\"index\" :value=\"option\">\r\n                                {{ option }}\r\n                            </option>\r\n                        </select>\r\n                    </template>\r\n                </div>\r\n                <div class=\"mb-3\">\r\n                    <label for=\"staff-comment-form\" class=\"form-label\">Staff Comments</label>\r\n                    <textarea class=\"form-control\" id=\"staff-comment-form\" placeholder=\"Enter Staff Comments\"\r\n                        v-model=\"form.notes\" :disabled=\"isUser\" />\r\n                </div>\r\n                <div class=\"d-lg-flex d-block gap-4\">\r\n                    <div class=\"mb-3 w-100\">\r\n                        <label for=\"dateAdded\" class=\"form-label\">Date Requested</label>\r\n                        <input type=\"text\" class=\"form-control\" id=\"dateAdded\" :value=\"parseDateLong(form.dateAdded)\"\r\n                            disabled />\r\n                    </div>\r\n                    <div class=\"mb-3 w-100\">\r\n                        <label for=\"dateUpdated\" class=\"form-label\">Date Requested</label>\r\n                        <input type=\"text\" class=\"form-control\" id=\"dateUpdated\"\r\n                            :value=\"parseDateLong(form.dateUpdated)\" disabled />\r\n                    </div>\r\n                </div>\r\n            </MDBModalBody>\r\n            <MDBModalFooter class=\"px-4 py-3 gap-2\">\r\n                <MDBBtn class=\"fw-bold\" @click=\"showFormContentModal = false\" size=\"sm\"> Close </MDBBtn>\r\n                <MDBBtn class=\"fw-bold\" color=\"primary\" @click=\"submit\" size=\"sm\"> {{ isUpdateContent ? 'Confirm Update'\r\n                    :\r\n                    'Confirm Add'\r\n                    }}\r\n                </MDBBtn>\r\n            </MDBModalFooter>\r\n        </MDBModal>\r\n        <MDBModal v-model=\"generateReportModal\" id=\"GenerateReportFilterModal\" tabindex=\"-1\"\r\n            labelledby=\"GenerateReportFilterModal\" size=\"lg\" :static-backdrop=\"true\">\r\n            <MDBModalHeader class=\"px-4 py-3\">\r\n                <MDBModalTitle class=\"fw-bold\" id=\"GenerateReportFilterModal\">\r\n                    Generate Report\r\n                </MDBModalTitle>\r\n            </MDBModalHeader>\r\n            <MDBModalBody id=\"GenerateReportFilterModal\" class=\"px-4 py-0\">\r\n                <MDBContainer fluid class=\"pt-3 pb-4\">\r\n                    <MDBRow class=\"d-lg-flex d-block\">\r\n                        <MDBCol class=\"mb-3 mb-lg-0\">\r\n                            <label for=\"filterDateFrom\" class=\"form-label\">Date From:</label>\r\n                            <input v-model=\"generateReport.dateFrom\" type=\"date\" name=\"filterDateFrom\"\r\n                                id=\"filterDateFrom\" class=\"form-control\" />\r\n                        </MDBCol>\r\n                        <MDBCol class=\"mb-3 mb-lg-0\">\r\n                            <label for=\"filterDateTo\" class=\"form-label\">Date To:</label>\r\n                            <input v-model=\"generateReport.dateTo\" type=\"date\" name=\"filterDateTo\" id=\"filterDateTo\"\r\n                                class=\"form-control\" />\r\n                        </MDBCol>\r\n                    </MDBRow>\r\n                    <MDBRow class=\"d-lg-flex d-block mt-3 mb-2\">\r\n                        <MDBCol class=\"mb-3 mb-lg-0\">\r\n                            <label for=\"assetLabel\" class=\"form-label\">Asset Label</label>\r\n                            <input type=\"text\" class=\"form-control\" id=\"assetLabel\" placeholder=\"Enter Asset Label\"\r\n                                v-model=\"generateReport.assetLabel\" />\r\n                        </MDBCol>\r\n                        <MDBCol class=\"mb-3 mb-lg-0\">\r\n                            <label for=\"claimStatus\" class=\"form-label\">Claim Status</label>\r\n                            <select v-model=\"generateReport.claimStatus\" class=\"form-control\"\r\n                                style=\"appearance: auto; margin-top: 1px\">\r\n                                <option v-for=\"(status, index) in claimStatuses(generateReport.claimStatus)\"\r\n                                    :key=\"index\" :value=\"status.value\">\r\n                                    {{ status.text }}\r\n                                </option>\r\n                            </select>\r\n                        </MDBCol>\r\n                        <MDBCol class=\"mb-2 mb-lg-0\">\r\n                            <label for=\"claimant\" class=\"form-label\">Claimant</label>\r\n                            <div style=\"position:relative;z-index: 4;\">\r\n                                <input type=\"text\" class=\"form-control\" v-model=\"searchClaimant\"\r\n                                    placeholder=\"Select Claimant\" @keydown=\"handleClaimantBackspace\" />\r\n                                <MDBTable v-if=\"searchClaimant !== '' && !generateReport.claimant\" responsive hover\r\n                                    border=\"primary\" class=\"bg-white rounded-5 overflow-auto\"\r\n                                    style=\"position:absolute;left:0;\">\r\n                                    <tbody>\r\n                                        <tr v-if=\"claimantListLoading\">\r\n                                            <td class=\"text-center\">Loading</td>\r\n                                        </tr>\r\n                                        <template v-else>\r\n                                            <tr v-if=\"claimantList.length === 0\">\r\n                                                <td class=\"text-center\">No claimant found.</td>\r\n                                            </tr>\r\n                                            <template v-else>\r\n                                                <tr v-for=\"(user, index) in claimantList\" :key=\"index\" @click=\"() => {\r\n                                                    generateReport.claimant = user.id;\r\n                                                    searchClaimant = user.firstName + ' ' + user.lastName;\r\n                                                }\" style=\"cursor:pointer;\">\r\n                                                    <td>{{ user.firstName + ' ' + user.lastName }}</td>\r\n                                                </tr>\r\n                                            </template>\r\n                                        </template>\r\n                                    </tbody>\r\n                                </MDBTable>\r\n                            </div>\r\n                        </MDBCol>\r\n                    </MDBRow>\r\n                </MDBContainer>\r\n            </MDBModalBody>\r\n            <MDBModalFooter class=\"px-4 py-3 gap-2\">\r\n                <MDBBtn size=\"sm\" @click=\"generateReportModal = false\" class=\"fw-bold text-capitalize\">Close</MDBBtn>\r\n                <MDBBtn @click=\"extractReport\" size=\"sm\" color=\"primary\" class=\"fw-bold text-capitalize\">\r\n                    Extract Report\r\n                </MDBBtn>\r\n            </MDBModalFooter>\r\n        </MDBModal>\r\n        <MDBToast v-model=\"toastContentSuccess\" :delay=\"2000\" autohide position=\"top-right\" appendToBody stacking\r\n            width=\"350px\" color=\"success\" text=\"white\" icon=\"fas fa-check fa-lg me-2\">\r\n            <template #title> Success </template>\r\n            Content {{ isUpdateContent ? 'Updated' : 'Added' }} Successfully!\r\n        </MDBToast>\r\n        <MDBToast v-model=\"toastSheetSuccess\" :delay=\"2000\" autohide position=\"top-right\" appendToBody stacking\r\n            width=\"350px\" color=\"success\" text=\"white\" icon=\"fas fa-check fa-lg me-2\">\r\n            <template #title> Success </template>\r\n            Syncing Successful.\r\n        </MDBToast>\r\n        <MDBToast v-model=\"toastError\" :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            Fetching Failed.\r\n        </MDBToast>\r\n        <MDBToast v-model=\"toastErrorUpdate\" :delay=\"2000\" autohide position=\"top-right\" appendToBody stacking\r\n            width=\"350px\" color=\"danger\" text=\"white\" icon=\"fas fa-check fa-lg me-2\">\r\n            <template #title> Error </template>\r\n            <ul v-if=\"toastErrorUpdateMessage\">\r\n                <li v-for=\"(message, index) in toastErrorUpdateMessage\" :key=\"index\">{{ message }}</li>\r\n            </ul>\r\n        </MDBToast>\r\n        <MDBToast v-model=\"generateReportToast\" :delay=\"2000\" autohide position=\"top-right\" appendToBody stacking\r\n            width=\"350px\" :color=\"generateReportToastType === 'Error' ? 'danger' : 'success'\" text=\"white\"\r\n            icon=\"fas fa-check fa-lg me-2\">\r\n            <template #title> {{ generateReportToastType }} </template>\r\n            {{ generateReportToastMessage }}\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 ClaimsListLegendNew from \"./ClaimsListLegendNew.vue\";\r\nimport {\r\n    MDBContainer, MDBCard, MDBCardBody, MDBTable, MDBModal, MDBModalHeader, MDBModalTitle, MDBModalBody, MDBModalFooter, MDBIcon, MDBBtn, MDBToast, MDBInput, MDBSelect, MDBCol, MDBRow, MDBCardHeader\r\n} from \"mdb-vue-ui-kit\";\r\nimport { useTitle, useDebounceFn } from \"@vueuse/core\";\r\nimport { computed, onMounted, ref, watch, nextTick, watchEffect, onBeforeUnmount } from \"vue\";\r\nimport { GetContentsList } from \"@/services/Contents/GetContentsList\";\r\nimport { PostContent } from \"@/services/Contents/PostContent\";\r\nimport { PutContent } from \"@/services/Contents/PutContent\";\r\nimport { GetGoogleSheetData } from \"@/services/Contents/GetGoogleSheetData\";\r\nimport { GetExportExcel } from \"@/services/Contents/GetExportExcel\";\r\nimport { GetUsers } from '@/services/Users/GetUsers';\r\nimport ClaimsListTableRowNew from \"./ClaimsListTableRowNew.vue\";\r\nimport { useUserDetailStore } from \"@/store/userDetailStore\";\r\nimport Paginate from \"vuejs-paginate-next\";\r\nimport axios from \"axios\";\r\nimport { useToastStore } from \"@/store/toastStore\";\r\nimport { storeToRefs } from \"pinia\";\r\nimport { parseDateLong, isDateInputValid } from \"@/helpers/parseDate\";\r\nimport { useRouter, useRoute } from \"vue-router\";\r\nimport { useYoutubeStore } from \"@/store/youtubeStore\";\r\nimport { isVVV } from \"@/helpers/siteIdentifier\";\r\n\r\nconst userDetailStore = useUserDetailStore();\r\nconst { userDetail, isAdmin, isUser, isSuperAdmin } = storeToRefs(userDetailStore);\r\nconst youtubeStore = useYoutubeStore();\r\nconst { isAdded } = storeToRefs(youtubeStore);\r\n\r\nconst isAdminOrSuperAdmin = computed(() => isAdmin.value || isSuperAdmin.value);\r\n\r\nconst tableHeaders = computed(() => {\r\n    if (isAdminOrSuperAdmin.value) {\r\n        return [\r\n            \"Claim Status\",\r\n            \"Channel Name\",\r\n            \"Youtube URL\",\r\n            \"Timestamp\",\r\n            \"Asset Label\",\r\n            \"Clip URL\",\r\n            \"Internal Asset Description\",\r\n            \"Clip Title\",\r\n            \"Asset ID\",\r\n            \"Date Claimed\",\r\n            \"Claimant\",\r\n            \"Reason for Invalid\",\r\n            \"Staff Comments\",\r\n            \"Date Requested\",\r\n            \"Date Updated\",\r\n        ];\r\n    }\r\n    return [\r\n        \"Claim Status\",\r\n        \"Channel Name\",\r\n        \"Youtube URL\",\r\n        \"Timestamp\",\r\n        \"Asset Label\",\r\n        \"Clip Used\",\r\n        \"Date Updated\",\r\n    ];\r\n});\r\n\r\nconst isEditDisabled = (claimStatus) => {\r\n    const disabledValues = [\"1\", \"3\", \"6\", \"7\"];\r\n    return disabledValues.includes(claimStatus);\r\n}\r\n\r\nconst isStatusEditableForDistributor = (currentStatus) => {\r\n    return currentStatus === '2' || currentStatus === '7'\r\n}\r\n\r\nconst claimStatuses = (currentStatus) => {\r\n    const options = [\r\n        { text: \"Yes\", value: '1' },\r\n        { text: \"No\", value: '2' },\r\n        { text: \"Previously Claimed\", value: '3' },\r\n        { text: \"Fixed\", value: '4' },\r\n        { text: \"Not Yet\", value: '5' },\r\n        { text: \"For Verification\", value: '6' },\r\n        // { text: \"Awaiting for 100 Views\", value: '7' }, // Remove temporarily\r\n        { text: \"Awaiting for at least 1 view\", value: '8' },\r\n    ];\r\n\r\n    if (isUser.value && (isStatusEditableForDistributor(currentStatus))) {\r\n        const currentOption = options.find(option => option.value === currentStatus);\r\n        return [\r\n            currentOption,\r\n            { text: \"Fixed\", value: '4' },\r\n        ];\r\n    }\r\n\r\n    return options;\r\n}\r\n\r\nconst remarkOptions = ref([\r\n    \"None\",\r\n    \"Clip embedded is not related to the compilation\",\r\n    \"Dropbox link/clip provided is not included in the compilation/wrong timestamp\",\r\n    \"Dropbox link unavailable\",\r\n    \"Clip contains YT policy restriction\",\r\n    \"Compilation contains YT policy restriction\",\r\n    \"Manually claiming duet/stitch/ compilation is prohibited\",\r\n    \"Video Unavailable\",\r\n    \"Previously Claimed\",\r\n    \"Must use less than 25 secs clip\",\r\n    \"Channel on allowlist/whitelisted\",\r\n    \"Compilation of single unlicensed creator is prohibited\",\r\n    \"Incomplete Details\",\r\n    \"Channel is registered to one of our distribution partners\",\r\n    \"Should have at least 1 view\",\r\n    \"Improper clip placement\",\r\n    \"Video should not be unlisted\",\r\n]);\r\n\r\nconst claimStatusFilter = ref([\r\n    { text: \"All\", value: '' },\r\n    { text: \"Yes\", value: '1' },\r\n    { text: \"No\", value: '2' },\r\n    { text: \"Previously Claimed\", value: '3' },\r\n    { text: \"Fixed\", value: '4' },\r\n    { text: \"Not Yet\", value: '5' },\r\n    { text: \"For Verification\", value: '6' },\r\n    // { text: \"Awaiting for 100 Views\", value: '7' }, // Remove temporarily\r\n    { text: \"Awaiting for at least 1 view\", value: '8' },\r\n]);\r\n\r\nconst selectedFilter = ref('');\r\nconst searchFilter = ref('');\r\nconst isLoading = ref(false);\r\nconst contentsList = ref([]);\r\nconst contentsListPagination = ref({});\r\n\r\nconst selectedPageSize = ref();\r\nconst pageSizeFilter = ref([\r\n    { text: \"10\", value: 10 },\r\n    { text: \"50\", value: 50 },\r\n    { text: \"100\", value: 100 }\r\n]);\r\n\r\nwatch(selectedPageSize, (pageSizeValue) => {\r\n    if (pageSizeValue !== null) {\r\n        fetchContentsList({ pageNumber: 1 });\r\n    }\r\n});\r\n\r\nwatch(selectedFilter, (filterValue) => {\r\n    if (filterValue !== undefined) {\r\n        fetchContentsList({ pageNumber: 1 });\r\n        updateClaimStatusRoute();\r\n    }\r\n});\r\n\r\nwatch(searchFilter, (searchFilterValue) => {\r\n    if (searchFilterValue !== '') {\r\n        fetchContentsList({ pageNumber: 1 });\r\n        updateSearchContentRoute();\r\n    }\r\n});\r\n\r\nconst handleBackspaceContent = (event) => {\r\n    if (event.key === 'Backspace' && searchFilter.value) {\r\n        searchFilter.value = '';\r\n        fetchContentsList({ pageNumber: 1 })\r\n        updateSearchContentRoute();\r\n    }\r\n}\r\n\r\nonMounted(() => {\r\n    fetchContentsList({ pageNumber: 1 });\r\n    useTitle(`${isAdminOrSuperAdmin.value ? 'Claims List' : 'My Claimed Videos'} | Very Viral Videos`);\r\n    if (isAdded.value) {\r\n        toastContentSuccess.value = true;\r\n    }\r\n});\r\n\r\nwatch(isAdminOrSuperAdmin, () => {\r\n    useTitle(`${isAdminOrSuperAdmin.value ? 'Claims List' : 'My Claimed Videos'} | Very Viral Videos`);\r\n    if (isAdminOrSuperAdmin.value) {\r\n        getUsers();\r\n    }\r\n});\r\n\r\nconst scrollToTable = () => {\r\n    nextTick(() => {\r\n        const element = document.getElementById('ContentUploads');\r\n        if (element) {\r\n            element.scrollIntoView({ behavior: 'smooth' });\r\n        }\r\n    });\r\n};\r\n\r\nconst fetchContentsList = async ({ pageNumber }) => {\r\n    isLoading.value = true;\r\n    const params = { pageNumber: pageNumber, rowsPerPage: selectedPageSize.value, claimStatus: selectedFilter.value, searchString: searchFilter.value, assetLabel: searchAssetLabel.value };\r\n    if (isAdminOrSuperAdmin.value) {\r\n        params.userId = selectedUserId.value;\r\n    }\r\n    try {\r\n        const response = await GetContentsList(params);\r\n        contentsList.value = response.data;\r\n        contentsListPagination.value = response.pagination;\r\n        scrollToTable();\r\n    } catch (error) {\r\n        console.error(error);\r\n    } finally {\r\n        isLoading.value = false;\r\n    }\r\n};\r\n\r\nconst showViewContentModal = ref(false);\r\nconst selectedContent = ref({});\r\nconst viewContent = (content) => {\r\n    showViewContentModal.value = true;\r\n    selectedContent.value = content;\r\n};\r\n\r\nconst handlePage = (currentPage) => {\r\n    event.preventDefault();\r\n    if (isUser.value) fetchContentsList({ pageNumber: currentPage, userId: userDetail.value.id });\r\n    else fetchContentsList({ pageNumber: currentPage, userId: selectedUserId.value });\r\n}\r\n\r\nconst form = ref({\r\n    youtubeChannel: \"\",\r\n    youtubeUrl: \"\",\r\n    timeStamp: \"\",\r\n    clipTitle: \"\",\r\n    claimStatus: \"\",\r\n    claimStatusName: \"\",\r\n    claimant: \"\",\r\n    dropboxLink: \"\",\r\n    assetId: \"\",\r\n    assetLabel: \"\",\r\n    internalAssetDescription: \"\",\r\n    remarks: \"\",\r\n    notes: \"\",\r\n    dateAdded: \"\",\r\n    dateUpdated: \"\",\r\n});\r\n\r\nconst showFormContentModal = ref(false);\r\nconst toggleAdd = () => {\r\n    if (isUser.value) {\r\n        router.push({\r\n            path: \"/new-claim\",\r\n        })\r\n    } else {\r\n        showFormContentModal.value = true;\r\n        isUpdateContent.value = false;\r\n    }\r\n}\r\n\r\nwatch(showFormContentModal, (newShowFormContentModal) => {\r\n    if (!newShowFormContentModal) {\r\n        resetForm();\r\n        searchClaimant.value = '';\r\n        claimantList.value = [];\r\n    }\r\n});\r\n\r\nconst claimStatusBreakdown = ref();\r\nconst toastErrorUpdate = ref(false);\r\nconst toastErrorUpdateMessage = ref([]);\r\n\r\nconst submit = async () => {\r\n    try {\r\n        let response;\r\n        if (isUpdateContent.value) {\r\n            response = await PutContent({ ...form.value, ...(isAdminOrSuperAdmin.value ? { userId: selectedUserId.value } : {}) });\r\n        } else {\r\n            response = await PostContent({ ...form.value, ...(isAdminOrSuperAdmin.value ? { userId: selectedUserId.value } : {}) });\r\n        }\r\n        if (response && response.message) {\r\n            let errorMessages = [];\r\n            for (let key in response.errors) {\r\n                errorMessages = errorMessages.concat(response.errors[key]);\r\n            }\r\n            toastErrorUpdate.value = true;\r\n            toastErrorUpdateMessage.value = errorMessages;\r\n            setTimeout(() => {\r\n                toastErrorUpdate.value = false;\r\n            }, 3000);\r\n            return;\r\n        }\r\n        showFormContentModal.value = false;\r\n        toastContentSuccess.value = true;\r\n        if (isUser.value) fetchContentsList({ pageNumber: contentsListPagination.value.currentPage, userId: userDetail.value.id });\r\n        else fetchContentsList({ pageNumber: contentsListPagination.value.currentPage, userId: selectedUserId.value });\r\n        claimStatusBreakdown.value.loadBreakdown();\r\n    } catch (error) {\r\n        const errorMessage = error.data.message;\r\n        const capitalizedErrorMessage = errorMessage.charAt(0).toUpperCase() + errorMessage.slice(1);\r\n        toastErrorUpdate.value = true;\r\n        toastErrorUpdateMessage.value = [capitalizedErrorMessage];\r\n        setTimeout(() => {\r\n            toastErrorUpdate.value = false;\r\n        }, 3000);\r\n        return;\r\n    }\r\n}\r\n\r\nconst resetForm = () => {\r\n    form.value = {\r\n        youtubeChannel: \"\",\r\n        youtubeUrl: \"\",\r\n        timeStamp: \"\",\r\n        clipTitle: \"\",\r\n        claimStatus: \"\",\r\n        claimant: \"\",\r\n        dropboxLink: \"\",\r\n        assetId: \"\",\r\n        assetLabel: \"\",\r\n        internalAssetDescription: \"\",\r\n        remarks: \"\",\r\n        notes: \"\",\r\n    }\r\n}\r\n\r\nconst isUpdateContent = ref(false);\r\nconst updateContent = (content) => {\r\n    if (content.claimant) { searchClaimant.value = content.claimantFirstName + ' ' + content.claimantLastName }\r\n    form.value = { ...content };\r\n    selectedContent.value = { ...content };\r\n    isUpdateContent.value = true;\r\n    showFormContentModal.value = true;\r\n}\r\n\r\nconst toastContentSuccess = ref(false)\r\nwatch(toastContentSuccess, (newToastSuccess) => {\r\n    if (!newToastSuccess) {\r\n        isUpdateContent.value = false;\r\n        isAdded.value = false;\r\n    }\r\n});\r\n\r\nconst toastError = ref(false);\r\nconst toastSheetSuccess = ref(false);\r\nconst syncGoogleSheet = async (id) => {\r\n    if (toastSheetSuccess.value) toastSheetSuccess.value = false;\r\n    isLoading.value = true;\r\n    try {\r\n        await GetGoogleSheetData(id);\r\n        isLoading.value = false;\r\n        toastSheetSuccess.value = true;\r\n    } catch (error) {\r\n        isLoading.value = false;\r\n        toastError.value = true;\r\n    }\r\n}\r\n\r\nconst userList = ref([]);\r\nconst userListLoading = ref(false);\r\nconst toastStore = useToastStore();\r\nconst tableRef = ref(null);\r\nconst getUsers = useDebounceFn(async (searchVal = '') => {\r\n    const currentDashboard = isVVV() ? 3 : 2;\r\n    userListLoading.value = true;\r\n    try {\r\n        const response = await axios.get(\"api/users\", {\r\n            params: { SearchString: searchVal, UserTypeId: 3, CurrentDashboard: currentDashboard },\r\n        });\r\n        userList.value = response.data.data;\r\n        userListLoading.value = false;\r\n    } catch (error) {\r\n        userListLoading.value = false;\r\n        toastStore.toastObject = {\r\n            ...toastStore.toastObject,\r\n            ...toastStore.toastStatus.fail,\r\n        };\r\n    }\r\n}, 200);\r\n\r\nconst searchAssetLabel = ref('');\r\nwatch(searchAssetLabel, (newSearch) => {\r\n    if (newSearch === '') {\r\n        assetLabelList.value = [];\r\n    } else {\r\n        getAssetLabel(newSearch.toLowerCase());\r\n    }\r\n});\r\n\r\nconst search = ref('');\r\nwatch(search, (newSearch) => {\r\n    if (newSearch === '') {\r\n        userList.value = [];\r\n    } else {\r\n        getUsers(newSearch.toLowerCase());\r\n    }\r\n});\r\n\r\nconst selectedUserId = ref(false);\r\nconst selectUser = (user) => {\r\n    search.value = user.firstName + ' ' + user.lastName;\r\n    selectedUserId.value = user.id;\r\n    fetchContentsList({ pageNumber: 1 })\r\n    updateDistributorRoute();\r\n}\r\n\r\nconst handleBackspaceDistributor = (event) => {\r\n    if (event.key === 'Backspace' && selectedUserId.value) {\r\n        search.value = '';\r\n        selectedUserId.value = null;\r\n        fetchContentsList({ pageNumber: 1 })\r\n        updateDistributorRoute();\r\n    }\r\n}\r\n\r\nconst handleBackspaceAssetlabel = (event) => {\r\n    if (event.key === 'Backspace' && selectedAssetlabel.value) {\r\n        searchAssetLabel.value = '';\r\n        selectedAssetlabel.value = false;\r\n        fetchContentsList({ pageNumber: 1 });\r\n        updateAssetLabelRoute();\r\n    }\r\n}\r\n\r\nconst searchClaimant = ref('');\r\nconst claimantList = ref([]);\r\nconst claimantListLoading = ref(false);\r\nconst getClaimantList = useDebounceFn(async (searchVal = '') => {\r\n    claimantListLoading.value = true;\r\n    try {\r\n        const response = await axios.get(\"api/users?userTypeId=1&userTypeId=4\", {\r\n            params: { SearchString: searchVal }\r\n        });\r\n        claimantList.value = response.data.data;\r\n        claimantListLoading.value = false;\r\n    } catch (error) {\r\n        claimantListLoading.value = false;\r\n        toastStore.toastObject = {\r\n            ...toastStore.toastObject,\r\n            ...toastStore.toastStatus.fail,\r\n        };\r\n    }\r\n}, 200);\r\n\r\nwatch(searchClaimant, (newSearch) => {\r\n    if (newSearch === '') {\r\n        claimantList.value = [];\r\n    } else {\r\n        getClaimantList(newSearch.toLowerCase());\r\n    }\r\n});\r\n\r\nconst timeStampInput = ref();\r\nconst youtubeChannelInput = ref();\r\nconst toggleUpdate = (selectedContent) => {\r\n    updateContent(selectedContent);\r\n    showViewContentModal.value = false;\r\n}\r\n\r\nwatch(showFormContentModal, (newShowFormContentModal) => {\r\n    if (newShowFormContentModal) {\r\n        if (isAdminOrSuperAdmin.value) {\r\n            setTimeout(() => {\r\n                timeStampInput.value.focus();\r\n            }, 200);\r\n        }\r\n        if (isUser.value) {\r\n            setTimeout(() => {\r\n                youtubeChannelInput.value.focus();\r\n            }, 200);\r\n        }\r\n    }\r\n});\r\n\r\nconst handleClaimantBackspace = () => {\r\n    if (event.key === 'Backspace' && form.value.claimant) {\r\n        form.value = { ...form.value, claimant: '' };\r\n        searchClaimant.value = '';\r\n        claimantList.value = [];\r\n    }\r\n}\r\n\r\nconst generateReport = ref({\r\n    dateFrom: \"\",\r\n    dateTo: \"\",\r\n    assetLabel: \"\",\r\n    claimStatus: \"\",\r\n    claimant: \"\"\r\n});\r\n\r\nconst generateReportModal = ref(false);\r\nwatch(generateReportModal, (newGenerateReportModal) => {\r\n    if (!newGenerateReportModal) {\r\n        generateReport.value = {\r\n            dateFrom: \"\",\r\n            dateTo: \"\",\r\n            assetLabel: \"\",\r\n            claimStatus: \"\",\r\n            claimant: \"\"\r\n        }\r\n        searchClaimant.value = '';\r\n    }\r\n});\r\n\r\nconst generateReportToast = ref(false);\r\nconst generateReportToastType = ref(\"Error\");\r\nconst generateReportToastMessage = ref(\"\");\r\n\r\nconst showExportToast = (type, message) => {\r\n    generateReportToast.value = true;\r\n    generateReportToastType.value = type;\r\n    generateReportToastMessage.value = message;\r\n}\r\n\r\nconst extractReport = async () => {\r\n    const reportData = generateReport.value;\r\n    const { dateFrom, dateTo, assetLabel, claimStatus, claimant } = reportData;\r\n\r\n    if (!validateExportFields({ dateFrom, dateTo, assetLabel, claimStatus, claimant })) {\r\n        return;\r\n    }\r\n\r\n    const { url } = await GetExportExcel(reportData);\r\n    showExportToast('Success', 'Download Successfully!');\r\n    generateReportModal.value = false;\r\n    window.open(url, '_blank');\r\n};\r\n\r\nconst validateExportFields = ({ dateFrom, dateTo, assetLabel, claimStatus, claimant }) => {\r\n    const fields = { dateFrom, dateTo, assetLabel, claimStatus, claimant };\r\n    const filledField = Object.values(fields).some(value => value !== \"\" && value !== null);\r\n\r\n    if (!filledField) {\r\n        showExportToast('Error', 'At least one filter must be applied.');\r\n        return false;\r\n    }\r\n\r\n    if ((!dateFrom && dateTo) || (dateFrom && !dateTo)) {\r\n        showExportToast('Error', 'Both \"Date From\" and \"Date To\" must be filled.');\r\n        return false;\r\n    }\r\n\r\n    if (dateFrom && !isDateInputValid(dateFrom)) {\r\n        showExportToast('Error', 'Invalid \"Date From\". Please use a valid format for MM/DD/YYYY.');\r\n        return false;\r\n    }\r\n\r\n    if (dateTo && !isDateInputValid(dateTo)) {\r\n        showExportToast('Error', 'Invalid \"Date To\". Please use a valid format for MM/DD/YYYY.');\r\n        return false;\r\n    }\r\n\r\n    if (dateFrom && dateTo && new Date(dateTo) <= new Date(dateFrom)) {\r\n        showExportToast('Error', 'Ensure \"Date To\" is after \"Date From\".');\r\n        return false;\r\n    }\r\n\r\n    return true;\r\n};\r\n\r\nconst router = useRouter();\r\nconst route = useRoute();\r\n\r\nconst updateClaimStatusRoute = () => {\r\n    if (selectedFilter.value) {\r\n        router.push({\r\n            path: '/claims-list',\r\n            query: { claimStatus: selectedFilter.value }\r\n        });\r\n    } else {\r\n        router.push({\r\n            path: \"/claims-list\",\r\n            name: \"ClaimsList\",\r\n        })\r\n    }\r\n};\r\n\r\nif (route.query.claimStatus) {\r\n    selectedFilter.value = route.query.claimStatus;\r\n}\r\n\r\nwatch(() => route.query.claimStatus, (claimStatusValue) => {\r\n    if (claimStatusValue !== undefined && claimStatusValue !== null && selectedFilter.value !== claimStatusValue) {\r\n        selectedFilter.value = claimStatusValue;\r\n        fetchContentsList({ pageNumber: 1 });\r\n        updateClaimStatusRoute();\r\n    }\r\n});\r\n\r\nconst updateSearchContentRoute = () => {\r\n    if (searchFilter.value) {\r\n        router.push({\r\n            path: '/claims-list',\r\n            query: { searchContent: searchFilter.value }\r\n        });\r\n    } else {\r\n        router.push({\r\n            path: \"/claims-list\",\r\n            name: \"ClaimsList\",\r\n        })\r\n    }\r\n};\r\n\r\nif (route.query.searchContent) {\r\n    searchFilter.value = route.query.searchContent;\r\n}\r\n\r\nwatch(() => route.query.searchContent, (searchValue) => {\r\n    if (searchValue !== undefined && searchValue !== null && searchFilter.value !== '') {\r\n        searchFilter.value = searchValue;\r\n        fetchContentsList({ pageNumber: 1 });\r\n        updateSearchContentRoute();\r\n    }\r\n});\r\n\r\nconst updateDistributorRoute = () => {\r\n    if (selectedUserId.value) {\r\n        router.push({\r\n            path: '/claims-list',\r\n            query: { distributor: selectedUserId.value }\r\n        });\r\n    } else {\r\n        router.push({\r\n            path: \"/claims-list\",\r\n            name: \"ClaimsList\",\r\n        })\r\n    }\r\n};\r\n\r\nif (route.query.distributor) {\r\n    selectedUserId.value = route.query.distributor;\r\n}\r\n\r\nwatch(() => route.query.distributor, (userId) => {\r\n    if (userId !== undefined && userId !== null && selectedUserId.value !== userId) {\r\n        GetUsers(userId)\r\n            .then(user => {\r\n                search.value = user.firstName + ' ' + user.lastName;\r\n                selectedUserId.value = user.id;\r\n                fetchContentsList({ pageNumber: 1 });\r\n                updateDistributorRoute();\r\n            });\r\n    } else {\r\n        search.value = '';\r\n        selectedUserId.value = null;\r\n    }\r\n});\r\n\r\nconst updateAssetLabelRoute = () => {\r\n    if (searchAssetLabel.value) {\r\n        router.push({\r\n            path: '/claims-list',\r\n            query: { assetLabel: searchAssetLabel.value }\r\n        });\r\n    } else {\r\n        router.push({\r\n            path: \"/claims-list\",\r\n            name: \"ClaimsList\",\r\n        })\r\n    }\r\n};\r\n\r\nif (route.query.assetLabel) {\r\n    searchAssetLabel.value = route.query.assetLabel;\r\n}\r\n\r\nwatch(() => route.query.assetLabel, (assetLabelSearch) => {\r\n    if (assetLabelSearch !== undefined && assetLabelSearch !== null && searchAssetLabel.value !== '') {\r\n        searchAssetLabel.value = assetLabelSearch;\r\n        fetchContentsList({ pageNumber: 1 });\r\n        updateAssetLabelRoute();\r\n    }\r\n});\r\n\r\nconst isMobile = ref(window.innerWidth <= 767);\r\nconst contentInputWidth = ref('');\r\nconst distriInputStyle = ref('');\r\nconst assetLabelInputStyle = ref('');\r\n\r\nconst updateResolution = () => {\r\n    isMobile.value = window.innerWidth <= 767;\r\n};\r\n\r\nwatchEffect(() => {\r\n    contentInputWidth.value = isMobile.value ? { width: '100%' } : (isUser.value ? { width: '33%' } : { width: '19%' });\r\n    assetLabelInputStyle.value = isMobile.value ? { position: 'relative', zIndex: 4 }\r\n        : { position: 'relative', zIndex: 4, width: '21%' };\r\n    distriInputStyle.value = isMobile.value ? { position: 'relative', zIndex: 4 }\r\n        : { position: 'relative', zIndex: 4, width: '31%' };\r\n});\r\n\r\nonMounted(() => {\r\n    window.addEventListener('resize', updateResolution);\r\n});\r\n\r\nonBeforeUnmount(() => {\r\n    window.removeEventListener('resize', updateResolution);\r\n});\r\n\r\nconst assetLabelList = ref([]);\r\nconst assetLabelListLoading = ref(false);\r\nconst getAssetLabel = useDebounceFn(async (searchVal = '') => {\r\n    assetLabelListLoading.value = true;\r\n    try {\r\n        const response = await axios.get(\"api/assetLabels/List\", {\r\n            params: { SearchString: searchVal },\r\n        });\r\n        assetLabelList.value = response.data.data;\r\n        assetLabelListLoading.value = false;\r\n    } catch (error) {\r\n        assetLabelListLoading.value = false;\r\n        toastStore.toastObject = {\r\n            ...toastStore.toastObject,\r\n            ...toastStore.toastStatus.fail,\r\n        };\r\n    }\r\n}, 200);\r\n\r\nconst selectedAssetlabel = ref(false);\r\nconst selectAssetLabel = (assetlabel) => {\r\n    searchAssetLabel.value = assetlabel.name;\r\n    selectedAssetlabel.value = true;\r\n    fetchContentsList({ pageNumber: 1 });\r\n    updateAssetLabelRoute();\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.title {\r\n    width: 47.5%;\r\n}\r\n\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.content-title {\r\n    font-weight: bold;\r\n    width: 200px;\r\n    text-align: right;\r\n    padding-right: 10px;\r\n}\r\n\r\n.content-info {\r\n    width: 200px;\r\n    text-align: left;\r\n    padding-left: 10px;\r\n}\r\n\r\n.pagination {\r\n    margin-top: 2rem;\r\n    margin-bottom: 0;\r\n    margin-left: auto;\r\n}\r\n\r\n#actions {\r\n    flex: 0 0 55px;\r\n}\r\n\r\n#ContentUploads {\r\n    flex: 1 1 auto;\r\n    overflow: hidden;\r\n}\r\n\r\n#table-container {\r\n    flex: 1 1 auto;\r\n    max-height: 100vh;\r\n}\r\n\r\n.claim-status-select {\r\n    width: fit-content;\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: 13px;\r\n    font-weight: normal;\r\n    position: absolute;\r\n    pointer-events: none;\r\n    left: 8.2px;\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: 12px;\r\n    display: block;\r\n    width: 100%;\r\n    height: 28.5px;\r\n    padding: 0 13px;\r\n    padding-right: 10px;\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: 10px;\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: 10px;\r\n}\r\n\r\n.did-floating-select:not([value=\"\"]):valid~.did-floating-label {\r\n    top: -8px;\r\n    font-size: 10px;\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\ntd {\r\n    text-wrap: nowrap;\r\n    font-size: 13px;\r\n}\r\n\r\nth {\r\n    text-wrap: nowrap;\r\n    max-width: 30%;\r\n    font-size: 13px;\r\n    z-index: 0;\r\n}\r\n\r\n@media screen and (max-width: 767px) {\r\n\r\n    #actions {\r\n        flex: 0 0 auto;\r\n    }\r\n\r\n    #ContentUploads {\r\n        flex: 0 0 auto;\r\n        overflow: hidden;\r\n    }\r\n\r\n    #table-container {\r\n        flex: 0 0 auto;\r\n    }\r\n\r\n    #table-container-header {\r\n        z-index: 0;\r\n    }\r\n\r\n    .claim-status-select {\r\n        width: 100%;\r\n    }\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: 45px;\r\n    height: 45px;\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: 45px;\r\n    height: 45px;\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</style>\r\n","import script from \"./ClaimsListNew.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ClaimsListNew.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./ClaimsListNew.vue?vue&type=style&index=0&id=6d5363c9&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-6d5363c9\"]])\n\nexport default __exports__","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":""}