@ukpc-lib/react 0.2.49 → 0.3.0

package/web-components-bundle/{index-80b585a5.cjs → index-30258735.cjs}

@@ -1,4 +1,4 @@
-"use strict";const D=require("./react-to-web-component-5d347552.cjs"),ce=require("./index-c085e37e.cjs"),Iu=require("./index-5627e1e9.cjs");function zg(e){var t,r,s="";if(typeof e=="string"||typeof e=="number")s+=e;else if(typeof e=="object")if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(r=zg(e[t]))&&(s&&(s+=" "),s+=r)}else for(r in e)e[r]&&(s&&(s+=" "),s+=r);return s}function Zn(){for(var e,t,r=0,s="",o=arguments.length;r<o;r++)(e=arguments[r])&&(t=zg(e))&&(s&&(s+=" "),s+=t);return s}function ww({primaryColor:e="#009d4f"}){return D.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"25",viewBox:"0 0 24 25",fill:"none",children:[D.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:e,"stroke-width":"1.5","stroke-miterlimit":"10","stroke-linecap":"round","stroke-linejoin":"round"}),D.jsxRuntimeExports.jsx("path",{d:"M15.9965 11.5H16.0054",stroke:e,"stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),D.jsxRuntimeExports.jsx("path",{d:"M11.9955 11.5H12.0045",stroke:e,"stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),D.jsxRuntimeExports.jsx("path",{d:"M7.99451 11.5H8.00349",stroke:e,"stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})]})}const Sw=e=>{const{tabs:t}=e,r=s=>{e.setCurrentTab(s.target.id)};return D.jsxRuntimeExports.jsxs("div",{className:"tab-container",children:[D.jsxRuntimeExports.jsx("div",{style:{display:"flex",width:"100%",height:"50px",borderBottom:`1px solid ${ce.color.grey200}`},className:"tab-container__title",children:t.map((s,o)=>D.jsxRuntimeExports.jsx("button",{id:s.id,disabled:e.currentTab===`${s.id}`,onClick:r,className:`tab-title ${e.currentTab===`${s.id}`?"is-active":""}`,children:s.tabTitle},o))}),D.jsxRuntimeExports.jsx("div",{className:"tab-content",children:t.map((s,o)=>D.jsxRuntimeExports.jsx("div",{children:e.currentTab===`${s.id}`&&D.jsxRuntimeExports.jsx("div",{children:s.children})},o))})]})};//! moment.js
+"use strict";const D=require("./react-to-web-component-5d347552.cjs"),ce=require("./index-3f370ab6.cjs"),Iu=require("./index-5627e1e9.cjs");function zg(e){var t,r,s="";if(typeof e=="string"||typeof e=="number")s+=e;else if(typeof e=="object")if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(r=zg(e[t]))&&(s&&(s+=" "),s+=r)}else for(r in e)e[r]&&(s&&(s+=" "),s+=r);return s}function Zn(){for(var e,t,r=0,s="",o=arguments.length;r<o;r++)(e=arguments[r])&&(t=zg(e))&&(s&&(s+=" "),s+=t);return s}function ww({primaryColor:e="#009d4f"}){return D.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"25",viewBox:"0 0 24 25",fill:"none",children:[D.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:e,"stroke-width":"1.5","stroke-miterlimit":"10","stroke-linecap":"round","stroke-linejoin":"round"}),D.jsxRuntimeExports.jsx("path",{d:"M15.9965 11.5H16.0054",stroke:e,"stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),D.jsxRuntimeExports.jsx("path",{d:"M11.9955 11.5H12.0045",stroke:e,"stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),D.jsxRuntimeExports.jsx("path",{d:"M7.99451 11.5H8.00349",stroke:e,"stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})]})}const Sw=e=>{const{tabs:t}=e,r=s=>{e.setCurrentTab(s.target.id)};return D.jsxRuntimeExports.jsxs("div",{className:"tab-container",children:[D.jsxRuntimeExports.jsx("div",{style:{display:"flex",width:"100%",height:"50px",borderBottom:`1px solid ${ce.color.grey200}`},className:"tab-container__title",children:t.map((s,o)=>D.jsxRuntimeExports.jsx("button",{id:s.id,disabled:e.currentTab===`${s.id}`,onClick:r,className:`tab-title ${e.currentTab===`${s.id}`?"is-active":""}`,children:s.tabTitle},o))}),D.jsxRuntimeExports.jsx("div",{className:"tab-content",children:t.map((s,o)=>D.jsxRuntimeExports.jsx("div",{children:e.currentTab===`${s.id}`&&D.jsxRuntimeExports.jsx("div",{children:s.children})},o))})]})};//! moment.js
 //! version : 2.30.1
 //! authors : Tim Wood, Iskren Chernev, Moment.js contributors
 //! license : MIT
@@ -1058,9 +1058,9 @@ function print() { __p += __j.call(arguments, '') }
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */function py(e=zA()){return DO().then(t=>{if(!t)throw nn.create("unsupported-browser")},t=>{throw nn.create("indexed-db-unsupported")}),qd(Hd(e),"messaging").getImmediate()}async function TO(e,t){return e=Hd(e),hy(e,t)}function MO(e,t){return e=Hd(e),EO(e,t)}CO();const gy=e=>{"serviceWorker"in navigator&&navigator.serviceWorker.register(e.path).then(function(t){console.log("Registration successful, scope is:",t.scope),console.log("initialize service worker props ",e);const r=py(zd({apiKey:e.apiKey,authDomain:e.authDomain,projectId:e.projectId,storageBucket:e.storageBucket,messagingSenderId:e.messagingSenderId,appId:e.appId,measurementId:e.measurementId}));TO(r,{serviceWorkerRegistration:t,vapidKey:e.vapidKey}).then(async s=>{var o,c;if(s){console.log("current token for client: ",s);try{const h="/notification-management/api/v1/notifications/registrations",x=e.baseUrl+h;await ce.axios.post(x,{deviceToken:s},{withCredentials:!0})}catch(h){console.log(h),ce.pushError(((c=(o=h.response)==null?void 0:o.data)==null?void 0:c.errorMessage)||"Have error when get notification list")}}else console.log("No registration token available. Request permission to generate one.")}).catch(s=>{console.log("An error occurred while retrieving token. ",s)})}).catch(function(t){console.log("Service worker registration failed, error:",t)})},RO=e=>{const t=new BroadcastChannel("my-channel");t.onmessage=r=>{console.log("Broadcast chanel message",r),r&&e(s=>({...s,unread:{...s.unread,total:s.unread.total+1}}))}},AO=e=>new Promise(t=>{const r=py(zd({apiKey:e.apiKey,authDomain:e.authDomain,projectId:e.projectId,storageBucket:e.storageBucket,messagingSenderId:e.messagingSenderId,appId:e.appId,measurementId:e.measurementId}));MO(r,s=>{console.log("payload",s),t(s)})}),us={"subscription-diaglog":"_subscription-diaglog_1gvmm_2","subscription-container":"_subscription-container_1gvmm_15","subscription-title":"_subscription-title_1gvmm_25","subscription-text":"_subscription-text_1gvmm_34","subscription-btn__container":"_subscription-btn__container_1gvmm_38","btn-success":"_btn-success_1gvmm_44","btn-cancel":"_btn-cancel_1gvmm_45"},IO=["granted","denied"],OO=e=>{const[t,r]=D.reactExports.useState(!1),s=()=>{Notification.requestPermission(function(c){c==="granted"&&gy(e),IO.includes(c)&&r(!0)})},o=()=>{r(!0)};return D.jsxRuntimeExports.jsx(D.jsxRuntimeExports.Fragment,{children:t?"":D.jsxRuntimeExports.jsx("div",{className:us["subscription-diaglog"],children:D.jsxRuntimeExports.jsxs("div",{className:us["subscription-container"],children:[D.jsxRuntimeExports.jsx("h4",{className:us["subscription-title"],children:"Notification"}),D.jsxRuntimeExports.jsx("p",{className:us["subscription-text"],children:"Choice to receive notifications for the most recent updates. You have the flexibility to disable them whenever you prefer."}),D.jsxRuntimeExports.jsxs("div",{className:us["subscription-btn__container"],children:[D.jsxRuntimeExports.jsx("button",{className:us["btn-cancel"],onClick:o,children:"Not now"}),D.jsxRuntimeExports.jsx("button",{className:us["btn-success"],onClick:s,children:"Turn on"})]})]})})})},Au={"notification-massage_container":"_notification-massage_container_ql4az_1","notification-name":"_notification-name_ql4az_18","notification-message_service":"_notification-message_service_ql4az_23","notification-message_button-close":"_notification-message_button-close_ql4az_27"},PO=e=>{const[t,r]=D.reactExports.useState({userName:"",message:"",context:""});console.log(t);const{setNotiData:s}=D.reactExports.useContext(Bi);function o(){return D.jsxRuntimeExports.jsx("div",{className:Au["notification-massage_container"],children:D.jsxRuntimeExports.jsxs("div",{className:Au["notification-massage_content"],children:[D.jsxRuntimeExports.jsx("h6",{className:Au["notification-name"],children:t==null?void 0:t.userName}),D.jsxRuntimeExports.jsxs("div",{className:Au["notification-message_service"],children:[D.jsxRuntimeExports.jsxs("span",{children:[`${t==null?void 0:t.message} `," "]}),D.jsxRuntimeExports.jsx("span",{children:t==null?void 0:t.context})]})]})})}return D.reactExports.useEffect(()=>{t&&Notification.permission==="granted"&&(t.userName||t.message||t.context)&&ce.notify(D.jsxRuntimeExports.jsx(o,{}))},[t]),D.reactExports.useEffect(()=>{Notification.permission==="granted"&&gy(e)},[Notification.permission]),D.reactExports.useEffect(()=>{RO(s)},[]),AO(e).then(c=>{var h,x,S;console.log("aaa",c),r({userName:(h=c==null?void 0:c.data)==null?void 0:h.userName,message:(x=c==null?void 0:c.data)==null?void 0:x.message,context:(S=c==null?void 0:c.data)==null?void 0:S.context}),s(E=>{var A;return{...E,unread:{...E.unread,total:((A=E.unread)==null?void 0:A.total)+1}}})}).catch(c=>console.log("failed: ",c)),D.jsxRuntimeExports.jsx("div",{children:"Notification"in window&&Notification.permission==="default"?D.jsxRuntimeExports.jsx(OO,{...e}):""})};function nh({childrenClass:e,action:t,childrenOpenClass:r}){const s=document.querySelector("#topbar-wrapper"),o=s==null?void 0:s.shadowRoot,c=o==null?void 0:o.querySelector(`.${e}`),h=o==null?void 0:o.querySelector(`.${r}`),x=o==null?void 0:o.querySelector("nav"),S=E=>{x==null||x.addEventListener("click",function(A){if(r&&h&&h.contains(A.target)){if(c&&!c.contains(A.target))return}else c&&!c.contains(A.target)&&t()}),s&&!s.contains(E.target)&&t()};document.addEventListener("click",S,!0)}function NO({primaryColor:e="#009d4f",baseUrl:t,notiPath:r}){var A,Y;const{isOpen:s,toggleOpen:o,setShowModalFalse:c}=D.reactExports.useContext(Bi),{notidata:h,setNotiData:x}=D.reactExports.useContext(Bi),S=xd({baseUrl:t,notiPath:r,setNotiData:x}),E=async()=>{var $,z;try{await S()}catch(U){ce.pushError(((z=($=U.response)==null?void 0:$.data)==null?void 0:z.errorMessage)||"Have error when get notification list")}};return D.reactExports.useEffect(()=>{E()},[s]),D.reactExports.useEffect(()=>{nh({childrenClass:"noti-container",childrenOpenClass:"noti-list-container",action(){c()}})}),D.jsxRuntimeExports.jsxs("div",{children:[D.jsxRuntimeExports.jsxs("div",{className:"noti-container",style:{position:"relative"},children:[D.jsxRuntimeExports.jsxs("svg",{width:"24",height:"25",viewBox:"0 0 24 25",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:o,style:{cursor:"pointer"},children:[D.jsxRuntimeExports.jsx("path",{fillRule:"evenodd",clipRule:"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:e,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),D.jsxRuntimeExports.jsx("path",{d:"M13.8274 20.0286C12.6679 21.3161 10.8591 21.3313 9.68848 20.0286",stroke:e,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),(h==null?void 0:h.unread)&&(h==null?void 0:h.unread.total)!=0&&D.jsxRuntimeExports.jsx("span",{style:{position:"absolute",top:"-9px",right:"-6px",background:`${ce.color.dangerDark}`,width:"20px",height:"20px",border:"1px solid #fff",borderRadius:"50%",color:"#fff",fontSize:"12px",display:"flex",alignItems:"center",justifyContent:"center"},className:"notification-badge",children:((A=h==null?void 0:h.unread)==null?void 0:A.total)>9?"9+":`${(Y=h==null?void 0:h.unread)==null?void 0:Y.total}`})]}),D.jsxRuntimeExports.jsx("div",{className:"noti-list-container",children:!s&&D.jsxRuntimeExports.jsx(ED,{baseUrl:t,notiPath:r})})]})}const LO=`.avatar-dropdown-item{padding:.5rem;font-size:.875rem;line-height:1.25rem;cursor:pointer;border-radius:.25rem}.avartarDropdownMenu{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.2rem}.avartarDropdownMenu ul{list-style:none;padding-inline-start:0;margin-block-end:0}.navbar{position:fixed;display:flex;z-index:30;background:#292929;top:0;width:100%;padding-left:2.5rem;height:64px}.navbar-container{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:space-between}.logo-container{padding:16px 0;height:100%}.right-side-container{display:flex;flex-direction:row;align-items:center;text-align:center;margin-right:2.5rem;gap:1rem}.userContainer{display:flex;align-items:center;gap:.5rem}.languageDropdown{height:100%;padding:0 8px;display:flex;flex-direction:row;gap:8px;border-radius:3px;align-items:center;justify-content:center;height:41px;background-color:#ffffff1a;cursor:pointer;transition:background-color .2s ease-in-out}.languageDropdown:hover{background-color:#fff3}.userFullName{color:#fff;font-weight:400;font-size:.875rem;line-height:1.25rem}.userAvatar{width:2.5rem;height:2.5rem;cursor:pointer;-o-object-fit:cover;object-fit:cover;border-radius:9999px;border:2px solid #FFFFFF}#userAvatarNull{width:2.5rem;height:2.5rem;background:#DDDDDD;border-radius:100%;color:#fff;font-size:20px;font-weight:400;display:flex;align-items:center;justify-content:center}.relative{position:relative}.cursor-pointer{cursor:pointer}
+ */function py(e=zA()){return DO().then(t=>{if(!t)throw nn.create("unsupported-browser")},t=>{throw nn.create("indexed-db-unsupported")}),qd(Hd(e),"messaging").getImmediate()}async function TO(e,t){return e=Hd(e),hy(e,t)}function MO(e,t){return e=Hd(e),EO(e,t)}CO();const gy=e=>{"serviceWorker"in navigator&&navigator.serviceWorker.register(e.path).then(function(t){console.log("Registration successful, scope is:",t.scope),console.log("initialize service worker props ",e);const r=py(zd({apiKey:e.apiKey,authDomain:e.authDomain,projectId:e.projectId,storageBucket:e.storageBucket,messagingSenderId:e.messagingSenderId,appId:e.appId,measurementId:e.measurementId}));TO(r,{serviceWorkerRegistration:t,vapidKey:e.vapidKey}).then(async s=>{var o,c;if(s){console.log("current token for client: ",s);try{const h="/notification-management/api/v1/notifications/registrations",x=e.baseUrl+h;await ce.axios.post(x,{deviceToken:s},{withCredentials:!0})}catch(h){console.log(h),ce.pushError(((c=(o=h.response)==null?void 0:o.data)==null?void 0:c.errorMessage)||"Have error when get notification list")}}else console.log("No registration token available. Request permission to generate one.")}).catch(s=>{console.log("An error occurred while retrieving token. ",s)})}).catch(function(t){console.log("Service worker registration failed, error:",t)})},RO=e=>{const t=new BroadcastChannel("my-channel");t.onmessage=r=>{console.log("Broadcast chanel message",r),r&&e(s=>({...s,unread:{...s.unread,total:s.unread.total+1}}))}},AO=e=>new Promise(t=>{const r=py(zd({apiKey:e.apiKey,authDomain:e.authDomain,projectId:e.projectId,storageBucket:e.storageBucket,messagingSenderId:e.messagingSenderId,appId:e.appId,measurementId:e.measurementId}));MO(r,s=>{console.log("payload",s),t(s)})}),us={"subscription-diaglog":"_subscription-diaglog_1gvmm_2","subscription-container":"_subscription-container_1gvmm_15","subscription-title":"_subscription-title_1gvmm_25","subscription-text":"_subscription-text_1gvmm_34","subscription-btn__container":"_subscription-btn__container_1gvmm_38","btn-success":"_btn-success_1gvmm_44","btn-cancel":"_btn-cancel_1gvmm_45"},IO=["granted","denied"],OO=e=>{const[t,r]=D.reactExports.useState(!1),s=()=>{Notification.requestPermission(function(c){c==="granted"&&gy(e),IO.includes(c)&&r(!0)})},o=()=>{r(!0)};return D.jsxRuntimeExports.jsx(D.jsxRuntimeExports.Fragment,{children:t?"":D.jsxRuntimeExports.jsx("div",{className:us["subscription-diaglog"],children:D.jsxRuntimeExports.jsxs("div",{className:us["subscription-container"],children:[D.jsxRuntimeExports.jsx("h4",{className:us["subscription-title"],children:"Notification"}),D.jsxRuntimeExports.jsx("p",{className:us["subscription-text"],children:"Choice to receive notifications for the most recent updates. You have the flexibility to disable them whenever you prefer."}),D.jsxRuntimeExports.jsxs("div",{className:us["subscription-btn__container"],children:[D.jsxRuntimeExports.jsx("button",{className:us["btn-cancel"],onClick:o,children:"Not now"}),D.jsxRuntimeExports.jsx("button",{className:us["btn-success"],onClick:s,children:"Turn on"})]})]})})})},Au={"notification-massage_container":"_notification-massage_container_ql4az_1","notification-name":"_notification-name_ql4az_18","notification-message_service":"_notification-message_service_ql4az_23","notification-message_button-close":"_notification-message_button-close_ql4az_27"},PO=e=>{const[t,r]=D.reactExports.useState({userName:"",message:"",context:""});console.log(t);const{setNotiData:s}=D.reactExports.useContext(Bi);function o(){return D.jsxRuntimeExports.jsx("div",{className:Au["notification-massage_container"],children:D.jsxRuntimeExports.jsxs("div",{className:Au["notification-massage_content"],children:[D.jsxRuntimeExports.jsx("h6",{className:Au["notification-name"],children:t==null?void 0:t.userName}),D.jsxRuntimeExports.jsxs("div",{className:Au["notification-message_service"],children:[D.jsxRuntimeExports.jsxs("span",{children:[`${t==null?void 0:t.message} `," "]}),D.jsxRuntimeExports.jsx("span",{children:t==null?void 0:t.context})]})]})})}return D.reactExports.useEffect(()=>{t&&Notification.permission==="granted"&&(t.userName||t.message||t.context)&&ce.notify(D.jsxRuntimeExports.jsx(o,{}))},[t]),D.reactExports.useEffect(()=>{Notification.permission==="granted"&&gy(e)},[Notification.permission]),D.reactExports.useEffect(()=>{RO(s)},[]),AO(e).then(c=>{var h,x,S;console.log("aaa",c),r({userName:(h=c==null?void 0:c.data)==null?void 0:h.userName,message:(x=c==null?void 0:c.data)==null?void 0:x.message,context:(S=c==null?void 0:c.data)==null?void 0:S.context}),s(E=>{var A;return{...E,unread:{...E.unread,total:((A=E.unread)==null?void 0:A.total)+1}}})}).catch(c=>console.log("failed: ",c)),D.jsxRuntimeExports.jsx("div",{children:"Notification"in window&&Notification.permission==="default"?D.jsxRuntimeExports.jsx(OO,{...e}):""})};function nh({childrenClass:e,action:t,childrenOpenClass:r}){const s=document.querySelector("#topbar-wrapper"),o=s==null?void 0:s.shadowRoot,c=o==null?void 0:o.querySelector(`.${e}`),h=o==null?void 0:o.querySelector(`.${r}`),x=o==null?void 0:o.querySelector("nav"),S=E=>{x==null||x.addEventListener("click",function(A){if(r&&h&&h.contains(A.target)){if(c&&!c.contains(A.target))return}else c&&!c.contains(A.target)&&t()}),s&&!s.contains(E.target)&&t()};document.addEventListener("click",S,!0)}function NO({primaryColor:e="#009d4f",baseUrl:t,notiPath:r}){var A,Y;const{isOpen:s,toggleOpen:o,setShowModalFalse:c}=D.reactExports.useContext(Bi),{notidata:h,setNotiData:x}=D.reactExports.useContext(Bi),S=xd({baseUrl:t,notiPath:r,setNotiData:x}),E=async()=>{var $,z;try{await S()}catch(U){ce.pushError(((z=($=U.response)==null?void 0:$.data)==null?void 0:z.errorMessage)||"Have error when get notification list")}};return D.reactExports.useEffect(()=>{E()},[s]),D.reactExports.useEffect(()=>{nh({childrenClass:"noti-container",childrenOpenClass:"noti-list-container",action(){c()}})}),D.jsxRuntimeExports.jsxs("div",{children:[D.jsxRuntimeExports.jsxs("div",{className:"noti-container",style:{position:"relative"},children:[D.jsxRuntimeExports.jsxs("svg",{width:"24",height:"25",viewBox:"0 0 24 25",fill:"none",xmlns:"http://www.w3.org/2000/svg",onClick:o,style:{cursor:"pointer"},children:[D.jsxRuntimeExports.jsx("path",{fillRule:"evenodd",clipRule:"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:e,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),D.jsxRuntimeExports.jsx("path",{d:"M13.8274 20.0286C12.6679 21.3161 10.8591 21.3313 9.68848 20.0286",stroke:e,strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),(h==null?void 0:h.unread)&&(h==null?void 0:h.unread.total)!=0&&D.jsxRuntimeExports.jsx("span",{style:{position:"absolute",top:"-9px",right:"-6px",background:`${ce.color.dangerDark}`,width:"20px",height:"20px",border:"1px solid #fff",borderRadius:"50%",color:"#fff",fontSize:"12px",display:"flex",alignItems:"center",justifyContent:"center"},className:"notification-badge",children:((A=h==null?void 0:h.unread)==null?void 0:A.total)>9?"9+":`${(Y=h==null?void 0:h.unread)==null?void 0:Y.total}`})]}),D.jsxRuntimeExports.jsx("div",{className:"noti-list-container",children:!s&&D.jsxRuntimeExports.jsx(ED,{baseUrl:t,notiPath:r})})]})}const LO=`.avatar-dropdown-item{padding:.5rem;font-size:.875rem;line-height:1.25rem;cursor:pointer;border-radius:.25rem}.avartarDropdownMenu{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.2rem}.avartarDropdownMenu ul{list-style:none;padding-inline-start:0;margin-block-end:0}.navbar{position:fixed;display:flex;z-index:30;background:#292929;top:0;width:100%;padding-left:2.5rem;height:64px}.navbar-container{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:space-between}.logo-container{height:100%;display:flex;align-items:center}.right-side-container{display:flex;flex-direction:row;align-items:center;text-align:center;margin-right:2.5rem;gap:1rem}.userContainer{display:flex;align-items:center;gap:.5rem}.languageDropdown{height:100%;padding:0 8px;display:flex;flex-direction:row;gap:8px;border-radius:3px;align-items:center;justify-content:center;height:41px;background-color:#ffffff1a;cursor:pointer;transition:background-color .2s ease-in-out}.languageDropdown:hover{background-color:#fff3}.userFullName{color:#fff;font-weight:400;font-size:.875rem;line-height:1.25rem}.userAvatar{width:2.5rem;height:2.5rem;cursor:pointer;-o-object-fit:cover;object-fit:cover;border-radius:9999px;border:2px solid #FFFFFF}#userAvatarNull{width:2.5rem;height:2.5rem;background:#DDDDDD;border-radius:100%;color:#fff;font-size:20px;font-weight:400;display:flex;align-items:center;justify-content:center}.relative{position:relative}.cursor-pointer{cursor:pointer}
 `,jO=`.tab-title{min-width:90px;padding:5px 16px;font-size:14px;font-weight:500;color:#c5c5c5;transition:all .3s ease-in-out;position:relative}.tab-title.is-active{color:#2e7d32}.tab-title.is-active:before{transition:all .3s ease-in-out;position:absolute;content:"";width:100%;height:100%;top:0;left:0;border-bottom:2px solid #2E7D32}.tab-content{padding:16px 0}
 `,$O=`:root{--textPrimary: #292929;--textWhite: #fff;--primary500: #2E7D32;--grey100: #FAFAFA;--gray200: #EEEEEE;--gray600: #85858A;--link: #007BFF }.list-content{overflow-y:auto;overflow-x:hidden}.mark-all-read{text-align:right;color:#007bff;margin-bottom:12px;font-size:12px}.notification-items__wrapper{overflow:hidden}.notification-items__content{height:calc(100vh - 275px);overflow-x:hidden;overflow-y:auto;color:#292929}.notitification-item__container{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:#FAFAFA 1px solid;text-align:left;font-size:12px;position:relative;z-index:10;cursor:pointer;border-radius:4px;margin-bottom:8px}.notitification-item__container:hover{background-color:#fafafa}.notification-item__image-container{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden;margin-right:16px}.notification-item__image-container img{width:100%;height:100%;text-align:center;-o-object-fit:cover;object-fit:cover;color:transparent;text-indent:10000px}.notification-item__context-link{color:#007bff}.notification-item__content{width:60%;padding-right:16px}.notification-item__user-name{margin-bottom:2px;font-size:14px}.notification-item__time{margin-right:15px;text-align:right}.notification-item__read-at{border-width:2px;border-style:solid;border-radius:50%;width:10px;height:10px;display:block;position:relative}.notification-item__read-at:before{position:absolute;top:-30px;right:0;width:91px;background-color:#85858a;color:#fff;border-radius:4px;font-size:10px;text-align:center;padding:4px;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.39,.575,.565,1)}.notification-item__read-at:hover:before{opacity:1;visibility:visible}.notification-item__read-at.read:before{content:"Mark as unread"}.notification-item__read-at.unread:before{content:"Mark as read"}.notification-item__read-at.read{border-color:#eee}.notification-item__read-at.unread{border-color:#2e7d32;background-color:#2e7d32}
 `,FO=`._notification-massage_container_ql4az_1{background:#fff;padding:0 64px 0 84px;border-radius:8px;font-family:TT Firs Neue Trl,sans-serif}._notification-massage_container_ql4az_1:before{position:absolute;content:"";width:48px;height:48px;background:url(https://ukpcsaprod.blob.core.windows.net/saas/notification-icon.svg) no-repeat center/100%;top:12px;left:24px}._notification-name_ql4az_18{font-weight:500;font-size:14px}._notification-message_service_ql4az_23{font-size:12px}._notification-message_button-close_ql4az_27{position:absolute;top:12px;right:24px;width:24px;height:24px}
 `,YO=`._subscription-diaglog_1gvmm_2{position:fixed;width:100vw;height:100vh;top:0;left:0;background-color:#0006;z-index:10000;display:flex;align-items:center;justify-content:center}._subscription-container_1gvmm_15{width:610px;height:222px;border-radius:8px;padding:32px 24px 40px;background:#fff;color:#292929}._subscription-title_1gvmm_25{font-size:20px;font-weight:500;text-align:center;color:#292929}._subscription-title_1gvmm_25,._subscription-text_1gvmm_34{margin-bottom:24px}._subscription-btn__container_1gvmm_38{display:flex;justify-content:space-between;align-items:center}._btn-success_1gvmm_44,._btn-cancel_1gvmm_45{width:150px;height:40px;display:flex;align-items:center;justify-content:center;padding:8px;color:#292929;border-radius:1px}._btn-cancel_1gvmm_45{background-color:#ddd}._btn-success_1gvmm_44{background-color:#93d500}
-`;function WO(e){return D.jsxRuntimeExports.jsxs("svg",{width:"34",height:"25",viewBox:"0 0 34 25",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:[D.jsxRuntimeExports.jsxs("g",{"clip-path":"url(#clip0_16865_28134)",children:[D.jsxRuntimeExports.jsx("rect",{y:"0.5",width:"34",height:"24",rx:"3",fill:"#1A47B8"}),D.jsxRuntimeExports.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M3.61691 0.5H0V4.5L30.3635 24.5L34 24.5V20.5L3.61691 0.5Z",fill:"white"}),D.jsxRuntimeExports.jsx("path",{d:"M1.20635 0.5L34 22.1567V24.5H32.8219L0 2.82089V0.5H1.20635Z",fill:"#F93939"}),D.jsxRuntimeExports.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M30.7619 0.5H34V4.5C34 4.5 12.9683 17.8249 3.2381 24.5H0V20.5L30.7619 0.5Z",fill:"white"}),D.jsxRuntimeExports.jsx("path",{d:"M34 0.5H32.9019L0 22.1753V24.5H1.20635L34 2.83842V0.5Z",fill:"#F93939"}),D.jsxRuntimeExports.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M12.3648 0.5H21.6635V7.90291H34V17.0922H21.6635V24.5H12.3648V17.0922H0V7.90291H12.3648V0.5Z",fill:"white"}),D.jsxRuntimeExports.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M14.3158 0.5H19.6842V9.73077H34V15.2692H19.6842V24.5H14.3158V15.2692H0V9.73077H14.3158V0.5Z",fill:"#F93939"})]}),D.jsxRuntimeExports.jsx("defs",{children:D.jsxRuntimeExports.jsx("clipPath",{id:"clip0_16865_28134",children:D.jsxRuntimeExports.jsx("rect",{y:"0.5",width:"34",height:"24",rx:"3",fill:"white"})})})]})}function BO(e){return D.jsxRuntimeExports.jsxs("svg",{width:"34",height:"24",viewBox:"0 0 34 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:[D.jsxRuntimeExports.jsxs("g",{"clip-path":"url(#clip0_16886_62505)",children:[D.jsxRuntimeExports.jsx("rect",{width:"34",height:"24",rx:"3",fill:"#F93939"}),D.jsxRuntimeExports.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M0 16H34V24H0V16Z",fill:"#FFDA2C"}),D.jsxRuntimeExports.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M0 0H34V8H0V0Z",fill:"#151515"})]}),D.jsxRuntimeExports.jsx("defs",{children:D.jsxRuntimeExports.jsx("clipPath",{id:"clip0_16886_62505",children:D.jsxRuntimeExports.jsx("rect",{width:"34",height:"24",rx:"3",fill:"white"})})})]})}function my({logo:e,user:t,baseUrl:r,notiPath:s,style:o,classNames:c="",customColors:h,notiprops:x}){const S=e||"/public/assets/icons/logo-header.png",E={...o,color:(h==null?void 0:h.color)||"black",backgroundColor:(h==null?void 0:h.bgColor)||"black"},[A,Y]=D.reactExports.useState(!1),$=()=>{window.location.href=`${r}/authentication/logout?callbackUrl=${window.location.href}`};return D.jsxRuntimeExports.jsxs(ce.ShadowDomWrapper,{styles:[LO,jO,$O,FO,YO],style:{zIndex:1202},id:"topbar-wrapper",children:[D.jsxRuntimeExports.jsx("nav",{className:`navbar ${c}`,style:h?E:o,children:D.jsxRuntimeExports.jsxs("div",{className:"navbar-container",children:[D.jsxRuntimeExports.jsx("div",{className:"logo-container",children:D.jsxRuntimeExports.jsx("img",{src:S,alt:"logo-header"})}),D.jsxRuntimeExports.jsxs("div",{className:"right-side-container",children:[D.jsxRuntimeExports.jsx("span",{children:D.jsxRuntimeExports.jsxs(CD,{children:[D.jsxRuntimeExports.jsx(PO,{baseUrl:x.baseUrl,path:x.path,apiKey:x.apiKey,authDomain:x.authDomain,projectId:x.projectId,storageBucket:x.storageBucket,messagingSenderId:x.messagingSenderId,appId:x.appId,measurementId:x.measurementId,vapidKey:x.vapidKey}),D.jsxRuntimeExports.jsx(NO,{primaryColor:h==null?void 0:h.primaryColor,baseUrl:r,notiPath:s})]})}),D.jsxRuntimeExports.jsx("span",{className:"cursor-pointer",children:D.jsxRuntimeExports.jsx(ww,{primaryColor:h==null?void 0:h.primaryColor})}),D.jsxRuntimeExports.jsx(HO,{primaryColor:h==null?void 0:h.primaryColor}),D.jsxRuntimeExports.jsxs("div",{className:"userContainer",children:[D.jsxRuntimeExports.jsx(UO,{primaryColor:h==null?void 0:h.primaryColor,avatarUrl:t==null?void 0:t.avatarUrl,userName:t==null?void 0:t.firstName,setShowConfirmModal:Y}),D.jsxRuntimeExports.jsx("p",{className:"userFullName",children:`${(t==null?void 0:t.firstName)||"Unknown"} ${(t==null?void 0:t.lastName)||"User"}`})]})]})]})}),D.jsxRuntimeExports.jsx(ce.LogoutConfirmModal,{isOpen:A,onClose:()=>Y(!1),onConfirm:$})]})}function HO({primaryColor:e="#009d4f"}){var Y;const t=[{value:Iu.Language.en,element:D.jsxRuntimeExports.jsx(WO,{})},{value:Iu.Language.de,element:D.jsxRuntimeExports.jsx(BO,{})}],[r,s]=D.reactExports.useState(!1),[o,c]=D.reactExports.useState(new Array(t.length).fill(!1)),h={width:"100px",padding:"8px",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",transition:"background-color 0.2s ease-in-out"},{language:x,setLanguage:S}=AR();D.reactExports.useEffect(()=>{nh({childrenClass:"languageDropdown",action(){s(!1)}})},[]);const E=$=>{c(z=>z.map((U,j)=>j===$))},A=$=>{c(z=>z.map((U,j)=>!1))};return D.jsxRuntimeExports.jsxs("div",{className:"languageDropdownContainer",style:{position:"relative"},children:[D.jsxRuntimeExports.jsxs("div",{className:"languageDropdown",onClick:()=>{s(!r)},children:[(Y=t.find($=>$.value==x))==null?void 0:Y.element,D.jsxRuntimeExports.jsx("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:D.jsxRuntimeExports.jsx("path",{d:"M4.42724 7.92678L7.82372 11.3232C7.92135 11.4209 8.07964 11.4209 8.17727 11.3232L11.5737 7.92678C11.7312 7.76928 11.6197 7.5 11.3969 7.5H4.60402C4.38129 7.5 4.26975 7.76929 4.42724 7.92678Z",fill:"#85858A"})})]}),D.jsxRuntimeExports.jsx("div",{className:"dropdownListLanguage",style:{display:r?"block":"none",position:"absolute",top:"53px",right:"0px",padding:"8px",boxShadow:"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)",backgroundColor:"#fafafa"},children:t.filter($=>$.value!==x).map(($,z)=>D.jsxRuntimeExports.jsx("div",{className:"languageItem",style:{...h,backgroundColor:o[z]?e:"transparent"},onMouseEnter:()=>E(z),onMouseLeave:()=>A(z),onClick:()=>{S($.value),localStorage.setItem("language",$.value),Iu.instance.changeLanguage($.value),s(!1),A(z)},children:$.element}))})]})}function UO({avatarUrl:e,userName:t,setShowConfirmModal:r,primaryColor:s="#009d4f"}){const[o,c]=D.reactExports.useState(!1),h=D.reactExports.useRef(null),x=D.reactExports.useRef(null),[S,E]=D.reactExports.useState(!1),[A,Y]=D.reactExports.useState(!1),$={backgroundColor:S?s:"transparent"},z={backgroundColor:A?s:"transparent"};return D.reactExports.useEffect(()=>{nh({childrenClass:"userAvatar",action(){c(!1)}})},[]),D.jsxRuntimeExports.jsx(D.jsxRuntimeExports.Fragment,{children:D.jsxRuntimeExports.jsxs("div",{style:{position:"relative"},children:[e?D.jsxRuntimeExports.jsx("img",{onClick:()=>c(!o),ref:h,alt:"user avatar",className:"userAvatar",src:e}):D.jsxRuntimeExports.jsx("div",{onClick:()=>c(!o),ref:h,className:"userAvatar",id:"userAvatarNull",children:(t==null?void 0:t.charAt(0))??""}),D.jsxRuntimeExports.jsx("div",{style:{display:o?"block":"none"},className:"avartarDropdownMenu",ref:x,children:D.jsxRuntimeExports.jsxs("ul",{children:[D.jsxRuntimeExports.jsx("li",{onMouseEnter:()=>Y(!0),onMouseLeave:()=>Y(!1),style:z,className:"avatar-dropdown-item",children:"Profile"}),D.jsxRuntimeExports.jsx("li",{onMouseEnter:()=>E(!0),onMouseLeave:()=>E(!1),style:$,onClick:()=>r(!0),className:"avatar-dropdown-item",children:"Logout"})]})})]})})}{const e=D.s(my,{props:{logo:"string",user:"json",baseUrl:"string",notiPath:"string",classNames:"string",style:"json",customColors:"json",notiprops:"json"},shadow:"open"});customElements.define("global-topbar",e)}exports.HasPermission=A0;exports.TopBar=my;exports.getUseHasPermission=R0;
+`;function WO(e){return D.jsxRuntimeExports.jsxs("svg",{width:"34",height:"25",viewBox:"0 0 34 25",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:[D.jsxRuntimeExports.jsxs("g",{"clip-path":"url(#clip0_16865_28134)",children:[D.jsxRuntimeExports.jsx("rect",{y:"0.5",width:"34",height:"24",rx:"3",fill:"#1A47B8"}),D.jsxRuntimeExports.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M3.61691 0.5H0V4.5L30.3635 24.5L34 24.5V20.5L3.61691 0.5Z",fill:"white"}),D.jsxRuntimeExports.jsx("path",{d:"M1.20635 0.5L34 22.1567V24.5H32.8219L0 2.82089V0.5H1.20635Z",fill:"#F93939"}),D.jsxRuntimeExports.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M30.7619 0.5H34V4.5C34 4.5 12.9683 17.8249 3.2381 24.5H0V20.5L30.7619 0.5Z",fill:"white"}),D.jsxRuntimeExports.jsx("path",{d:"M34 0.5H32.9019L0 22.1753V24.5H1.20635L34 2.83842V0.5Z",fill:"#F93939"}),D.jsxRuntimeExports.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M12.3648 0.5H21.6635V7.90291H34V17.0922H21.6635V24.5H12.3648V17.0922H0V7.90291H12.3648V0.5Z",fill:"white"}),D.jsxRuntimeExports.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M14.3158 0.5H19.6842V9.73077H34V15.2692H19.6842V24.5H14.3158V15.2692H0V9.73077H14.3158V0.5Z",fill:"#F93939"})]}),D.jsxRuntimeExports.jsx("defs",{children:D.jsxRuntimeExports.jsx("clipPath",{id:"clip0_16865_28134",children:D.jsxRuntimeExports.jsx("rect",{y:"0.5",width:"34",height:"24",rx:"3",fill:"white"})})})]})}function BO(e){return D.jsxRuntimeExports.jsxs("svg",{width:"34",height:"24",viewBox:"0 0 34 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:[D.jsxRuntimeExports.jsxs("g",{"clip-path":"url(#clip0_16886_62505)",children:[D.jsxRuntimeExports.jsx("rect",{width:"34",height:"24",rx:"3",fill:"#F93939"}),D.jsxRuntimeExports.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M0 16H34V24H0V16Z",fill:"#FFDA2C"}),D.jsxRuntimeExports.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M0 0H34V8H0V0Z",fill:"#151515"})]}),D.jsxRuntimeExports.jsx("defs",{children:D.jsxRuntimeExports.jsx("clipPath",{id:"clip0_16886_62505",children:D.jsxRuntimeExports.jsx("rect",{width:"34",height:"24",rx:"3",fill:"white"})})})]})}function my({logo:e,user:t,baseUrl:r,notiPath:s,style:o,classNames:c="",customColors:h,notiprops:x}){const S=e||"/public/assets/icons/logo-header.png",E={...o,color:(h==null?void 0:h.color)||"black",backgroundColor:(h==null?void 0:h.bgColor)||"black"},[A,Y]=D.reactExports.useState(!1),$=()=>{window.location.href=`${r}/authentication/logout?callbackUrl=${window.location.href}`};return D.jsxRuntimeExports.jsxs(ce.ShadowDomWrapper,{styles:[LO,jO,$O,FO,YO],style:{zIndex:1202},id:"topbar-wrapper",children:[D.jsxRuntimeExports.jsx("nav",{className:`navbar ${c}`,style:h?E:o,children:D.jsxRuntimeExports.jsxs("div",{className:"navbar-container",children:[D.jsxRuntimeExports.jsx("div",{className:"logo-container",children:D.jsxRuntimeExports.jsx("img",{src:S,alt:"logo-header",style:{height:"40px"}})}),D.jsxRuntimeExports.jsxs("div",{className:"right-side-container",children:[D.jsxRuntimeExports.jsx("span",{children:D.jsxRuntimeExports.jsxs(CD,{children:[D.jsxRuntimeExports.jsx(PO,{baseUrl:x.baseUrl,path:x.path,apiKey:x.apiKey,authDomain:x.authDomain,projectId:x.projectId,storageBucket:x.storageBucket,messagingSenderId:x.messagingSenderId,appId:x.appId,measurementId:x.measurementId,vapidKey:x.vapidKey}),D.jsxRuntimeExports.jsx(NO,{primaryColor:h==null?void 0:h.primaryColor,baseUrl:r,notiPath:s})]})}),D.jsxRuntimeExports.jsx("span",{className:"cursor-pointer",children:D.jsxRuntimeExports.jsx(ww,{primaryColor:h==null?void 0:h.primaryColor})}),D.jsxRuntimeExports.jsx(HO,{primaryColor:h==null?void 0:h.primaryColor}),D.jsxRuntimeExports.jsxs("div",{className:"userContainer",children:[D.jsxRuntimeExports.jsx(UO,{primaryColor:h==null?void 0:h.primaryColor,avatarUrl:t==null?void 0:t.avatarUrl,userName:t==null?void 0:t.firstName,setShowConfirmModal:Y}),D.jsxRuntimeExports.jsx("p",{className:"userFullName",children:`${(t==null?void 0:t.firstName)||"Unknown"} ${(t==null?void 0:t.lastName)||"User"}`})]})]})]})}),D.jsxRuntimeExports.jsx(ce.LogoutConfirmModal,{isOpen:A,onClose:()=>Y(!1),onConfirm:$})]})}function HO({primaryColor:e="#009d4f"}){var Y;const t=[{value:Iu.Language.en,element:D.jsxRuntimeExports.jsx(WO,{})},{value:Iu.Language.de,element:D.jsxRuntimeExports.jsx(BO,{})}],[r,s]=D.reactExports.useState(!1),[o,c]=D.reactExports.useState(new Array(t.length).fill(!1)),h={width:"100px",padding:"8px",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",transition:"background-color 0.2s ease-in-out"},{language:x,setLanguage:S}=AR();D.reactExports.useEffect(()=>{nh({childrenClass:"languageDropdown",action(){s(!1)}})},[]);const E=$=>{c(z=>z.map((U,j)=>j===$))},A=$=>{c(z=>z.map((U,j)=>!1))};return D.jsxRuntimeExports.jsxs("div",{className:"languageDropdownContainer",style:{position:"relative"},children:[D.jsxRuntimeExports.jsxs("div",{className:"languageDropdown",onClick:()=>{s(!r)},children:[(Y=t.find($=>$.value==x))==null?void 0:Y.element,D.jsxRuntimeExports.jsx("svg",{width:"16",height:"17",viewBox:"0 0 16 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:D.jsxRuntimeExports.jsx("path",{d:"M4.42724 7.92678L7.82372 11.3232C7.92135 11.4209 8.07964 11.4209 8.17727 11.3232L11.5737 7.92678C11.7312 7.76928 11.6197 7.5 11.3969 7.5H4.60402C4.38129 7.5 4.26975 7.76929 4.42724 7.92678Z",fill:"#85858A"})})]}),D.jsxRuntimeExports.jsx("div",{className:"dropdownListLanguage",style:{display:r?"block":"none",position:"absolute",top:"53px",right:"0px",padding:"8px",boxShadow:"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)",backgroundColor:"#fafafa"},children:t.filter($=>$.value!==x).map(($,z)=>D.jsxRuntimeExports.jsx("div",{className:"languageItem",style:{...h,backgroundColor:o[z]?e:"transparent"},onMouseEnter:()=>E(z),onMouseLeave:()=>A(z),onClick:()=>{S($.value),localStorage.setItem("language",$.value),Iu.instance.changeLanguage($.value),s(!1),A(z)},children:$.element}))})]})}function UO({avatarUrl:e,userName:t,setShowConfirmModal:r,primaryColor:s="#919eab14"}){const[o,c]=D.reactExports.useState(!1),h=D.reactExports.useRef(null),x=D.reactExports.useRef(null),[S,E]=D.reactExports.useState(!1),[A,Y]=D.reactExports.useState(!1),$={backgroundColor:S?s:"transparent"},z={backgroundColor:A?s:"transparent"};return D.reactExports.useEffect(()=>{nh({childrenClass:"userAvatar",action(){c(!1)}})},[]),D.jsxRuntimeExports.jsx(D.jsxRuntimeExports.Fragment,{children:D.jsxRuntimeExports.jsxs("div",{style:{position:"relative"},children:[e?D.jsxRuntimeExports.jsx("img",{onClick:()=>c(!o),ref:h,alt:"user avatar",className:"userAvatar",src:e}):D.jsxRuntimeExports.jsx("div",{onClick:()=>c(!o),ref:h,className:"userAvatar",id:"userAvatarNull",children:(t==null?void 0:t.charAt(0))??""}),D.jsxRuntimeExports.jsx("div",{style:{display:o?"block":"none"},className:"avartarDropdownMenu",ref:x,children:D.jsxRuntimeExports.jsxs("ul",{children:[D.jsxRuntimeExports.jsx("li",{onMouseEnter:()=>Y(!0),onMouseLeave:()=>Y(!1),style:z,className:"avatar-dropdown-item",children:"Profile"}),D.jsxRuntimeExports.jsx("li",{onMouseEnter:()=>E(!0),onMouseLeave:()=>E(!1),style:$,onClick:()=>r(!0),className:"avatar-dropdown-item",children:"Logout"})]})})]})})}{const e=D.s(my,{props:{logo:"string",user:"json",baseUrl:"string",notiPath:"string",classNames:"string",style:"json",customColors:"json",notiprops:"json"},shadow:"open"});customElements.define("global-topbar",e)}exports.HasPermission=A0;exports.TopBar=my;exports.getUseHasPermission=R0;