@ukpc-lib/react 0.0.6 → 0.0.7

package/web-components-bundle/global-topbar/index.cjs

@@ -1,2 +1,2 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".side-bar{display:flex;flex-direction:column;max-width:18rem;height:calc(100vh - 70px);border-right:1px solid #ddd;background-color:#fafafa;padding:0 8px}.side-bar.collapsed{padding:0 4px}.side-bar__toggle-btn{display:flex;flex-direction:row;justify-content:flex-end;transition:all .3s;margin-right:-8px}.side-bar__logout-btn{width:100%;text-align:left;display:flex;flex-direction:row;align-items:center;padding:0 16px;min-height:48px;border-radius:.375rem}.side-bar__logout-btn:hover{background-color:#919eab14}.side-bar__logout-btn.collapsed{justify-content:center}.side-bar__toggle-btn.collapsed{justify-content:center;width:100%}.menu-item__wrapper{display:flex;flex-direction:column;position:relative;width:100%;margin-top:4px}.menu-item__wrapper:first-child,.menu-item__wrapper.collapsed{margin-top:0}.menu-item__wrapper.collapsed.level-1{margin-top:4px}.menu-item__wrapper.collapsed.level-1:first-child{margin-top:0}.menu-item__link{display:flex;flex-direction:row;border-radius:.375rem;align-items:center;padding:.5rem;position:relative;min-height:48px}.menu-item__link:hover{background-color:#919eab14}.menu-item__link.collapsed.level-1{flex-direction:column}.menu-item__link.active{background-color:#009d4f1a!important;color:#009d4f!important}.menu-item__link.level-0{min-height:unset}.menu-item__link.menu-item__link.collapsed.level-0{display:none}.menu-item__icon{width:1.5rem;height:1.5rem;flex-shrink:0}.menu-item__label{font-size:.875rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;flex-shrink:1;margin-left:.5rem;padding-right:12px}.menu-item__label.collapsed{margin-left:8px;font-size:.75rem;line-height:1rem}.menu-item__label.collapsed.level-1{text-align:center;margin-left:0}.menu-item__label.level-0{color:#85858a}.menu-item__icon-arrow__wrapper{position:absolute;top:50%;transform:translateY(-50%);right:0}.menu-item__icon-arrow__wrapper.collapsed.level-1{top:0;transform:translateY(7px);right:1}.menu-item__icon-arrow__icon{transition:all .3s!important;color:#85858a}.menu-item__icon-arrow__icon.active{color:inherit}.menu-item__icon-arrow__icon.expanded.open{transform:rotate(90deg)!important}.menu-item__dropdown.collapsed{background-color:#fafafa;border:1px solid #ddd;box-shadow:#0000001a 0 10px 15px -3px,#0000000d 0 4px 6px -2px;border-radius:4px;width:180px;max-width:180px;padding:4px;z-index:1200}.menu-item__dropdown.collapsed.level-1{width:auto;max-width:unset;box-shadow:none;border:none;padding:0;background-color:unset}.menu-item__dropdown.expanded{overflow:hidden}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;background-color:transparent;transition:background-color .3s ease;border:none}.icon-btn:hover{background-color:var(--btn-bg-hover)}#menu-items{padding-right:5px;margin-right:-5px}#menu-items::-webkit-scrollbar{width:7px}#menu-items.collapsed::-webkit-scrollbar{width:0px}#menu-items::-webkit-scrollbar-thumb{background-color:#a9a9a98c;border-radius:50px}._avatar-dropdown-item_1jszk_1{padding:.5rem;font-size:.875rem;line-height:1.25rem;cursor:pointer;border-radius:.25rem}._avatar-dropdown-item_1jszk_1:hover{background-color:#009d4f}._avartarDropdownMenu_1jszk_13{background-color:#fff;padding:.5rem;width:13rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);position:absolute;left:-10rem;top:3.5rem}._avartarDropdownMenu_1jszk_13 ul{list-style:none;padding-inline-start:0;margin-block-end:0}._navbar_1jszk_31{position:fixed;display:flex;z-index:30;background:black;top:0;width:100%;padding-left:2.5rem;height:70px}._navbar-container_1jszk_42{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:space-between}._logo-container_1jszk_50{padding:16px 0;height:100%}._navbar-container_1jszk_42 img{height:100%}._right-side-container_1jszk_59{display:flex;flex-direction:row;align-items:center;text-align:center;margin-right:2.5rem;gap:1rem}._userContainer_1jszk_68{display:flex;align-items:center;gap:.5rem}._userFullName_1jszk_74{color:#fff;font-weight:400;font-size:.875rem;line-height:1.25rem}._userAvatar_1jszk_81{width:2.5rem;height:2.5rem;cursor:pointer;-o-object-fit:cover;object-fit:cover;border-radius:9999px}._relative_1jszk_89{position:relative}._cursor-pointer_1jszk_93{cursor:pointer}._modal-overlay_10n3k_1{position:fixed;top:0;right:0;bottom:0;left:0;background:hsla(0,0%,0%,.254);--tw-backdrop-blur: blur(4px);justify-content:center;align-items:center;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}._modal-title_10n3k_12{font-size:1.25rem;line-height:1.75rem;color:#e01b00;font-weight:500}._modal-footer_10n3k_19{display:flex;justify-content:space-between;width:80%}._modal-container_10n3k_25{background:#ffffff;-webkit-backdrop-filter:blur(4.5px);backdrop-filter:blur(4.5px);display:flex;padding:32px 24px 40px;flex-direction:column;align-items:center;gap:24px;align-self:stretch;width:500px;height:204px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:.5rem}._modal-button_10n3k_43{border-radius:3px;border:1px solid #ddd;background:#ddd;padding:8px 32px;font-size:14px}._confirm-btn_10n3k_51{background:#e01b00!important}._text-white_10n3k_55{color:#fff}._text-sm_10n3k_59{font-size:.875rem;line-height:1.25rem}")),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
-"use strict";const s=require("../index-2a824d74.cjs");function c(){return s.jsxRuntimeExports.jsxs("svg",{width:"24",height:"25",viewBox:"0 0 24 25",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[s.jsxRuntimeExports.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.7968 17.4705C16.5901 17.4705 18.8076 16.8556 19.0218 14.3874C19.0218 11.921 17.4757 12.0796 17.4757 9.05334C17.4757 6.68952 15.2352 4 11.7968 4C8.35833 4 6.1178 6.68952 6.1178 9.05334C6.1178 12.0796 4.57178 11.921 4.57178 14.3874C4.78679 16.8649 7.00428 17.4705 11.7968 17.4705Z",stroke:"white","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}),s.jsxRuntimeExports.jsx("path",{d:"M13.8274 20.0286C12.6679 21.3161 10.8591 21.3313 9.68848 20.0286",stroke:"white","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}),s.jsxRuntimeExports.jsx("circle",{cx:"16.928",cy:"7",r:"2",fill:"#E01B00",stroke:"white"})]})}function j(){return s.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"25",viewBox:"0 0 24 25",fill:"none",children:[s.jsxRuntimeExports.jsx("path",{d:"M8.5 19.5H8C4 19.5 2 18.5 2 13.5V8.5C2 4.5 4 2.5 8 2.5H16C20 2.5 22 4.5 22 8.5V13.5C22 17.5 20 19.5 16 19.5H15.5C15.19 19.5 14.89 19.65 14.7 19.9L13.2 21.9C12.54 22.78 11.46 22.78 10.8 21.9L9.3 19.9C9.14 19.68 8.77 19.5 8.5 19.5Z",stroke:"white","stroke-width":"1.5","stroke-miterlimit":"10","stroke-linecap":"round","stroke-linejoin":"round"}),s.jsxRuntimeExports.jsx("path",{d:"M15.9965 11.5H16.0054",stroke:"white","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),s.jsxRuntimeExports.jsx("path",{d:"M11.9955 11.5H12.0045",stroke:"white","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),s.jsxRuntimeExports.jsx("path",{d:"M7.99451 11.5H8.00349",stroke:"white","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})]})}const d="data:image/png;base64,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";function m({logo:t,user:e,baseUrl:i,style:r,classNames:l=""}){const n=t||"/public/assets/icons/logo-header.png";return s.jsxRuntimeExports.jsx("nav",{className:`${s.styles.navbar} ${l}`,style:r,children:s.jsxRuntimeExports.jsxs("div",{className:s.styles["navbar-container"],children:[s.jsxRuntimeExports.jsx("div",{className:s.styles["logo-container"],children:s.jsxRuntimeExports.jsx("img",{src:n,alt:"logo-header"})}),s.jsxRuntimeExports.jsxs("div",{className:s.styles["right-side-container"],children:[s.jsxRuntimeExports.jsxs("div",{className:s.styles.userContainer,children:[s.jsxRuntimeExports.jsx("p",{className:s.styles.userFullName,children:`${e==null?void 0:e.firstName} ${e==null?void 0:e.lastName}`}),s.jsxRuntimeExports.jsx(w,{baseUrl:i,avatarUrl:e==null?void 0:e.avatarUrl})]}),s.jsxRuntimeExports.jsx("span",{className:s.styles["cursor-pointer"],children:s.jsxRuntimeExports.jsx(c,{})}),s.jsxRuntimeExports.jsx("span",{className:s.styles["cursor-pointer"],children:s.jsxRuntimeExports.jsx(j,{})})]})]})})}function w({avatarUrl:t,baseUrl:e}){const[i,r]=s.reactExports.useState(!1),[l,n]=s.reactExports.useState(!1),a=s.reactExports.useRef(null),x=s.reactExports.useRef(null),p=()=>{window.location.href=`${e}/authentication/logout?callbackUrl=${window.location.href}`};return s.reactExports.useEffect(()=>{function o(u){u.target!==x.current&&u.target!==a.current&&r(!1)}return window.addEventListener("click",o),()=>window.removeEventListener("click",o)},[]),s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsxs("div",{className:s.styles.relative,children:[s.jsxRuntimeExports.jsx("img",{ref:a,onClick:()=>r(o=>!o),alt:"user avatar",className:s.styles.userAvatar,src:t||d}),i&&s.jsxRuntimeExports.jsx("div",{ref:x,className:s.styles.avartarDropdownMenu,children:s.jsxRuntimeExports.jsxs("ul",{children:[s.jsxRuntimeExports.jsx("li",{className:s.styles["avatar-dropdown-item"],children:"Profile"}),s.jsxRuntimeExports.jsx("li",{onClick:()=>n(!0),className:s.styles["avatar-dropdown-item"],children:"Logout"})]})})]}),s.jsxRuntimeExports.jsx(s.LogoutConfirmModal,{isOpen:l,onClose:()=>n(!1),onConfirm:p})]})}const h=s.s(m,{props:{logo:"string",user:"json",baseUrl:"string",classNames:"string",style:"json"}});customElements.define("global-topbar",h);
+(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode("._modal-overlay_10n3k_1{position:fixed;top:0;right:0;bottom:0;left:0;background:hsla(0,0%,0%,.254);--tw-backdrop-blur: blur(4px);justify-content:center;align-items:center;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}._modal-title_10n3k_12{font-size:1.25rem;line-height:1.75rem;color:#e01b00;font-weight:500}._modal-footer_10n3k_19{display:flex;justify-content:space-between;width:80%}._modal-container_10n3k_25{background:#ffffff;-webkit-backdrop-filter:blur(4.5px);backdrop-filter:blur(4.5px);display:flex;padding:32px 24px 40px;flex-direction:column;align-items:center;gap:24px;align-self:stretch;width:500px;height:204px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:.5rem}._modal-button_10n3k_43{border-radius:3px;border:1px solid #ddd;background:#ddd;padding:8px 32px;font-size:14px}._confirm-btn_10n3k_51{background:#e01b00!important}._text-white_10n3k_55{color:#fff}._text-sm_10n3k_59{font-size:.875rem;line-height:1.25rem}._avatar-dropdown-item_1d31a_1{padding:.5rem;font-size:.875rem;line-height:1.25rem;cursor:pointer;border-radius:.25rem}._avatar-dropdown-item_1d31a_1:hover{background-color:#009d4f}._avartarDropdownMenu_1d31a_13{background-color:#fff;padding:.5rem;width:13rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);position:absolute;left:-10rem;top:3.5rem}._avartarDropdownMenu_1d31a_13 ul{list-style:none;padding-inline-start:0;margin-block-end:0}._navbar_1d31a_34{position:fixed;display:flex;z-index:30;background:black;top:0;width:100%;padding-left:2.5rem;height:64px}._navbar-container_1d31a_45{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:space-between}._logo-container_1d31a_53{padding:16px 0;height:100%}._navbar-container_1d31a_45 img{height:100%}._right-side-container_1d31a_62{display:flex;flex-direction:row;align-items:center;text-align:center;margin-right:2.5rem;gap:1rem}._userContainer_1d31a_71{display:flex;align-items:center;gap:.5rem}._userFullName_1d31a_77{color:#fff;font-weight:400;font-size:.875rem;line-height:1.25rem}._userAvatar_1d31a_84{width:2.5rem;height:2.5rem;cursor:pointer;-o-object-fit:cover;object-fit:cover;border-radius:9999px}._relative_1d31a_92{position:relative}._cursor-pointer_1d31a_96{cursor:pointer}")),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+"use strict";const s=require("../motion-238f3a86.cjs");function j(){return s.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"25",viewBox:"0 0 24 25",fill:"none",children:[s.jsxRuntimeExports.jsx("path",{d:"M8.5 19.5H8C4 19.5 2 18.5 2 13.5V8.5C2 4.5 4 2.5 8 2.5H16C20 2.5 22 4.5 22 8.5V13.5C22 17.5 20 19.5 16 19.5H15.5C15.19 19.5 14.89 19.65 14.7 19.9L13.2 21.9C12.54 22.78 11.46 22.78 10.8 21.9L9.3 19.9C9.14 19.68 8.77 19.5 8.5 19.5Z",stroke:"white","stroke-width":"1.5","stroke-miterlimit":"10","stroke-linecap":"round","stroke-linejoin":"round"}),s.jsxRuntimeExports.jsx("path",{d:"M15.9965 11.5H16.0054",stroke:"white","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),s.jsxRuntimeExports.jsx("path",{d:"M11.9955 11.5H12.0045",stroke:"white","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),s.jsxRuntimeExports.jsx("path",{d:"M7.99451 11.5H8.00349",stroke:"white","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})]})}function d(){return s.jsxRuntimeExports.jsxs("svg",{width:"24",height:"25",viewBox:"0 0 24 25",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[s.jsxRuntimeExports.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M11.7968 17.4705C16.5901 17.4705 18.8076 16.8556 19.0218 14.3874C19.0218 11.921 17.4757 12.0796 17.4757 9.05334C17.4757 6.68952 15.2352 4 11.7968 4C8.35833 4 6.1178 6.68952 6.1178 9.05334C6.1178 12.0796 4.57178 11.921 4.57178 14.3874C4.78679 16.8649 7.00428 17.4705 11.7968 17.4705Z",stroke:"white","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}),s.jsxRuntimeExports.jsx("path",{d:"M13.8274 20.0286C12.6679 21.3161 10.8591 21.3313 9.68848 20.0286",stroke:"white","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}),s.jsxRuntimeExports.jsx("circle",{cx:"16.928",cy:"7",r:"2",fill:"#E01B00",stroke:"white"})]})}const m="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAArCAYAAAADgWq5AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAA3XSURBVHgBtVl7jFxVGf/dO3feMzuzO/tuu92y2xIoCEgCgUQogSIKhBIgaAxpFdREITxMVCrYNqB/+A8QCYQYbIuJUTChGqBQDCkaMUCgW0qtpe12t933drezs/N+XX/fuefOzK6l0KInPb2POfec3/m+3/c6a+ALNNu247xczL6Ofbm+j+suLck+pK972XcYhrEbX6AZOItGoGt4uZ99jQtu+tAnmP7kIPLz8yiwS/NHmxDr6kJTdzfaVq5qnGIb+/azAX9GgDXQTQJUQB3Y+SqOvL1bgXVB6nELv2OvcqllX74Uq2+8SV2buBE40n+QwHfgfwlYq34r+7rU+Bj2vvgH/Ou1VxXIxeAaW7Xht6ph1NGzCfAr7/meC3wb+xYCH8IXBaylurWQnu/d++IfMUCwRS1Nuz7mFN813lfVUrYh3xi1lWXIlXd/F1eww5H2rQQ9gLMFTCAP8PJEamIcO+77AebHx+u/6Y8FrItNJDqVL2Awm8WJQhFejwedfj9WhIJosjz8wKCkUdupu6koOX7n08+60haKPHnGgAlEuLp5bGAPdm78yUKO6tU4cQ3w/uQc3pqYwkypQOAGTNNU3SJoi+N6wmFclWjmBnxqvEja1rMJcF8kghseeRT9V62Rl5s595bPDZggxE29fPD11/DWLx9f/FsNqFwrvP5l6DjenZmBKN40TM5qqrEeAUzJGnz28Rpgv6atFRdGQmrXjjG6QrDV/Q0/+zlWf/1GebWB82//TMAE0svLnpnDh+N/umfDaY1KfnlrdBw7R8ZguyQxPJSsoW493JDHY7JbaiGhSNCycEt3J3oDgZp2qi5HOMgbjuCOp59B+8pV4rsvWWyIpwJ8ND0x0fvKQ/dDPIJh1yWgWVsbW6xU8au9+8jXAqUJWJRo2OdDiGqPBv1ojcUQIRVOptOYnEsjky+iUrXREw3jm91dihQ26VPRs0NvoKmrk6DJ6c6uAQK+pBGftQis8LZ3z/ZtIGjFQRJS78zQ05q1u/0nk5ghWOFoazCAloCFGIF2xKPobmtHW1sCifZWeP1e5DM5jJPjHxwaxsGpJE5WykhYlprZI1IWr0FOGASd4tpv/OIx3PHrZy4mJuHzZhejuYgKDxza9Tqkm4ah5Ck8NUzpjhG5z/L7QQIWsGGfFzGvGJeeUMZY5G0oxGgXRYBSjsSi6GpvwZoL+7GqM4GhbM5hkOEIw6SkDcN5ISIZ2fOh6mz36ziwEDCb7CK+94UXHFAKsHMVQzK1lIWfakq+T4p0+RwhWP5Tm1CcVAbFb7w+xwA9XnVvkS4RbuCS5Z18tvT8LmgO0+s5axrY5Ri8gH3gVICvPvLmG0hPTjjSNVyp6kk5Uhii7Mm01W9i1X6S1yLR7apj78ozKEPjDqoVlIsFLmIjJNKm6wpEI2iOBMhzT10wohmzDtSloGAZ2bNngZRNTYcNwt0ju3Y5vK19jIZJG7ssZiuL93kMTSmC5X3Acnq1lEM2lUQ2OYsTY2PI8BoOeOEXgVfLiPqtmmBqVGt4NrWG3932vCvlNY1GtyYzOYmpfR9pKsgWRa91ryBvXZ8pb1PFspo0YJpqxIlCCf6qiRx3eWwkidBkCj2JGfT3LsU+Gtp83sbyZcsRpTtDbhYtytWJUVfrkwqRbE0rJ4xilBIu0MtQO7fwzQ6XEldPfVQHa7vc1cZlurs26+9eOngIQ/MpeMmVeCiAXNWLXBkEVuDVwniqiH2Tafzz4Cj2T6QwkytifHYOyfQ8ZuYLeHN4FEUKxZWuY6v63k039NqDf/+bPK5TEiYdJOnunT16xLFu6TqKyVURTEvZwwlVBsaFUsqdAZlKBWYuj85QBJmq5A8mYpEw5uYraPUauHBZBxf18LuqChSlSgnnLO1AjnTxaA+huCl5BqUt63q0x6gq92lj+shhnEdaiCezND+QPHrUIbzgMZ3Q61ib7QQPdevwWh6DtPIygXpMD4p0Cx0RA+cnOlUaWShXkZsvYwkN7LLz+5AtVbF0SbcKzyGfhfTMNFYtaVXaMVzfRrCOlzE0TL0Z3owO7HEdw8UCuFfuMlOTNWnWrFWnhY5DdpnsXFfEYxjN5NSGKpw0ncsy8kVRplkcn06izQ+E6IujzQlcviqH9/49zIhmoY9AffQyYZ8fZsmjMghnaqNuIRLWbceQhculTMYFHK8Bzk1POzvUiY3zrVnLqZRJmI6UpfU3t+AfKt00tTHaODw2gQIHlctlTCaLGDqZwfzvX6Ira0IgEMTw1BRGR4awsiOOsBVg2uFXvK2vZzgobVN5oaqjYOXedOuthWZTATJr8V1RQyeCqMm1LvCepihDcRDJYlEBrkqgEP5yBQ8DhD8eRlu8CSuW96ClOYYSc2SDGjs6PonxZAqdTdRWuGlBpm+gIXuzDQfTwvSlIXBo92S7oExDewudLi7yxVEm5ndfcAF5yOSFq3jok6Ufm8sjze+C8WYsWXUuWnpXoBgM4/3jE9gzPO4EFY4zqqiF4gU+uOaLtZfQHsttIuEhuQl3dEB8sZs1aUY4FDCqTvJj63xN5wwtrCSaKc2xXAEpZmIrOoSfQILG1kOpfuXSS9Ddswz+YBA9zIGPkUIf7NuvpNfmDao5lJUYjo93c2xXy66bbersdPEOCWDJO+FjHpo1Jl1y1KkgXkIrwmiwP7Fjr6STlpcuK48CxTybztDQPEimUojxuv+99zB9bNihVjGNALUS9AfgJTWWB6M1Cdq60qsVBg0kWQxYkKiir43qVY5bAxLVeAxolaDm0G19dbO2CsdWCCBPQ5tIZZArVVQSP8nodGB4BIPDx5FlsLDI11lyt1wu4bJ4u/LpCpBZpwOABlpAGZ68be1b6QJOWpLRc1fJ2Ipz4nAduespFrkzxx8bdSMQAyMnyzpnzpdKBJpFdzSIJYkE+np70HtOL6KRIGZnZnF8cgpLQzG0+ILaMzR4h0XN1bNE1kRfn5KuVNSul/jzkssuX/9hLTXXEm2wW1tPXPOZXPBktqAqCFXq2I5WsswpjlWqSsm5cgXTLE5l+OiJWRW66d/wTr6E/oAP7bBrLs02Tln+qLW6LrpInnbLfy7gHd5weH3b6gswvf/jU+7VjXYizP0nTuCVw4MYnJsjjx2LrlYNRQ01iEAHZ1MYTqbhHRxVJdOKzg60NUUUzY4UWH14vehg4r+UX3QxexNe1845XAWyd1x4ESIdisNvNwLeLfw4785vxKc3PaIJUFUewlXcXKmM96nSd1h0jpKfZeYQMkqqZhnnkZhN0JJrlLgrcVs2k41YOICVXe0Is3SS9LNKflveELyMdCelCGDfT6Es529Ly0VE1by6Mudd//XXu3TYVgPMhyRV81Tr6gs2hds7kZUwDcegxjNZvM0INnBihiCrzBuY7DA5N0XkBGXy2SlHbFUuqQcxWOYYzQTbxoJTPLz4a8u0MG34lR8uku9hJvUVApT8Q3zJKLndzA2vLuYQ4PswtdJ/3doaHVx9u01OW5KX/vBexeNksYSXh4bxG6aRH88lafisJKhan1e6l1mZl++YC9CtSTBQZRQX9jMpipGf3bEQ2mlsQapdNpOn1McrTJhsllN8V2IlIqqrUAiSYko499LtZVjMvh+N4XgojC996y7BJW53y38BFinzIlLGSGe3A5RuyCYYARkMhuBjkJCTHK+EXk7u8zIXIPAycwKTwKFDu0+iGe+EGuliFWmTIdwMqdouwM3IKLGFErWTzeeoMQMZFqVObmyq0N659qvou/Y6gfZU49lEo4Shy+mB23+6EfGubiVBOQTxM2cQNYqqg4xuIuEgAYdo8WFGsRC7FQjBE4ygxKQmbfiQZSQrBOPwNLczKMUQZj0X4qYdz2io2k96kXm1SFlaLp9XjqEl0Yqbb7vN5e7mBRixqLknPwcPHIh/f/16ZHOyc+a8THIU6bmJEvnX6KttisuSKpjSKfG8QRLxMMF5+E42E6CGAtyccF/AWtz8PKNhS2sCkzRk0ZyYhJfjm1ta8Ojjj2FpT88pT37MxYD1gAfPPe88/GjjwwRoOZWAlPOUkgD1UbqKEuwRhvQwzx18lg9NLOETTHoSXDTKbC7EMCzGJxV2RdduUl3LfPIs3kjCdSaTJqU8yFPad939HQErQ799qvNiC6do4kJE0jevu3VTUyyOTQ9vRIVG4UpHpCxNXJiU8/KuSj6KNIsMvR66Lj8NVDyBAJPNCUjRiKWlLG7RrRWzrFyWdC/Fgw//GBddrE6mtnzaqbyB0zT3fHhsdBQP3XsfxkZGlBsSFSr1GI6f9pLT8l7O0WQTeXIxSm2UuMkcjSrRkqBXKCkteSW1FP/LoNPBpCZL6XposE8+ywNAZow42/PhBtBSpL7M3rv9+efx2+eeo0S99VTQcNSq/CoBi5pzLJcsbkKkn+W9ABa35UjYUvmBeIeeZT24+rpr8bWbbkIoHB6CQ4Pdp8PzmYA16F44R1nrJ5jT/m7rVvz19TecPJaqFsDlakXxWYCJNCt89mgDbWluVvx0D7mjTU248qqrsO7225BgksS2Q4NNfhaWzwW4AbicDTzB3jtJ4HsHBvDmzp0YPHQYhVKRbi6oKFIgOKGFBAhpQb4Pkt8r+s7B5VdcgWvWrhWJyk+SH2w2zuDPX2cEuAH4Gl42sK933w0ePowZhu9JHpWmyM8y3ZvwOMoz4r7+foLtc4cmNdAnjf/33+lOA14k7/4VdDkW/iV0Dk6RMARH9QOfR/Wf1v4D3Fe7Fu3OpbsAAAAASUVORK5CYII=";function h(){const[n,t]=s.reactExports.useState("en"),[i,o]=s.reactExports.useState(!1),r=s.reactExports.useRef(null),l=e=>{t(e),o(!1)};s.reactExports.useEffect(()=>{const e=u=>{r.current&&!r.current.contains(u.target)&&o(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[]);const x=[{code:"en",name:"English"}];return s.jsxRuntimeExports.jsxs("div",{className:"relative",ref:r,children:[s.jsxRuntimeExports.jsx("button",{onClick:()=>o(!i),className:"focus:outline-none flex items-center text-white",children:s.jsxRuntimeExports.jsx(c,{})}),i&&s.jsxRuntimeExports.jsx(s.motion.div,{className:"absolute top-full right-0 mt-2 space-y-1 bg-white border border-gray-200 rounded shadow p-1",initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},transition:{duration:.1},children:x.map(e=>s.jsxRuntimeExports.jsxs("button",{onClick:()=>l(e.code),className:`flex items-center w-full px-4 py-2 text-left focus:outline-none rounded-[4px] ${n===e.code?"bg-blue-500 text-white":"bg-white text-black"} hover:bg-blue-500 hover:text-white`,children:[s.jsxRuntimeExports.jsx(c,{}),s.jsxRuntimeExports.jsx("span",{className:"ml-2 text-sm",children:e.name})]},e.code))})]})}function c(){return s.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 21 15",width:"40",height:"28.57",children:[s.jsxRuntimeExports.jsxs("defs",{children:[s.jsxRuntimeExports.jsxs("linearGradient",{id:"a",x1:"50%",x2:"50%",y1:"0%",y2:"100%",children:[s.jsxRuntimeExports.jsx("stop",{offset:"0%",stopColor:"#FFF"}),s.jsxRuntimeExports.jsx("stop",{offset:"100%",stopColor:"#F0F0F0"})]}),s.jsxRuntimeExports.jsxs("linearGradient",{id:"b",x1:"50%",x2:"50%",y1:"0%",y2:"100%",children:[s.jsxRuntimeExports.jsx("stop",{offset:"0%",stopColor:"#0A17A7"}),s.jsxRuntimeExports.jsx("stop",{offset:"100%",stopColor:"#030E88"})]}),s.jsxRuntimeExports.jsxs("linearGradient",{id:"c",x1:"50%",x2:"50%",y1:"0%",y2:"100%",children:[s.jsxRuntimeExports.jsx("stop",{offset:"0%",stopColor:"#E6273E"}),s.jsxRuntimeExports.jsx("stop",{offset:"100%",stopColor:"#CF152B"})]})]}),s.jsxRuntimeExports.jsxs("g",{fill:"none",fillRule:"evenodd",children:[s.jsxRuntimeExports.jsx("path",{fill:"url(#a)",d:"M0 0h21v15H0z"}),s.jsxRuntimeExports.jsx("path",{fill:"url(#b)",d:"M-.002 0h21v15h-21z"}),s.jsxRuntimeExports.jsx("path",{fill:"url(#a)",d:"M5.003 10H-.002V5h5.005L-2.082.22l1.118-1.657 8.962 6.045V-1h5v5.608l8.962-6.045L23.078.22 15.993 5h5.005v5h-5.005l7.085 4.78-1.118 1.657-8.962-6.045V16h-5v-5.608l-8.962 6.045-1.118-1.658L5.003 10z"}),s.jsxRuntimeExports.jsx("path",{fill:"#DB1F35",fillRule:"nonzero",d:"M14.136 4.958l9.5-6.25a.25.25 0 00-.275-.417l-9.5 6.25a.25.25 0 10.275.417zm.732 5.522l8.515 5.74a.25.25 0 10.28-.415l-8.516-5.74a.25.25 0 00-.279.415zM6.142 4.526L-2.74-1.461a.25.25 0 00-.28.415L5.863 4.94a.25.25 0 00.279-.414zm.685 5.469l-9.845 6.53a.25.25 0 10.276.416l9.846-6.529a.25.25 0 00-.277-.417z"}),s.jsxRuntimeExports.jsx("path",{fill:"url(#c)",d:"M-.002 9h9v6h3V9h9V6h-9V0h-3v6h-9z"})]})]})}function f({logo:n,user:t,baseUrl:i,style:o,classNames:r=""}){const l=n||"/public/assets/icons/logo-header.png";return s.jsxRuntimeExports.jsx("nav",{className:`${s.styles.navbar} ${r}`,style:o,children:s.jsxRuntimeExports.jsxs("div",{className:s.styles["navbar-container"],children:[s.jsxRuntimeExports.jsx("div",{className:s.styles["logo-container"],children:s.jsxRuntimeExports.jsx("img",{src:l,alt:"logo-header"})}),s.jsxRuntimeExports.jsxs("div",{className:s.styles["right-side-container"],children:[s.jsxRuntimeExports.jsx(h,{}),s.jsxRuntimeExports.jsxs("div",{className:s.styles.userContainer,children:[s.jsxRuntimeExports.jsx("p",{className:s.styles.userFullName,children:`${t==null?void 0:t.firstName} ${t==null?void 0:t.lastName}`}),s.jsxRuntimeExports.jsx(E,{baseUrl:i,avatarUrl:t==null?void 0:t.avatarUrl})]}),s.jsxRuntimeExports.jsx("span",{className:s.styles["cursor-pointer"],children:s.jsxRuntimeExports.jsx(d,{})}),s.jsxRuntimeExports.jsx("span",{className:s.styles["cursor-pointer"],children:s.jsxRuntimeExports.jsx(j,{})})]})]})})}function E({avatarUrl:n,baseUrl:t}){const[i,o]=s.reactExports.useState(!1),[r,l]=s.reactExports.useState(!1),x=s.reactExports.useRef(null),e=s.reactExports.useRef(null),u=()=>{window.location.href=`${t}/authentication/logout?callbackUrl=${window.location.href}`};return s.reactExports.useEffect(()=>{function a(p){p.target!==e.current&&p.target!==x.current&&o(!1)}return window.addEventListener("click",a),()=>window.removeEventListener("click",a)},[]),s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsxs("div",{className:s.styles.relative,children:[s.jsxRuntimeExports.jsx("img",{ref:x,onClick:()=>o(a=>!a),alt:"user avatar",className:s.styles.userAvatar,src:n||m}),i&&s.jsxRuntimeExports.jsx("div",{ref:e,className:s.styles.avartarDropdownMenu,children:s.jsxRuntimeExports.jsxs("ul",{children:[s.jsxRuntimeExports.jsx("li",{className:s.styles["avatar-dropdown-item"],children:"Profile"}),s.jsxRuntimeExports.jsx("li",{onClick:()=>l(!0),className:s.styles["avatar-dropdown-item"],children:"Logout"})]})})]}),s.jsxRuntimeExports.jsx(s.LogoutConfirmModal,{isOpen:r,onClose:()=>l(!1),onConfirm:u})]})}const w=s.s(f,{props:{logo:"string",user:"json",baseUrl:"string",classNames:"string",style:"json",customColors:"json"},shadow:"open"});customElements.define("global-topbar",w);

package/web-components-bundle/global-topbar/index.js

@@ -1,177 +1,278 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".side-bar{display:flex;flex-direction:column;max-width:18rem;height:calc(100vh - 70px);border-right:1px solid #ddd;background-color:#fafafa;padding:0 8px}.side-bar.collapsed{padding:0 4px}.side-bar__toggle-btn{display:flex;flex-direction:row;justify-content:flex-end;transition:all .3s;margin-right:-8px}.side-bar__logout-btn{width:100%;text-align:left;display:flex;flex-direction:row;align-items:center;padding:0 16px;min-height:48px;border-radius:.375rem}.side-bar__logout-btn:hover{background-color:#919eab14}.side-bar__logout-btn.collapsed{justify-content:center}.side-bar__toggle-btn.collapsed{justify-content:center;width:100%}.menu-item__wrapper{display:flex;flex-direction:column;position:relative;width:100%;margin-top:4px}.menu-item__wrapper:first-child,.menu-item__wrapper.collapsed{margin-top:0}.menu-item__wrapper.collapsed.level-1{margin-top:4px}.menu-item__wrapper.collapsed.level-1:first-child{margin-top:0}.menu-item__link{display:flex;flex-direction:row;border-radius:.375rem;align-items:center;padding:.5rem;position:relative;min-height:48px}.menu-item__link:hover{background-color:#919eab14}.menu-item__link.collapsed.level-1{flex-direction:column}.menu-item__link.active{background-color:#009d4f1a!important;color:#009d4f!important}.menu-item__link.level-0{min-height:unset}.menu-item__link.menu-item__link.collapsed.level-0{display:none}.menu-item__icon{width:1.5rem;height:1.5rem;flex-shrink:0}.menu-item__label{font-size:.875rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;flex-shrink:1;margin-left:.5rem;padding-right:12px}.menu-item__label.collapsed{margin-left:8px;font-size:.75rem;line-height:1rem}.menu-item__label.collapsed.level-1{text-align:center;margin-left:0}.menu-item__label.level-0{color:#85858a}.menu-item__icon-arrow__wrapper{position:absolute;top:50%;transform:translateY(-50%);right:0}.menu-item__icon-arrow__wrapper.collapsed.level-1{top:0;transform:translateY(7px);right:1}.menu-item__icon-arrow__icon{transition:all .3s!important;color:#85858a}.menu-item__icon-arrow__icon.active{color:inherit}.menu-item__icon-arrow__icon.expanded.open{transform:rotate(90deg)!important}.menu-item__dropdown.collapsed{background-color:#fafafa;border:1px solid #ddd;box-shadow:#0000001a 0 10px 15px -3px,#0000000d 0 4px 6px -2px;border-radius:4px;width:180px;max-width:180px;padding:4px;z-index:1200}.menu-item__dropdown.collapsed.level-1{width:auto;max-width:unset;box-shadow:none;border:none;padding:0;background-color:unset}.menu-item__dropdown.expanded{overflow:hidden}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;background-color:transparent;transition:background-color .3s ease;border:none}.icon-btn:hover{background-color:var(--btn-bg-hover)}#menu-items{padding-right:5px;margin-right:-5px}#menu-items::-webkit-scrollbar{width:7px}#menu-items.collapsed::-webkit-scrollbar{width:0px}#menu-items::-webkit-scrollbar-thumb{background-color:#a9a9a98c;border-radius:50px}._avatar-dropdown-item_1jszk_1{padding:.5rem;font-size:.875rem;line-height:1.25rem;cursor:pointer;border-radius:.25rem}._avatar-dropdown-item_1jszk_1:hover{background-color:#009d4f}._avartarDropdownMenu_1jszk_13{background-color:#fff;padding:.5rem;width:13rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);position:absolute;left:-10rem;top:3.5rem}._avartarDropdownMenu_1jszk_13 ul{list-style:none;padding-inline-start:0;margin-block-end:0}._navbar_1jszk_31{position:fixed;display:flex;z-index:30;background:black;top:0;width:100%;padding-left:2.5rem;height:70px}._navbar-container_1jszk_42{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:space-between}._logo-container_1jszk_50{padding:16px 0;height:100%}._navbar-container_1jszk_42 img{height:100%}._right-side-container_1jszk_59{display:flex;flex-direction:row;align-items:center;text-align:center;margin-right:2.5rem;gap:1rem}._userContainer_1jszk_68{display:flex;align-items:center;gap:.5rem}._userFullName_1jszk_74{color:#fff;font-weight:400;font-size:.875rem;line-height:1.25rem}._userAvatar_1jszk_81{width:2.5rem;height:2.5rem;cursor:pointer;-o-object-fit:cover;object-fit:cover;border-radius:9999px}._relative_1jszk_89{position:relative}._cursor-pointer_1jszk_93{cursor:pointer}._modal-overlay_10n3k_1{position:fixed;top:0;right:0;bottom:0;left:0;background:hsla(0,0%,0%,.254);--tw-backdrop-blur: blur(4px);justify-content:center;align-items:center;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}._modal-title_10n3k_12{font-size:1.25rem;line-height:1.75rem;color:#e01b00;font-weight:500}._modal-footer_10n3k_19{display:flex;justify-content:space-between;width:80%}._modal-container_10n3k_25{background:#ffffff;-webkit-backdrop-filter:blur(4.5px);backdrop-filter:blur(4.5px);display:flex;padding:32px 24px 40px;flex-direction:column;align-items:center;gap:24px;align-self:stretch;width:500px;height:204px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:.5rem}._modal-button_10n3k_43{border-radius:3px;border:1px solid #ddd;background:#ddd;padding:8px 32px;font-size:14px}._confirm-btn_10n3k_51{background:#e01b00!important}._text-white_10n3k_55{color:#fff}._text-sm_10n3k_59{font-size:.875rem;line-height:1.25rem}")),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
-import { j as s, c as e, r as t, L as p, s as A } from "../index-f1edf829.js";
-function j() {
-  return /* @__PURE__ */ s.jsxs(
+(function(){"use strict";try{if(typeof document<"u"){var r=document.createElement("style");r.appendChild(document.createTextNode("._modal-overlay_10n3k_1{position:fixed;top:0;right:0;bottom:0;left:0;background:hsla(0,0%,0%,.254);--tw-backdrop-blur: blur(4px);justify-content:center;align-items:center;-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}._modal-title_10n3k_12{font-size:1.25rem;line-height:1.75rem;color:#e01b00;font-weight:500}._modal-footer_10n3k_19{display:flex;justify-content:space-between;width:80%}._modal-container_10n3k_25{background:#ffffff;-webkit-backdrop-filter:blur(4.5px);backdrop-filter:blur(4.5px);display:flex;padding:32px 24px 40px;flex-direction:column;align-items:center;gap:24px;align-self:stretch;width:500px;height:204px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:.5rem}._modal-button_10n3k_43{border-radius:3px;border:1px solid #ddd;background:#ddd;padding:8px 32px;font-size:14px}._confirm-btn_10n3k_51{background:#e01b00!important}._text-white_10n3k_55{color:#fff}._text-sm_10n3k_59{font-size:.875rem;line-height:1.25rem}._avatar-dropdown-item_1d31a_1{padding:.5rem;font-size:.875rem;line-height:1.25rem;cursor:pointer;border-radius:.25rem}._avatar-dropdown-item_1d31a_1:hover{background-color:#009d4f}._avartarDropdownMenu_1d31a_13{background-color:#fff;padding:.5rem;width:13rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);position:absolute;left:-10rem;top:3.5rem}._avartarDropdownMenu_1d31a_13 ul{list-style:none;padding-inline-start:0;margin-block-end:0}._navbar_1d31a_34{position:fixed;display:flex;z-index:30;background:black;top:0;width:100%;padding-left:2.5rem;height:64px}._navbar-container_1d31a_45{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:space-between}._logo-container_1d31a_53{padding:16px 0;height:100%}._navbar-container_1d31a_45 img{height:100%}._right-side-container_1d31a_62{display:flex;flex-direction:row;align-items:center;text-align:center;margin-right:2.5rem;gap:1rem}._userContainer_1d31a_71{display:flex;align-items:center;gap:.5rem}._userFullName_1d31a_77{color:#fff;font-weight:400;font-size:.875rem;line-height:1.25rem}._userAvatar_1d31a_84{width:2.5rem;height:2.5rem;cursor:pointer;-o-object-fit:cover;object-fit:cover;border-radius:9999px}._relative_1d31a_92{position:relative}._cursor-pointer_1d31a_96{cursor:pointer}")),document.head.appendChild(r)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+import { j as e, r as o, m as f, c as t, L as j, s as w } from "../motion-ba32a3c8.js";
+function m() {
+  return /* @__PURE__ */ e.jsxs(
     "svg",
     {
+      xmlns: "http://www.w3.org/2000/svg",
       width: "24",
       height: "25",
       viewBox: "0 0 24 25",
       fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
       children: [
-        /* @__PURE__ */ s.jsx(
+        /* @__PURE__ */ e.jsx(
           "path",
           {
-            "fill-rule": "evenodd",
-            "clip-rule": "evenodd",
-            d: "M11.7968 17.4705C16.5901 17.4705 18.8076 16.8556 19.0218 14.3874C19.0218 11.921 17.4757 12.0796 17.4757 9.05334C17.4757 6.68952 15.2352 4 11.7968 4C8.35833 4 6.1178 6.68952 6.1178 9.05334C6.1178 12.0796 4.57178 11.921 4.57178 14.3874C4.78679 16.8649 7.00428 17.4705 11.7968 17.4705Z",
+            d: "M8.5 19.5H8C4 19.5 2 18.5 2 13.5V8.5C2 4.5 4 2.5 8 2.5H16C20 2.5 22 4.5 22 8.5V13.5C22 17.5 20 19.5 16 19.5H15.5C15.19 19.5 14.89 19.65 14.7 19.9L13.2 21.9C12.54 22.78 11.46 22.78 10.8 21.9L9.3 19.9C9.14 19.68 8.77 19.5 8.5 19.5Z",
             stroke: "white",
             "stroke-width": "1.5",
+            "stroke-miterlimit": "10",
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
           }
         ),
-        /* @__PURE__ */ s.jsx(
+        /* @__PURE__ */ e.jsx(
           "path",
           {
-            d: "M13.8274 20.0286C12.6679 21.3161 10.8591 21.3313 9.68848 20.0286",
+            d: "M15.9965 11.5H16.0054",
             stroke: "white",
-            "stroke-width": "1.5",
+            "stroke-width": "2",
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
           }
         ),
-        /* @__PURE__ */ s.jsx("circle", { cx: "16.928", cy: "7", r: "2", fill: "#E01B00", stroke: "white" })
-      ]
-    }
-  );
-}
-function f() {
-  return /* @__PURE__ */ s.jsxs(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "24",
-      height: "25",
-      viewBox: "0 0 24 25",
-      fill: "none",
-      children: [
-        /* @__PURE__ */ s.jsx(
+        /* @__PURE__ */ e.jsx(
           "path",
           {
-            d: "M8.5 19.5H8C4 19.5 2 18.5 2 13.5V8.5C2 4.5 4 2.5 8 2.5H16C20 2.5 22 4.5 22 8.5V13.5C22 17.5 20 19.5 16 19.5H15.5C15.19 19.5 14.89 19.65 14.7 19.9L13.2 21.9C12.54 22.78 11.46 22.78 10.8 21.9L9.3 19.9C9.14 19.68 8.77 19.5 8.5 19.5Z",
+            d: "M11.9955 11.5H12.0045",
             stroke: "white",
-            "stroke-width": "1.5",
-            "stroke-miterlimit": "10",
+            "stroke-width": "2",
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
           }
         ),
-        /* @__PURE__ */ s.jsx(
+        /* @__PURE__ */ e.jsx(
           "path",
           {
-            d: "M15.9965 11.5H16.0054",
+            d: "M7.99451 11.5H8.00349",
             stroke: "white",
             "stroke-width": "2",
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
           }
-        ),
-        /* @__PURE__ */ s.jsx(
+        )
+      ]
+    }
+  );
+}
+function g() {
+  return /* @__PURE__ */ e.jsxs(
+    "svg",
+    {
+      width: "24",
+      height: "25",
+      viewBox: "0 0 24 25",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ e.jsx(
           "path",
           {
-            d: "M11.9955 11.5H12.0045",
+            "fill-rule": "evenodd",
+            "clip-rule": "evenodd",
+            d: "M11.7968 17.4705C16.5901 17.4705 18.8076 16.8556 19.0218 14.3874C19.0218 11.921 17.4757 12.0796 17.4757 9.05334C17.4757 6.68952 15.2352 4 11.7968 4C8.35833 4 6.1178 6.68952 6.1178 9.05334C6.1178 12.0796 4.57178 11.921 4.57178 14.3874C4.78679 16.8649 7.00428 17.4705 11.7968 17.4705Z",
             stroke: "white",
-            "stroke-width": "2",
+            "stroke-width": "1.5",
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
           }
         ),
-        /* @__PURE__ */ s.jsx(
+        /* @__PURE__ */ e.jsx(
           "path",
           {
-            d: "M7.99451 11.5H8.00349",
+            d: "M13.8274 20.0286C12.6679 21.3161 10.8591 21.3313 9.68848 20.0286",
             stroke: "white",
-            "stroke-width": "2",
+            "stroke-width": "1.5",
             "stroke-linecap": "round",
             "stroke-linejoin": "round"
           }
-        )
+        ),
+        /* @__PURE__ */ e.jsx("circle", { cx: "16.928", cy: "7", r: "2", fill: "#E01B00", stroke: "white" })
+      ]
+    }
+  );
+}
+const A = "data:image/png;base64,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";
+function C() {
+  const [r, s] = o.useState("en"), [a, l] = o.useState(!1), i = o.useRef(null), c = (n) => {
+    s(n), l(!1);
+  };
+  o.useEffect(() => {
+    const n = (h) => {
+      i.current && !i.current.contains(h.target) && l(!1);
+    };
+    return document.addEventListener("mousedown", n), () => {
+      document.removeEventListener("mousedown", n);
+    };
+  }, []);
+  const d = [
+    { code: "en", name: "English" }
+    // { code: 'fr', name: 'Français' },
+    // { code: 'es', name: 'Español' },
+    // Add more languages as needed
+  ];
+  return /* @__PURE__ */ e.jsxs("div", { className: "relative", ref: i, children: [
+    /* @__PURE__ */ e.jsx(
+      "button",
+      {
+        onClick: () => l(!a),
+        className: "focus:outline-none flex items-center text-white",
+        children: /* @__PURE__ */ e.jsx(p, {})
+      }
+    ),
+    a && /* @__PURE__ */ e.jsx(
+      f.div,
+      {
+        className: "absolute top-full right-0 mt-2 space-y-1 bg-white border border-gray-200 rounded shadow p-1",
+        initial: { opacity: 0, scale: 0.95 },
+        animate: { opacity: 1, scale: 1 },
+        exit: { opacity: 0, scale: 0.95 },
+        transition: { duration: 0.1 },
+        children: d.map((n) => /* @__PURE__ */ e.jsxs(
+          "button",
+          {
+            onClick: () => c(n.code),
+            className: `flex items-center w-full px-4 py-2 text-left focus:outline-none rounded-[4px] ${r === n.code ? "bg-blue-500 text-white" : "bg-white text-black"} hover:bg-blue-500 hover:text-white`,
+            children: [
+              /* @__PURE__ */ e.jsx(p, {}),
+              /* @__PURE__ */ e.jsx("span", { className: "ml-2 text-sm", children: n.name })
+            ]
+          },
+          n.code
+        ))
+      }
+    )
+  ] });
+}
+function p() {
+  return /* @__PURE__ */ e.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 21 15",
+      width: "40",
+      height: "28.57",
+      children: [
+        /* @__PURE__ */ e.jsxs("defs", { children: [
+          /* @__PURE__ */ e.jsxs("linearGradient", { id: "a", x1: "50%", x2: "50%", y1: "0%", y2: "100%", children: [
+            /* @__PURE__ */ e.jsx("stop", { offset: "0%", stopColor: "#FFF" }),
+            /* @__PURE__ */ e.jsx("stop", { offset: "100%", stopColor: "#F0F0F0" })
+          ] }),
+          /* @__PURE__ */ e.jsxs("linearGradient", { id: "b", x1: "50%", x2: "50%", y1: "0%", y2: "100%", children: [
+            /* @__PURE__ */ e.jsx("stop", { offset: "0%", stopColor: "#0A17A7" }),
+            /* @__PURE__ */ e.jsx("stop", { offset: "100%", stopColor: "#030E88" })
+          ] }),
+          /* @__PURE__ */ e.jsxs("linearGradient", { id: "c", x1: "50%", x2: "50%", y1: "0%", y2: "100%", children: [
+            /* @__PURE__ */ e.jsx("stop", { offset: "0%", stopColor: "#E6273E" }),
+            /* @__PURE__ */ e.jsx("stop", { offset: "100%", stopColor: "#CF152B" })
+          ] })
+        ] }),
+        /* @__PURE__ */ e.jsxs("g", { fill: "none", fillRule: "evenodd", children: [
+          /* @__PURE__ */ e.jsx("path", { fill: "url(#a)", d: "M0 0h21v15H0z" }),
+          /* @__PURE__ */ e.jsx("path", { fill: "url(#b)", d: "M-.002 0h21v15h-21z" }),
+          /* @__PURE__ */ e.jsx(
+            "path",
+            {
+              fill: "url(#a)",
+              d: "M5.003 10H-.002V5h5.005L-2.082.22l1.118-1.657 8.962 6.045V-1h5v5.608l8.962-6.045L23.078.22 15.993 5h5.005v5h-5.005l7.085 4.78-1.118 1.657-8.962-6.045V16h-5v-5.608l-8.962 6.045-1.118-1.658L5.003 10z"
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            "path",
+            {
+              fill: "#DB1F35",
+              fillRule: "nonzero",
+              d: "M14.136 4.958l9.5-6.25a.25.25 0 00-.275-.417l-9.5 6.25a.25.25 0 10.275.417zm.732 5.522l8.515 5.74a.25.25 0 10.28-.415l-8.516-5.74a.25.25 0 00-.279.415zM6.142 4.526L-2.74-1.461a.25.25 0 00-.28.415L5.863 4.94a.25.25 0 00.279-.414zm.685 5.469l-9.845 6.53a.25.25 0 10.276.416l9.846-6.529a.25.25 0 00-.277-.417z"
+            }
+          ),
+          /* @__PURE__ */ e.jsx("path", { fill: "url(#c)", d: "M-.002 9h9v6h3V9h9V6h-9V0h-3v6h-9z" })
+        ] })
       ]
     }
   );
 }
-const x = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAArCAYAAAADgWq5AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAA3XSURBVHgBtVl7jFxVGf/dO3feMzuzO/tuu92y2xIoCEgCgUQogSIKhBIgaAxpFdREITxMVCrYNqB/+A8QCYQYbIuJUTChGqBQDCkaMUCgW0qtpe12t933drezs/N+XX/fuefOzK6l0KInPb2POfec3/m+3/c6a+ALNNu247xczL6Ofbm+j+suLck+pK972XcYhrEbX6AZOItGoGt4uZ99jQtu+tAnmP7kIPLz8yiwS/NHmxDr6kJTdzfaVq5qnGIb+/azAX9GgDXQTQJUQB3Y+SqOvL1bgXVB6nELv2OvcqllX74Uq2+8SV2buBE40n+QwHfgfwlYq34r+7rU+Bj2vvgH/Ou1VxXIxeAaW7Xht6ph1NGzCfAr7/meC3wb+xYCH8IXBaylurWQnu/d++IfMUCwRS1Nuz7mFN813lfVUrYh3xi1lWXIlXd/F1eww5H2rQQ9gLMFTCAP8PJEamIcO+77AebHx+u/6Y8FrItNJDqVL2Awm8WJQhFejwedfj9WhIJosjz8wKCkUdupu6koOX7n08+60haKPHnGgAlEuLp5bGAPdm78yUKO6tU4cQ3w/uQc3pqYwkypQOAGTNNU3SJoi+N6wmFclWjmBnxqvEja1rMJcF8kghseeRT9V62Rl5s595bPDZggxE29fPD11/DWLx9f/FsNqFwrvP5l6DjenZmBKN40TM5qqrEeAUzJGnz28Rpgv6atFRdGQmrXjjG6QrDV/Q0/+zlWf/1GebWB82//TMAE0svLnpnDh+N/umfDaY1KfnlrdBw7R8ZguyQxPJSsoW493JDHY7JbaiGhSNCycEt3J3oDgZp2qi5HOMgbjuCOp59B+8pV4rsvWWyIpwJ8ND0x0fvKQ/dDPIJh1yWgWVsbW6xU8au9+8jXAqUJWJRo2OdDiGqPBv1ojcUQIRVOptOYnEsjky+iUrXREw3jm91dihQ26VPRs0NvoKmrk6DJ6c6uAQK+pBGftQis8LZ3z/ZtIGjFQRJS78zQ05q1u/0nk5ghWOFoazCAloCFGIF2xKPobmtHW1sCifZWeP1e5DM5jJPjHxwaxsGpJE5WykhYlprZI1IWr0FOGASd4tpv/OIx3PHrZy4mJuHzZhejuYgKDxza9Tqkm4ah5Ck8NUzpjhG5z/L7QQIWsGGfFzGvGJeeUMZY5G0oxGgXRYBSjsSi6GpvwZoL+7GqM4GhbM5hkOEIw6SkDcN5ISIZ2fOh6mz36ziwEDCb7CK+94UXHFAKsHMVQzK1lIWfakq+T4p0+RwhWP5Tm1CcVAbFb7w+xwA9XnVvkS4RbuCS5Z18tvT8LmgO0+s5axrY5Ri8gH3gVICvPvLmG0hPTjjSNVyp6kk5Uhii7Mm01W9i1X6S1yLR7apj78ozKEPjDqoVlIsFLmIjJNKm6wpEI2iOBMhzT10wohmzDtSloGAZ2bNngZRNTYcNwt0ju3Y5vK19jIZJG7ssZiuL93kMTSmC5X3Acnq1lEM2lUQ2OYsTY2PI8BoOeOEXgVfLiPqtmmBqVGt4NrWG3932vCvlNY1GtyYzOYmpfR9pKsgWRa91ryBvXZ8pb1PFspo0YJpqxIlCCf6qiRx3eWwkidBkCj2JGfT3LsU+Gtp83sbyZcsRpTtDbhYtytWJUVfrkwqRbE0rJ4xilBIu0MtQO7fwzQ6XEldPfVQHa7vc1cZlurs26+9eOngIQ/MpeMmVeCiAXNWLXBkEVuDVwniqiH2Tafzz4Cj2T6QwkytifHYOyfQ8ZuYLeHN4FEUKxZWuY6v63k039NqDf/+bPK5TEiYdJOnunT16xLFu6TqKyVURTEvZwwlVBsaFUsqdAZlKBWYuj85QBJmq5A8mYpEw5uYraPUauHBZBxf18LuqChSlSgnnLO1AjnTxaA+huCl5BqUt63q0x6gq92lj+shhnEdaiCezND+QPHrUIbzgMZ3Q61ib7QQPdevwWh6DtPIygXpMD4p0Cx0RA+cnOlUaWShXkZsvYwkN7LLz+5AtVbF0SbcKzyGfhfTMNFYtaVXaMVzfRrCOlzE0TL0Z3owO7HEdw8UCuFfuMlOTNWnWrFWnhY5DdpnsXFfEYxjN5NSGKpw0ncsy8kVRplkcn06izQ+E6IujzQlcviqH9/49zIhmoY9AffQyYZ8fZsmjMghnaqNuIRLWbceQhculTMYFHK8Bzk1POzvUiY3zrVnLqZRJmI6UpfU3t+AfKt00tTHaODw2gQIHlctlTCaLGDqZwfzvX6Ira0IgEMTw1BRGR4awsiOOsBVg2uFXvK2vZzgobVN5oaqjYOXedOuthWZTATJr8V1RQyeCqMm1LvCepihDcRDJYlEBrkqgEP5yBQ8DhD8eRlu8CSuW96ClOYYSc2SDGjs6PonxZAqdTdRWuGlBpm+gIXuzDQfTwvSlIXBo92S7oExDewudLi7yxVEm5ndfcAF5yOSFq3jok6Ufm8sjze+C8WYsWXUuWnpXoBgM4/3jE9gzPO4EFY4zqqiF4gU+uOaLtZfQHsttIuEhuQl3dEB8sZs1aUY4FDCqTvJj63xN5wwtrCSaKc2xXAEpZmIrOoSfQILG1kOpfuXSS9Ddswz+YBA9zIGPkUIf7NuvpNfmDao5lJUYjo93c2xXy66bbersdPEOCWDJO+FjHpo1Jl1y1KkgXkIrwmiwP7Fjr6STlpcuK48CxTybztDQPEimUojxuv+99zB9bNihVjGNALUS9AfgJTWWB6M1Cdq60qsVBg0kWQxYkKiir43qVY5bAxLVeAxolaDm0G19dbO2CsdWCCBPQ5tIZZArVVQSP8nodGB4BIPDx5FlsLDI11lyt1wu4bJ4u/LpCpBZpwOABlpAGZ68be1b6QJOWpLRc1fJ2Ipz4nAduespFrkzxx8bdSMQAyMnyzpnzpdKBJpFdzSIJYkE+np70HtOL6KRIGZnZnF8cgpLQzG0+ILaMzR4h0XN1bNE1kRfn5KuVNSul/jzkssuX/9hLTXXEm2wW1tPXPOZXPBktqAqCFXq2I5WsswpjlWqSsm5cgXTLE5l+OiJWRW66d/wTr6E/oAP7bBrLs02Tln+qLW6LrpInnbLfy7gHd5weH3b6gswvf/jU+7VjXYizP0nTuCVw4MYnJsjjx2LrlYNRQ01iEAHZ1MYTqbhHRxVJdOKzg60NUUUzY4UWH14vehg4r+UX3QxexNe1845XAWyd1x4ESIdisNvNwLeLfw4785vxKc3PaIJUFUewlXcXKmM96nSd1h0jpKfZeYQMkqqZhnnkZhN0JJrlLgrcVs2k41YOICVXe0Is3SS9LNKflveELyMdCelCGDfT6Es529Ly0VE1by6Mudd//XXu3TYVgPMhyRV81Tr6gs2hds7kZUwDcegxjNZvM0INnBihiCrzBuY7DA5N0XkBGXy2SlHbFUuqQcxWOYYzQTbxoJTPLz4a8u0MG34lR8uku9hJvUVApT8Q3zJKLndzA2vLuYQ4PswtdJ/3doaHVx9u01OW5KX/vBexeNksYSXh4bxG6aRH88lafisJKhan1e6l1mZl++YC9CtSTBQZRQX9jMpipGf3bEQ2mlsQapdNpOn1McrTJhsllN8V2IlIqqrUAiSYko499LtZVjMvh+N4XgojC996y7BJW53y38BFinzIlLGSGe3A5RuyCYYARkMhuBjkJCTHK+EXk7u8zIXIPAycwKTwKFDu0+iGe+EGuliFWmTIdwMqdouwM3IKLGFErWTzeeoMQMZFqVObmyq0N659qvou/Y6gfZU49lEo4Shy+mB23+6EfGubiVBOQTxM2cQNYqqg4xuIuEgAYdo8WFGsRC7FQjBE4ygxKQmbfiQZSQrBOPwNLczKMUQZj0X4qYdz2io2k96kXm1SFlaLp9XjqEl0Yqbb7vN5e7mBRixqLknPwcPHIh/f/16ZHOyc+a8THIU6bmJEvnX6KttisuSKpjSKfG8QRLxMMF5+E42E6CGAtyccF/AWtz8PKNhS2sCkzRk0ZyYhJfjm1ta8Ojjj2FpT88pT37MxYD1gAfPPe88/GjjwwRoOZWAlPOUkgD1UbqKEuwRhvQwzx18lg9NLOETTHoSXDTKbC7EMCzGJxV2RdduUl3LfPIs3kjCdSaTJqU8yFPad939HQErQ799qvNiC6do4kJE0jevu3VTUyyOTQ9vRIVG4UpHpCxNXJiU8/KuSj6KNIsMvR66Lj8NVDyBAJPNCUjRiKWlLG7RrRWzrFyWdC/Fgw//GBddrE6mtnzaqbyB0zT3fHhsdBQP3XsfxkZGlBsSFSr1GI6f9pLT8l7O0WQTeXIxSm2UuMkcjSrRkqBXKCkteSW1FP/LoNPBpCZL6XposE8+ywNAZow42/PhBtBSpL7M3rv9+efx2+eeo0S99VTQcNSq/CoBi5pzLJcsbkKkn+W9ABa35UjYUvmBeIeeZT24+rpr8bWbbkIoHB6CQ4Pdp8PzmYA16F44R1nrJ5jT/m7rVvz19TecPJaqFsDlakXxWYCJNCt89mgDbWluVvx0D7mjTU248qqrsO7225BgksS2Q4NNfhaWzwW4AbicDTzB3jtJ4HsHBvDmzp0YPHQYhVKRbi6oKFIgOKGFBAhpQb4Pkt8r+s7B5VdcgWvWrhWJyk+SH2w2zuDPX2cEuAH4Gl42sK933w0ePowZhu9JHpWmyM8y3ZvwOMoz4r7+foLtc4cmNdAnjf/33+lOA14k7/4VdDkW/iV0Dk6RMARH9QOfR/Wf1v4D3Fe7Fu3OpbsAAAAASUVORK5CYII=";
 function k({
   logo: r,
-  user: n,
+  user: s,
   baseUrl: a,
-  style: o,
-  classNames: c = ""
+  style: l,
+  classNames: i = ""
 }) {
-  const i = r || "/public/assets/icons/logo-header.png";
-  return /* @__PURE__ */ s.jsx("nav", { className: `${e.navbar} ${c}`, style: o, children: /* @__PURE__ */ s.jsxs("div", { className: e["navbar-container"], children: [
-    /* @__PURE__ */ s.jsx("div", { className: e["logo-container"], children: /* @__PURE__ */ s.jsx("img", { src: i, alt: "logo-header" }) }),
-    /* @__PURE__ */ s.jsxs("div", { className: e["right-side-container"], children: [
-      /* @__PURE__ */ s.jsxs("div", { className: e.userContainer, children: [
-        /* @__PURE__ */ s.jsx(
+  const c = r || "/public/assets/icons/logo-header.png";
+  return /* @__PURE__ */ e.jsx("nav", { className: `${t.navbar} ${i}`, style: l, children: /* @__PURE__ */ e.jsxs("div", { className: t["navbar-container"], children: [
+    /* @__PURE__ */ e.jsx("div", { className: t["logo-container"], children: /* @__PURE__ */ e.jsx("img", { src: c, alt: "logo-header" }) }),
+    /* @__PURE__ */ e.jsxs("div", { className: t["right-side-container"], children: [
+      /* @__PURE__ */ e.jsx(C, {}),
+      /* @__PURE__ */ e.jsxs("div", { className: t.userContainer, children: [
+        /* @__PURE__ */ e.jsx(
           "p",
           {
-            className: e.userFullName,
-            children: `${n == null ? void 0 : n.firstName} ${n == null ? void 0 : n.lastName}`
+            className: t.userFullName,
+            children: `${s == null ? void 0 : s.firstName} ${s == null ? void 0 : s.lastName}`
           }
         ),
-        /* @__PURE__ */ s.jsx(m, { baseUrl: a, avatarUrl: n == null ? void 0 : n.avatarUrl })
+        /* @__PURE__ */ e.jsx(v, { baseUrl: a, avatarUrl: s == null ? void 0 : s.avatarUrl })
       ] }),
-      /* @__PURE__ */ s.jsx("span", { className: e["cursor-pointer"], children: /* @__PURE__ */ s.jsx(j, {}) }),
-      /* @__PURE__ */ s.jsx("span", { className: e["cursor-pointer"], children: /* @__PURE__ */ s.jsx(f, {}) })
+      /* @__PURE__ */ e.jsx("span", { className: t["cursor-pointer"], children: /* @__PURE__ */ e.jsx(g, {}) }),
+      /* @__PURE__ */ e.jsx("span", { className: t["cursor-pointer"], children: /* @__PURE__ */ e.jsx(m, {}) })
     ] })
   ] }) });
 }
-function m({
+function v({
   avatarUrl: r,
-  baseUrl: n
+  baseUrl: s
 }) {
-  const [a, o] = t.useState(!1), [c, i] = t.useState(!1), d = t.useRef(null), u = t.useRef(null), h = () => {
-    window.location.href = `${n}/authentication/logout?callbackUrl=${window.location.href}`;
+  const [a, l] = o.useState(!1), [i, c] = o.useState(!1), d = o.useRef(null), n = o.useRef(null), h = () => {
+    window.location.href = `${s}/authentication/logout?callbackUrl=${window.location.href}`;
   };
-  return t.useEffect(() => {
-    function l(w) {
-      w.target !== u.current && w.target !== d.current && o(!1);
+  return o.useEffect(() => {
+    function u(x) {
+      x.target !== n.current && x.target !== d.current && l(!1);
     }
-    return window.addEventListener("click", l), () => window.removeEventListener("click", l);
-  }, []), /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    /* @__PURE__ */ s.jsxs("div", { className: e.relative, children: [
-      /* @__PURE__ */ s.jsx(
+    return window.addEventListener("click", u), () => window.removeEventListener("click", u);
+  }, []), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsxs("div", { className: t.relative, children: [
+      /* @__PURE__ */ e.jsx(
         "img",
         {
           ref: d,
-          onClick: () => o((l) => !l),
+          onClick: () => l((u) => !u),
           alt: "user avatar",
-          className: e.userAvatar,
-          src: r || x
+          className: t.userAvatar,
+          src: r || A
         }
       ),
-      a && /* @__PURE__ */ s.jsx("div", { ref: u, className: e.avartarDropdownMenu, children: /* @__PURE__ */ s.jsxs("ul", { children: [
-        /* @__PURE__ */ s.jsx("li", { className: e["avatar-dropdown-item"], children: "Profile" }),
-        /* @__PURE__ */ s.jsx(
+      a && /* @__PURE__ */ e.jsx("div", { ref: n, className: t.avartarDropdownMenu, children: /* @__PURE__ */ e.jsxs("ul", { children: [
+        /* @__PURE__ */ e.jsx("li", { className: t["avatar-dropdown-item"], children: "Profile" }),
+        /* @__PURE__ */ e.jsx(
           "li",
           {
-            onClick: () => i(!0),
-            className: e["avatar-dropdown-item"],
+            onClick: () => c(!0),
+            className: t["avatar-dropdown-item"],
             children: "Logout"
           }
         )
       ] }) })
     ] }),
-    /* @__PURE__ */ s.jsx(
-      p,
+    /* @__PURE__ */ e.jsx(
+      j,
       {
-        isOpen: c,
-        onClose: () => i(!1),
+        isOpen: i,
+        onClose: () => c(!1),
         onConfirm: h
       }
     )
   ] });
 }
-const C = A(k, {
+const N = w(k, {
   props: {
     logo: "string",
     user: "json",
     baseUrl: "string",
     classNames: "string",
-    style: "json"
-  }
+    style: "json",
+    customColors: "json"
+  },
+  shadow: "open"
 });
-customElements.define("global-topbar", C);
+customElements.define("global-topbar", N);