{"version":3,"sources":["webpack:///./src/assets/cs-logo-new-slim.png","webpack:///./src/views/v3/LayoutNext.vue","webpack:///./src/views/v3/LayoutNext.vue?89d1","webpack:///./src/store/impersonateStore.js","webpack:///./src/views/v3/LayoutNext.vue?c4ad","webpack:///./src/views/v3/LayoutNext.vue?e68d","webpack:///./src/assets/copyright-white.png","webpack:///./src/assets/cs-logo.png"],"names":["module","exports","getSidebarStateFromLocalStorage","storedState","localStorage","getItem","JSON","parse","isSlim","isExpanded","storedSidebarState","ref","saveSidebarState","sidebarState","value","setItem","stringify","watch","onMounted","updateResolution","window","addEventListener","isMobile","parsedState","undefined","isPexSubMenuVisible","isDailySyncSubMenuVisible","isReportsSubMenuVisible","toggleCategory","category","toggleSideBar","newVal","document","body","style","overflow","innerWidth","watchEffect","onBeforeUnmount","removeEventListener","router","useRouter","toDashboard","push","adjustmentsURL","userDropdown","userDetailStore","useUserDetailStore","userDetail","isAdmin","isSuperAdmin","storeToRefs","async","response","GetCurrent","id","handleLogout","Logout","then","dispatchEvent","Event","exitUserManagement","hideSidenav","exitImpersonation","firstName","lastName","useImpersonate","impersonateStore","useImpersonateStore","isImpersonating","userImpersonateDetail","start","ready","useTimeout","controls","name","setUserType","userTypeId","setUserTypeColor","avatarLetter","computed","_userDetail$value","_userDetail$value$fir","charAt","toUpperCase","route","useRoute","isPexActive","categoryRoutes","includes","path","newPath","pexRoutes","some","immediate","isDailySyncActive","dailySyncRoutes","isReportsActive","reportRoutes","expandedLogo","require","slimLogo","hovered","invertClass","isPexCopyActive","pexCopyRoute","avatarImage","profilePictureUrl","newUrl","oldUrl","isActivePex","isActiveDailySync","isActiveReports","beforeEach","to","from","next","__exports__","defineStore","email","isDistributor","googleSheetLink"],"mappings":"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","file":"js/chunk-00d24d74.473e8d1c.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/cs-logo-new-slim.0088c7ff.png\";","<template>\r\n    <div class=\"LayoutNext\">\r\n        <div v-if=\"isMobile && isExpanded\" class=\"overlay\" @click=\"toggleSideBar\"></div>\r\n        <MDBNavbar id=\"mainNavbar\" class=\"p-2 px-4 sticky-top\" style=\"padding-left: 11.6px; z-index: 100;\">\r\n            <MDBBtn :class=\"isMobile ? 'd-block ms-1' : 'd-none'\" color=\"tertiary\" aria-controls=\"#mainSidenav\"\r\n                @click=\"toggleSideBar\" id=\"mainSidenavTogglerNavbar\" style=\"padding-left: 0;\">\r\n                <vue-feather type=\"menu\" :stroke-width=\"2.5\" style=\"height: 1rem;margin-top: 4px\" />\r\n            </MDBBtn>\r\n            <h5\r\n                :class=\"isExpanded ? 'page-title-expanded my-auto text-black d-none d-md-block' : 'page-title-slim my-auto text-black d-none d-md-block'\">\r\n                <slot name=\"page-title\"></slot>\r\n            </h5>\r\n            <MDBNavbarNav right>\r\n                <MDBNavbarItem>\r\n                    <MDBDropdown btnGroup align=\"lg-end\" v-model=\"userDropdown\" id=\"userDropdown\">\r\n                        <MDBDropdownToggle tag=\"a\" class=\"nav-link d-flex align-items-center\"\r\n                            @click=\"userDropdown = !userDropdown\" color=\"dark\">\r\n                            <div class=\"default-avatar shadow-lg me-1\" v-if=\"!userDetail.profilePictureUrl\">\r\n                                <span class=\"avatar-letter\">{{ avatarLetter }}</span>\r\n                            </div>\r\n                            <img v-else :src=\"avatarImage\" alt=\"Profile Picture\"\r\n                                class=\"profile-avatar shadow-lg me-1\" />\r\n                            <div class=\"d-flex flex-column align-items-center mx-2 justify-content-start\">\r\n                                <div class=\"text-capitalize\">\r\n                                    {{ userDetail.firstName }}\r\n                                    {{ userDetail.lastName }}\r\n                                </div>\r\n                                <span class=\"w-100 user-type\"\r\n                                    style=\"text-transform: uppercase; font-size: 11px; font-weight: bold;\"\r\n                                    :style=\"{ color: setUserTypeColor(userDetail.userTypeId) }\">\r\n                                    {{ setUserType(userDetail.userTypeId) }}\r\n                                </span>\r\n                            </div>\r\n                        </MDBDropdownToggle>\r\n                        <MDBDropdownMenu>\r\n                            <MDBDropdownItem class=\"nav-link-item d-flex align-items-center\" href=\"#/user-profile\">\r\n                                <vue-feather type=\"user\" :stroke-width=\"2.5\" size=\"18px\" class=\"me-2\" />\r\n                                <span>User Profile</span>\r\n                            </MDBDropdownItem>\r\n                            <MDBDropdownItem class=\"nav-link-item d-flex align-items-center\" href=\"#\"\r\n                                @click=\"handleLogout\">\r\n                                <vue-feather type=\"log-out\" :stroke-width=\"2.5\" size=\"18px\" class=\"me-2\" />\r\n                                <span>Logout</span>\r\n                            </MDBDropdownItem>\r\n                        </MDBDropdownMenu>\r\n                    </MDBDropdown>\r\n                </MDBNavbarItem>\r\n            </MDBNavbarNav>\r\n        </MDBNavbar>\r\n        <div class=\"layout-wrapper\">\r\n            <div :class=\"['sidenav', 'd-flex', 'flex-column', isSlim ? 'slim' : '', isExpanded ? 'expanded' : '']\"\r\n                id=\"sidenav\">\r\n                <div class=\"d-flex align-items-center sticky-top bg-white\">\r\n                    <MDBBtn :class=\"isMobile ? 'd-block ms-4' : 'd-none'\" color=\"tertiary\" aria-controls=\"#mainSidenav\"\r\n                        @click=\"toggleSideBar\" id=\"mainSidenavTogglerNavbar\" style=\"padding-left: 0;\">\r\n                        <vue-feather type=\"menu\" :stroke-width=\"2.5\" style=\"height: 1rem;margin-top: 4px\" />\r\n                    </MDBBtn>\r\n                    <div v-if=\"isExpanded\"\r\n                        :class=\"isMobile ? 'd-flex justify-content-start ps-1 py-2' : 'd-flex justify-content-center p-2'\">\r\n                        <img @click=\"toDashboard\" :src=\"expandedLogo\" alt=\"creator-shield-logo\"\r\n                            class=\"img-fluid object-fit-contain sidenav-non-slim sidenav-mobile-logo\" />\r\n                    </div>\r\n                    <div v-else class=\"d-flex justify-content-center p-2\">\r\n                        <img @click=\"toDashboard\" :src=\"slimLogo\" alt=\"creator-shield-logo\"\r\n                            class=\"img-fluid object-fit-contain\" style=\"width: 91%;\" />\r\n                    </div>\r\n                </div>\r\n                <hr class=\"m-0\" />\r\n                <router-link to=\"/dashboard\" active-class=\"bg-primary text-white\" class=\"d-flex align-items-center\">\r\n                    <vue-feather type=\"home\" :stroke-width=\"2.5\" class=\"sidenav-feather-icon\" />\r\n                    <span v-if=\"isExpanded\" class=\"navlink-text\">Home</span>\r\n                </router-link>\r\n                <router-link to=\"/assets\" active-class=\"bg-primary text-white\" class=\"d-flex align-items-center\">\r\n                    <vue-feather type=\"film\" :stroke-width=\"2.5\" class=\"sidenav-feather-icon\" />\r\n                    <span v-if=\"isExpanded\" class=\"navlink-text\">Assets</span>\r\n                </router-link>\r\n                <router-link to=\"/asset-labels\" active-class=\"bg-primary text-white\" class=\"d-flex align-items-center\">\r\n                    <vue-feather type=\"folder\" :stroke-width=\"2.5\" class=\"sidenav-feather-icon\" />\r\n                    <span v-if=\"isExpanded\" class=\"navlink-text\">Asset Labels</span>\r\n                </router-link>\r\n                <template v-if=\"isAdmin || isSuperAdmin\">\r\n                    <div :class=\"['d-flex align-items-center', { 'expanded': isExpanded, 'active-page': isActivePex }, hideSidenav ? 'sidenav-item-collapse' : 'category']\"\r\n                        @click=\"toggleCategory('pexSubMenu')\">\r\n                        <vue-feather v-if=\"hideSidenav\" type=\"eye-off\" :stroke-width=\"2.5\"\r\n                            class=\"sidenav-overlay-icon\" />\r\n                        <vue-feather type=\"bar-chart-2\" :stroke-width=\"2.5\"\r\n                            style=\"transform: rotate(90deg);height: 1.1rem;margin-left: 4.3px;\" />\r\n                        <span v-if=\"isExpanded\" class=\"navlink-text\">Pex</span>\r\n                        <vue-feather v-if=\"isExpanded && !isPexSubMenuVisible\" type=\"chevron-down\"\r\n                            style=\"height:1.1rem;margin-left: auto;\" />\r\n                        <vue-feather v-if=\"isExpanded && isPexSubMenuVisible\" type=\"chevron-up\"\r\n                            style=\"height:1.1rem;margin-left: auto;\" />\r\n                    </div>\r\n                    <div v-show=\"isExpanded && isPexSubMenuVisible\" class=\"sub-menu\">\r\n                        <router-link active-class=\"bg-primary text-white\" to=\"/pex-collections\"\r\n                            class=\"d-flex align-items-center py-2\" :class=\"hideSidenav ? 'sidenav-item' : ''\">\r\n                            <vue-feather v-if=\"hideSidenav\" type=\"eye-off\" :stroke-width=\"2.5\"\r\n                                class=\"sidenav-overlay-icon\" />\r\n                            <vue-feather type=\"folder\" :stroke-width=\"2.5\" style=\"height: 1.1rem;margin-left: -5px;\" />\r\n                            <span v-if=\"isExpanded\" class=\"navlink-text\">Pex Collections</span>\r\n                        </router-link>\r\n                        <router-link active-class=\"bg-primary text-white\" to=\"/pex-allowlist\"\r\n                            class=\"d-flex align-items-center py-2\" :class=\"hideSidenav ? 'sidenav-item' : ''\">\r\n                            <vue-feather v-if=\"hideSidenav\" type=\"eye-off\" :stroke-width=\"2.5\"\r\n                                class=\"sidenav-overlay-icon\" />\r\n                            <vue-feather type=\"user-check\" :stroke-width=\"2.5\"\r\n                                style=\"height: 1.1rem;margin-left: -5px;\" />\r\n                            <span v-if=\"isExpanded\" class=\"navlink-text\">Pex Allowlist</span>\r\n                        </router-link>\r\n                        <router-link @mouseover=\"hovered = true\" @mouseleave=\"hovered = false\"\r\n                            active-class=\"bg-primary text-white\" to=\"/pex-copies\" class=\"d-flex align-items-center py-2\"\r\n                            style=\"padding-left: 12px;\" :class=\"hideSidenav ? 'sidenav-item' : ''\">\r\n                            <vue-feather v-if=\"hideSidenav\" type=\"eye-off\" :stroke-width=\"2.5\"\r\n                                class=\"sidenav-overlay-icon\" />\r\n                            <img :class=\"invertClass\" src=\"@/assets/copyright-white.png\" alt=\"pex-copies-logo\"\r\n                                style=\"margin-left: 2px;\">\r\n                            <span v-if=\"isExpanded\" class=\"navlink-text\">Pex Copies</span>\r\n                        </router-link>\r\n                    </div>\r\n                    <div :class=\"['d-flex align-items-center', { 'expanded': isExpanded, 'active-page': isActiveDailySync }, hideSidenav ? 'sidenav-item-collapse' : 'category']\"\r\n                        @click=\"toggleCategory('dailySyncSubMenu')\">\r\n                        <vue-feather v-if=\"hideSidenav\" type=\"eye-off\" :stroke-width=\"2.5\"\r\n                            class=\"sidenav-overlay-icon\" />\r\n                        <vue-feather type=\"shield\" :stroke-width=\"2.5\" class=\"sidenav-feather-icon\" />\r\n                        <span v-if=\"isExpanded\" class=\"navlink-text\">Sync Management</span>\r\n                        <vue-feather v-if=\"isExpanded && !isDailySyncSubMenuVisible\" type=\"chevron-down\"\r\n                            style=\"height:1.1rem;margin-left: auto;\" />\r\n                        <vue-feather v-if=\"isExpanded && isDailySyncSubMenuVisible\" type=\"chevron-up\"\r\n                            style=\"height:1.1rem;margin-left: auto;\" />\r\n                    </div>\r\n                    <div v-if=\"isExpanded && isDailySyncSubMenuVisible\" class=\"sub-menu\">\r\n                        <router-link active-class=\"bg-primary text-white\" to=\"/daily-sync\"\r\n                            class=\"d-flex align-items-center py-2\" :class=\"hideSidenav ? 'sidenav-item' : ''\">\r\n                            <vue-feather v-if=\"hideSidenav\" type=\"eye-off\" :stroke-width=\"2.5\"\r\n                                class=\"sidenav-overlay-icon\" />\r\n                            <vue-feather type=\"refresh-cw\" :stroke-width=\"2.5\" class=\"sub-sidenav-feather-icon\" />\r\n                            <span v-if=\"isExpanded\" class=\"navlink-text\">Daily Sync</span>\r\n                        </router-link>\r\n                        <router-link active-class=\"bg-primary text-white\" to=\"/new-sync\"\r\n                            class=\"d-flex align-items-center py-2\" :class=\"hideSidenav ? 'sidenav-item' : ''\">\r\n                            <vue-feather v-if=\"hideSidenav\" type=\"eye-off\" :stroke-width=\"2.5\"\r\n                                class=\"sidenav-overlay-icon\" />\r\n                            <vue-feather type=\"bell\" :stroke-width=\"2.5\" class=\"sub-sidenav-feather-icon\" />\r\n                            <span v-if=\"isExpanded\" class=\"navlink-text\">New Sync</span>\r\n                        </router-link>\r\n                    </div>\r\n                    <router-link to=\"/users\" active-class=\"bg-primary text-white\" class=\"d-flex align-items-center\"\r\n                        :class=\"hideSidenav ? 'sidenav-item' : ''\">\r\n                        <vue-feather v-if=\"hideSidenav\" type=\"eye-off\" :stroke-width=\"2.5\"\r\n                            class=\"sidenav-overlay-icon\" />\r\n                        <vue-feather type=\"users\" :stroke-width=\"2.5\" class=\"sidenav-feather-icon\" />\r\n                        <span v-if=\"isExpanded\" class=\"navlink-text\">Users</span>\r\n                    </router-link>\r\n                    <div :class=\"['d-flex align-items-center', { 'expanded': isExpanded, 'active-page': isActiveReports }, hideSidenav ? 'sidenav-item-collapse' : 'category']\"\r\n                        @click=\"toggleCategory('reportsSubMenu')\">\r\n                        <vue-feather v-if=\"hideSidenav\" type=\"eye-off\" :stroke-width=\"2.5\"\r\n                            class=\"sidenav-overlay-icon\" />\r\n                        <vue-feather type=\"file\" :stroke-width=\"2.5\" class=\"sidenav-feather-icon\" />\r\n                        <span v-if=\"isExpanded\" class=\"navlink-text\">Reports</span>\r\n                        <vue-feather v-if=\"isExpanded && !isReportsSubMenuVisible\" type=\"chevron-down\"\r\n                            style=\"height:1.1rem;margin-left: auto;\" />\r\n                        <vue-feather v-if=\"isExpanded && isReportsSubMenuVisible\" type=\"chevron-up\"\r\n                            style=\"height:1.1rem;margin-left: auto;\" />\r\n                    </div>\r\n                    <div v-if=\"isExpanded && isReportsSubMenuVisible\" class=\"sub-menu\">\r\n                        <router-link active-class=\"bg-primary text-white\" to=\"/upload-earnings-report\"\r\n                            class=\"d-flex align-items-center py-2\" :class=\"hideSidenav ? 'sidenav-item' : ''\">\r\n                            <vue-feather v-if=\"hideSidenav\" type=\"eye-off\" :stroke-width=\"2.5\"\r\n                                class=\"sidenav-overlay-icon\" />\r\n                            <vue-feather type=\"file-text\" :stroke-width=\"2.5\" class=\"sub-sidenav-feather-icon\" />\r\n                            <span v-if=\"isExpanded\" class=\"navlink-text\">Upload Earnings Report</span>\r\n                        </router-link>\r\n                        <router-link active-class=\"bg-primary text-white\" to=\"/daily-sync-report\"\r\n                            class=\"d-flex align-items-center py-2\" :class=\"hideSidenav ? 'sidenav-item' : ''\">\r\n                            <vue-feather v-if=\"hideSidenav\" type=\"eye-off\" :stroke-width=\"2.5\"\r\n                                class=\"sidenav-overlay-icon\" />\r\n                            <vue-feather type=\"file\" :stroke-width=\"2.5\" class=\"sub-sidenav-feather-icon\" />\r\n                            <span v-if=\"isExpanded\" class=\"navlink-text\">Daily Sync Report</span>\r\n                        </router-link>\r\n                    </div>\r\n                </template>\r\n                <div class=\"mt-auto\" style=\"border-top: 1px solid #dfdfdf;\">\r\n                    <div :class=\"{ 'mt-auto': userDetail.userTypeId === 2 }\">\r\n                        <div :class=\"isExpanded ? 'd-flex justify-content-between align-items-center' : 'd-block'\">\r\n                            <a href=\"https://www.creatorshield.com/support\" target=\"_blank\"\r\n                                class=\"category d-flex align-items-center\">\r\n                                <vue-feather type=\"help-circle\" :stroke-width=\"2.5\" class=\"sidenav-feather-icon\" />\r\n                                <span v-if=\"isExpanded\" class=\"navlink-text text-nowrap\">Help Center</span>\r\n                            </a>\r\n                            <button v-if=\"isExpanded\"\r\n                                class=\"category d-flex justify-content-center align-items-center w-25\"\r\n                                @click=\"toggleSideBar\">\r\n                                <vue-feather type=\"chevrons-left\"\r\n                                    style=\"height:1.1rem;margin: 2.4px 0;margin-right: -2px;\" />\r\n                            </button>\r\n                            <button v-else class=\"category d-flex justify-content-center align-items-center\"\r\n                                @click=\"toggleSideBar\">\r\n                                <vue-feather type=\"chevrons-right\" style=\"height:1.1rem;margin-left: -2px;\" />\r\n                            </button>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div :id=\"isMobile ? 'content-mobile' : (isExpanded ? 'content-expanded' : 'content-slim')\">\r\n                <MDBAlert v-if=\"hideSidenav\" class=\"impersonate-banner\" static>\r\n                    <i class=\"fas fa-user-secret me-3\"></i>\r\n                    <p>\r\n                        VIEWING as\r\n                        <strong>{{ lastName }}, {{ firstName }}</strong> [IMPERSONATING]\r\n                    </p>\r\n                    <MDBTooltip v-model=\"exitUserManagement\">\r\n                        <template #reference>\r\n                            <i class=\"fas fa-backspace\" @click=\"exitImpersonation\"></i>\r\n                        </template>\r\n                        <template #tip> Exit Impersonation </template>\r\n                    </MDBTooltip>\r\n                </MDBAlert>\r\n                <slot></slot>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script setup>\r\nimport { MDBNavbar, MDBBtn, MDBNavbarNav, MDBNavbarItem, MDBDropdown, MDBDropdownToggle, MDBDropdownMenu, MDBDropdownItem, MDBAlert, MDBTooltip } from \"mdb-vue-ui-kit\";\r\nimport { computed, onMounted, ref, watch, watchEffect, onBeforeUnmount } from \"vue\";\r\nimport { useRouter, useRoute } from \"vue-router\";\r\nimport { useUserDetailStore } from \"../../store/userDetailStore\";\r\nimport { GetCurrent } from \"../../services/Users/GetCurrent\";\r\nimport { Logout } from \"../../services/Logout/Logout\";\r\nimport { storeToRefs } from \"pinia\";\r\nimport { useImpersonateStore } from \"../../store/impersonateStore\";\r\nimport { useTimeout } from \"@vueuse/core\";\r\nimport VueFeather from 'vue-feather';\r\n\r\nconst getSidebarStateFromLocalStorage = () => {\r\n    const storedState = localStorage.getItem('sidebarState');\r\n    if (storedState) {\r\n        return JSON.parse(storedState);\r\n    }\r\n    return { isSlim: true, isExpanded: false };\r\n};\r\n\r\nconst storedSidebarState = getSidebarStateFromLocalStorage();\r\n\r\nconst isSlim = ref(storedSidebarState.isSlim);\r\nconst isExpanded = ref(storedSidebarState.isExpanded);\r\n\r\nconst saveSidebarState = () => {\r\n    const sidebarState = {\r\n        isSlim: isSlim.value,\r\n        isExpanded: isExpanded.value,\r\n    };\r\n    localStorage.setItem('sidebarState', JSON.stringify(sidebarState));\r\n};\r\n\r\nwatch([isSlim, isExpanded], saveSidebarState);\r\n\r\nonMounted(() => {\r\n    updateResolution();\r\n    window.addEventListener('resize', updateResolution);\r\n\r\n    if (!isMobile.value) {\r\n        const storedSidebarState = localStorage.getItem('sidebarState');\r\n        if (storedSidebarState) {\r\n            const parsedState = JSON.parse(storedSidebarState);\r\n            isSlim.value = parsedState.isSlim !== undefined ? parsedState.isSlim : true;\r\n            isExpanded.value = parsedState.isExpanded !== undefined ? parsedState.isExpanded : false;\r\n        }\r\n    } else {\r\n        isSlim.value = true;\r\n        isExpanded.value = false;\r\n    }\r\n});\r\n\r\nconst isPexSubMenuVisible = ref(false);\r\nconst isDailySyncSubMenuVisible = ref(false);\r\nconst isReportsSubMenuVisible = ref(false);\r\n\r\nconst toggleCategory = (category) => {\r\n    if (category === 'pexSubMenu') {\r\n        if (!isExpanded.value) {\r\n            isExpanded.value = true;\r\n        }\r\n        isPexSubMenuVisible.value = !isPexSubMenuVisible.value;\r\n    } else if (category === 'dailySyncSubMenu') {\r\n        if (!isExpanded.value) {\r\n            isExpanded.value = true;\r\n        }\r\n        isDailySyncSubMenuVisible.value = !isDailySyncSubMenuVisible.value;\r\n    } else if (category === 'reportsSubMenu') {\r\n        if (!isExpanded.value) {\r\n            isExpanded.value = true;\r\n        }\r\n        isReportsSubMenuVisible.value = !isReportsSubMenuVisible.value;\r\n    }\r\n};\r\n\r\nconst toggleSideBar = () => {\r\n    isExpanded.value = !isExpanded.value;\r\n    isSlim.value = !isExpanded.value;\r\n};\r\n\r\nwatch([isSlim, isExpanded], () => {\r\n    if (!isMobile.value) {\r\n        const sidebarState = {\r\n            isSlim: isSlim.value,\r\n            isExpanded: isExpanded.value,\r\n        };\r\n        localStorage.setItem('sidebarState', JSON.stringify(sidebarState));\r\n    }\r\n});\r\n\r\nwatch(isExpanded, (newVal) => {\r\n    if (newVal) {\r\n        document.body.style.overflow = 'hidden';\r\n    } else {\r\n        document.body.style.overflow = '';\r\n    }\r\n});\r\n\r\nconst isMobile = ref(window.innerWidth <= 767);\r\n\r\nconst updateResolution = () => {\r\n    isMobile.value = window.innerWidth <= 767;\r\n};\r\n\r\nwatchEffect(() => {\r\n    if (isMobile.value) {\r\n        isExpanded.value = false;\r\n    }\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 router = useRouter();\r\nconst toDashboard = () => {\r\n    router.push(\"/dashboard\");\r\n};\r\n\r\nconst adjustmentsURL = ref(\"\");\r\nconst userDropdown = ref(false);\r\n\r\nconst userDetailStore = useUserDetailStore();\r\nconst { userDetail, isAdmin, isSuperAdmin } = storeToRefs(userDetailStore);\r\nonMounted(async () => {\r\n    const response = await GetCurrent();\r\n    userDetail.value = response;\r\n    adjustmentsURL.value = `/users/${response.id}/adjustments`;\r\n});\r\n\r\nconst handleLogout = () => {\r\n    Logout().then(() => {\r\n        router.push(\"/login\");\r\n    });\r\n    window.dispatchEvent(new Event('reset-alerts'));\r\n};\r\n\r\nconst exitUserManagement = ref(false);\r\nconst { hideSidenav, exitImpersonation, firstName, lastName } =\r\n    useImpersonate();\r\nfunction useImpersonate() {\r\n    const impersonateStore = useImpersonateStore();\r\n    const { isImpersonating, userImpersonateDetail } =\r\n        storeToRefs(impersonateStore);\r\n    const { firstName, lastName } = userImpersonateDetail.value;\r\n    const hideSidenav = ref(false);\r\n    const { start, ready } = useTimeout(3000, { controls: true });\r\n    onMounted(async () => {\r\n        if (isImpersonating.value) {\r\n            adjustmentsURL.value = `/users/${userImpersonateDetail.value.id}/adjustments`;\r\n            start();\r\n        }\r\n    });\r\n\r\n    watch(ready, (newVal) => {\r\n        hideSidenav.value = newVal && isImpersonating.value;\r\n    });\r\n\r\n    const exitImpersonation = () => {\r\n        isImpersonating.value = false;\r\n        router.push({ name: \"UserManagement\" });\r\n    };\r\n\r\n    return {\r\n        hideSidenav,\r\n        exitImpersonation,\r\n        firstName,\r\n        lastName,\r\n    };\r\n}\r\n\r\nconst setUserType = (userTypeId) => {\r\n    switch (userTypeId) {\r\n        case 1:\r\n            return \"Admin\";\r\n        case 2:\r\n            return \"User\";\r\n        case 3:\r\n            return \"Distributor\";\r\n        case 4:\r\n            return \"Super Admin\";\r\n        default:\r\n            return \"-\";\r\n    }\r\n}\r\n\r\nconst setUserTypeColor = (userTypeId) => {\r\n    switch (userTypeId) {\r\n        case 1:\r\n            return \"var(--blue)\";\r\n        case 4:\r\n            return \"var(--primary)\";\r\n        case 2:\r\n        case 3:\r\n        default:\r\n            return \"var(--accent)\";\r\n    }\r\n}\r\n\r\nconst avatarLetter = computed(() => {\r\n    return userDetail.value?.firstName?.charAt(0).toUpperCase() || '';\r\n});\r\n\r\nconst route = useRoute();\r\n\r\nconst isPexActive = () => {\r\n    const categoryRoutes = ['/pex-collections', '/pex-allowlist', '/pex-copies'];\r\n    return categoryRoutes.includes(route.path);\r\n};\r\n\r\nwatch(() => route.path, (newPath) => {\r\n    const pexRoutes = ['/pex-collections', '/pex-allowlist', '/pex-copies'];\r\n    if (pexRoutes.some(route => newPath.includes(route))) {\r\n        isPexSubMenuVisible.value = true;\r\n    } else {\r\n        isPexSubMenuVisible.value = false;\r\n    }\r\n},\r\n    { immediate: true });\r\n\r\nconst isDailySyncActive = () => {\r\n    const categoryRoutes = ['/daily-sync', '/new-sync'];\r\n    return categoryRoutes.includes(route.path);\r\n};\r\n\r\nwatch(() => route.path, (newPath) => {\r\n    const dailySyncRoutes = ['/daily-sync', '/new-sync'];\r\n    if (dailySyncRoutes.includes(newPath)) {\r\n        isDailySyncSubMenuVisible.value = true;\r\n    } else {\r\n        isDailySyncSubMenuVisible.value = false;\r\n    }\r\n}, { immediate: true });\r\n\r\nconst isReportsActive = () => {\r\n    const categoryRoutes = ['/upload-earnings-report', '/daily-sync-report'];\r\n    return categoryRoutes.includes(route.path);\r\n};\r\n\r\nwatch(() => route.path, (newPath) => {\r\n    const reportRoutes = ['/upload-earnings-report', '/daily-sync-report'];\r\n    if (reportRoutes.includes(newPath)) {\r\n        isReportsSubMenuVisible.value = true;\r\n    } else {\r\n        isReportsSubMenuVisible.value = false;\r\n    }\r\n}, { immediate: true });\r\n\r\nconst expandedLogo = ref(require('@/assets/cs-logo.png'));\r\nconst slimLogo = ref(require('@/assets/cs-logo-new-slim.png'));\r\n\r\nconst hovered = ref(false);\r\nconst invertClass = ref(\"\");\r\n\r\nconst isPexCopyActive = () => {\r\n    const pexCopyRoute = '/pex-copies';\r\n    return pexCopyRoute.includes(route.path);\r\n};\r\n\r\nwatchEffect(() => {\r\n    if (hovered.value || isPexCopyActive()) {\r\n        invertClass.value = \"pexCopiesLogo\";\r\n    } else {\r\n        invertClass.value = \"invertedPexCopiesLogo\";\r\n    }\r\n});\r\n\r\nconst avatarImage = ref(userDetail.value.profilePictureUrl);\r\nwatch(() => userDetail.value.profilePictureUrl, (newUrl, oldUrl) => {\r\n    if (newUrl !== oldUrl) {\r\n        avatarImage.value = newUrl;\r\n    }\r\n});\r\n\r\nconst isActivePex = computed(() => {\r\n    if (isPexActive()) {\r\n        if (isExpanded.value) {\r\n            return false;\r\n        } else {\r\n            return true;\r\n        }\r\n    } else {\r\n        return false;\r\n    }\r\n});\r\n\r\nconst isActiveDailySync = computed(() => {\r\n    if (isDailySyncActive()) {\r\n        if (isExpanded.value) {\r\n            return false;\r\n        } else {\r\n            return true;\r\n        }\r\n    } else {\r\n        return false;\r\n    }\r\n});\r\n\r\nconst isActiveReports = computed(() => {\r\n    if (isReportsActive()) {\r\n        if (isExpanded.value) {\r\n            return false;\r\n        } else {\r\n            return true;\r\n        }\r\n    } else {\r\n        return false;\r\n    }\r\n});\r\n\r\nrouter.beforeEach((to, from, next) => {\r\n    const storedSidebarState = localStorage.getItem('sidebarState');\r\n    if (storedSidebarState) {\r\n        const parsedState = JSON.parse(storedSidebarState);\r\n        isSlim.value = parsedState.isSlim;\r\n        isExpanded.value = parsedState.isExpanded;\r\n    }\r\n    next();\r\n});\r\n</script>\r\n\r\n<style>\r\n:root {\r\n    --white: #ffffff;\r\n    --primary: #ff7423;\r\n    --secondary: #e2e6ef;\r\n    --accent: #02061b;\r\n    --blue: #1f87fc;\r\n}\r\n\r\n@font-face {\r\n    font-family: 'GilroyRegular';\r\n    src: url('../../assets/Gilroy-Font/Gilroy-Regular.ttf');\r\n}\r\n\r\n@font-face {\r\n    font-family: 'GilroyBold';\r\n    src: url('../../assets/Gilroy-Font/Gilroy-Bold.ttf');\r\n}\r\n\r\n* {\r\n    font-family: 'GilroyRegular', sans-serif;\r\n}\r\n\r\n.page-title-slim,\r\n.page-title-expanded,\r\nth,\r\n.avatar-letter,\r\n.user-type {\r\n    font-family: 'GilroyBold';\r\n}\r\n\r\n.sidenav-non-slim,\r\n.sidebarDropdownTitle {\r\n    font-weight: bolder;\r\n}\r\n\r\n.sidenav-link:hover,\r\n.sidenav-link:focus,\r\n.sidenav-link.active {\r\n    background-color: var(--primary) !important;\r\n    color: white !important;\r\n}\r\n\r\n.tooltip-inner {\r\n    background-color: var(--primary);\r\n    font-size: 12px;\r\n    padding: 3px 12px;\r\n}\r\n\r\n.btn-primary {\r\n    background-color: var(--primary);\r\n}\r\n</style>\r\n\r\n<style scoped>\r\n.invertedPexCopiesLogo {\r\n    width: 10%;\r\n    filter: invert(1) brightness(2);\r\n}\r\n\r\n.pexCopiesLogo {\r\n    width: 10%;\r\n}\r\n\r\n.bg-primary {\r\n    background-color: var(--primary) !important;\r\n}\r\n\r\n.sidenav {\r\n    height: 100%;\r\n    width: 70px;\r\n    position: fixed;\r\n    left: 0;\r\n    top: 0;\r\n    background-color: white;\r\n    transition: width 0.3s ease;\r\n    overflow-x: hidden;\r\n    overflow-y: auto;\r\n    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);\r\n    z-index: 1050;\r\n}\r\n\r\n.overlay {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: rgba(0, 0, 0, 0.3);\r\n    z-index: 1050;\r\n}\r\n\r\n.sidenav.expanded {\r\n    width: 250px;\r\n}\r\n\r\n.sidenav a {\r\n    padding: 15px 20px;\r\n    text-decoration: none;\r\n    color: black;\r\n    display: block;\r\n    transition: all 0.3s;\r\n}\r\n\r\n.sidenav .category {\r\n    cursor: pointer;\r\n    background-color: white;\r\n    padding: 15px 20px;\r\n    display: block;\r\n    color: black;\r\n    border: none;\r\n    width: 100%;\r\n    text-align: left;\r\n    outline: none;\r\n}\r\n\r\n.sidenav .sub-menu {\r\n    padding-left: 25px;\r\n}\r\n\r\n.sidenav a:hover,\r\n.sidenav .category:hover {\r\n    background-color: var(--primary);\r\n    color: white;\r\n}\r\n\r\n@media (max-width: 767px) {\r\n    .sidenav.slim {\r\n        display: none !important;\r\n    }\r\n\r\n    .sidenav.expanded {\r\n        display: flex !important;\r\n    }\r\n}\r\n\r\n.LayoutNext {\r\n    background-color: var(--white) !important;\r\n    overflow-y: auto;\r\n}\r\n\r\n#mainNavbar {\r\n    background-color: white;\r\n    color: var(--primary);\r\n}\r\n\r\n#mainSidenavTogglerNavbar,\r\n#mainSidenavTogglerSidenav {\r\n    font-size: 16px;\r\n    box-shadow: none;\r\n}\r\n\r\n:global(#mainSidenav + .sidenav-backdrop) {\r\n    background-color: rgba(0, 0, 0, 0.4);\r\n}\r\n\r\n:global(#mainSidenav .sidenav-menu) {\r\n    color: var(--accent);\r\n    padding: 0;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: flex-start;\r\n    height: 100%;\r\n}\r\n\r\n.logo2 {\r\n    width: 40px;\r\n}\r\n\r\n.nav-link {\r\n    color: var(--accent);\r\n    padding: 0;\r\n}\r\n\r\n:deep(#mainSidenav .nav-link-item:hover) {\r\n    background-color: var(--primary);\r\n    color: white;\r\n    cursor: pointer;\r\n}\r\n\r\n.sidenav-link {\r\n    border-radius: 0;\r\n}\r\n\r\n.sidenav-link.active {\r\n    background-color: var(--primary);\r\n    color: white;\r\n    cursor: pointer;\r\n}\r\n\r\n#userDropdown {\r\n    box-shadow: none;\r\n}\r\n\r\n#content-slim {\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: calc(100vh - 60px);\r\n    padding-top: 20px;\r\n    padding-right: 20px;\r\n    padding-left: 90px;\r\n}\r\n\r\n#content-expanded {\r\n    margin-left: 250px;\r\n    transition: margin-left 0.3s;\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: calc(100vh - 60px);\r\n    padding-top: 20px;\r\n    padding-inline: 20px;\r\n}\r\n\r\n#content-mobile {\r\n    display: flex;\r\n    flex-direction: column;\r\n    height: calc(100vh - 60px);\r\n    padding-top: 20px;\r\n    padding-inline: 20px;\r\n}\r\n\r\n.impersonate-banner {\r\n    display: flex;\r\n    align-items: center;\r\n    color: white;\r\n    background-color: var(--primary);\r\n}\r\n\r\n.impersonate-banner p {\r\n    margin-bottom: 0;\r\n    margin-right: auto;\r\n}\r\n\r\n.impersonate-banner :deep(span) {\r\n    cursor: pointer;\r\n}\r\n\r\n.page-title-slim {\r\n    padding-left: 68px;\r\n}\r\n\r\n.page-title-expanded {\r\n    padding-left: 250px;\r\n}\r\n\r\n.feather-icon {\r\n    height: 1rem;\r\n}\r\n\r\n.sidenav-feather-icon {\r\n    height: 1rem;\r\n    margin-left: 5.8px;\r\n}\r\n\r\n.sidenav-item-collapse {\r\n    cursor: pointer;\r\n    position: relative;\r\n    background-color: rgba(0, 0, 0, 0.3);\r\n    padding: 15px 20px;\r\n    display: block;\r\n    border: none;\r\n    width: 100%;\r\n    text-align: left;\r\n    outline: none;\r\n    color: black;\r\n}\r\n\r\n.sidenav-item {\r\n    position: relative;\r\n    background-color: rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.sidenav-overlay-icon {\r\n    height: 1.4rem;\r\n    position: absolute;\r\n    top: 26%;\r\n    left: 49%;\r\n    transform: translateX(-50%);\r\n    z-index: 1;\r\n}\r\n\r\n.sub-sidenav-feather-icon {\r\n    height: 1rem;\r\n    margin-left: -5px;\r\n}\r\n\r\n.navlink-text {\r\n    margin-left: 12px;\r\n    font-weight: bold;\r\n    font-size: 14px;\r\n}\r\n\r\n.default-avatar {\r\n    width: 40px;\r\n    height: 40px;\r\n    background-color: var(--primary);\r\n    color: white;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    border-radius: 50%;\r\n    font-size: 20px;\r\n    font-weight: bold;\r\n}\r\n\r\n.profile-avatar {\r\n    width: 40px;\r\n    height: 40px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    border-radius: 50%;\r\n    object-fit: cover;\r\n}\r\n\r\n.avatar-letter {\r\n    text-transform: uppercase;\r\n}\r\n\r\n.sidenav-mobile-logo {\r\n    width: 72%;\r\n}\r\n\r\n@media screen and (max-width: 767px) {\r\n    .sidenav-mobile-logo {\r\n        width: 90%;\r\n    }\r\n\r\n    #content {\r\n        display: flex;\r\n        flex-direction: column;\r\n        height: calc(100vh - 60px);\r\n        padding-top: 20px;\r\n        padding-inline: 20px;\r\n    }\r\n}\r\n\r\n.active-page {\r\n    background-color: var(--primary) !important;\r\n    color: white !important;\r\n}\r\n\r\n#sidenav::-webkit-scrollbar {\r\n    width: 8px;\r\n    height: 5px;\r\n}\r\n\r\n#sidenav::-webkit-scrollbar-thumb {\r\n    background-color: #888;\r\n}\r\n\r\n#sidenav::-webkit-scrollbar-track {\r\n    background-color: #eee;\r\n}\r\n</style>\r\n","import script from \"./LayoutNext.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./LayoutNext.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./LayoutNext.vue?vue&type=style&index=0&id=085996dd&lang=css\"\nimport \"./LayoutNext.vue?vue&type=style&index=1&id=085996dd&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-085996dd\"]])\n\nexport default __exports__","import { defineStore } from \"pinia\";\r\nimport { ref } from \"vue\";\r\n\r\nexport const useImpersonateStore = defineStore(\"impersonate\", () => {\r\n  const isImpersonating = ref(false);\r\n  const userImpersonateDetail = ref({\r\n    email: \"\",\r\n    firstName: \"\",\r\n    id: \"\",\r\n    lastName: \"\",\r\n    userTypeId: \"\",\r\n    isDistributor: false,\r\n    googleSheetLink: null,\r\n  });\r\n  return {\r\n    isImpersonating,\r\n    userImpersonateDetail,\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!./LayoutNext.vue?vue&type=style&index=0&id=085996dd&lang=css\"","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!./LayoutNext.vue?vue&type=style&index=1&id=085996dd&scoped=true&lang=css\"","module.exports = __webpack_public_path__ + \"img/copyright-white.4be2774a.png\";","module.exports = __webpack_public_path__ + \"img/cs-logo.c61329de.png\";"],"sourceRoot":""}