@ukpc-lib/react 0.0.0

package/dist/share/interceptor/index.d.ts

@@ -0,0 +1,7 @@
+import { AxiosInstance, AxiosRequestConfig } from 'axios';
+type TgetAxiosInstanceParams = {
+    config: AxiosRequestConfig;
+    pushError: (message: string) => void;
+};
+export declare function getAxiosInstance({ config, pushError }: TgetAxiosInstanceParams): AxiosInstance;
+export {};

package/dist/share/interceptor/interceptor.const.d.ts

@@ -0,0 +1,5 @@
+export declare const ERROR_MESSAGE: {
+    TOKEN_MALFORMED: string;
+    TOKEN_EXPIRED: string;
+};
+export declare const login: (baseURL: string) => void;

package/dist/share/permissions/HasPermission.d.ts

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from 'react';
+export declare const getUseHasPermission: (baseUrl: string) => (accessWith: string[], requireAll?: boolean) => boolean;
+type HasPermissionProps = {
+    baseUrl: string;
+    accessWith: string[];
+    requireAll?: boolean;
+};
+export declare const HasPermission: ({ baseUrl, accessWith, requireAll, children, }: PropsWithChildren<HasPermissionProps>) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/share/permissions/PermissionRoute.d.ts

@@ -0,0 +1,2 @@
+declare function PermissionRoute(): import("react/jsx-runtime").JSX.Element;
+export default PermissionRoute;

package/dist/share/permissions/index.d.ts

@@ -0,0 +1 @@
+export * from './HasPermission';

package/package.json

@@ -0,0 +1,81 @@
+{
+  "name": "@ukpc-lib/react",
+  "private": false,
+  "version": "0.0.0",
+  "type": "module",
+  "main": "./dist/",
+  "module": "./dist/",
+  "exports": {
+    "./components": {
+      "import": "./dist/components/index.js",
+      "require": "./dist/components/index.cjs",
+      "types": "./dist/components/index.d.ts"
+    },
+    "./share": {
+      "import": "./dist/share/index.js",
+      "require": "./dist/share/index.cjs",
+      "types": "./dist/share/index.d.ts"
+    }
+  },
+  "typesVersions": {
+    "*": {
+      "*": [
+        "./dist/*/index.d.ts"
+      ]
+    }
+  },
+  "files": [
+    "dist",
+    "web-components-bundle"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build-react": "tsc && vite build --config vite.config.react.ts",
+    "build-wc": "tsc && vite build --config vite.config.wc.ts --mode production",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview",
+    "publish": "npm publish --access public"
+  },
+  "dependencies": {
+    "@emotion/react": "^11.11.3",
+    "@emotion/styled": "^11.11.0",
+    "@mui/icons-material": "^5.15.4",
+    "@mui/material": "^5.15.4",
+    "@r2wc/react-to-web-component": "^2.0.3",
+    "@rollup/plugin-replace": "^5.0.5",
+    "axios": "^1.6.5",
+    "clsx": "^2.0.0",
+    "react-query": "^3.39.3",
+    "vite-plugin-css-injected-by-js": "^3.3.1"
+  },
+  "devDependencies": {
+    "@types/node": "^20.8.10",
+    "@types/react": "^18.2.15",
+    "@types/react-dom": "^18.2.7",
+    "@typescript-eslint/eslint-plugin": "^6.0.0",
+    "@typescript-eslint/parser": "^6.0.0",
+    "@vitejs/plugin-react-swc": "^3.3.2",
+    "autoprefixer": "^10.4.16",
+    "eslint": "^8.45.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.3",
+    "postcss": "^8.4.33",
+    "prettier": "^3.0.3",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "tailwindcss": "^3.4.1",
+    "typescript": "^5.0.2",
+    "vite": "^4.5.1",
+    "vite-plugin-dts": "^3.7.0",
+    "vite-plugin-lib-inject-css": "^1.3.0"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-query": "^3.39.3",
+    "@mui/material": "^5.15.4"
+  },
+  "author": {
+    "name": "Thinh Phung"
+  }
+}

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

@@ -0,0 +1 @@
+"use strict";const e=require("../jsx-runtime-02dc9172.cjs");function n(){return e.jsxRuntimeExports.jsx("div",{children:"GlobalMenu"})}const s=e.s(n,{props:{}});customElements.define("global-menu",s);

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

@@ -0,0 +1,8 @@
+import { j as e, s as n } from "../jsx-runtime-daa80ac2.js";
+function o() {
+  return /* @__PURE__ */ e.jsx("div", { children: "GlobalMenu" });
+}
+const l = n(o, {
+  props: {}
+});
+customElements.define("global-menu", l);

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

@@ -0,0 +1,2 @@
+(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode('.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.-left-40{left:-10rem}.top-0{top:0}.top-20{top:5rem}.z-30{z-index:30}.mr-10{margin-right:2.5rem}.flex{display:flex}.h-10{height:2.5rem}.h-\\[70px\\]{height:70px}.w-10{width:2.5rem}.w-4\\/5{width:80%}.w-52{width:13rem}.w-full{width:100%}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.rounded-full{border-radius:9999px}.bg-\\[\\#E01B00\\]{--tw-bg-opacity: 1;background-color:rgb(224 27 0 / var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.object-cover{-o-object-fit:cover;object-fit:cover}.p-4{padding:1rem}.pl-10{padding-left:2.5rem}.text-center{text-align:center}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.text-\\[\\#E01B00\\]{--tw-text-opacity: 1;color:rgb(224 27 0 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.shadow-lg{--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)}.avatar-dropdown-item{cursor:pointer;border-radius:.25rem;padding:.5rem;font-size:.875rem;line-height:1.25rem}.avatar-dropdown-item:hover{--tw-bg-opacity: 1;background-color:rgb(0 157 79 / var(--tw-bg-opacity))}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }._container_lgsnh_1{width:100%}@media (min-width: 640px){._container_lgsnh_1{max-width:640px}}@media (min-width: 768px){._container_lgsnh_1{max-width:768px}}@media (min-width: 1024px){._container_lgsnh_1{max-width:1024px}}@media (min-width: 1280px){._container_lgsnh_1{max-width:1280px}}@media (min-width: 1536px){._container_lgsnh_1{max-width:1536px}}._fixed_lgsnh_1{position:fixed}._absolute_lgsnh_1{position:absolute}._relative_lgsnh_1{position:relative}._-left-40_lgsnh_1{left:-10rem}._top-0_lgsnh_1{top:0}._top-20_lgsnh_1{top:5rem}._z-30_lgsnh_1{z-index:30}._mr-10_lgsnh_1{margin-right:2.5rem}._flex_lgsnh_1{display:flex}._h-10_lgsnh_1{height:2.5rem}._h-\\[70px\\]_lgsnh_1{height:70px}._w-10_lgsnh_1{width:2.5rem}._w-4\\/5_lgsnh_1{width:80%}._w-52_lgsnh_1{width:13rem}._w-full_lgsnh_1{width:100%}._cursor-pointer_lgsnh_1{cursor:pointer}._flex-row_lgsnh_1{flex-direction:row}._items-center_lgsnh_1{align-items:center}._justify-between_lgsnh_1{justify-content:space-between}._gap-2_lgsnh_1{gap:.5rem}._gap-4_lgsnh_1{gap:1rem}._rounded-full_lgsnh_1{border-radius:9999px}._bg-\\[\\#E01B00\\]_lgsnh_1{--tw-bg-opacity: 1;background-color:rgb(224 27 0 / var(--tw-bg-opacity))}._bg-black_lgsnh_1{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}._bg-white_lgsnh_1{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}._object-cover_lgsnh_1{-o-object-fit:cover;object-fit:cover}._p-4_lgsnh_1{padding:1rem}._pl-10_lgsnh_1{padding-left:2.5rem}._text-center_lgsnh_1{text-align:center}._text-sm_lgsnh_1{font-size:.875rem;line-height:1.25rem}._text-xl_lgsnh_1{font-size:1.25rem;line-height:1.75rem}._font-medium_lgsnh_1{font-weight:500}._font-normal_lgsnh_1{font-weight:400}._text-\\[\\#E01B00\\]_lgsnh_1{--tw-text-opacity: 1;color:rgb(224 27 0 / var(--tw-text-opacity))}._text-white_lgsnh_1{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}._shadow-lg_lgsnh_1{--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)}._avatar-dropdown-item_lgsnh_1{cursor:pointer;border-radius:.25rem;padding:.5rem;font-size:.875rem;line-height:1.25rem}._avatar-dropdown-item_lgsnh_1:hover{--tw-bg-opacity: 1;background-color:rgb(0 157 79 / var(--tw-bg-opacity))}._modal-overlay_lgsnh_4{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:rgb(0 0 0 / var(--tw-bg-opacity));--tw-bg-opacity: .25;--tw-backdrop-blur: blur(4px);-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-container_lgsnh_8{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:.25rem}button{border-radius:3px;border:1px solid #DDD;background:#DDD;padding:8px 32px;font-size:14px}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+"use strict";const e=require("../jsx-runtime-02dc9172.cjs");function h(){return e.jsxRuntimeExports.jsxs("svg",{width:"24",height:"25",viewBox:"0 0 24 25",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.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"}),e.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"}),e.jsxRuntimeExports.jsx("circle",{cx:"16.928",cy:"7",r:"2",fill:"#E01B00",stroke:"white"})]})}function d(){return e.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"25",viewBox:"0 0 24 25",fill:"none",children:[e.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"}),e.jsxRuntimeExports.jsx("path",{d:"M15.9965 11.5H16.0054",stroke:"white","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),e.jsxRuntimeExports.jsx("path",{d:"M11.9955 11.5H12.0045",stroke:"white","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),e.jsxRuntimeExports.jsx("path",{d:"M7.99451 11.5H8.00349",stroke:"white","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})]})}const m="data:image/png;base64,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",j="_container_lgsnh_1",g="_fixed_lgsnh_1",w="_absolute_lgsnh_1",f="_relative_lgsnh_1",E="_flex_lgsnh_1",c={container:j,fixed:g,absolute:w,relative:f,"-left-40":"_-left-40_lgsnh_1","top-0":"_top-0_lgsnh_1","top-20":"_top-20_lgsnh_1","z-30":"_z-30_lgsnh_1","mr-10":"_mr-10_lgsnh_1",flex:E,"h-10":"_h-10_lgsnh_1","h-[70px]":"_h-[70px]_lgsnh_1","w-10":"_w-10_lgsnh_1","w-4/5":"_w-4/5_lgsnh_1","w-52":"_w-52_lgsnh_1","w-full":"_w-full_lgsnh_1","cursor-pointer":"_cursor-pointer_lgsnh_1","flex-row":"_flex-row_lgsnh_1","items-center":"_items-center_lgsnh_1","justify-between":"_justify-between_lgsnh_1","gap-2":"_gap-2_lgsnh_1","gap-4":"_gap-4_lgsnh_1","rounded-full":"_rounded-full_lgsnh_1","bg-[#E01B00]":"_bg-[#E01B00]_lgsnh_1","bg-black":"_bg-black_lgsnh_1","bg-white":"_bg-white_lgsnh_1","object-cover":"_object-cover_lgsnh_1","p-4":"_p-4_lgsnh_1","pl-10":"_pl-10_lgsnh_1","text-center":"_text-center_lgsnh_1","text-sm":"_text-sm_lgsnh_1","text-xl":"_text-xl_lgsnh_1","font-medium":"_font-medium_lgsnh_1","font-normal":"_font-normal_lgsnh_1","text-[#E01B00]":"_text-[#E01B00]_lgsnh_1","text-white":"_text-white_lgsnh_1","shadow-lg":"_shadow-lg_lgsnh_1","avatar-dropdown-item":"_avatar-dropdown-item_lgsnh_1","modal-overlay":"_modal-overlay_lgsnh_4","modal-container":"_modal-container_lgsnh_8"};function A({isOpen:t,onClose:s,onConfirm:o}){if(!t)return null;function n(i){var r;((r=i.target)==null?void 0:r.id)==="modal-wrapper"&&s()}return e.jsxRuntimeExports.jsx("div",{onClick:n,className:c["modal-overlay"],id:"modal-wrapper",children:e.jsxRuntimeExports.jsxs("div",{className:c["modal-container"],children:[e.jsxRuntimeExports.jsx("h3",{className:"text-xl text-[#E01B00] font-medium",children:"Log out"}),e.jsxRuntimeExports.jsx("p",{className:"text-sm",children:"Are you sure want to log out?"}),e.jsxRuntimeExports.jsxs("div",{className:"flex justify-between w-4/5",children:[e.jsxRuntimeExports.jsx("button",{onClick:s,children:"Cancel"}),e.jsxRuntimeExports.jsx("button",{onClick:o,className:"text-white bg-[#E01B00]",children:"Confirm"})]})]})})}function _({logo:t,user:s,baseUrl:o}){const n=t||"/public/assets/icons/logo-header.png";return e.jsxRuntimeExports.jsx("nav",{className:"fixed flex z-30 bg-black top-0 w-full pl-10 h-[70px]",children:e.jsxRuntimeExports.jsxs("div",{className:"flex flex-row items-center w-full justify-between",children:[e.jsxRuntimeExports.jsx("img",{src:n,alt:"logo-header"}),e.jsxRuntimeExports.jsxs("div",{className:"flex flex-row items-center text-center mr-10 gap-4",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxRuntimeExports.jsx("p",{className:"text-white text-sm font-normal",children:`${s.firstName} ${s.lastName}`}),e.jsxRuntimeExports.jsx(k,{baseUrl:o,avatarUrl:s==null?void 0:s.avatarUrl})]}),e.jsxRuntimeExports.jsx("span",{className:"cursor-pointer",children:e.jsxRuntimeExports.jsx(h,{})}),e.jsxRuntimeExports.jsx("span",{className:"cursor-pointer",children:e.jsxRuntimeExports.jsx(d,{})})]})]})})}function k({avatarUrl:t,baseUrl:s}){const[o,n]=e.reactExports.useState(!1),[i,r]=e.reactExports.useState(!1),x=e.reactExports.useRef(null),a=e.reactExports.useRef(null),p=()=>{window.location.href=`${s}/authentication/logout?callbackUrl=${window.location.origin}`};return e.reactExports.useEffect(()=>{function l(u){u.target!==a.current&&u.target!==x.current&&n(!1)}return window.addEventListener("click",l),()=>window.removeEventListener("click",l)},[]),e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:"relative",children:[e.jsxRuntimeExports.jsx("img",{ref:x,onClick:()=>n(l=>!l),alt:"user avatar",className:"w-10 h-10 cursor-pointer object-cover rounded-full",src:t||m}),o&&e.jsxRuntimeExports.jsx("div",{ref:a,className:"bg-white p-4 w-52 shadow-lg absolute -left-40 top-20",children:e.jsxRuntimeExports.jsxs("ul",{children:[e.jsxRuntimeExports.jsx("li",{className:"avatar-dropdown-item",children:"Profile"}),e.jsxRuntimeExports.jsx("li",{onClick:()=>r(!0),className:"avatar-dropdown-item",children:"Logout"})]})})]}),e.jsxRuntimeExports.jsx(A,{isOpen:i,onClose:()=>r(!1),onConfirm:p})]})}const R=e.s(_,{props:{logo:"string",user:"json",baseUrl:"string"}});customElements.define("global-topbar",R);

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

@@ -0,0 +1,243 @@
+(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode('.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.-left-40{left:-10rem}.top-0{top:0}.top-20{top:5rem}.z-30{z-index:30}.mr-10{margin-right:2.5rem}.flex{display:flex}.h-10{height:2.5rem}.h-\\[70px\\]{height:70px}.w-10{width:2.5rem}.w-4\\/5{width:80%}.w-52{width:13rem}.w-full{width:100%}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.rounded-full{border-radius:9999px}.bg-\\[\\#E01B00\\]{--tw-bg-opacity: 1;background-color:rgb(224 27 0 / var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.object-cover{-o-object-fit:cover;object-fit:cover}.p-4{padding:1rem}.pl-10{padding-left:2.5rem}.text-center{text-align:center}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.text-\\[\\#E01B00\\]{--tw-text-opacity: 1;color:rgb(224 27 0 / var(--tw-text-opacity))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.shadow-lg{--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)}.avatar-dropdown-item{cursor:pointer;border-radius:.25rem;padding:.5rem;font-size:.875rem;line-height:1.25rem}.avatar-dropdown-item:hover{--tw-bg-opacity: 1;background-color:rgb(0 157 79 / var(--tw-bg-opacity))}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }._container_lgsnh_1{width:100%}@media (min-width: 640px){._container_lgsnh_1{max-width:640px}}@media (min-width: 768px){._container_lgsnh_1{max-width:768px}}@media (min-width: 1024px){._container_lgsnh_1{max-width:1024px}}@media (min-width: 1280px){._container_lgsnh_1{max-width:1280px}}@media (min-width: 1536px){._container_lgsnh_1{max-width:1536px}}._fixed_lgsnh_1{position:fixed}._absolute_lgsnh_1{position:absolute}._relative_lgsnh_1{position:relative}._-left-40_lgsnh_1{left:-10rem}._top-0_lgsnh_1{top:0}._top-20_lgsnh_1{top:5rem}._z-30_lgsnh_1{z-index:30}._mr-10_lgsnh_1{margin-right:2.5rem}._flex_lgsnh_1{display:flex}._h-10_lgsnh_1{height:2.5rem}._h-\\[70px\\]_lgsnh_1{height:70px}._w-10_lgsnh_1{width:2.5rem}._w-4\\/5_lgsnh_1{width:80%}._w-52_lgsnh_1{width:13rem}._w-full_lgsnh_1{width:100%}._cursor-pointer_lgsnh_1{cursor:pointer}._flex-row_lgsnh_1{flex-direction:row}._items-center_lgsnh_1{align-items:center}._justify-between_lgsnh_1{justify-content:space-between}._gap-2_lgsnh_1{gap:.5rem}._gap-4_lgsnh_1{gap:1rem}._rounded-full_lgsnh_1{border-radius:9999px}._bg-\\[\\#E01B00\\]_lgsnh_1{--tw-bg-opacity: 1;background-color:rgb(224 27 0 / var(--tw-bg-opacity))}._bg-black_lgsnh_1{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}._bg-white_lgsnh_1{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}._object-cover_lgsnh_1{-o-object-fit:cover;object-fit:cover}._p-4_lgsnh_1{padding:1rem}._pl-10_lgsnh_1{padding-left:2.5rem}._text-center_lgsnh_1{text-align:center}._text-sm_lgsnh_1{font-size:.875rem;line-height:1.25rem}._text-xl_lgsnh_1{font-size:1.25rem;line-height:1.75rem}._font-medium_lgsnh_1{font-weight:500}._font-normal_lgsnh_1{font-weight:400}._text-\\[\\#E01B00\\]_lgsnh_1{--tw-text-opacity: 1;color:rgb(224 27 0 / var(--tw-text-opacity))}._text-white_lgsnh_1{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}._shadow-lg_lgsnh_1{--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)}._avatar-dropdown-item_lgsnh_1{cursor:pointer;border-radius:.25rem;padding:.5rem;font-size:.875rem;line-height:1.25rem}._avatar-dropdown-item_lgsnh_1:hover{--tw-bg-opacity: 1;background-color:rgb(0 157 79 / var(--tw-bg-opacity))}._modal-overlay_lgsnh_4{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:rgb(0 0 0 / var(--tw-bg-opacity));--tw-bg-opacity: .25;--tw-backdrop-blur: blur(4px);-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-container_lgsnh_8{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:.25rem}button{border-radius:3px;border:1px solid #DDD;background:#DDD;padding:8px 32px;font-size:14px}')),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+import { j as e, r, s as w } from "../jsx-runtime-daa80ac2.js";
+function x() {
+  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",
+          {
+            "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"
+          }
+        ),
+        /* @__PURE__ */ e.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"
+          }
+        ),
+        /* @__PURE__ */ e.jsx("circle", { cx: "16.928", cy: "7", r: "2", fill: "#E01B00", stroke: "white" })
+      ]
+    }
+  );
+}
+function f() {
+  return /* @__PURE__ */ e.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "25",
+      viewBox: "0 0 24 25",
+      fill: "none",
+      children: [
+        /* @__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",
+            stroke: "white",
+            "stroke-width": "1.5",
+            "stroke-miterlimit": "10",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          "path",
+          {
+            d: "M15.9965 11.5H16.0054",
+            stroke: "white",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          "path",
+          {
+            d: "M11.9955 11.5H12.0045",
+            stroke: "white",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          "path",
+          {
+            d: "M7.99451 11.5H8.00349",
+            stroke: "white",
+            "stroke-width": "2",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }
+        )
+      ]
+    }
+  );
+}
+const p = "data:image/png;base64,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", m = "_container_lgsnh_1", j = "_fixed_lgsnh_1", A = "_absolute_lgsnh_1", _ = "_relative_lgsnh_1", k = "_flex_lgsnh_1", u = {
+  container: m,
+  fixed: j,
+  absolute: A,
+  relative: _,
+  "-left-40": "_-left-40_lgsnh_1",
+  "top-0": "_top-0_lgsnh_1",
+  "top-20": "_top-20_lgsnh_1",
+  "z-30": "_z-30_lgsnh_1",
+  "mr-10": "_mr-10_lgsnh_1",
+  flex: k,
+  "h-10": "_h-10_lgsnh_1",
+  "h-[70px]": "_h-[70px]_lgsnh_1",
+  "w-10": "_w-10_lgsnh_1",
+  "w-4/5": "_w-4/5_lgsnh_1",
+  "w-52": "_w-52_lgsnh_1",
+  "w-full": "_w-full_lgsnh_1",
+  "cursor-pointer": "_cursor-pointer_lgsnh_1",
+  "flex-row": "_flex-row_lgsnh_1",
+  "items-center": "_items-center_lgsnh_1",
+  "justify-between": "_justify-between_lgsnh_1",
+  "gap-2": "_gap-2_lgsnh_1",
+  "gap-4": "_gap-4_lgsnh_1",
+  "rounded-full": "_rounded-full_lgsnh_1",
+  "bg-[#E01B00]": "_bg-[#E01B00]_lgsnh_1",
+  "bg-black": "_bg-black_lgsnh_1",
+  "bg-white": "_bg-white_lgsnh_1",
+  "object-cover": "_object-cover_lgsnh_1",
+  "p-4": "_p-4_lgsnh_1",
+  "pl-10": "_pl-10_lgsnh_1",
+  "text-center": "_text-center_lgsnh_1",
+  "text-sm": "_text-sm_lgsnh_1",
+  "text-xl": "_text-xl_lgsnh_1",
+  "font-medium": "_font-medium_lgsnh_1",
+  "font-normal": "_font-normal_lgsnh_1",
+  "text-[#E01B00]": "_text-[#E01B00]_lgsnh_1",
+  "text-white": "_text-white_lgsnh_1",
+  "shadow-lg": "_shadow-lg_lgsnh_1",
+  "avatar-dropdown-item": "_avatar-dropdown-item_lgsnh_1",
+  "modal-overlay": "_modal-overlay_lgsnh_4",
+  "modal-container": "_modal-container_lgsnh_8"
+};
+function C({
+  isOpen: t,
+  onClose: s,
+  onConfirm: n
+}) {
+  if (!t)
+    return null;
+  function l(a) {
+    var o;
+    ((o = a.target) == null ? void 0 : o.id) === "modal-wrapper" && s();
+  }
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      onClick: l,
+      className: u["modal-overlay"],
+      id: "modal-wrapper",
+      children: /* @__PURE__ */ e.jsxs("div", { className: u["modal-container"], children: [
+        /* @__PURE__ */ e.jsx("h3", { className: "text-xl text-[#E01B00] font-medium", children: "Log out" }),
+        /* @__PURE__ */ e.jsx("p", { className: "text-sm", children: "Are you sure want to log out?" }),
+        /* @__PURE__ */ e.jsxs("div", { className: "flex justify-between w-4/5", children: [
+          /* @__PURE__ */ e.jsx("button", { onClick: s, children: "Cancel" }),
+          /* @__PURE__ */ e.jsx("button", { onClick: n, className: "text-white bg-[#E01B00]", children: "Confirm" })
+        ] })
+      ] })
+    }
+  );
+}
+function b({
+  logo: t,
+  user: s,
+  baseUrl: n
+}) {
+  const l = t || "/public/assets/icons/logo-header.png";
+  return /* @__PURE__ */ e.jsx("nav", { className: "fixed flex z-30 bg-black top-0 w-full pl-10 h-[70px]", children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-row items-center w-full justify-between", children: [
+    /* @__PURE__ */ e.jsx("img", { src: l, alt: "logo-header" }),
+    /* @__PURE__ */ e.jsxs("div", { className: "flex flex-row items-center text-center mr-10 gap-4", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ e.jsx("p", { className: "text-white text-sm font-normal", children: `${s.firstName} ${s.lastName}` }),
+        /* @__PURE__ */ e.jsx(v, { baseUrl: n, avatarUrl: s == null ? void 0 : s.avatarUrl })
+      ] }),
+      /* @__PURE__ */ e.jsx("span", { className: "cursor-pointer", children: /* @__PURE__ */ e.jsx(x, {}) }),
+      /* @__PURE__ */ e.jsx("span", { className: "cursor-pointer", children: /* @__PURE__ */ e.jsx(f, {}) })
+    ] })
+  ] }) });
+}
+function v({
+  avatarUrl: t,
+  baseUrl: s
+}) {
+  const [n, l] = r.useState(!1), [a, o] = r.useState(!1), c = r.useRef(null), h = r.useRef(null), g = () => {
+    window.location.href = `${s}/authentication/logout?callbackUrl=${window.location.origin}`;
+  };
+  return r.useEffect(() => {
+    function i(d) {
+      d.target !== h.current && d.target !== c.current && l(!1);
+    }
+    return window.addEventListener("click", i), () => window.removeEventListener("click", i);
+  }, []), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ e.jsx(
+        "img",
+        {
+          ref: c,
+          onClick: () => l((i) => !i),
+          alt: "user avatar",
+          className: "w-10 h-10 cursor-pointer object-cover rounded-full",
+          src: t || p
+        }
+      ),
+      n && /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          ref: h,
+          className: "bg-white p-4 w-52 shadow-lg absolute -left-40 top-20",
+          children: /* @__PURE__ */ e.jsxs("ul", { children: [
+            /* @__PURE__ */ e.jsx("li", { className: "avatar-dropdown-item", children: "Profile" }),
+            /* @__PURE__ */ e.jsx(
+              "li",
+              {
+                onClick: () => o(!0),
+                className: "avatar-dropdown-item",
+                children: "Logout"
+              }
+            )
+          ] })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e.jsx(
+      C,
+      {
+        isOpen: a,
+        onClose: () => o(!1),
+        onConfirm: g
+      }
+    )
+  ] });
+}
+const N = w(b, {
+  props: {
+    logo: "string",
+    user: "json",
+    baseUrl: "string"
+  }
+});
+customElements.define("global-topbar", N);