@sikka/hawa 0.2.4-beta → 0.2.6-beta

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.mjs CHANGED
@@ -1,6 +1,6 @@
1
- import tr,{useEffect as wn,useState as Cn}from"react";import Fn from"clsx";var Br=e=>{let[t,r]=Cn(e.val);return wn(()=>{e.onChange(t)},[t]),tr.createElement("div",{className:Fn(e.centered?"flex h-full items-center justify-center":"flex h-full items-start ")},tr.createElement("input",{type:"checkbox",checked:t,onChange:o=>r(o.target.checked),id:e.id,"aria-label":e.label,className:"mt-3 rounded border-gray-300 bg-gray-100 text-blue-600 focus:ring-2 focus:ring-blue-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-blue-600"}),(e.label||e.helperText)&&tr.createElement("div",{className:" flex cursor-pointer flex-col py-2",onClick:o=>r(!t)},e.label&&tr.createElement("label",{className:"mx-2 text-sm font-medium text-gray-900 dark:text-gray-300"},e.label),e.helperText&&tr.createElement("p",{className:"mx-2 mt-1 text-xs text-red-600 dark:text-red-500"},e.helperText)))};import Ht,{useState as Nn}from"react";var es=e=>{let[t,r]=Nn(e.defaultValue);return Ht.createElement("div",null,Ht.createElement("div",{className:"mb-4 border-b border-gray-200 dark:border-gray-700"},Ht.createElement("ul",{className:"-mb-px flex flex-wrap text-center text-sm font-medium",id:"myTab","data-tabs-toggle":"#myTabContent",role:"tablist"},e.options.map((o,n)=>Ht.createElement("li",{key:n,className:"mr-2",role:"presentation"},Ht.createElement("button",{className:"inline-block rounded-t-lg border-b-2 border-blue-600 p-4 text-blue-600 hover:text-blue-600 dark:border-blue-500 dark:text-blue-500 dark:hover:text-blue-500",id:`${o.value}-tab`,"data-tabs-target":`#${o.value}`,type:"button",role:"tab","aria-controls":o.value,"aria-selected":"true"},o.label))))),Ht.createElement("div",{id:"myTabContent"},e.options.map((o,n)=>Ht.createElement("div",{key:n,className:"rounded bg-gray-50 p-4 dark:bg-gray-800",id:`${o.value}`,role:"tabpanel","aria-labelledby":`${o.value}-tab`},o.content))))};import co from"react";import uo from"clsx";var Zt=({label:e,size:t="normal",icon:r,color:o,dot:n,dotType:i="available"})=>{let a="flex flex-row w-fit gap-1 items-center rounded px-2.5 py-0.5 font-bold text-blue-800 dark:bg-blue-200 dark:text-blue-800",s={small:"h-full leading-4 px-1 py-0 text-[9px] gap-0.5 ",normal:"h-fit text-xs",large:""},l={small:"flex h-1 w-1 rounded-full",normal:"flex h-2 w-2 rounded-full",large:"flex h-3 w-3 rounded-full"},w={available:"bg-green-500",unavailable:"bg-red-500"};return co.createElement("span",{className:uo(a,s[t],o?`bg-${o}-100 text-${o}-500`:"bg-layoutPrimary-500")},n&&co.createElement("span",{className:uo(l[t],w[i])}),r&&r,e)};import Ir from"react";var ss=e=>Ir.createElement("div",{className:"flex h-fit flex-row items-center gap-2 px-2"},Ir.createElement("div",null,e.icon),Ir.createElement("div",{className:"text-sm"},e.count));import mt from"react";import Ve from"react";import*as pr from"react";import*as Dr from"@radix-ui/react-label";import{cva as jn}from"class-variance-authority";import{clsx as Tn}from"clsx";import{twMerge as kn}from"tailwind-merge";function u(...e){return kn(Tn(e))}var Sn=jn("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),st=pr.forwardRef(({className:e,...t},r)=>pr.createElement(Dr.Root,{ref:r,className:u(Sn(),e),...t}));st.displayName=Dr.Root.displayName;import Pn from"react";function dt({className:e,...t}){return Pn.createElement("div",{className:u("animate-pulse rounded-md bg-muted",e),...t})}var H=({margin:e="normal",width:t="full",preview:r=!1,...o})=>{let n={none:"mb-0",normal:"mb-3",large:"mb-5"},i={small:"w-full max-w-2xs",normal:"w-1/2",full:"w-full"},a="flex max-h-fit relative flex-col justify-center gap-2",s="block w-full rounded border transition-all bg-background p-2 text-sm text-black dark:text-white focus:border-blue-500 focus:ring-blue-500",l="block w-full rounded bg-gray-50 p-2 text-sm text-gray-900 focus:border-blue-500 focus:ring-blue-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-blue-500 dark:focus:ring-blue-500";return Ve.createElement("div",{className:u(a,n[e],i[t])},o.label&&Ve.createElement(st,null,o.label),o.isLoading?Ve.createElement(dt,{className:"h-[38px] w-full"}):Ve.createElement(Ve.Fragment,null,Ve.createElement("div",{className:u("absolute top-[22px] h-[0.8px] w-full bg-gray-200 transition-all dark:bg-gray-800",r?"opacity-100":"opacity-0")}),Ve.createElement(Ve.Fragment,null,Ve.createElement("div",{className:u("relative")},o.icon&&Ve.createElement("div",{className:"absolute left-3 top-1/2 -translate-y-1/2"},o.icon),Ve.createElement("input",{...o,className:u(s,o.icon&&"pl-10",r&&"border-transparent bg-transparent px-0"),disabled:r})),o.iconInside&&Ve.createElement("div",{className:"absolute right-1 top-[41px] -translate-y-1/2"},o.iconInside),o.helpertext?Ve.createElement("p",{className:"mb-0 mt-0 text-xs text-red-600 dark:text-red-500"},o.helpertext):null)))};import xr,{useState as Mn}from"react";var go=e=>{let[t,r]=Mn(e.color);return xr.createElement("div",{className:"flex w-fit flex-row rounded border p-0"},xr.createElement("div",{style:{backgroundColor:t},className:"rounded-bl-lg rounded-tl-lg"},xr.createElement("input",{type:"color",value:t,onChange:o=>{r(o.target.value),e.handleChange(o)},className:"opacity-0"})),xr.createElement("input",{type:"text",onChange:o=>{r(o.target.value),e.handleChange(o)},value:t,className:"w-24 bg-background rounded-br-lg rounded-tr-lg pl-2 pr-2"}))};import Kt,{useState as En}from"react";var fo=({value:e,handleChange:t,startElement:r,endElement:o,label:n,...i})=>{let[a,s]=En(e);return Kt.createElement("div",{...i},n&&Kt.createElement("label",{htmlFor:"default-range",className:"mb-2 block text-sm font-medium text-gray-900 dark:text-gray-300"},n),Kt.createElement("div",{className:"flex w-fit flex-row items-center justify-center"},Kt.createElement("div",{className:"mr-2"},r)," ",Kt.createElement("input",{id:"default-range",type:"range",value:a,onChange:l=>{s(l.target.value),t(l)},className:"h-2 w-fit cursor-pointer appearance-none rounded bg-gray-200 dark:bg-gray-700"}),Kt.createElement("div",{className:"ml-2"},o)," "))};import be,{useState as po,useRef as Ln,useEffect as An}from"react";var fe=({design:e="default",width:t="default",orientation:r="horizontal",...o})=>{let[n,i]=po(o.defaultValue),a="inline-block py-2 px-4 w-full text-primary-foreground bg-primary active dark:bg-primary ",s="inline-block py-2 px-4 w-full transition-all hover:bg-primary/10 dark:bg-background bg-primary/5 hover:text-gray-900 dark:hover:bg-primary/10 dark:hover:text-white dark:bg-primary/5",l={horizontal:"flex flex-row",vertical:"flex flex-col"},w={default:"max-w-fit",full:"w-full"},[C,y]=po(null),f=Ln(null);switch(An(()=>{if(f.current&&f.current.parentNode){let g=window.getComputedStyle(f.current.parentNode).direction;y(g)}}),e){case"tabs":return be.createElement("ul",{ref:f,className:u(o.options?.length>2?"flex-wrap xs:max-w-full xs:flex-nowrap":"","select-none whitespace-nowrap rounded border text-center text-sm font-medium",w[t],l[r])},o.options?.map((g,v)=>be.createElement("li",{"aria-current":"page",onClick:()=>{i(g.value),o.onChangeTab(g.value)},className:u("w-full cursor-pointer ",r==="horizontal"&&C==="ltr"&&"rounded-none first:rounded-l last:rounded-r",r==="horizontal"&&C==="rtl"&&"rounded-none first:rounded-r last:rounded-l",r==="vertical"&&"rounded-none first:rounded-t last:rounded-b","last flex flex-row items-center justify-center gap-2 ",n===g.value?a:s),key:v},g.icon&&g.icon,g.label)));case"bordered":return be.createElement("div",{className:u(l[r],"gap-4")},o.options.map((g,v)=>be.createElement("div",{className:"rounded border border-gray-200 "},be.createElement("div",{className:"radio-item radio-item-bordered flex items-center transition-all",key:v+1},be.createElement("input",{disabled:g.disabled,id:g.value.toString(),type:"radio",value:g.value,name:"bordered-radio"}),be.createElement("label",{htmlFor:g.value.toString(),className:u("ml-2 w-full p-4 pl-3 text-sm font-medium dark:text-white",g.disabled?"opacity-50":"cursor-pointer text-gray-900")},g.label)))));case"cards":return be.createElement("ul",{className:u(l[r],"gap-4")},o.options?.map((g,v)=>be.createElement("li",null,be.createElement("input",{type:"radio",id:g.value.toString(),name:"cards-radio",value:g.value.toString(),className:"peer hidden",required:!0,disabled:g.disabled}),be.createElement("label",{htmlFor:g.value.toString(),className:u("inline-flex h-full w-full items-center justify-between rounded-lg border border-gray-200 bg-white p-5 text-gray-500 peer-checked:border-blue-600 peer-checked:text-blue-600 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:peer-checked:text-primary",g.disabled?"opacity-50":"cursor-pointer hover:bg-gray-100 hover:text-gray-600 dark:hover:bg-gray-700 dark:hover:text-gray-300")},be.createElement("div",{className:"block h-full w-full"},be.createElement("div",{className:"w-full text-lg font-semibold"},g.label),be.createElement("div",{className:"w-full"},g.sublabel))))));default:return be.createElement("div",{className:u(l[r],"gap-2")},o.options.map((g,v)=>be.createElement("div",{className:"radio-item radio-item-default flex items-center transition-all",key:v+1},be.createElement("input",{disabled:g.disabled,id:g.value.toString(),type:"radio",value:g.value,name:"default-radio"}),be.createElement("label",{htmlFor:g.value.toString(),className:u("text-sm font-medium dark:text-white",g.disabled?"text-gray-400":"cursor-pointer text-gray-900")},g.label))))}};import Bn from"clsx";import pt from"react";import In from"react-select";import Dn from"react-select/creatable";var zn=({cx:e,children:t,getStyles:r,innerProps:o,innerRef:n,size:i="normal",...a})=>pt.createElement("div",{ref:n,className:Bn({small:"h-7 text-xs",normal:"h-[2.36rem] text-sm",large:""}[i],"flex w-full rounded border bg-background text-gray-900 focus:border-blue-500 focus:ring-blue-500 dark:focus:ring-blue-500"),...o},t),Hn=({cx:e,children:t,getStyles:r,innerProps:o,innerRef:n,...i})=>pt.createElement("div",{className:"absolute z-10 mt-2 flex w-full flex-col justify-start rounded border bg-background p-1.5",ref:n,...o},t),On=({cx:e,children:t,getStyles:r,innerProps:o,innerRef:n,size:i="normal",...a})=>pt.createElement("div",{ref:n,className:"flex cursor-pointer select-none flex-row items-center justify-between rounded-inner p-1 px-2 hover:bg-primary hover:text-primary-foreground",...o},t),Nt=e=>pt.createElement("div",{className:" flex w-full flex-col gap-2"},e.label&&pt.createElement(st,null,e.label),e.isLoading?pt.createElement(dt,{className:"h-[38px] w-full"}):e.isCreatable?pt.createElement(Dn,{styles:{input:t=>({...t,"input:focus":{boxShadow:"none"}}),control:t=>({...t,borderRadius:"0.75rem"}),menu:t=>({...t,borderRadius:"0.75rem",padding:0,display:"flex",justifyContent:"center"}),menuList:t=>({...t,display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",width:"100%"}),option:t=>({...t,borderRadius:"0.75rem",margin:3,width:"98%"})},options:e.options,isClearable:e.isClearable,isMulti:e.isMulti,isSearchable:e.isSearchable,onCreateOption:()=>console.log("im changing"),onChange:(t,r)=>e.onChange(t,r),onInputChange:(t,r)=>e.onInputChange(t,r)}):pt.createElement(In,{classNames:{container:()=>u("rounded",e.disabled?"cursor-not-allowed":"cursor-pointer"),placeholder:()=>"px-2 text-muted-foreground",input:()=>"text-white px-2",valueContainer:()=>"text-white dark:text-muted-foreground",singleValue:()=>"text-black dark:text-white px-2",indicatorsContainer:()=>" px-2 cursor-pointer text-muted-foreground"},unstyled:!0,isDisabled:e.disabled,options:e.options,defaultValue:e.defaultValue,isClearable:e.isClearable,isMulti:e.isMulti,isSearchable:e.isSearchable,onChange:(t,r)=>e.onChange(t,r),components:{Control:zn,Option:On,Menu:Hn},getOptionLabel:e.getOptionLabel}),e.helperText&&pt.createElement("p",{className:"mt-2 text-sm text-red-600 dark:text-red-500"},e.helperText));import*as Ue from"react";import*as rr from"@radix-ui/react-switch";var Wn={default:"h-[25px] w-[42px]",sm:"h-[20px] w-[37px]"},Vn={default:"h-[21px] w-[21px]",sm:"h-[16px] w-[16px]"},zr=Ue.forwardRef(({className:e,size:t="default",label:r,...o},n)=>{let[i,a]=Ue.useState(null),s=Ue.useRef(null);return Ue.useEffect(()=>{if(s.current&&s.current.parentNode){let l=window.getComputedStyle(s.current.parentNode).direction;a(l)}}),Ue.createElement("div",{className:"flex flex-row items-center",ref:s},Ue.createElement(rr.Root,{className:u("relative cursor-pointer rounded-full bg-primary/20 outline-none data-[state=checked]:bg-primary",e,Wn[t]),...o,ref:n},Ue.createElement(rr.Thumb,{className:u(Vn[t],"block rounded-full bg-white transition-transform duration-100 will-change-transform data-[state=checked]:bg-primary-foreground dark:bg-background",i==="rtl"?"-translate-x-0.5 data-[state=checked]:-translate-x-[19px]":"translate-x-0.5 data-[state=checked]:translate-x-[19px]")})),r&&Ue.createElement("span",{className:"mx-2 text-sm font-medium text-gray-900 dark:text-gray-300"},r))});zr.displayName=rr.Root.displayName;var rd=({settingsLabel:e,settingsType:t,settingsDescription:r,colorProps:o,rangeProps:n,radioProps:i,switchProps:a,selectProps:s})=>mt.createElement("div",{className:"flex max-h-fit flex-row items-center justify-between rounded align-middle"},mt.createElement("div",null,mt.createElement("div",{className:"text-sm"},e),r&&mt.createElement("div",{className:"text-xs"},r)," "),t==="text"&&mt.createElement(H,{margin:"none",width:"small"}),t==="boolean"&&mt.createElement(zr,{...a}),t==="range"&&mt.createElement(fo,{...n}),t==="color"&&mt.createElement(go,{...o}),t==="radio"&&mt.createElement(fe,{...i}),t==="select"&&mt.createElement(Nt,{...s}));import Un from"react";var ad=e=>Un.createElement("div",null,e.children);import Ge,{useRef as qn,useState as Zn,useEffect as Kn}from"react";import Hr from"clsx";import*as or from"react";import{cva as Gn}from"class-variance-authority";import xt from"react";import vr from"clsx";var Tt=({design:e="spinner",size:t="sm",color:r,...o})=>{let n={button:"h-4 w-4",sm:"h-6 w-6",normal:"h-8 w-8",lg:"h-14 w-14",xl:"h-24 w-24"},i={pulse:"animate-in fade-in duration-1000",bounce:"animate-bounce"};switch(e.split("-")[0]){case"dots":return xt.createElement("div",{className:"flex flex-row gap-2"},xt.createElement("div",{className:vr("animate-bounce rounded-full delay-100 repeat-infinite",t==="button"?"h-2 w-2":n[t],i[e.split("-")[1]],r||"bg-primary")}),xt.createElement("div",{className:vr("animate-bounce rounded-full delay-200 repeat-infinite",t==="button"?"h-2 w-2":n[t],i[e.split("-")[1]],r||"bg-primary")}),xt.createElement("div",{className:vr("animate-bounce rounded-full delay-300 repeat-infinite",t==="button"?"h-2 w-2":n[t],i[e.split("-")[1]],r||"bg-primary")}));default:return xt.createElement("div",{className:"flex flex-row gap-x-3"},xt.createElement("div",{"aria-label":"Loading...",role:"status"},xt.createElement("svg",{className:vr(n[t],"animate-spin"),viewBox:"3 3 18 18"},xt.createElement("path",{className:"fill-primary/20",d:"M12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5ZM3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12Z"}),xt.createElement("path",{className:r||"fill-primary",d:"M16.9497 7.05015C14.2161 4.31648 9.78392 4.31648 7.05025 7.05015C6.65973 7.44067 6.02656 7.44067 5.63604 7.05015C5.24551 6.65962 5.24551 6.02646 5.63604 5.63593C9.15076 2.12121 14.8492 2.12121 18.364 5.63593C18.7545 6.02646 18.7545 6.65962 18.364 7.05015C17.9734 7.44067 17.3403 7.44067 16.9497 7.05015Z"}))))}};var _n=Gn("inline-flex items-center justify-center select-none rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",light:"bg-primary/20 text-primary hover:bg-primary/40",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90",outline:"border border-input bg-background hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline",neoBrutalism:"cursor-pointer transition-all uppercase font-mono dark:bg-black font-bold py-2 px-4 rounded border-2 border-primary shadow-color-primary transition-[transform_50ms, box-shadow_50ms] active:translate-x-0.5 active:translate-y-0.5 active:shadow-color-primary-active"},size:{default:"h-10 px-4 py-2",heightless:"px-4 py-4",xs:"h-fit py-1 text-[10px] px-2",sm:"h-9 rounded-md px-3",lg:"h-11 rounded-md px-8",xl:"h-14 rounded-md px-10",icon:"h-10 w-10",smallIcon:"h-7 w-7"}},defaultVariants:{variant:"default",size:"default"}}),p=or.forwardRef(({className:e,variant:t,size:r,asChild:o=!1,isLoading:n,children:i,...a},s)=>{let l="button",w=t==="outline"||t==="ghost"||t==="neoBrutalism"?"bg-primary":"bg-primary-foreground";return or.createElement(l,{className:u(_n({variant:t,size:r,className:e})),ref:s,...a},n?or.createElement(Tt,{design:"dots-pulse",color:w,size:"button"}):i)});p.displayName="Button";var we=({variant:e="normal",direction:t="ltr",severity:r="info",duration:o,icon:n,className:i,...a})=>{let s=qn(null),[l,w]=Zn(!1);Kn(()=>{if(o){let f=setTimeout(()=>{w(!0)},o),g=setTimeout(()=>{w(!0),s.current.removeChild(s.current.children[0])},o+1e3);return()=>{clearTimeout(f),clearTimeout(g)}}},[o]);let C={none:"hover:bg-gray-300",info:"hover:bg-blue-300",warning:"hover:bg-yellow-300",error:"hover:bg-red-300",success:"hover:bg-green-300"};return Ge.createElement("div",{ref:s},Ge.createElement("div",{className:Hr("relative mb-4 flex flex-col rounded p-4 text-sm transition-all",{normal:{none:"text-gray-700 bg-gray-100 dark:bg-gray-200 dark:text-gray-800",info:"text-blue-700 bg-blue-100 dark:bg-blue-200 dark:text-blue-800",warning:"text-yellow-700 bg-yellow-100 dark:bg-yellow-200 dark:text-yellow-800",error:"text-red-700 bg-red-100 dark:bg-red-200 dark:text-red-800",success:"text-green-700 bg-green-100 dark:bg-green-200 dark:text-green-800"},"top-accent":{none:"border-t-4 border-gray-300 text-gray-700 bg-gray-100 dark:bg-gray-200 dark:text-gray-800",info:"border-t-4 border-blue-300 text-blue-700 bg-blue-100 dark:bg-blue-200 dark:text-blue-800",warning:"border-t-4 border-yellow-300 text-yellow-700 bg-yellow-100 dark:bg-yellow-200 dark:text-yellow-800",error:"border-t-4 border-red-300 text-red-700 bg-red-100 dark:bg-red-200 dark:text-red-800",success:"border-t-4 border-green-300 text-green-700 bg-green-100 dark:bg-green-200 dark:text-green-800"},"left-accent":{none:"border-l-4 border-gray-300 text-gray-700 bg-gray-100 dark:bg-gray-200 dark:text-gray-800",info:"border-l-4 border-blue-300 text-blue-700 bg-blue-100 dark:bg-blue-200 dark:text-blue-800",warning:"border-l-4 border-yellow-300 text-yellow-700 bg-yellow-100 dark:bg-yellow-200 dark:text-yellow-800",error:"border-l-4 border-red-300 text-red-700 bg-red-100 dark:bg-red-200 dark:text-red-800",success:"border-l-4 border-green-300 text-green-700 bg-green-100 dark:bg-green-200 dark:text-green-800"},"right-accent":{none:"border-r-4 border-gray-300 text-gray-700 bg-gray-100 dark:bg-gray-200 dark:text-gray-800",info:"border-r-4 border-blue-300 text-blue-700 bg-blue-100 dark:bg-blue-200 dark:text-blue-800",warning:"border-r-4 border-yellow-300 text-yellow-700 bg-yellow-100 dark:bg-yellow-200 dark:text-yellow-800",error:"border-r-4 border-red-300 text-red-700 bg-red-100 dark:bg-red-200 dark:text-red-800",success:"border-r-4 border-green-300 text-green-700 bg-green-100 dark:bg-green-200 dark:text-green-800"},"bottom-accent":{none:"border-b-4 border-gray-300 text-gray-700 bg-gray-100 dark:bg-gray-200 dark:text-gray-800",info:"border-b-4 border-blue-300 text-blue-700 bg-blue-100 dark:bg-blue-200 dark:text-blue-800",warning:"border-b-4 border-yellow-300 text-yellow-700 bg-yellow-100 dark:bg-yellow-200 dark:text-yellow-800",error:"border-b-4 border-red-300 text-red-700 bg-red-100 dark:bg-red-200 dark:text-red-800",success:"border-b-4 border-green-300 text-green-700 bg-green-100 dark:bg-green-200 dark:text-green-800"}}[e][r],l?"opacity-0":"opacity-100",i),role:"alert",dir:t},Ge.createElement("div",{className:"flex flex-row"},n&&Ge.createElement("div",{className:t==="rtl"?"pl-2 pt-1":"pr-2 pt-1"},n),Ge.createElement("div",{className:"flex flex-col"},Ge.createElement("span",{className:Hr("font-medium",t==="rtl"?"ml-8":"mr-8")},a.title),Ge.createElement("span",null,a.text),a.actions&&Ge.createElement("div",{className:"mt-2 flex flex-row gap-2"},a.actions.map((f,g)=>Ge.createElement(p,{key:g,variant:f.variant,onClick:f.onClick()},f.label))))),!a.persistant&&Ge.createElement("button",{type:"button",className:Hr("absolute top-2 inline-flex h-9 w-9 items-center justify-center rounded-inner p-1.5 text-gray-400 transition-all hover:text-gray-900",C[r],t==="rtl"?"left-2":"right-2"),"data-dismiss-target":"#alert-default","aria-label":"Close",onClick:()=>{w(!0),setTimeout(()=>{s.current.removeChild(s.current.children[0])},200)}},Ge.createElement("span",{className:"sr-only"},"Close"),Ge.createElement("svg",{"aria-label":"Close Icon","aria-hidden":"true",className:"h-5 w-5",fill:"currentColor",viewBox:"0 0 20 20"},Ge.createElement("path",{fillRule:"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",clipRule:"evenodd"})))))};import M,{useEffect as ii,useState as Ot}from"react";import ct from"clsx";import{useState as xo,useEffect as Qn}from"react";var Yn=(e,t)=>{let r=[],o=Math.ceil(e?.length/t),n=1;for(let i=1;i<=o;i++)r.push(i);return r},Xn=(e,t,r)=>e?.slice((t-1)*r,t*r),Jn=(e,t,r)=>t!==null?e?.sort((o,n)=>{let i=o[t].value,a=n[t].value;return typeof i=="string"&&typeof a=="string"?r==="asc"?i.localeCompare(a):a.localeCompare(i):r==="asc"?i-a:a-i}):e,$n=(e,t,r,o,n)=>{let[i,a]=xo([]),[s,l]=xo([]);return Qn(()=>{if(e){let w=Yn(e,r);a([...w]);let C=Jn(e,o,n),y=Xn(C,t,r);l([...y])}},[e,a,t,r,o,n]),{slice:s,range:i}},vo=$n;import*as I from"react";import*as q from"@radix-ui/react-dropdown-menu";var Rn=q.Root,ei=q.Trigger;var bo=q.Portal,ti=q.Sub;var yo=I.forwardRef(({className:e,inset:t,children:r,...o},n)=>I.createElement(q.SubTrigger,{ref:n,className:u("flex cursor-default select-none items-center justify-between rounded-sm px-2 py-3 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",t&&"pl-8",e),...o},I.createElement("div",{className:"flex flex-row items-center gap-2"},r)," ",I.createElement("svg",{"aria-label":"Chevron Right Icon",stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 16 16",height:"1em",width:"1em",className:u(o.dir==="rtl"?"rotate-180":"")},I.createElement("path",{fillRule:"evenodd",d:"M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"}))));yo.displayName=q.SubTrigger.displayName;var ho=I.forwardRef(({className:e,...t},r)=>I.createElement(q.SubContent,{ref:r,className:u("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...t}));ho.displayName=q.SubContent.displayName;var wo=I.forwardRef(({className:e,sideOffset:t=4,...r},o)=>I.createElement(q.Portal,null,I.createElement(q.Content,{ref:o,sideOffset:t,className:u("z-50 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...r})));wo.displayName=q.Content.displayName;var Or=I.forwardRef(({className:e,inset:t,...r},o)=>I.createElement(q.Item,{disabled:r.disabled,ref:o,className:u("relative flex cursor-pointer select-none items-center justify-between rounded-sm text-sm outline-none transition-colors focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",t&&"pl-8",e),...r},I.createElement("div",{className:"flex flex-row items-center gap-2 "},r.children),r.end&&r.end));Or.displayName=q.Item.displayName;var ri=I.forwardRef(({className:e,children:t,checked:r,...o},n)=>I.createElement(q.CheckboxItem,{ref:n,className:u("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e),checked:r,...o},I.createElement("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center"},I.createElement(q.ItemIndicator,null,I.createElement("svg",{"aria-label":"Check Mark",stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 512 512",height:"0.60em",width:"0.60em"},I.createElement("path",{d:"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"}))," ")),t));ri.displayName=q.CheckboxItem.displayName;var oi=I.forwardRef(({className:e,children:t,...r},o)=>I.createElement(q.RadioItem,{ref:o,className:u("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e),...r},I.createElement("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center"},I.createElement(q.ItemIndicator,null,I.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24","aria-label":"Circle",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"h-2 w-2 fill-current"},I.createElement("circle",{cx:"12",cy:"12",r:"10"})))),t));oi.displayName=q.RadioItem.displayName;var Co=I.forwardRef(({className:e,inset:t,...r},o)=>I.createElement(q.Label,{ref:o,className:u("px-2 py-1.5 text-sm font-semibold",t&&"pl-8",e),...r}));Co.displayName=q.Label.displayName;var Fo=I.forwardRef(({className:e,...t},r)=>I.createElement(q.Separator,{ref:r,className:u("-mx-1 my-1 h-px bg-muted",e),...t}));Fo.displayName=q.Separator.displayName;var ni=({className:e,...t})=>I.createElement("span",{className:u("ml-auto text-xs tracking-widest opacity-60",e),...t});ni.displayName="DropdownMenuShortcut";var kt=({trigger:e,items:t,direction:r,onItemSelect:o,sideOffset:n,side:i,className:a,triggerClassname:s,align:l,alignOffset:w,selectCallback:C,size:y="default",width:f="default"})=>{let g={default:"min-w-[8rem]",sm:"w-fit",lg:"w-[200px]",parent:"ddm-w-parent"},v={default:"px-2 py-3 ",sm:"text-xs px-1.5 py-1.5"};return I.createElement(Rn,{dir:r},I.createElement(ei,{asChild:!0,className:s},e),I.createElement(bo,null,I.createElement(wo,{side:i,sideOffset:n,className:u(a,g[f],"flex flex-col gap-2"),align:l,alignOffset:w},t.map((b,P)=>b.type==="separator"?I.createElement(Fo,{key:P}):b.type==="label"?I.createElement(Co,{key:P},b.label):b.subitems?I.createElement(ti,{key:P},I.createElement(yo,{className:u(v[y]),dir:r},b.icon&&b.icon,b.label&&b.label),I.createElement(bo,null,I.createElement(ho,null,b.subitems.map((F,z)=>I.createElement(Or,{key:z,className:u(v[y],!b.icon&&!b.label?"px-0 py-0 focus:bg-transparent":"focus:bg-accent"),disabled:F.disabled,onSelect:()=>{F.action(),C&&C(F.value)}},F.icon&&F.icon,F.label&&F.label))))):I.createElement(Or,{key:P,disabled:b.disabled,onSelect:F=>{b.presist&&F.preventDefault(),b.action&&b.action(),C&&C(b.value)},end:b.end,className:u(v[y],!b.icon&&!b.label?"px-0 py-0 focus:bg-transparent ":"focus:bg-accent ",b.presist&&"focus:bg-transparent")},b.icon&&b.icon,b.label&&b.label)))))};var No=()=>M.createElement("svg",{"aria-label":"Chevron Right Icon",stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 16 16",height:"1em",width:"1em"},M.createElement("path",{fillRule:"evenodd",d:"M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"})),To=({size:e="normal",bodyColor:t="white",headerColor:r="gray-200",borders:o="all",highlightFirst:n=!1,direction:i="ltr",bordersWidth:a="1",pagination:s=!0,...l})=>{let[w,C]=Ot(10),[y,f]=Ot(null),[g,v]=Ot(1),[b,P]=Ot(null),[F,z]=Ot(l.rows),[ne,j]=Ot(null),[U,te]=Ot(null),{slice:A,range:S}=vo(l.rows,g,w,ne,U),$=i==="rtl",ge={normal:"py-3 px-6",small:"px-3 py-1"},Ke=(O,d)=>{d&&(j(O),te(m=>m==="asc"?"desc":"asc"))},R=()=>{A?.length<1&&g!==1&&v(g-1),y&&v(y)};return ii(()=>{R()},[A,g]),M.createElement("div",{className:"relative flex flex-col gap-2 "},l.isLoading?M.createElement(dt,{className:"h-[105px] w-full"}):M.createElement(M.Fragment,null,M.createElement("div",{className:`overflow-x-auto rounded bg-${r}`},l.headerTools&&M.createElement("div",{className:"flex flex-row items-center justify-between gap-2 border bg-background px-2 py-2"},l.headerTools),M.createElement("table",{className:ct("w-full rounded bg-muted text-left text-sm text-muted-foreground",`bg-${r}`)},M.createElement("thead",{className:ct("bg-muted text-xs uppercase text-muted-foreground ",o==="rows"||o==="all"||o==="inner"?"border-b ":"")},M.createElement("tr",null,l.columns.map((O,d)=>{if(!O.hidden)return M.createElement("th",{onClick:()=>O.sortable&&Ke(d,O.sortable),key:d,scope:"col",colSpan:2,className:ct(O.sortable?"cursor-pointer hover:bg-muted-foreground/10":"",ge[e],d!==0&&(o==="cols"||o==="all"||o==="inner")?`border-r border-r-[${a}px] border-l border-l-[${a}px]`:"")},O.value,ne===d&&M.createElement("span",null,U==="asc"?" \u25B2":" \u25BC"))}),l.actions?M.createElement("th",{scope:"col",className:ct(ge[e],"w-[calc(1%)] text-center")},l.texts?.actions??"Actions"):null)),M.createElement("tbody",{className:t&&l.rows?`bg-${t}`:"bg-transparent"},F?A?.map((O,d)=>{let m=d==A?.length-1;return M.createElement("tr",{key:d,className:ct(" text-mute-foreground border bg-background",l.clickable?"hover:bg-gray-100":"",!m&&(o==="all"||o==="rows"||o==="inner")?`border-b border-b-[${a}px]`:"")},O?.map((x,h)=>{let c=h===0,k=h===O?.length-1,_=$&&m&&k&&!l.actions,W=$&&m&&c,E=!$&&m&&c,Q=!$&&m&&k&&!l.actions;if(!x.hidden)return M.createElement("td",{colSpan:2,key:h,className:ct(ge[e],n&&c?"font-bold":"font-normal",W?"rounded-bl-none rounded-br":_||E?"rounded-bl rounded-br-none":Q?"rounded-bl-none rounded-br":"",!c&&!k&&(o==="cols"||o==="inner"||o==="all")?`border-l border-l-[${a}px] border-r border-r-[${a}px]`:!c&&l.actions&&(o==="cols"||o==="inner"||o==="all")?`border-l border-l-[${a}px] border-r border-r-[${a}px]`:"")},x.value," ",x.suffix&&x.suffix)}),l.actions&&M.createElement("td",{align:$?"right":"left",className:u($&&m&&"rounded-bl rounded-br-none",!$&&m&&"rounded-bl-none rounded-br"),colSpan:1},M.createElement("div",{className:"flex items-center justify-center"},M.createElement(kt,{width:l.actionsWidth,size:l.actionsSize,direction:i,side:"right",items:l.actions,selectCallback:x=>l.handleActionClick(x,O),trigger:M.createElement("div",{className:"flex w-fit cursor-pointer items-center justify-center rounded p-2 transition-all hover:bg-primary/20 "},M.createElement("svg",{"aria-label":"Vertical Three Dots Menu Icon",stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 16 16",height:"1em",width:"1em"},M.createElement("path",{d:"M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"})))}))))}):M.createElement("tr",{className:"bg-transparent"},M.createElement("td",{colSpan:20},M.createElement("div",{className:ct("w-full rounded-b border p-5 text-center","bg-background")},l.texts?.noData??"No Data"))))))),s&&M.createElement("div",{className:"flex flex-row items-center justify-between "},S.length>1?M.createElement("div",{className:"flex w-fit flex-row items-stretch justify-center gap-2 overflow-clip rounded "},M.createElement("div",{className:u("flex h-6 w-6 rotate-180 cursor-pointer items-center justify-center rounded border bg-background p-1 text-xs hover:bg-primary/10 dark:hover:bg-primary/10",i==="rtl"&&"rotate-0"),onClick:()=>g<=1?v(S.length):v(g-1)},M.createElement(No,null)),M.createElement("div",{className:"flex flex-row items-center overflow-clip rounded transition-all"},S.length>6&&S.map((O,d)=>{if(d<=0)return M.createElement("button",{key:d,className:ct("w-10 p-1 text-xs hover:bg-gray-200",g===O?"bg-primary text-primary-foreground hover:bg-primary":"bg-gray-100"),onClick:()=>v(O)},O)}),S?.length>6&&M.createElement("input",{type:"text",className:" w-10 bg-gray-100 p-1 text-center text-xs",defaultValue:g!==0||g!==S.length-1?g:"...",value:g==1||g==S.length?"...":y||g,onChange:O=>f(parseInt(O.target.value)),onKeyDown:O=>{O.key==="Enter"&&(v(y),f(null))}}),S?.length>6&&S.map((O,d)=>{if(d>=S.length-1)return M.createElement("button",{key:d,className:ct("w-10 p-1 text-xs hover:bg-gray-200",g===O?"bg-primary text-primary-foreground hover:bg-primary":"bg-gray-100"),onClick:()=>v(O)},O)}),S?.length<=6&&S.map((O,d)=>M.createElement("button",{key:d,className:ct("w-10 p-1 text-xs",g===O?"bg-primary text-primary-foreground ":"border bg-background hover:bg-primary/10 dark:hover:bg-primary/10",i==="rtl"?d===0?"rounded-r border-l-0":d===S.length-1?"rounded-l border-r-0":"":d===0?"rounded-l border-r-0":d===S.length-1?"rounded-r border-l-0":""),onClick:()=>v(O)},O))),M.createElement("div",{onClick:()=>g>=S.length?v(1):v(g+1),className:u("flex h-6 w-6 cursor-pointer items-center justify-center rounded border bg-background p-1 text-xs hover:bg-primary/10 dark:hover:bg-primary/10",i==="rtl"&&"rotate-180")},M.createElement(No,null))):M.createElement("div",null),l.rows?M.createElement("div",{className:"flex w-fit flex-row items-center gap-2 "},M.createElement("div",{className:"text-xs "},l.rows.length," ",l.texts?.items??"Items"),M.createElement("select",{value:w,className:"h-6 cursor-pointer rounded border bg-background px-2 text-xs",onChange:O=>{C(parseInt(O.target.value))}},M.createElement("option",{value:10,style:{fontSize:10}},"10 / ",l.texts?.page??"Page"),M.createElement("option",{value:20,style:{fontSize:10}},"20 / ",l.texts?.page??"Page"),M.createElement("option",{value:30,style:{fontSize:10}},"30 / ",l.texts?.page??"Page"),M.createElement("option",{value:50,style:{fontSize:10}},"50 / ",l.texts?.page??"Page"),M.createElement("option",{value:100,style:{fontSize:10}},"100 / ",l.texts?.page??"Page"))):M.createElement("div",null)))};import ai from"react";var zd=e=>ai.createElement(H,{type:"search",...e});import Wt,{useState as li}from"react";import ko from"clsx";var Ud=e=>{let[t,r]=li(!1);return Wt.createElement("div",{className:"h-fit w-full"},Wt.createElement("button",{id:"accordion-collapse-heading-"+e.index,type:"button",className:ko(t?"rounded":"rounded-t","flex w-full items-center justify-between border border-gray-200 bg-gray-100 p-5 text-left font-medium text-gray-900 hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-800 dark:text-white dark:hover:bg-gray-800 dark:focus:ring-gray-800"),onClick:()=>r(!t),"data-accordion-target":"#accordion-collapse-body-"+e.index,"aria-expanded":"true","aria-controls":"accordion-collapse-body-"+e.index},Wt.createElement("span",null,e.title),Wt.createElement("svg",{"data-accordion-icon":"",className:`h-6 w-6 ${t?"":"rotate-180"} shrink-0 transition-all`,fill:"currentColor",viewBox:"0 0 20 20"},Wt.createElement("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"}))),Wt.createElement("div",{id:"accordion-collapse-body-"+e.index,"aria-labelledby":"accordion-collapse-heading-"+e.index,className:ko(t?"invisible hidden h-0 p-0":"visible h-full","w-full rounded-b border border-t-0 border-gray-200 p-5 font-light dark:border-gray-700 dark:bg-gray-900")},Wt.createElement("p",{className:"mb-2 text-gray-500 dark:text-gray-400"},e.content)))};import tt,{useState as di}from"react";var si=[{country_label:"Saudi Arabia",code:"SA",unicode:"&#x1F1F8;&#x1F1E6;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SA.svg",label:"+966"},{country_label:"United Arab Emirates",code:"AE",unicode:"&#x1F1E6;&#x1F1EA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AE.svg",label:"+971"},{country_label:"Bahrain",code:"BH",unicode:"&#x1F1E7;&#x1F1ED;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BH.svg",label:"+973"},{country_label:"Kuwait",code:"KW",unicode:"&#x1F1F0;&#x1F1FC;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/KW.svg",label:"+965"},{country_label:"Qatar",code:"QA",unicode:"&#x1F1F6;&#x1F1E6;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/QA.svg",label:"+974"},{country_label:"Oman",code:"OM",unicode:"&#x1F1F4;&#x1F1F2;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/OM.svg",label:"+968"},{country_label:"Andorra",value:"Andorra",code:"AD",unicode:"&#x1F1E6;&#x1F1E9;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AD.svg",label:"+376"},{country_label:"Afghanistan",code:"AF",unicode:"&#x1F1E6;&#x1F1EB;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AF.svg",label:"+93"},{country_label:"Antigua & Barbuda",code:"AG",unicode:"&#x1F1E6;&#x1F1EC;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AG.svg",label:"+1268"},{country_label:"Anguilla",code:"AI",unicode:"&#x1F1E6;&#x1F1EE;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AI.svg",label:"+1264"},{country_label:"Albania",code:"AL",unicode:"&#x1F1E6;&#x1F1F1;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AL.svg",label:"+355"},{country_label:"Armenia",code:"AM",unicode:"&#x1F1E6;&#x1F1F2;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AM.svg",label:"+374"},{country_label:"Angola",code:"AO",unicode:"&#x1F1E6;&#x1F1F4;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AO.svg",label:"+244"},{country_label:"Antarctica",code:"AQ",unicode:"&#x1F1E6;&#x1F1F6;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AQ.svg",label:"+672"},{country_label:"Argentina",code:"AR",unicode:"&#x1F1E6;&#x1F1F7;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AR.svg",label:"+54"},{country_label:"American Samoa",code:"AS",unicode:"&#x1F1E6;&#x1F1F8;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AS.svg",label:"+1684"},{country_label:"Austria",code:"AT",unicode:"&#x1F1E6;&#x1F1F9;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AT.svg",label:"+43"},{country_label:"Australia",code:"AU",unicode:"&#x1F1E6;&#x1F1FA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AU.svg",label:"+61"},{country_label:"Aruba",code:"AW",unicode:"&#x1F1E6;&#x1F1FC;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AW.svg",label:"+297"},{country_label:"\xC5land Islands",code:"AX",unicode:"&#x1F1E6;&#x1F1FD;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AX.svg",label:"+358"},{country_label:"Azerbaijan",code:"AZ",unicode:"&#x1F1E6;&#x1F1FF;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AZ.svg",label:"+994"},{country_label:"Bosnia & Herzegovina",code:"BA",unicode:"&#x1F1E7;&#x1F1E6;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BA.svg",label:"+387"},{country_label:"Barbados",code:"BB",unicode:"&#x1F1E7;&#x1F1E7;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BB.svg",label:"+1246"},{country_label:"Bangladesh",code:"BD",unicode:"&#x1F1E7;&#x1F1E9;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BD.svg",label:"+880"},{country_label:"Belgium",code:"BE",unicode:"&#x1F1E7;&#x1F1EA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BE.svg",label:"+32"},{country_label:"Burkina Faso",code:"BF",unicode:"&#x1F1E7;&#x1F1EB;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BF.svg",label:"+226"},{country_label:"Bulgaria",code:"BG",unicode:"&#x1F1E7;&#x1F1EC;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BG.svg",label:"+359"},{country_label:"Burundi",code:"BI",unicode:"&#x1F1E7;&#x1F1EE;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BI.svg",label:"+257"},{country_label:"Benin",code:"BJ",unicode:"&#x1F1E7;&#x1F1EF;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BJ.svg",label:"+229"},{country_label:"St. Barth\xE9lemy",code:"BL",unicode:"&#x1F1E7;&#x1F1F1;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BL.svg",label:"+590"},{country_label:"Bermuda",code:"BM",unicode:"&#x1F1E7;&#x1F1F2;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BM.svg",label:"+1441"},{country_label:"Brunei",code:"BN",unicode:"&#x1F1E7;&#x1F1F3;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BN.svg",label:"+673"},{country_label:"Bolivia",code:"BO",unicode:"&#x1F1E7;&#x1F1F4;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BO.svg",label:"+591"},{country_label:"Brazil",code:"BR",unicode:"&#x1F1E7;&#x1F1F7;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BR.svg",label:"+55"},{country_label:"Bahamas",code:"BS",unicode:"&#x1F1E7;&#x1F1F8;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BS.svg",label:"+1242"},{country_label:"Bhutan",code:"BT",unicode:"&#x1F1E7;&#x1F1F9;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BT.svg",label:"+975"},{country_label:"Botswana",code:"BW",unicode:"&#x1F1E7;&#x1F1FC;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BW.svg",label:"+267"},{country_label:"Belarus",code:"BY",unicode:"&#x1F1E7;&#x1F1FE;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BY.svg",label:"+375"},{country_label:"Belize",code:"BZ",unicode:"&#x1F1E7;&#x1F1FF;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BZ.svg",label:"+501"},{country_label:"Canada",code:"CA",unicode:"&#x1F1E8;&#x1F1E6;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CA.svg",label:"+1"},{country_label:"Cocos (Keeling) Islands",code:"CC",unicode:"&#x1F1E8;&#x1F1E8;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CC.svg",label:"+61"},{country_label:"Congo - Kinshasa",code:"CD",unicode:"&#x1F1E8;&#x1F1E9;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CD.svg",label:"+243"},{country_label:"Central African Republic",code:"CF",unicode:"&#x1F1E8;&#x1F1EB;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CF.svg",label:"+236"},{country_label:"Congo - Brazzaville",code:"CG",unicode:"&#x1F1E8;&#x1F1EC;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CG.svg",label:"+242"},{country_label:"Switzerland",code:"CH",unicode:"&#x1F1E8;&#x1F1ED;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CH.svg",label:"+41"},{country_label:"C\xF4te d\u2019Ivoire",code:"CI",unicode:"&#x1F1E8;&#x1F1EE;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CI.svg",label:"+225"},{country_label:"Cook Islands",code:"CK",unicode:"&#x1F1E8;&#x1F1F0;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CK.svg",label:"+682"},{country_label:"Chile",code:"CL",unicode:"&#x1F1E8;&#x1F1F1;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CL.svg",label:"+56"},{country_label:"Cameroon",code:"CM",unicode:"&#x1F1E8;&#x1F1F2;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CM.svg",label:"+237"},{country_label:"China",code:"CN",unicode:"&#x1F1E8;&#x1F1F3;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CN.svg",label:"+86"},{country_label:"Colombia",code:"CO",unicode:"&#x1F1E8;&#x1F1F4;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CO.svg",label:"+57"},{country_label:"Costa Rica",code:"CR",unicode:"&#x1F1E8;&#x1F1F7;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CR.svg",label:"+506"},{country_label:"Cuba",code:"CU",unicode:"&#x1F1E8;&#x1F1FA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CU.svg",label:"+53"},{country_label:"Cape Verde",code:"CV",unicode:"&#x1F1E8;&#x1F1FB;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CV.svg",label:"+238"},{country_label:"Christmas Island",code:"CX",unicode:"&#x1F1E8;&#x1F1FD;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CX.svg",label:"+61"},{country_label:"Cyprus",code:"CY",unicode:"&#x1F1E8;&#x1F1FE;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CY.svg",label:"+357"},{country_label:"Czechia",code:"CZ",unicode:"&#x1F1E8;&#x1F1FF;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CZ.svg",label:"+420"},{country_label:"Germany",code:"DE",unicode:"&#x1F1E9;&#x1F1EA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/DE.svg",label:"+49"},{country_label:"Djibouti",code:"DJ",unicode:"&#x1F1E9;&#x1F1EF;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/DJ.svg",label:"+253"},{country_label:"Denmark",code:"DK",unicode:"&#x1F1E9;&#x1F1F0;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/DK.svg",label:"+45"},{country_label:"Dominica",code:"DM",unicode:"&#x1F1E9;&#x1F1F2;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/DM.svg",label:"+1767"},{country_label:"Dominican Republic",code:"DO",unicode:"&#x1F1E9;&#x1F1F4;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/DO.svg",label:"+1849"},{country_label:"Algeria",code:"DZ",unicode:"&#x1F1E9;&#x1F1FF;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/DZ.svg",label:"+213"},{country_label:"Ecuador",code:"EC",unicode:"&#x1F1EA;&#x1F1E8;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/EC.svg",label:"+593"},{country_label:"Estonia",code:"EE",unicode:"&#x1F1EA;&#x1F1EA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/EE.svg",label:"+372"},{country_label:"Egypt",code:"EG",unicode:"&#x1F1EA;&#x1F1EC;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/EG.svg",label:"+20"},{country_label:"Eritrea",code:"ER",unicode:"&#x1F1EA;&#x1F1F7;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/ER.svg",label:"+291"},{country_label:"Spain",code:"ES",unicode:"&#x1F1EA;&#x1F1F8;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/ES.svg",label:"+34"},{country_label:"Ethiopia",code:"ET",unicode:"&#x1F1EA;&#x1F1F9;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/ET.svg",label:"+251"},{country_label:"Finland",code:"FI",unicode:"&#x1F1EB;&#x1F1EE;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/FI.svg",label:"+358"},{country_label:"Fiji",code:"FJ",unicode:"&#x1F1EB;&#x1F1EF;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/FJ.svg",label:"+679"},{country_label:"Falkland Islands",code:"FK",unicode:"&#x1F1EB;&#x1F1F0;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/FK.svg",label:"+500"},{country_label:"Micronesia",code:"FM",unicode:"&#x1F1EB;&#x1F1F2;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/FM.svg",label:"+691"},{country_label:"Faroe Islands",code:"FO",unicode:"&#x1F1EB;&#x1F1F4;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/FO.svg",label:"+298"},{country_label:"France",code:"FR",unicode:"&#x1F1EB;&#x1F1F7;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/FR.svg",label:"+33"},{country_label:"Gabon",code:"GA",unicode:"&#x1F1EC;&#x1F1E6;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GA.svg",label:"+241"},{country_label:"United Kingdom",code:"GB",unicode:"&#x1F1EC;&#x1F1E7;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GB.svg",label:"+44"},{country_label:"Grenada",code:"GD",unicode:"&#x1F1EC;&#x1F1E9;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GD.svg",label:"+1473"},{country_label:"Georgia",code:"GE",unicode:"&#x1F1EC;&#x1F1EA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GE.svg",label:"+995"},{country_label:"French Guiana",code:"GF",unicode:"&#x1F1EC;&#x1F1EB;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GF.svg",label:"+594"},{country_label:"Guernsey",code:"GG",unicode:"&#x1F1EC;&#x1F1EC;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GG.svg",label:"+44"},{country_label:"Ghana",code:"GH",unicode:"&#x1F1EC;&#x1F1ED;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GH.svg",label:"+233"},{country_label:"Gibraltar",code:"GI",unicode:"&#x1F1EC;&#x1F1EE;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GI.svg",label:"+350"},{country_label:"Greenland",code:"GL",unicode:"&#x1F1EC;&#x1F1F1;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GL.svg",label:"+299"},{country_label:"Gambia",code:"GM",unicode:"&#x1F1EC;&#x1F1F2;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GM.svg",label:"+220"},{country_label:"Guinea",code:"GN",unicode:"&#x1F1EC;&#x1F1F3;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GN.svg",label:"+224"},{country_label:"Guadeloupe",code:"GP",unicode:"&#x1F1EC;&#x1F1F5;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GP.svg",label:"+590"},{country_label:"Equatorial Guinea",code:"GQ",unicode:"&#x1F1EC;&#x1F1F6;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GQ.svg",label:"+240"},{country_label:"Greece",code:"GR",unicode:"&#x1F1EC;&#x1F1F7;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GR.svg",label:"+30"},{country_label:"South Georgia & South Sandwich Islands",code:"GS",unicode:"&#x1F1EC;&#x1F1F8;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GS.svg",label:"+500"},{country_label:"Guatemala",code:"GT",unicode:"&#x1F1EC;&#x1F1F9;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GT.svg",label:"+502"},{country_label:"Guam",code:"GU",unicode:"&#x1F1EC;&#x1F1FA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GU.svg",label:"+1671"},{country_label:"Guinea-Bissau",code:"GW",unicode:"&#x1F1EC;&#x1F1FC;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GW.svg",label:"+245"},{country_label:"Guyana",code:"GY",unicode:"&#x1F1EC;&#x1F1FE;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GY.svg",label:"+595"},{country_label:"Hong Kong SAR China",code:"HK",unicode:"&#x1F1ED;&#x1F1F0;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/HK.svg",label:"+852"},{country_label:"Honduras",code:"HN",unicode:"&#x1F1ED;&#x1F1F3;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/HN.svg",label:"+504"},{country_label:"Croatia",code:"HR",unicode:"&#x1F1ED;&#x1F1F7;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/HR.svg",label:"+385"},{country_label:"Haiti",code:"HT",unicode:"&#x1F1ED;&#x1F1F9;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/HT.svg",label:"+509"},{country_label:"Hungary",code:"HU",unicode:"&#x1F1ED;&#x1F1FA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/HU.svg",label:"+36"},{country_label:"Indonesia",code:"ID",unicode:"&#x1F1EE;&#x1F1E9;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/ID.svg",label:"+62"},{country_label:"Ireland",code:"IE",unicode:"&#x1F1EE;&#x1F1EA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/IE.svg",label:"+353"},{country_label:"Israel",code:"IL",unicode:"&#x1F1EE;&#x1F1F1;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/IL.svg",label:"+972"},{country_label:"Isle of Man",code:"IM",unicode:"&#x1F1EE;&#x1F1F2;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/IM.svg",label:"+44"},{country_label:"India",code:"IN",unicode:"&#x1F1EE;&#x1F1F3;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/IN.svg",label:"+91"},{country_label:"British Indian Ocean Territory",code:"IO",unicode:"&#x1F1EE;&#x1F1F4;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/IO.svg",label:"+246"},{country_label:"Iraq",code:"IQ",unicode:"&#x1F1EE;&#x1F1F6;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/IQ.svg",label:"+964"},{country_label:"Iran",code:"IR",unicode:"&#x1F1EE;&#x1F1F7;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/IR.svg",label:"+98"},{country_label:"Iceland",code:"IS",unicode:"&#x1F1EE;&#x1F1F8;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/IS.svg",label:"+354"},{country_label:"Italy",code:"IT",unicode:"&#x1F1EE;&#x1F1F9;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/IT.svg",label:"+39"},{country_label:"Jersey",code:"JE",unicode:"&#x1F1EF;&#x1F1EA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/JE.svg",label:"+44"},{country_label:"Jamaica",code:"JM",unicode:"&#x1F1EF;&#x1F1F2;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/JM.svg",label:"+1876"},{country_label:"Jordan",code:"JO",unicode:"&#x1F1EF;&#x1F1F4;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/JO.svg",label:"+962"},{country_label:"Japan",code:"JP",unicode:"&#x1F1EF;&#x1F1F5;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/JP.svg",label:"+81"},{country_label:"Kenya",code:"KE",unicode:"&#x1F1F0;&#x1F1EA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/KE.svg",label:"+254"},{country_label:"Kyrgyzstan",code:"KG",unicode:"&#x1F1F0;&#x1F1EC;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/KG.svg",label:"+996"},{country_label:"Cambodia",code:"KH",unicode:"&#x1F1F0;&#x1F1ED;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/KH.svg",label:"+855"},{country_label:"Kiribati",code:"KI",unicode:"&#x1F1F0;&#x1F1EE;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/KI.svg",label:"+686"},{country_label:"Comoros",code:"KM",unicode:"&#x1F1F0;&#x1F1F2;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/KM.svg",label:"+269"},{country_label:"St. Kitts & Nevis",code:"KN",unicode:"&#x1F1F0;&#x1F1F3;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/KN.svg",label:"+1869"},{country_label:"North Korea",code:"KP",unicode:"&#x1F1F0;&#x1F1F5;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/KP.svg",label:"+850"},{country_label:"South Korea",code:"KR",unicode:"&#x1F1F0;&#x1F1F7;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/KR.svg",label:"+82"},{country_label:"Cayman Islands",code:"KY",unicode:"&#x1F1F0;&#x1F1FE;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/KY.svg",label:"+ 345"},{country_label:"Kazakhstan",code:"KZ",unicode:"&#x1F1F0;&#x1F1FF;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/KZ.svg",label:"+77"},{country_label:"Laos",code:"LA",unicode:"&#x1F1F1;&#x1F1E6;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/LA.svg",label:"+856"},{country_label:"Lebanon",code:"LB",unicode:"&#x1F1F1;&#x1F1E7;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/LB.svg",label:"+961"},{country_label:"St. Lucia",code:"LC",unicode:"&#x1F1F1;&#x1F1E8;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/LC.svg",label:"+1758"},{country_label:"Liechtenstein",code:"LI",unicode:"&#x1F1F1;&#x1F1EE;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/LI.svg",label:"+423"},{country_label:"Sri Lanka",code:"LK",unicode:"&#x1F1F1;&#x1F1F0;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/LK.svg",label:"+94"},{country_label:"Liberia",code:"LR",unicode:"&#x1F1F1;&#x1F1F7;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/LR.svg",label:"+231"},{country_label:"Lesotho",code:"LS",unicode:"&#x1F1F1;&#x1F1F8;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/LS.svg",label:"+266"},{country_label:"Lithuania",code:"LT",unicode:"&#x1F1F1;&#x1F1F9;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/LT.svg",label:"+370"},{country_label:"Luxembourg",code:"LU",unicode:"&#x1F1F1;&#x1F1FA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/LU.svg",label:"+352"},{country_label:"Latvia",code:"LV",unicode:"&#x1F1F1;&#x1F1FB;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/LV.svg",label:"+371"},{country_label:"Libya",code:"LY",unicode:"&#x1F1F1;&#x1F1FE;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/LY.svg",label:"+218"},{country_label:"Morocco",code:"MA",unicode:"&#x1F1F2;&#x1F1E6;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MA.svg",label:"+212"},{country_label:"Monaco",code:"MC",unicode:"&#x1F1F2;&#x1F1E8;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MC.svg",label:"+377"},{country_label:"Moldova",code:"MD",unicode:"&#x1F1F2;&#x1F1E9;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MD.svg",label:"+373"},{country_label:"Montenegro",code:"ME",unicode:"&#x1F1F2;&#x1F1EA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/ME.svg",label:"+382"},{country_label:"St. Martin",code:"MF",unicode:"&#x1F1F2;&#x1F1EB;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MF.svg",label:"+590"},{country_label:"Madagascar",code:"MG",unicode:"&#x1F1F2;&#x1F1EC;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MG.svg",label:"+261"},{country_label:"Marshall Islands",code:"MH",unicode:"&#x1F1F2;&#x1F1ED;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MH.svg",label:"+692"},{country_label:"North Macedonia",code:"MK",unicode:"&#x1F1F2;&#x1F1F0;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MK.svg",label:"+389"},{country_label:"Mali",code:"ML",unicode:"&#x1F1F2;&#x1F1F1;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/ML.svg",label:"+223"},{country_label:"Myanmar (Burma)",code:"MM",unicode:"&#x1F1F2;&#x1F1F2;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MM.svg",label:"+95"},{country_label:"Mongolia",code:"MN",unicode:"&#x1F1F2;&#x1F1F3;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MN.svg",label:"+976"},{country_label:"Macao SAR China",code:"MO",unicode:"&#x1F1F2;&#x1F1F4;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MO.svg",label:"+853"},{country_label:"Northern Mariana Islands",code:"MP",unicode:"&#x1F1F2;&#x1F1F5;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MP.svg",label:"+1670"},{country_label:"Martinique",code:"MQ",unicode:"&#x1F1F2;&#x1F1F6;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MQ.svg",label:"+596"},{country_label:"Mauritania",code:"MR",unicode:"&#x1F1F2;&#x1F1F7;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MR.svg",label:"+222"},{country_label:"Montserrat",code:"MS",unicode:"&#x1F1F2;&#x1F1F8;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MS.svg",label:"+1664"},{country_label:"Malta",code:"MT",unicode:"&#x1F1F2;&#x1F1F9;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MT.svg",label:"+356"},{country_label:"Mauritius",code:"MU",unicode:"&#x1F1F2;&#x1F1FA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MU.svg",label:"+230"},{country_label:"Maldives",code:"MV",unicode:"&#x1F1F2;&#x1F1FB;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MV.svg",label:"+960"},{country_label:"Malawi",code:"MW",unicode:"&#x1F1F2;&#x1F1FC;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MW.svg",label:"+265"},{country_label:"Mexico",code:"MX",unicode:"&#x1F1F2;&#x1F1FD;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MX.svg",label:"+52"},{country_label:"Malaysia",code:"MY",unicode:"&#x1F1F2;&#x1F1FE;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MY.svg",label:"+60"},{country_label:"Mozambique",code:"MZ",unicode:"&#x1F1F2;&#x1F1FF;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MZ.svg",label:"+258"},{country_label:"Namibia",code:"NA",unicode:"&#x1F1F3;&#x1F1E6;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/NA.svg",label:"+264"},{country_label:"New Caledonia",code:"NC",unicode:"&#x1F1F3;&#x1F1E8;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/NC.svg",label:"+687"},{country_label:"Niger",code:"NE",unicode:"&#x1F1F3;&#x1F1EA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/NE.svg",label:"+227"},{country_label:"Norfolk Island",code:"NF",unicode:"&#x1F1F3;&#x1F1EB;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/NF.svg",label:"+672"},{country_label:"Nigeria",code:"NG",unicode:"&#x1F1F3;&#x1F1EC;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/NG.svg",label:"+234"},{country_label:"Nicaragua",code:"NI",unicode:"&#x1F1F3;&#x1F1EE;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/NI.svg",label:"+505"},{country_label:"Netherlands",code:"NL",unicode:"&#x1F1F3;&#x1F1F1;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/NL.svg",label:"+31"},{country_label:"Norway",code:"NO",unicode:"&#x1F1F3;&#x1F1F4;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/NO.svg",label:"+47"},{country_label:"Nepal",code:"NP",unicode:"&#x1F1F3;&#x1F1F5;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/NP.svg",label:"+977"},{country_label:"Nauru",code:"NR",unicode:"&#x1F1F3;&#x1F1F7;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/NR.svg",label:"+674"},{country_label:"Niue",code:"NU",unicode:"&#x1F1F3;&#x1F1FA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/NU.svg",label:"+683"},{country_label:"New Zealand",code:"NZ",unicode:"&#x1F1F3;&#x1F1FF;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/NZ.svg",label:"+64"},{country_label:"Panama",code:"PA",unicode:"&#x1F1F5;&#x1F1E6;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/PA.svg",label:"+507"},{country_label:"Peru",code:"PE",unicode:"&#x1F1F5;&#x1F1EA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/PE.svg",label:"+51"},{country_label:"French Polynesia",code:"PF",unicode:"&#x1F1F5;&#x1F1EB;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/PF.svg",label:"+689"},{country_label:"Papua New Guinea",code:"PG",unicode:"&#x1F1F5;&#x1F1EC;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/PG.svg",label:"+675"},{country_label:"Philippines",code:"PH",unicode:"&#x1F1F5;&#x1F1ED;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/PH.svg",label:"+63"},{country_label:"Pakistan",code:"PK",unicode:"&#x1F1F5;&#x1F1F0;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/PK.svg",label:"+92"},{country_label:"Poland",code:"PL",unicode:"&#x1F1F5;&#x1F1F1;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/PL.svg",label:"+48"},{country_label:"St. Pierre & Miquelon",code:"PM",unicode:"&#x1F1F5;&#x1F1F2;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/PM.svg",label:"+508"},{country_label:"Pitcairn Islands",code:"PN",unicode:"&#x1F1F5;&#x1F1F3;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/PN.svg",label:"+872"},{country_label:"Puerto Rico",code:"PR",unicode:"&#x1F1F5;&#x1F1F7;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/PR.svg",label:"+1939"},{country_label:"Palestinian Territories",code:"PS",unicode:"&#x1F1F5;&#x1F1F8;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/PS.svg",label:"+970"},{country_label:"Portugal",code:"PT",unicode:"&#x1F1F5;&#x1F1F9;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/PT.svg",label:"+351"},{country_label:"Palau",code:"PW",unicode:"&#x1F1F5;&#x1F1FC;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/PW.svg",label:"+680"},{country_label:"Paraguay",code:"PY",unicode:"&#x1F1F5;&#x1F1FE;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/PY.svg",label:"+595"},{country_label:"R\xE9union",code:"RE",unicode:"&#x1F1F7;&#x1F1EA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/RE.svg",label:"+262"},{country_label:"Romania",code:"RO",unicode:"&#x1F1F7;&#x1F1F4;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/RO.svg",label:"+40"},{country_label:"Serbia",code:"RS",unicode:"&#x1F1F7;&#x1F1F8;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/RS.svg",label:"+381"},{country_label:"Russia",code:"RU",unicode:"&#x1F1F7;&#x1F1FA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/RU.svg",label:"+7"},{country_label:"Rwanda",code:"RW",unicode:"&#x1F1F7;&#x1F1FC;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/RW.svg",label:"+250"},{country_label:"Solomon Islands",code:"SB",unicode:"&#x1F1F8;&#x1F1E7;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SB.svg",label:"+677"},{country_label:"Seychelles",code:"SC",unicode:"&#x1F1F8;&#x1F1E8;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SC.svg",label:"+248"},{country_label:"Sudan",code:"SD",unicode:"&#x1F1F8;&#x1F1E9;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SD.svg",label:"+249"},{country_label:"Sweden",code:"SE",unicode:"&#x1F1F8;&#x1F1EA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SE.svg",label:"+46"},{country_label:"Singapore",code:"SG",unicode:"&#x1F1F8;&#x1F1EC;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SG.svg",label:"+65"},{country_label:"St. Helena",code:"SH",unicode:"&#x1F1F8;&#x1F1ED;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SH.svg",label:"+290"},{country_label:"Slovenia",code:"SI",unicode:"&#x1F1F8;&#x1F1EE;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SI.svg",label:"+386"},{country_label:"Svalbard & Jan Mayen",code:"SJ",unicode:"&#x1F1F8;&#x1F1EF;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SJ.svg",label:"+47"},{country_label:"Slovakia",code:"SK",unicode:"&#x1F1F8;&#x1F1F0;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SK.svg",label:"+421"},{country_label:"Sierra Leone",code:"SL",unicode:"&#x1F1F8;&#x1F1F1;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SL.svg",label:"+232"},{country_label:"San Marino",code:"SM",unicode:"&#x1F1F8;&#x1F1F2;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SM.svg",label:"+378"},{country_label:"Senegal",code:"SN",unicode:"&#x1F1F8;&#x1F1F3;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SN.svg",label:"+221"},{country_label:"Somalia",code:"SO",unicode:"&#x1F1F8;&#x1F1F4;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SO.svg",label:"+252"},{country_label:"Suriname",code:"SR",unicode:"&#x1F1F8;&#x1F1F7;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SR.svg",label:"+597"},{country_label:"South Sudan",code:"SS",unicode:"&#x1F1F8;&#x1F1F8;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SS.svg",label:"+211"},{country_label:"S\xE3o Tom\xE9 & Pr\xEDncipe",code:"ST",unicode:"&#x1F1F8;&#x1F1F9;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/ST.svg",label:"+239"},{country_label:"El Salvador",code:"SV",unicode:"&#x1F1F8;&#x1F1FB;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SV.svg",label:"+503"},{country_label:"Syria",code:"SY",unicode:"&#x1F1F8;&#x1F1FE;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SY.svg",label:"+963"},{country_label:"Eswatini",code:"SZ",unicode:"&#x1F1F8;&#x1F1FF;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SZ.svg",label:"+268"},{country_label:"Turks & Caicos Islands",code:"TC",unicode:"&#x1F1F9;&#x1F1E8;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/TC.svg",label:"+1649"},{country_label:"Chad",code:"TD",unicode:"&#x1F1F9;&#x1F1E9;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/TD.svg",label:"+235"},{country_label:"Togo",code:"TG",unicode:"&#x1F1F9;&#x1F1EC;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/TG.svg",label:"+228"},{country_label:"Thailand",code:"TH",unicode:"&#x1F1F9;&#x1F1ED;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/TH.svg",label:"+66"},{country_label:"Tajikistan",code:"TJ",unicode:"&#x1F1F9;&#x1F1EF;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/TJ.svg",label:"+992"},{country_label:"Tokelau",code:"TK",unicode:"&#x1F1F9;&#x1F1F0;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/TK.svg",label:"+690"},{country_label:"Timor-Leste",code:"TL",unicode:"&#x1F1F9;&#x1F1F1;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/TL.svg",label:"+670"},{country_label:"Turkmenistan",code:"TM",unicode:"&#x1F1F9;&#x1F1F2;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/TM.svg",label:"+993"},{country_label:"Tunisia",code:"TN",unicode:"&#x1F1F9;&#x1F1F3;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/TN.svg",label:"+216"},{country_label:"Tonga",code:"TO",unicode:"&#x1F1F9;&#x1F1F4;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/TO.svg",label:"+676"},{country_label:"Turkey",code:"TR",unicode:"&#x1F1F9;&#x1F1F7;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/TR.svg",label:"+90"},{country_label:"Trinidad & Tobago",code:"TT",unicode:"&#x1F1F9;&#x1F1F9;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/TT.svg",label:"+1868"},{country_label:"Tuvalu",code:"TV",unicode:"&#x1F1F9;&#x1F1FB;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/TV.svg",label:"+688"},{country_label:"Taiwan",code:"TW",unicode:"&#x1F1F9;&#x1F1FC;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/TW.svg",label:"+886"},{country_label:"Tanzania",code:"TZ",unicode:"&#x1F1F9;&#x1F1FF;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/TZ.svg",label:"+255"},{country_label:"Ukraine",code:"UA",unicode:"&#x1F1FA;&#x1F1E6;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/UA.svg",label:"+380"},{country_label:"Uganda",code:"UG",unicode:"&#x1F1FA;&#x1F1EC;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/UG.svg",label:"+256"},{country_label:"United States",code:"US",unicode:"&#x1F1FA;&#x1F1F8;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/US.svg",label:"+1"},{country_label:"Uruguay",code:"UY",unicode:"&#x1F1FA;&#x1F1FE;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/UY.svg",label:"+598"},{country_label:"Uzbekistan",code:"UZ",unicode:"&#x1F1FA;&#x1F1FF;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/UZ.svg",label:"+998"},{country_label:"Vatican City",code:"VA",unicode:"&#x1F1FB;&#x1F1E6;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/VA.svg",label:"+379"},{country_label:"St. Vincent & Grenadines",code:"VC",unicode:"&#x1F1FB;&#x1F1E8;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/VC.svg",label:"+1784"},{country_label:"Venezuela",code:"VE",unicode:"&#x1F1FB;&#x1F1EA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/VE.svg",label:"+58"},{country_label:"British Virgin Islands",code:"VG",unicode:"&#x1F1FB;&#x1F1EC;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/VG.svg",label:"+1284"},{country_label:"U.S. Virgin Islands",code:"VI",unicode:"&#x1F1FB;&#x1F1EE;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/VI.svg",label:"+1340"},{country_label:"Vietnam",code:"VN",unicode:"&#x1F1FB;&#x1F1F3;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/VN.svg",label:"+84"},{country_label:"Vanuatu",code:"VU",unicode:"&#x1F1FB;&#x1F1FA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/VU.svg",label:"+678"},{country_label:"Wallis & Futuna",code:"WF",unicode:"&#x1F1FC;&#x1F1EB;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/WF.svg",label:"+681"},{country_label:"Samoa",code:"WS",unicode:"&#x1F1FC;&#x1F1F8;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/WS.svg",label:"+685"},{country_label:"Yemen",code:"YE",unicode:"&#x1F1FE;&#x1F1EA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/YE.svg",label:"+967"},{country_label:"Mayotte",code:"YT",unicode:"&#x1F1FE;&#x1F1F9;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/YT.svg",label:"+262"},{country_label:"South Africa",code:"ZA",unicode:"&#x1F1FF;&#x1F1E6;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/ZA.svg",label:"+27"},{country_label:"Zambia",code:"ZM",unicode:"&#x1F1FF;&#x1F1F2;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/ZM.svg",label:"+260"},{country_label:"Zimbabwe",code:"ZW",unicode:"&#x1F1FF;&#x1F1FC;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/ZW.svg",label:"+263"}],br=si;import mi from"react-select";var ci=({cx:e,children:t,getStyles:r,innerProps:o,innerRef:n,...i})=>tt.createElement("div",{className:"absolute z-50 w-[190px] rounded border bg-background",ref:n,...o},t),ui=({cx:e,children:t,getStyles:r,innerProps:o,innerRef:n,...i})=>tt.createElement("div",{ref:n,className:"m-2 flex cursor-pointer flex-row items-center justify-between rounded-inner p-1 px-2 hover:bg-primary hover:text-primary-foreground",...o},tt.createElement("div",{className:"flex flex-row items-center justify-center gap-1"},tt.createElement("img",{className:"h-8 w-8",src:i.data.image}),tt.createElement("span",{className:"text-[10px]"},i.data.country_label)),t),Qt=e=>{let[t,r]=di("+966");return tt.createElement("div",{className:"mb-3 flex flex-col"},e.label&&tt.createElement("label",{className:"mb-2 block text-sm font-medium"},e.label),tt.createElement("div",{dir:"ltr",className:"flex flex-row "},tt.createElement(mi,{classNames:{control:()=>"w-[64px] text-right pr-2 cursor-pointer z-10 border rounded-l bg-background",placeholder:o=>"text-muted-foreground text-right ",input:o=>"bg-transparent cursor-pointer dark:text-white p-2 rounded-l text-[0.875rem] ",valueContainer:()=>"rounded-l h-auto text-[0.875rem]"},styles:{placeholder:o=>({...o,fontSize:"0.875rem",textAlign:"right"})},components:{Option:ui,Menu:ci,DropdownIndicator:()=>null,IndicatorSeparator:()=>null},options:br,isMulti:!1,isSearchable:!0,isClearable:!1,placeholder:"+966",unstyled:!0,defaultValue:e.preferredCountry,value:t,onChange:(o,n)=>r(o)}),tt.createElement("input",{onChange:e.handleChange,type:"number",placeholder:"531045453",className:"block w-full rounded-r border bg-background p-2 text-sm text-gray-900 focus:border-blue-500 focus:ring-blue-500"}),e.helperText&&tt.createElement("p",{className:"mb-1 mt-1 text-xs text-red-600 dark:text-red-500"},e.helperText)))};import nr,{useState as gi}from"react";var Rd=({orientation:e="horizontal",direction:t="ltr",width:r="normal",marginBetween:o=0,pill:n=!1,...i})=>{let[a,s]=gi(i.options[0]?.value),l={vertical:"inline-block py-2 px-4 text-white bg-primary active",horizontal:"inline-block py-2 px-4 text-white bg-primary active"},w={vertical:"inline-block py-2 px-4 hover:text-gray-900 hover:bg-gray-200 dark:hover:bg-gray-800 dark:hover:text-white",horizontal:"bg-gray-100 inline-block py-2 px-4 hover:text-gray-900 hover:bg-gray-200 dark:hover:bg-gray-800 dark:hover:text-white"},C={full:"w-full min-w-full",normal:"w-fit"},y={vertical:{container:"flex flex-row",tabs:"flex flex-col w-fit flex-wrap rounded border-b-primary bg-gray-100 text-center text-sm font-medium text-gray-500 dark:text-gray-400"},horizontal:{container:"",tabs:"flex w-fit flex-wrap rounded rounded-br-none rounded-bl-none border-b-primary bg-gray-100 text-center text-sm font-medium text-gray-500 dark:text-gray-400"}},f={vertical:"flex flex-row",horizontal:"flex flex-col"},g={vertical:"sticky top-2 h-fit flex flex-col w-fit flex-wrap rounded border-b-primary bg-gray-100 text-center text-sm font-medium text-gray-500 dark:text-gray-400",horizontal:"flex w-fit flex-wrap border-b-primary text-center text-sm font-medium text-gray-500 dark:text-gray-400"};return nr.createElement("div",{dir:t,className:u(f[e],i.options[a]?"border-b-2":"border-b-0")},nr.createElement("ul",{className:u("w-full border-primary",o?e==="vertical"?"mb-0":"mb-"+o:"",o&&t==="rtl"?"ml-"+o:"mr-"+o,g[e],e==="horizontal"?"grid grid-cols-3 gap-1 sm:flex sm:flex-row sm:gap-0 ":"",C[r],n?"gap-0.5 rounded border-none bg-gray-100 p-0.5":e==="vertical"?t==="rtl"?"rounded-none rounded-r border-l-2":"rounded-none rounded-l border-r-2":"border-b-0 sm:border-b-2")},i.options?.map((v,b)=>nr.createElement("button",{key:b,"aria-current":"page",onClick:()=>{s(v.value),i?.onChangeTab(v)},className:u(v.value===a?[l[e],t==="rtl"?"rounded-r":"rounded-l"]:w[e],n?"rounded":e==="vertical"?"rounded rounded-bl-none rounded-tl-none":"rounded sm:rounded-b-none","flex w-fit flex-row items-center gap-2 transition-all ")},v.icon,v.label))),nr.createElement("div",{className:"flex-1 transition-all"},i.options.map((v,b)=>nr.createElement("div",{key:b,className:u(a===v.value?"":"hidden")},v.content))))};import rt,{useEffect as fi}from"react";import jo from"clsx";var im=({open:e,title:t,onClose:r,closeOnClickOutside:o=!0,...n})=>{let i="absolute top-1/2 left-1/2 w-full h-screen flex flex-col justify-center items-center -translate-x-1/2 -translate-y-1/2 transition-all";return fi(()=>(o&&e&&(window.onclick=a=>{a.stopPropagation(),r()}),()=>window.onclick=null),[e]),rt.createElement("div",{className:jo(i,e?"z-10 opacity-100 ":"invisible -z-10 opacity-0")},rt.createElement("div",{className:jo("absolute h-screen w-full bg-gray-500 opacity-50",e?"opacity-50":"opacity-0")}),rt.createElement("div",{className:"relative w-1/2 max-w-md rounded bg-white p-1 shadow-lg dark:bg-gray-700"},rt.createElement("div",{className:"flex items-start justify-between rounded-t p-3 dark:border-gray-600"},rt.createElement("h3",{className:"text-xl font-semibold text-gray-900 dark:text-white"},t),rt.createElement("button",{type:"button",className:"inline-flex items-center rounded bg-transparent p-1.5 text-sm text-gray-400 hover:bg-gray-200 hover:text-gray-900 dark:hover:bg-gray-600 dark:hover:text-white","data-modal-toggle":"defaultModal",onClick:a=>{r()}},rt.createElement("svg",{"aria-hidden":"true",className:"h-5 w-5",fill:"currentColor",viewBox:"0 0 20 20"},rt.createElement("path",{fillRule:"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",clipRule:"evenodd"})),rt.createElement("span",{className:"sr-only"},"Close modal"))),rt.createElement("div",{className:"space-y-6 p-3"},n.children),rt.createElement("div",{className:"mx-2 flex items-center justify-end space-x-1 p-0 dark:border-gray-600"},n.actions)))};import ut,{useEffect as pi,useRef as So,useState as ir}from"react";import Po from"clsx";var Yt=({menuItems:e,withHeader:t,direction:r="ltr",headerTitle:o,headerSubtitle:n,size:i="normal",children:a,onClickOutside:s,actionedItem:l,position:w="top-right"})=>{let[C,y]=ir(!1),f=So(null),[g,v]=ir(null),[b,P]=ir(null),F=So(null),[z,ne]=ir(null),[j,U]=ir(null);pi(()=>{U(F.current?.getBoundingClientRect().height),ne(F.current?.getBoundingClientRect().width),v(f.current?.getBoundingClientRect().height),P(f.current?.getBoundingClientRect().width);let ge=Ke=>{F.current&&!F.current.contains(Ke.target)&&y(!1)};return document.addEventListener("click",ge,!0),()=>{document.removeEventListener("click",ge,!0)}},[s]);let te="border-none absolute ring-offset-1 absolute z-10 w-44 divide-y divide-gray-100 overflow-y-clip rounded bg-gray-50 shadow-lg transition-all dark:bg-gray-700",A={small:"text-[11px] p-1 px-4 m-0",normal:"py-2 px-4",large:""},S,$=5;switch(w){case"top-right":S=r==="rtl"?`${z-b}px, -${j+g+$}px`:`0px, -${j+g+$}px`;break;case"top-left":S=r==="rtl"?`0px, -${j+g+$}px`:`-${z-b}px, -${j+g+$}px`;break;case"bottom-right":S=r==="rtl"?`-0px, ${$}px`:`-${b-z}px, ${$}px`;break;case"bottom-left":S=r==="rtl"?`0px, ${$}px`:`-${z-b}px,${$}px`;break;case"right-bottom":S=r==="rtl"?`${z+$}px, -${g}px`:`${b+$}px, -${g}px`;break;case"right-top":S=r==="rtl"?`${z+$}px, -${j}px`:`${b+$}px, -${j}px`;break;case"left-bottom":S=r==="rtl"?`-${b+$}px, -${g}px`:`-${z+$}px, -${g}px`;break;case"left-top":S=r==="rtl"?`-${b+$}px, -${j}px`:`-${z+$}px, -${j}px`;break;default:S=`-${z/2}px, -${g+j/2}px`;break}return ut.createElement("div",{onClick:()=>{y(!C)}},ut.createElement("div",{ref:f},a),ut.createElement("div",{ref:F,style:{position:"absolute",width:"max-content",transform:`translate(${S})`,maxWidth:"200px"},className:Po(te,C?"opacity-100":"invisible opacity-0")},t&&ut.createElement("div",{className:"px-4 py-3 text-xs text-gray-900 dark:text-white"},ut.createElement("div",null,o),ut.createElement("div",{className:"truncate font-medium"},n)),e?.map((ge,Ke)=>ut.createElement("ul",{key:Ke,className:"bg-layout-1200 flex flex-col gap-1 p-1 text-gray-700 dark:text-gray-200"},ge?.map((R,O)=>R.element?ut.createElement("li",{key:O,className:"cursor-pointer items-center rounded hover:bg-gray-200 rtl:flex-row-reverse dark:hover:bg-gray-600 dark:hover:text-white"},R.element):ut.createElement("li",{key:O,onClick:()=>{R.disabled?console.log("button is disabled"):R?.action(l)},className:Po("transition-all",R.isButton?"flex cursor-pointer flex-row items-center rounded-inner bg-buttonPrimary-500 px-4 py-2 text-white hover:bg-buttonPrimary-700 rtl:flex-row-reverse":R.disabled?"text-gray-300":" flex cursor-pointer flex-row items-center rounded-inner hover:bg-gray-200 rtl:flex-row-reverse dark:hover:bg-gray-600 dark:hover:text-white ",A[i])},R.icon&&ut.createElement("div",{className:i==="small"?"mr-1 rtl:ml-1":"mr-2 rtl:ml-2"},R.icon),R.label))))))};import ar from"react";var fm=e=>ar.createElement("div",{className:"my-2 flex flex-col items-center justify-center gap-1 text-xs text-gray-400"},e.withLogo?ar.createElement("a",{href:e.onLogoClicked},ar.createElement("div",{className:"cursor-pointer"},ar.createElement("image",{href:e.logoURL,width:100,height:50}))):null,ar.createElement("div",null,e.version),e.credits?e.credits:null);import jt from"react";import Mo from"clsx";var ym=({orientation:e="horizontal",...t})=>{let r={vertical:"flex flex-col items-start w-fit",horizontal:"flex flex-row"},o={vertical:"w-1 h-32 rounded bg-red-200 ml-6 my-2",horizontal:"h-0.5 flex w-full rounded bg-red-200"};return jt.createElement("div",{className:Mo(r[e]," flex-wrap justify-start gap-4")},t.steps.map((n,i)=>jt.createElement("div",{key:i,className:"my-2 flex w-auto flex-row flex-wrap justify-start "},jt.createElement("div",{className:e==="vertical"?"flex w-full flex-row items-center":i+1===t.steps.length?"flex w-full flex-row items-center justify-start gap-2":"flex flex-row items-center justify-start gap-2 after:mx-2 after:hidden after:h-1 after:w-10 after:border-b after:border-gray-200 dark:after:border-gray-700 sm:after:inline-block sm:after:content-[''] md:w-full xl:after:mx-10"},jt.createElement("div",{className:"flex flex-row gap-2 "},jt.createElement("div",{className:Mo("flex h-6 w-6 min-w-[24px] items-center justify-center rounded ring-2 ring-primary/20 ring-offset-2",i+1<=t.currentStep?"bg-primary text-primary-foreground ":"bg-primary/20")},i+1<=t.currentStep?jt.createElement("svg",{"aria-label":"Check Mark",stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 512 512",height:"0.60em",width:"0.60em"},jt.createElement("path",{d:"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"})):i+1),jt.createElement("div",{className:"whitespace-nowrap"},n))))))};import vt from"react";import*as Oe from"react";var T=Oe.forwardRef(({className:e,clickable:t=!1,...r},o)=>Oe.createElement("div",{ref:o,className:u("rounded-lg border bg-card text-card-foreground shadow-sm",t&&"cursor-pointer transition-all hover:drop-shadow-md dark:hover:shadow-dark",e),...r}));T.displayName="Card";var Ce=Oe.forwardRef(({className:e,...t},r)=>Oe.createElement("div",{ref:r,className:u("flex flex-col space-y-1.5 p-6",e),...t}));Ce.displayName="CardHeader";var Fe=Oe.forwardRef(({className:e,...t},r)=>Oe.createElement("h3",{ref:r,className:u("text-2xl font-semibold leading-none tracking-tight",e),...t}));Fe.displayName="CardTitle";var ot=Oe.forwardRef(({className:e,...t},r)=>Oe.createElement("p",{ref:r,className:u("text-sm text-muted-foreground",e),...t}));ot.displayName="CardDescription";var N=Oe.forwardRef(({headless:e,className:t,...r},o)=>Oe.createElement("div",{ref:o,className:u("p-6",e?"pt-6":"pt-0",t),...r}));N.displayName="CardContent";var de=Oe.forwardRef(({className:e,...t},r)=>Oe.createElement("div",{ref:r,className:u("flex items-center p-6 pt-0",e),...t}));de.displayName="CardFooter";var jm=({variant:e="default",...t})=>vt.createElement(T,{onClick:t.handleClick,clickable:!!t.handleClick},vt.createElement(Ce,{className:"flex flex-row items-center justify-between space-y-0 pb-2"},vt.createElement(Fe,{className:"text-sm font-medium"},t.label),t.icon&&t.icon),vt.createElement(N,null,t.isLoading?vt.createElement(dt,{className:"h-8 w-3/4"}):vt.createElement("div",{className:"text-2xl font-bold"},t.number),t.isLoading&&t.helperText?vt.createElement(dt,{className:"mt-2 h-4 w-1/2"}):t.helperText&&vt.createElement("p",{className:"text-xs text-muted-foreground"},t.helperText),t.isLoading&&t.chart?vt.createElement(dt,{className:"mt-2 h-4 w-1/2"}):t.chart));import Ne,{useState as vi}from"react";import St from"react";import*as Qe from"@radix-ui/react-tooltip";var Eo=St.forwardRef(({className:e,sideOffset:t=4,...r},o)=>St.createElement(Qe.Content,{ref:o,sideOffset:t,className:u("z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...r}));Eo.displayName=Qe.Content.displayName;var xi=St.forwardRef(({className:e,...t},r)=>St.createElement(Qe.Arrow,{ref:r,className:u(e),...t}));xi.displayName=Qe.Arrow.displayName;var gt=({side:e,open:t,content:r,children:o,defaultOpen:n,onOpenChange:i,delayDuration:a=300,...s})=>St.createElement(Qe.TooltipProvider,{delayDuration:a},St.createElement(Qe.Root,{open:t,defaultOpen:n,onOpenChange:i},St.createElement(Qe.Trigger,{asChild:!0},o),St.createElement(Eo,{side:e,align:"center",...s},r)));import{useState as Wr}from"react";function Lo({timeout:e=2e3}={}){let[t,r]=Wr(null),[o,n]=Wr(!1),[i,a]=Wr(null),s=C=>{clearTimeout(i),a(setTimeout(()=>n(!1),e)),n(C)};return{copy:C=>{"clipboard"in navigator?navigator.clipboard.writeText(C).then(()=>s(!0)).catch(y=>r(y)):r(new Error("useClipboard: navigator.clipboard is not supported"))},reset:()=>{n(!1),r(null),clearTimeout(i)},error:t,copied:o}}var Wm=({tabs:e,code:t,fileName:r,width:o="full"})=>{let n=Lo(),[i,a]=vi(0);return Ne.createElement("div",{className:u({full:"w-full",md:"w-full max-w-md",sm:"w-full max-w-sm",xs:"w-full max-w-xs"}[o],"w-full flex-col items-center rounded bg-gray-200 text-left text-sm text-white dark:bg-gray-800 sm:text-base")},e&&Ne.createElement("div",{className:"flex flex-row gap-2 rounded-t bg-gray-100 p-2 pb-0 text-black dark:bg-gray-700 dark:text-white"},e.map((l,w)=>Ne.createElement("div",{className:u(i===w?" border-b-2 border-primary":"bg-transparent")},Ne.createElement("div",{onClick:()=>a(w),className:u("mb-1 w-full max-w-[52px] cursor-pointer rounded-inner p-2 py-1 text-center text-[0.75rem] hover:bg-gray-300 dark:hover:bg-gray-500")},l.title)))),r&&Ne.createElement("div",{className:"flex flex-row gap-2 rounded-t bg-gray-100 p-2 pb-0 text-black dark:bg-gray-700 dark:text-white"},Ne.createElement("div",{className:u("mb-1 w-full max-w-[52px] rounded-inner p-2 py-1 text-center text-[0.75rem]")},r)),Ne.createElement("pre",null,Ne.createElement("code",{className:u("flex w-full flex-row items-start justify-between rounded bg-gray-200 p-0 text-left text-sm text-black dark:bg-gray-800 dark:text-white sm:text-base")},Ne.createElement("div",{className:"flex min-h-[37.75px] w-full flex-col justify-center p-4 "},e?e[i].code:t),Ne.createElement("div",{className:"flex w-fit flex-row items-center gap-2 p-2"},Ne.createElement(gt,{open:n.copied,side:"left",content:Ne.createElement("div",null,"Copied!")},Ne.createElement(p,{size:"icon",onClick:()=>n.copy(e?e[i].code:t)},Ne.createElement("svg",{"aria-label":"Copy Icon",stroke:"currentColor",fill:"none",strokeWidth:"2",viewBox:"0 0 24 24",strokeLinecap:"round",strokeLinejoin:"round",height:"1em",width:"1em"},Ne.createElement("rect",{width:"14",height:"14",x:"8",y:"8",rx:"2",ry:"2"}),Ne.createElement("path",{d:"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"}))))))))};import Vr,{useState as bi}from"react";var _m=()=>{let[e,t]=bi("");return Vr.createElement("div",{className:"relative inline-block text-left"},Vr.createElement("span",{className:"rounded-md shadow-sm"},Vr.createElement("input",{type:"date",value:e,onChange:o=>{t(o.target.value)},className:"block w-full rounded border border-gray-300 bg-white p-2 text-sm text-gray-900 focus:border-blue-500 focus:ring-blue-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-blue-500 dark:focus:ring-blue-500"})))};import Z,{useEffect as Ur,useState as Ao}from"react";import{useDropzone as yi}from"react-dropzone";import hi from"clsx";var Jm=({texts:e,files:t,setFiles:r,setDeletedFiles:o,onAcceptedFiles:n,errorMessages:i,maxFiles:a,accept:s,showPreview:l,onDeleteFile:w,onClearFiles:C,disclaimer:y,maxSize:f,label:g,termsLink:v,privacyLink:b})=>{let[P,F]=Ao(0),[z,ne]=Ao(0),{getRootProps:j,getInputProps:U,fileRejections:te,acceptedFiles:A,isDragActive:S}=yi({multiple:!0,accept:s,maxSize:f,maxFiles:a,onDrop:R=>{r(R.map((O,d)=>Object.assign(O,{preview:URL.createObjectURL(O)})))}});Ur(()=>()=>{t?.forEach(R=>{URL.revokeObjectURL(R.preview)})},[t]),Ur(()=>{r(A)},[A,P]),C=()=>{A.length=0,A.splice(0,A.length),r([])};let $=()=>{A.length=0,r([])};Ur(()=>{if(f>0){let O=["Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"],d=Math.floor(Math.log(f)/Math.log(1024));ne(parseFloat((f/Math.pow(1024,d)).toFixed(2))+" "+O[d])}},[f]);let ge=te.map((R,O)=>{switch(R.errors[0].code){case"file-too-large":return Z.createElement(we,{text:R.file.name,title:e.fileTooLarge,severity:"error"});case"too-many-files":return Z.createElement(we,{text:R.file.name,title:e.tooManyFiles,severity:"error"});case"file-invalid-type":return Z.createElement(we,{text:R.file.name,title:e.invalidFileType,severity:"error"});default:return Z.createElement(we,{text:R.file.name,title:R.errors[0].code,severity:"error"})}}),Ke=t?.map((R,O)=>Z.createElement("div",{className:"relative rounded"},Z.createElement("button",{onClick:d=>{d.stopPropagation(),A.splice(A.indexOf(R),1),F(Math.random),w(R)},type:"button",className:"absolute left-0 ml-auto inline-flex items-center rounded-inner rounded-bl-none rounded-tr-none bg-gray-900 p-1.5 text-sm text-gray-400 transition-all hover:bg-gray-200 hover:text-gray-900 dark:hover:bg-gray-600 dark:hover:text-white","data-modal-toggle":"defaultModal"},Z.createElement("svg",{"aria-hidden":"true",className:"h-5 w-5",fill:"currentColor",viewBox:"0 0 20 20"},Z.createElement("path",{fillRule:"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",clipRule:"evenodd"})),Z.createElement("span",{className:"sr-only"},"Close modal")),Z.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",overflow:"hidden",height:100,width:100,backgroundImage:`url(${R.preview})`,backgroundSize:"cover",backgroundPosition:"center",border:"1px solid black"},className:"rounded-lg",key:R.name})));return Z.createElement("div",null,g&&Z.createElement("div",{className:"mb-2 block text-sm font-medium text-gray-900 dark:text-gray-300"},g),Z.createElement("div",{className:hi("flex flex-col justify-center rounded border border-dashed bg-gray-50 p-6 transition-all hover:bg-gray-100 dark:bg-gray-950 dark:hover:bg-gray-800 ",S?"bg-gray-200 dark:bg-gray-700":"bg-background")},Z.createElement("div",{...j({})},Z.createElement("p",{...U()}),Z.createElement("div",{className:"flex flex-col items-center justify-center gap-2 pt-4 text-center"},Z.createElement("svg",{stroke:"currentColor",fill:"none",strokeWidth:"2",viewBox:"0 0 24 24",strokeLinecap:"round",strokeLinejoin:"round",height:"1.5em",width:"1.5em"},Z.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),Z.createElement("path",{d:"M19 11v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2"}),Z.createElement("path",{d:"M13 13l9 3l-4 2l-2 4l-3 -9"}),Z.createElement("path",{d:"M3 3l0 .01"}),Z.createElement("path",{d:"M7 3l0 .01"}),Z.createElement("path",{d:"M11 3l0 .01"}),Z.createElement("path",{d:"M15 3l0 .01"}),Z.createElement("path",{d:"M3 7l0 .01"}),Z.createElement("path",{d:"M3 11l0 .01"}),Z.createElement("path",{d:"M3 15l0 .01"})),Z.createElement(e.clickHereToUpload,null)),Z.createElement("div",{className:"pt-2 text-center text-xs"},e.acceptedFileTypes," ",s.split(",")),Z.createElement("div",{className:"pb-2 pt-1 text-center text-xs"},e.maxFileSize," ",z)),A.length>0&&Z.createElement("div",{className:"flex justify-center rounded-lg p-2 "},Z.createElement(p,{onClick:$},"Clear All")),A.length>0&&Ke&&l?Z.createElement("aside",{className:"flex flex-row flex-wrap justify-center gap-2 rounded-lg p-2"},Ke):null,Z.createElement("div",{className:"px-4"},te[0]?.errors[0]?.code&&ge)),y&&Z.createElement("div",{className:"mt-2 text-sm text-muted-foreground/50"},e.disclaimer??"By uploading a file you agree to our"," ",Z.createElement("a",{href:v,className:"clickable-link text-muted-foreground/50"},e.terms??"Terms")," ",e.and??"and"," ",Z.createElement("a",{href:b,className:"clickable-link text-muted-foreground/50"},e.privacyPolicy??"Privacy Policy")))};import lr from"react";var rc=e=>lr.createElement("div",{className:"flex flex-row rounded bg-layoutPrimary-500 p-4"},lr.createElement("button",{className:"inline-flex items-center rounded bg-white p-2 text-center text-sm font-medium text-gray-900 hover:bg-gray-100 focus:outline-none focus:ring-4 focus:ring-gray-50 dark:bg-gray-800 dark:text-white dark:hover:bg-gray-700 dark:focus:ring-gray-600",type:"button"},lr.createElement("svg",{className:"h-6 w-6","aria-hidden":"true",fill:"currentColor",viewBox:"0 0 20 20"},lr.createElement("path",{d:"M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z"}))),lr.createElement("div",{className:"p-4"},e.children));import ic from"react";import Pt,{useState as wi}from"react";import Ci from"clsx";var gc=({subsections:e})=>{let[t,r]=wi(null);return Pt.createElement("div",{className:"w-full max-w-2xs rounded bg-layoutPrimary-500 p-4 "},e.map((o,n)=>Pt.createElement("div",{key:n,className:"my-0"},o.title&&Pt.createElement("div",{className:"my-4 font-bold"},o.title),o.sections.map((i,a)=>Pt.createElement(Fi,{key:a,onItemClick:()=>r(i.value),selected:t,value:i.value,icon:i.icon,title:i.label,chip:"Upgrade"})))))},Fi=({title:e,value:t,icon:r,chip:o,selected:n,onItemClick:i})=>Pt.createElement("div",{onClick:i,className:Ci("flex w-full cursor-pointer flex-row items-center justify-between gap-2 rounded p-2 transition-all ",n===t?"bg-primary text-white hover:bg-primary":"hover:bg-layoutPrimary-300")},Pt.createElement("div",{className:"flex w-full flex-row items-center justify-start gap-2"},r," ",Pt.createElement("span",null,e)),o&&Pt.createElement(Zt,{label:"Upgrade",size:"normal"})," ");import nt from"react";var bc=e=>nt.createElement("div",{className:"flex w-full flex-col gap-0 rounded border bg-card p-4"},nt.createElement("div",{className:"flex flex-row items-center gap-2"},nt.createElement("span",{className:"bg-white-200"},e.title),e.tooltip&&nt.createElement(gt,{content:e.tooltip},nt.createElement("svg",{stroke:"currentColor","aria-label":"Exclamation Circle",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 16 16",height:"1em",width:"1em"},nt.createElement("path",{d:"M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"})))),nt.createElement("div",{className:"bg-white-100 flex flex-row"},nt.createElement("div",null,e.currentUsage),nt.createElement("div",null," (",e.percent,"%)")),nt.createElement("div",{className:"mt-2 h-2.5 w-full rounded-full bg-gray-200 dark:bg-gray-700"},nt.createElement("div",{className:"h-2.5 rounded-full bg-primary",style:{width:`${e.percent??0}%`}})));import X,{useState as Ni}from"react";import Gr from"clsx";var Tc=({direction:e="ltr",texts:t={total:"Total",plan:"Plan",usage:"Usage",amount:"Amount",price:"Price"},...r})=>{let o=a=>X.createElement("div",{className:Gr(a.start?"items-start":"items-end","flex w-full flex-col")},X.createElement("div",{className:" text-sm text-gray-500"},a.label),X.createElement("div",{className:" whitespace-nowrap"},a.text)),[n,i]=Ni(!1);return X.createElement("div",{className:"flex w-full flex-col"},X.createElement("div",{className:"flex w-full flex-row items-center gap-2 border p-4 "},r.invoiceActions&&X.createElement("div",{className:Gr("transition-all hover:cursor-pointer ",e==="rtl"?"rotate-180":"",n?"rotate-90":""),onClick:()=>i(!n)},X.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 20 20","aria-hidden":"true",height:"2em",width:"2em"},X.createElement("path",{fillRule:"evenodd",d:"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z",clipRule:"evenodd"}))),X.createElement("div",{className:"flex w-full cursor-pointer flex-col gap-0",onClick:()=>i(!n)},X.createElement("div",{className:"flex flex-row items-center gap-2"},X.createElement("span",{className:"bg-white-200"},r.invoiceTitle),r.status&&X.createElement(Zt,{size:"small",label:r.status})),X.createElement("div",{className:"font-sm text-gray-400"},r.invoiceSubtitle)),X.createElement("div",{className:"flex flex-row items-center gap-2"},X.createElement("div",{className:"whitespace-nowrap"},r.total),X.createElement(Yt,{direction:e,position:e==="rtl"?"bottom-right":"bottom-left",menuItems:r.invoiceActions},X.createElement("div",{className:" p-2"},X.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 16 16",height:"1em",width:"1em"},X.createElement("path",{d:"M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"})))))),n&&X.createElement("div",{className:Gr(n?"h-full":"h-0 border-none p-0 px-4","flex h-auto flex-col gap-4 overflow-clip border border-t-0 bg-gray-50 p-4 transition-all")},X.createElement("div",{className:"border-b pb-2"},r.invoiceDescription),r.products?.map((a,s)=>X.createElement("div",{key:s,className:"flex flex-row border-b pb-4"},X.createElement("div",{className:"w-full"},X.createElement(o,{start:!0,label:t.plan,text:a.plan})),X.createElement("div",{className:"flex w-full flex-row gap-20 "},X.createElement(o,{label:t.usage,text:`${a.usage} SAR`}),X.createElement(o,{label:t.price,text:`${a.price} SAR`}),X.createElement(o,{label:t.amount,text:`${a.amount} SAR`})))),X.createElement("div",{className:"flex flex-row justify-between"},X.createElement("div",null,t.total)," ",X.createElement("div",null,r.total))))};import Te,{useEffect as Ti,useRef as ki,useState as yr}from"react";import _r from"clsx";var Ec=({position:e="bottom-right",...t})=>{let[r,o]=yr(!1),[n,i]=yr(!1),[a,s]=yr(null),[l,w]=yr(5),C=ki(null),y={"bottom-right":"right-4","bottom-left":"left-4"};Ti(()=>{let g=setTimeout(()=>{l>=0&&w(l-1)},1e3);return()=>{clearTimeout(g)}},[l]);let f=()=>{o(!0),setTimeout(()=>{C.current.removeChild(C.current.children[0])},200)};return Te.createElement("div",{ref:C,className:_r("fixed bottom-4 ",y[e])},Te.createElement("div",{className:_r("relative flex w-full max-w-sm flex-col gap-2 rounded border bg-background p-4 shadow-md transition-all",r?"opacity-0":"opacity-100")},Te.createElement("div",{className:"absolute left-2 top-2 p-1.5 text-sm"},t.title),Te.createElement("button",{type:"button",className:"absolute right-2 top-2 inline-flex h-8 w-8 rounded p-1.5 text-gray-400 hover:bg-gray-100 hover:text-gray-900 focus:ring-2 focus:ring-gray-300 dark:bg-gray-800 dark:text-gray-500 dark:hover:bg-gray-700 dark:hover:text-white","data-dismiss-target":"#toast-default","aria-label":"Close",onClick:()=>f()},Te.createElement("svg",{"aria-hidden":"true",className:"h-5 w-5",fill:"currentColor",viewBox:"0 0 20 20"},Te.createElement("path",{fillRule:"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",clipRule:"evenodd"}))),Te.createElement("div",{className:"mt-8"},t.question),Te.createElement("div",{className:"flex w-full flex-row gap-1 rounded"},t.options.map(g=>Te.createElement("span",{onClick:()=>{t.onOptionClicked(g),s(g),i(!0);let v=setTimeout(()=>{o(!0)},4800);setTimeout(()=>{C.current.removeChild(C.current.children[0]),clearTimeout(v)},5300)},className:_r("w-full cursor-pointer rounded border p-4 text-center transition-all ",a===g?"bg-gray-500 text-white":"border bg-background hover:bg-gray-300 dark:hover:bg-gray-700")},g))),t.texts&&Te.createElement("div",{className:" flex flex-row justify-between text-xs"},Te.createElement("span",null,t.texts.least),Te.createElement("span",null,t.texts.most)),n&&Te.createElement("div",{className:"absolute left-0 top-0 gap-2 flex h-full w-full flex-col items-center justify-center rounded bg-black bg-opacity-80 p-4 text-center transition-all"},Te.createElement("span",{className:"font-bold text-white"},"Thank you for your answer. This box will disappear in"," "+l," seconds"),Te.createElement("div",{className:"flex flex-row gap-2"},Te.createElement(p,{onClick:()=>f()},"Close")))))};import Mt,{useEffect as ji,useState as Si}from"react";import Pi from"clsx";var Bo=e=>Mt.createElement("svg",{onClick:e.onClick||(()=>{}),className:Pi("h-6 w-6 shrink-0 transition-all disabled:bg-gray-200",e.direction==="right"?"-rotate-90":"rotate-90",e.disabled?"text-gray-300":"cursor-pointer hover:scale-150"),fill:e.disabled&&"grey",viewBox:"0 0 20 20"},Mt.createElement("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"})),Dc=e=>{let[t,r]=Si(e.index||0);ji(()=>{console.log(`INDEX CHANGED TO: ${t}`)},[t]);let o={small:["",-8],medium:["2",-11],big:["3",-16]};return Mt.createElement("div",{className:"align-center box-boorder relative flex h-min w-min flex-row items-center justify-center rounded bg-layoutPrimary-500 p-4 py-0 pb-2 pt-2 shadow-md"},Mt.createElement(Bo,{direction:"left",disabled:t==0,onClick:()=>{t!=0&&r(t-1)}}),Mt.createElement("div",{className:"relative m-5 my-0 box-border flex h-full flex-col items-center justify-center py-6 pt-0 "},Mt.createElement("div",null,e.items[t].icon),Mt.createElement("div",{className:"absolute bottom-1 mb-0 mt-2 select-none"},e.items[t].label)),Mt.createElement(Bo,{direction:"right",disabled:t==e.items.length-1,onClick:()=>{t!=e.items.length-1&&r(t+1)}}))};import bt,{useRef as Io,useState as Mi,useEffect as Do}from"react";import Ei from"clsx";var Li=e=>bt.createElement("div",{className:"border-box mr-[10px] flex h-[32px] w-[32px] items-center justify-center rounded bg-gray-300 p-2",onMouseDown:e.onMouseDown},e.name),zo={bold:{css:"font-bold",content:"B"},italic:{id:"italic",css:"italic",content:"I"},under:{id:"under",css:"underline",content:"U"},strike:{id:"strike",css:"line-through",content:"S"}},it="\u200B",Wc=e=>{let[t,r]=Mi({content:"",stylings:[],revert:[0,0],clipboard:[],events:{paste:{is:!1,length:null},drop:{is:!1,text:null,drag:null}}}),o=Io(null),n=Io(t),i=d=>{n.current=d,r(d)},a=d=>{for(var m=0;d=d.previousSibling;m++);return m},s=(d,m)=>Array.from(d.childNodes).slice(0,m).map(c=>c.textContent.length).reduce((c,k)=>c+k,0),l=d=>Array.from(o.current.childNodes).slice(0,d).map(h=>{let c=Array.from(h.childNodes);return s(h,c.length)}).reduce((h,c)=>h+c,0),w=d=>{let m=window.getSelection(),x=Array.from(o.current.childNodes);x=x.filter(W=>!["#text","BR"].includes(W.nodeName));let h=m[d],c=h.parentNode,k=0,_=h.nodeName=="DIV"&&Array.from(h.classList).includes("line");if(c.nodeName=="SPAN"){let W=a(c);k+=s(c.parentNode,W);let E=a(c.parentNode);k+=l(E)}if(Array.from(c.classList).includes("line")){if(h.nodeName=="#text"){let E=a(h);k+=s(c,E)}let W=a(c);k+=l(W)}if(_){let W=a(h);k=l(W)}return c==o.current&&!_?0:k},C=()=>{if(document.activeElement!=o.current)return[0,0];let d=window.getSelection(),m=w("anchorNode"),x=w("focusNode");return[m+d.anchorOffset,x+d.focusOffset].sort((c,k)=>c-k)};Do(()=>{setTimeout(function(){let[d,m]=n.current.revert;if(d==0&&m==0)return;let x=null,h=null,c=0,k=Array.from(o.current.getElementsByTagName("span"));for(let E=0;E<k.length;E++){let Q=k[E],se=Q.textContent.length+c;x==null&&d>=c&&d<=se&&(x=k[E],d-=c),h==null&&m>c&&m<=se&&(h=k[E],m-=c),c+=Q.textContent.length}var _=document.createRange(),W=window.getSelection();_.setStart(x.firstChild,d),_.setEnd(h.firstChild,m),W.removeAllRanges(),W.addRange(_)},1)},[t.revert]);let y=(d,m)=>{let x=[];for(let h=d;h<=m;h++)x.push(h);return x},f=(d,m)=>{let x=new Set;for(let h of m)d.has(h)&&x.add(h);return x},g=d=>d.sort((m,x)=>m-x)[0],v=d=>d.sort((m,x)=>x-m)[0],b=(d,m)=>{if(d.type!=m.type)return-1;if(m.start<=d.start&&m.finish>=d.finish)return 0;let x=new Set(y(d.start-1,d.finish-1)),h=new Set(y(m.start-1,m.finish-1));return f(x,h).size==0?2:1},P=(d,m,x,h)=>{let[c,k,_]=d.find(([E,Q,se])=>E==0);m=m.filter((E,Q)=>Q!=k);let W=[{type:h,start:g([_.start,x.start]),finish:v([_.start,x.start])},{type:h,start:g([_.finish,x.finish]),finish:v([_.finish,x.finish])}];return W=W.filter(E=>E.start!=E.finish),m=[...m,...W],m},F=(d,m,x,h)=>{let c=d.filter(([E,Q,se])=>E==1).map(([E,Q,se])=>[Q,se]);c.push([-1,x]);let k=c.map(([E,Q])=>Q.start).sort((E,Q)=>E-Q)[0],_=c.map(([E,Q])=>Q.finish).sort((E,Q)=>Q-E)[0],W=c.map(E=>E[0]);return m=m.filter((E,Q)=>!W.includes(Q)),m.push({type:h,start:k,finish:_}),m},z=d=>{let m=n.current.stylings.slice(),[x,h]=C();if(x==h)return;let c={type:d,start:x,finish:h},k=[];for(let W=0;W<m.length;W++){let E=m[W],Q=b(c,E);Q!=-1&&k.push([Q,W,E])}let _;k.find(([W,E,Q])=>W==1)?_=F(k,m,c,d):k.find(([W,E,Q])=>W==0)?_=P(k,m,c,d):(k.find(([W,E,Q])=>W==2)||k.length==0)&&(_=[...m,c]),i({...t,stylings:_,revert:[x,h]})},ne=(d,m,x=0,h=0)=>d.filter(({start:k,finish:_})=>m>=k+x&&m<_+h),j=(d,m,x)=>{let h=d.filter(({start:c,finish:k})=>k>m&&c<x||c<x&&k>m);return h=h.map(c=>({...c,start:v([c.start,m])-m,finish:g([c.finish,x])-m})),h},U=(d,m,x=0)=>{let h={...d,start:d.start,finish:m},c={...d,start:m+x,finish:d.finish+x};return[h,c]},te=(d,m,x,h=!0)=>(d=d.map(c=>c.start>=m&&c.finish>m?(console.log("succeeding"),{...c,start:c.start+x,finish:c.finish+x}):c.start<m&&c.finish>m?h?{...c,finish:c.finish+x}:U(c,m,x):c.finish==m&&h?{...c,finish:c.finish+x}:c),d.flat()),A=(d,m,x)=>{let h=Math.abs(x-m);return d=d.map(c=>c.start>=m&&c.start>=x&&c.finish>=m&&c.finish>=x?{...c,start:c.start-h,finish:c.finish-h}:c.start>=m&&c.finish<=x?null:c.start<=m&&c.finish>=x?{...c,finish:c.finish-h}:c.start>m&&c.start<x?{...c,start:v([c.start,x])-h,finish:c.finish-h}:c.finish>m&&c.finish<x?{...c,finish:g([c.finish,m])}:c),d.flat().filter(c=>c)},S=(d,m,x,h)=>(m==0||(m>0?d=te(d,x-m,m):d=A(d,x,h+Math.abs(m))),d),$=(d,m,x,h)=>{let c=n.current.events.paste.length,k=x-c,_=k,W=k+c-m;return d=A(d,_,W),d=te(d,k,c,!1),d=d.concat(n.current.clipboard.map(E=>({...E,start:E.start+k,finish:E.finish+k}))),d},ge=(d,m,x,h)=>{console.log(`Dropped at: ${[x,h]}`);let c=n.current.events.drop.text.length,[k,_]=n.current.events.drop.drag,W=x-k,E=j(d,k,_),Q=k,se=_;if(W>0&&(d=te(d,h,c,!1),d=A(d,Q,se)),W<0){let Be=x;d=A(d,Q,se),d=te(d,Be,c,!1)}return d=d.concat(E.map(Be=>({...Be,start:Be.start+x,finish:Be.finish+x}))),d},Ke=(d,m,x)=>{n.current.events.drop.is&&d.length!=n.current.content.length||(console.log(`Changed at: ${[m,x]}`),setTimeout(function(){let h=d.length-n.current.content.length,c=n.current.stylings;n.current.events.paste.is?c=$(c,h,m,x):n.current.events.drop.is?c=ge(c,h,m,x):c=S(c,h,m,x),i({...n.current,content:d,stylings:c,revert:[m,x],events:{paste:{is:!1,length:null},drop:{is:!1,text:null,drag:null}}})},0))},R=()=>{let d=n.current.content,m=[...n.current.stylings],x=[],h=d.split("").map((c,k)=>c==it?k:null).filter(c=>c);h.unshift(0),h.push(d.length);for(let c=0;c<h.length-1;c++){let k=h[c],_=h[c+1],W=d.slice(k,_),E=j(m,k,_),Q=[],se=E.map(({start:he,finish:et})=>[he,et]).flat().sort((he,et)=>he-et);se=se.filter((he,et)=>se.indexOf(he)==et),se[0]!=0&&se.unshift(0);let Be=W.length;se[se.length-1]!=Be&&se.push(Be);for(let he=0;he<se.length-1;he++){let et=se[he],yn=se[he+1];Q.push({content:W.substring(et,yn),types:ne(E,et).map(hn=>hn.type)})}x.push(Q)}return x};Do(()=>{let d=R().map((m,x)=>`<div class="line" data-line-index="${x}">${m.map((h,c)=>`<span class="${h.types.map(k=>zo[k].css).join(" ")}" data-child-index="${c}">${h.content}</span>`).join("")}</div>`).join("");o.current.innerHTML=d},[t.content,t.stylings,t.revert]);let O=()=>{switch(e.rtl||"disabled"){case"enabled":return"rtl";case"disabled":return"ltr";case"auto":return"ltr"}};return bt.createElement("div",{className:"align-center box-border flex h-min w-[400px] flex-col items-center justify-center rounded shadow-md"},bt.createElement("div",{className:Ei("flex w-full flex-row justify-start p-2")},Object.entries(zo).map(([d,m])=>bt.createElement(Li,{name:m.content,key:`property-${d}`,onMouseDown:x=>{x.preventDefault(),z(d)}}))),bt.createElement("div",{className:"h-[1px] w-full bg-slate-600"},"\xA0"),bt.createElement("div",{className:"selection-ignore box-border w-full p-2"},bt.createElement("div",{ref:o,contentEditable:"true",className:"selection-ignore rtl h-[150px] w-full resize-none overflow-auto overflow-x-hidden border-none font-['Arial'] text-[16px] outline-none",style:{direction:O()},onPaste:d=>{d.preventDefault();let m=d.clipboardData.getData("text/plain");m=m.replaceAll(`
2
- `,""),m=m.replaceAll("\r",""),document.execCommand("insertHTML",!1,m),i({...n.current,events:{...n.current.events,paste:{is:!0,length:m.length}}})},onInput:d=>{let[m,x]=C(),h=d.target.textContent,c=n.current.content,k=d.nativeEvent.inputType;if(k=="insertParagraph"){console.log(`Inserted new line at [${m}, ${x}]`);let _=h.split("");_.splice(m,0,it),m==0&&!c.startsWith(it)&&(_.splice(m,0,it),m+=1,x+=1),h=_.join(""),m+=1,x+=1}else{let _=window.getSelection(),{anchorNode:W,focusNode:E}=_,Q=d.nativeEvent.data;if(W.parentNode==E.parentNode&&W.parentNode.nodeName=="SPAN"&&_.anchorOffset<=1&&_.focusOffset<=1&&k=="insertText"){let se=a(W.parentNode.parentNode),Be=c;c.startsWith(it)&&(Be=Be.slice(1));let he=Be.split(it)[se];console.log(Be.split(it)),he=he.split(""),he.splice(0,0,Q),he=he.join("");let et=Be.split(it);et[se]=he,h=et.join(it),c.startsWith(it)&&(h=it+h),m+=1,x+=1}}Ke(h,m,x)},onCopy:()=>{let[d,m]=C(),x=n.current.stylings.slice();x=j(x,d,m),i({...t,clipboard:x})},onDrop:d=>{let m=d.dataTransfer.getData("text");m.trim()!=""&&i({...n.current,events:{...n.current.events,drop:{is:!0,text:m,drag:C()}}})}})),bt.createElement("div",{className:"h-[1px] w-full bg-slate-600"},"\xA0"),bt.createElement("button",{className:"my-1 rounded bg-cyan-800 p-2 py-1 text-white",onClick:()=>{(e.onSubmit||(()=>{}))(t.content,t.stylings)}},"Submit"))};import Ie,{useState as Ai,useCallback as Bi}from"react";import{Editor as hr,createEditor as Ii}from"slate";import{Slate as Di,Editable as zi,withReact as Hi}from"slate-react";var Oi=[{type:"paragraph",children:[{text:""}]}],Wi={bold:{fontWeight:"bold"},italic:{fontStyle:"italic"},underline:{textDecoration:"underline"},strikethrough:{textDecoration:"line-through"}},Vi=e=>{let t=Object.assign({},e.leaf);delete t.text;let r=Object.entries(t).filter(([n,i])=>i).map(([n,i])=>n),o={};return r.length!=0&&r.map(n=>{Object.entries(Wi[n]).map(([i,a])=>{o[i]=a})}),Ie.createElement("span",{...e.attributes,style:o},e.children)},wr=e=>Ie.createElement("div",{className:"border-box mr-[5px] flex h-[32px] w-[32px] items-center justify-center rounded bg-gray-400 p-2",onMouseDown:e.onMouseDown},e.name),Kc=()=>{let[e]=Ai(()=>Hi(Ii())),t=Bi(o=>Ie.createElement(Vi,{...o}),[]),r=(o,n)=>{o.preventDefault();let i=hr.marks(e)[n]||!1;console.log(hr.marks(e)),hr.addMark(e,n,!i)};return Ie.createElement("div",{className:"align-center box-border flex h-min w-[400px] flex-col items-center justify-center rounded bg-blue-300 shadow-md"},Ie.createElement("div",{className:"flex w-full flex-row justify-start p-2"},Ie.createElement(wr,{name:"B",onMouseDown:o=>{r(o,"bold")}}),Ie.createElement(wr,{name:"I",onMouseDown:o=>{r(o,"italic")}}),Ie.createElement(wr,{name:"U",onMouseDown:o=>{r(o,"underline")}}),Ie.createElement(wr,{name:"S",onMouseDown:o=>{r(o,"strikethrough")}})),Ie.createElement("div",{className:"h-[1px] w-full bg-slate-600"},"\xA0"),Ie.createElement("div",{className:"w-full"},Ie.createElement(Di,{editor:e,initialValue:Oi},Ie.createElement(zi,{renderLeaf:t,className:"h-[150px] p-2",onKeyDown:o=>{if(o.ctrlKey)switch(o.key){case"b":{o.preventDefault(),hr.addMark(e,"bold",!0);break}}}}))),Ie.createElement("div",{className:"h-[1px] w-full bg-slate-600"},"\xA0"),Ie.createElement("button",{className:"my-1 rounded bg-cyan-800 p-2 py-1 text-white"},"Submit"))};import ke from"react";import Ui from"react-dom/server";var Gi="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",Ho=e=>ke.createElement("div",{className:"border-box mr-[10px] flex h-[32px] w-fit min-w-[32px] items-center justify-center rounded bg-gray-300 p-2 transition-all hover:opacity-50",onMouseDown:e.onMouseDown},e.name),_i=e=>ke.createElement("div",{className:"group relative w-fit"},ke.createElement("img",{src:`data:image/pngg;charset=utf-8;base64,${Gi}`}),ke.createElement("div",{className:"absolute right-0 top-0 text-red-900 opacity-0 transition-all hover:opacity-50 group-hover:opacity-100"},ke.createElement("svg",{"aria-label":"Close Icon","aria-hidden":"true",className:"h-4 w-4",fill:"currentColor",viewBox:"0 0 20 20"},ke.createElement("path",{fillRule:"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",clipRule:"evenodd"})))),qi={bold:"B",italic:"I",underline:"U",strikeThrough:"S",subscript:"SubS",superscript:"SuperS",removeFormat:"Plain"},Jc=e=>ke.createElement("div",{className:"align-center box-border flex h-min w-[400px] flex-col items-center justify-center rounded shadow-md"},ke.createElement("div",{className:"flex w-full flex-row justify-start p-2"},Object.entries(qi).map(([t,r])=>ke.createElement(Ho,{name:r,key:`property-${t}`,onMouseDown:o=>{o.preventDefault(),document.execCommand(t,!1,null),console.log(`Executing ${t}`)}})),ke.createElement(Ho,{name:"Image",key:"property-insertImage",onMouseDown:t=>{t.preventDefault();let r=Ui.renderToString(ke.createElement(_i,null));document.execCommand("insertHTML",!1,r)}})),ke.createElement("div",{className:"h-[1px] w-full bg-slate-600"},"\xA0"),ke.createElement("div",{className:" box-border w-full p-2"},ke.createElement("div",{contentEditable:"true",className:"rtl h-[150px] w-full resize-none overflow-auto overflow-x-hidden border-none font-['Arial'] text-[16px] outline-none"})),ke.createElement("div",{className:"h-[1px] w-full bg-slate-600"},"\xA0"),ke.createElement("button",{className:"my-1 rounded bg-cyan-800 p-2 py-1 text-white",onClick:()=>{}},"Submit"));import qr,{useState as Oo,useEffect as Zi,useRef as Wo}from"react";import{clsx as Ki}from"clsx";var iu=({...e})=>{let[t,r]=Oo(!1),[o,n]=Oo(null),i=Wo(o),a=f=>{i.current=f,n(f)},s=Wo(null),l=()=>{let f=e.anchor.current;return[f.scrollTop,f.scrollLeft]},w=()=>{let[f,g]=l(),v=e.anchor.current.getBoundingClientRect();r(f>=v.height+(e.paddingThreshold||100))},C=()=>{e.anchor.current.scrollTo({top:0,behavior:"smooth"})};Zi(()=>{if(!e.anchor.current)return;e.anchor.current.addEventListener("scroll",w);let f=setInterval(()=>{if(!e.anchor.current)return;let g=e.anchor.current.getBoundingClientRect();if(i.current==null)return a(g);i.current.top==g.top&&i.current.left==g.left&&i.current.width==g.width&&i.current.height==g.height||a(g)},1);return()=>{e.anchor.current?.removeEventListener("scroll",w),clearInterval(f)}},[]);let y=()=>{if(!e.anchor.current)return{};let f=e.corner||"bottom-right",[g,v]=f.split("-"),b=e.anchor.current.getBoundingClientRect(),P=s.current.getBoundingClientRect(),F=v=="right"?b.width-P.width:0,z=g=="bottom"?b.height-P.height:0;return{top:b.y+z+(g=="bottom"?-1:1)*(e.paddingX||10),left:b.x+F+(v=="right"?-1:1)*(e.paddingX||25)}};return qr.createElement(p,{className:u("fixed cursor-pointer rounded transition-all",t?"pointer-events-all opacity-100":"pointer-events-none opacity-0"),onClick:C,style:{...y(),transitionProperty:"opacity, background-color"},ref:s,size:"icon"},qr.createElement("svg",{className:Ki("h-6 w-6 shrink-0 rotate-180 transition-all disabled:bg-gray-200"),"aria-label":"Arrow Icon",viewBox:"0 0 20 20",fill:"currentColor"},qr.createElement("path",{d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"})))};import Qi from"react";var du=e=>Qi.createElement("code",{className:"inline-code"},e.text);import Vt from"react";var gu=e=>Vt.createElement("div",null,Vt.createElement("ol",{className:"relative border-l border-gray-200 dark:border-gray-700"},e.steps.map(t=>Vt.createElement("li",{className:"mb-10 ml-4"},Vt.createElement("div",{className:"absolute -left-1.5 mt-1.5 h-3 w-3 rounded-full border border-white bg-gray-200 dark:border-gray-900 dark:bg-gray-700"}),Vt.createElement("time",{className:"mb-1 text-sm font-normal leading-none text-gray-400 dark:text-gray-500"},t.date),Vt.createElement("h3",{className:"text-lg font-semibold text-gray-900 dark:text-white"},t.title),Vt.createElement("p",{className:"mb-4 text-base font-normal text-gray-500 dark:text-gray-400"},t.description),t.actions))));import Vo,{useEffect as Yi,useState as Xi}from"react";import Ji from"clsx";var Uo=({label:e,icon:t,digits:r,width:o="normal",getPins:n,...i})=>{let[a,s]=Xi(Array.from(Array(r))),l=(C,y)=>{let f=0;C.key==="Backspace"&&(C.target.value.length===0?f=y-1:f=y,document.getElementById(`input-${f}`)?.focus())};Yi(()=>{a.includes(void 0)||n(a)});let w=(C,y)=>{if(/^\d*$/.test(C.target.value)){let f=[...a];f[y]=C.target.value,s(f),C.target.value.length===1?document.getElementById(`input-${y+1}`)?.focus():C.target.value.length===0&&document.getElementById(`input-${y-1}`)?.focus()}else{let f=[...a];f[y]="",s(f);return}};return Vo.createElement("div",{className:"flex w-full flex-row justify-center gap-2"},a.map((C,y)=>Vo.createElement("input",{key:y,type:"text",maxLength:1,value:C,id:`input-${y}`,pattern:"[0-9]*",className:Ji("h-10 rounded border bg-background text-center",o==="full"?"w-full":"w-10"),onChange:f=>w(f,y),onKeyDown:f=>l(f,y),onFocus:f=>f.target.select(),...i})))};import De,{useEffect as $i,useState as Ri}from"react";import Cr from"clsx";var Tu=({actions:e,counts:t,content:r,headerActions:o,clickableImage:n,clickableImageAction:i,clickableImageActionText:a,clickableImageActionIcon:s,header:l,cardImage:w,orientation:C="vertical",...y})=>{let f="block rounded border border-gray-200 bg-white shadow-sm hover:shadow-lg transition-all dark:border-gray-700 dark:bg-gray-800 ",g={vertical:"max-w-sm",horizontal:"flex flex-row w-full"},v={vertical:"h-auto max-h-56 w-full rounded-t-lg object-cover",horizontal:"h-full w-48 rounded-l object-cover"},b="inline-block rounded p-1 text-sm text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-700",[P,F]=Ri(!1);function z(){F(!P)}return $i(()=>(window.onclick=()=>{P&&F(!1)},()=>window.onclick=null),[P]),De.createElement("div",{className:Cr(f,g[C]),...y},w&&De.createElement("div",{className:"group relative overflow-clip"},De.createElement("img",{src:"https://via.placeholder.com/50",className:Cr(v[C],n?"overflow-clip transition-all group-hover:blur-lg":"")}),n&&De.createElement("div",{className:"absolute left-0 top-0 flex h-full w-full items-center justify-center opacity-0 transition-all group-hover:opacity-100 "},De.createElement(p,{variant:"secondary",onClick:i,className:"flex flex-row gap-2"},s,a))),De.createElement("div",{className:"relative w-full p-6"},o&&De.createElement("div",{className:"max-h- bg-red absolute right-0 top-0 flex justify-end pr-3 pt-3"},De.createElement(kt,{items:o,trigger:De.createElement("div",{className:Cr(b),onClick:z},De.createElement("span",{className:"sr-only"},"Open dropdown"),De.createElement("svg",{className:"h-6 w-6","aria-hidden":"true",fill:"currentColor",viewBox:"0 0 20 20"},De.createElement("path",{d:"M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z"})))})),l&&De.createElement("h5",{className:"mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white"},l),r&&De.createElement("span",{className:"w-full font-normal text-gray-700 dark:text-gray-400"},r),e||t?De.createElement("div",{className:Cr("mt-3 flex items-center rounded-b-lg dark:text-white ",e&&t?"justify-between":"justify-end")},t,e):null))};import ea from"clsx";import ze from"react";var Go=({size:e="medium",direction:t="ltr",currentPlan:r=!1,...o})=>ze.createElement("div",{dir:t==="rtl"?"rtl":"ltr",className:ea(r?"border-primary":"bg-background",{small:"mx-1 w-full max-w-sm rounded border dark:border-gray-700 bg-background ",medium:"mx-1 w-full rounded min-w-fit border dark:border-gray-700 bg-background ",large:"mx-1 w-full max-w-lg rounded border dark:border-gray-700 bg-background "}[e],"flex flex-col gap-4 rounded border-2 p-4")},ze.createElement("h5",{className:"text-md 0 font-bold text-primary/70"},o.texts.title),ze.createElement("div",{className:" text-primary/ flex items-baseline"},ze.createElement(ze.Fragment,null,ze.createElement("span",{className:"text-5xl font-extrabold tracking-tight"},o.price),ze.createElement("span",{className:"mx-1 text-sm font-semibold"},o.texts.currencyText)),ze.createElement("span",{className:"ml-1 text-xl font-normal text-primary/70"},"/ ",o.texts.cycleText)),ze.createElement("h5",{className:"text-md font-normal text-primary/70"},o.texts.subtitle),o.features&&ze.createElement("ul",{role:"list",className:"space-y-0 "},o.features?.map((a,s)=>ze.createElement("li",{key:s,className:"flex "},ze.createElement("svg",{"aria-label":"Check Icon","aria-hidden":"true",className:"m-2 h-5 w-5 flex-shrink-0 text-primary",fill:"currentColor",viewBox:"0 0 20 20"},ze.createElement("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",clipRule:"evenodd"})),ze.createElement("span",{className:"flex items-center text-center font-normal leading-tight text-primary/70 "},a.text)))),ze.createElement(p,{onClick:o.onPlanClicked,disabled:r,className:"w-full"},o.texts.buttonText));import ta from"clsx";import Et,{useState as ra,useEffect as oa,useRef as na}from"react";var Iu=({orientation:e,...t})=>{let r=na(null),[o,n]=ra(!1),i=0;oa(()=>{if(i){let l=setTimeout(()=>{n(!0)},i),w=setTimeout(()=>{n(!0),r.current.removeChild(r.current.children[0])},i+1e3);return()=>{clearTimeout(l),clearTimeout(w)}}},[i]);let a={horizontal:"flex flex-row max-w-xl rounded border-gray-200 bg-gray-100 shadow-md p-2 gap-2 items-center relative dark:border-gray-700 dark:bg-gray-800 ",vertical:"flex flex-col max-w-[200px] justify-start rounded border-gray-200 bg-gray-100 gap-2 shadow-md p-2 relative dark:border-gray-700 dark:bg-gray-800 "},s={horizontal:"w-auto h-full bg-blue-500 rounded-inner",vertical:"bg-blue-500 rounded-inner w-auto "};return Et.createElement("div",{ref:r},Et.createElement("div",{className:ta(a[e],"dark:text-white"),...t},Et.createElement("div",{className:"flex aspect-square w-full max-w-fit items-start "},Et.createElement("img",{src:t.imageURL?t.imageURL:"https://via.placeholder.com/50",className:s[e]})),Et.createElement("div",{className:"w-full text-xs"},Et.createElement("div",{className:"font-bold"},t.title),Et.createElement("div",{className:"text-[12px]"},t.description)),Et.createElement("span",{onClick:()=>{t.canHide?(n(!0),setTimeout(()=>{r.current.removeChild(r.current.children[0])},200)):t.handleCantHide()},className:"absolute right-0 top-0 h-fit cursor-pointer select-none rounded-bl-lg rounded-tr-lg bg-blue-100 px-2.5 py-0.5 text-[10px] font-semibold text-blue-800 dark:bg-blue-200 dark:text-blue-800"},"Hide")))};import ia from"clsx";import Xt from"react";var Wu=({orientation:e="horizontal",...t})=>{let r={horizontal:"flex max-w-xl rounded border-gray-200 bg-gray-100 shadow-md dark:border-gray-700 dark:bg-gray-800 ",vertical:"flex max-w-xs rounded border-gray-200 bg-gray-100 shadow-md dark:border-gray-700 dark:bg-gray-800 "},o={horizontal:"w-8 h-8 rounded",vertical:"w-14 h-14 rounded"};return Xt.createElement("div",{className:ia(r[e],"flex flex-col p-10","relative overflow-hidden dark:text-white",t.className),...t},t.texts?.titleTip&&Xt.createElement("div",{className:"text-sm text-red-600"},t.texts?.titleTip),t.imageURL&&Xt.createElement("img",{className:"absolute -bottom-10 -right-10 h-40 w-auto ",src:t.imageURL}),t.texts?.title&&Xt.createElement("div",{className:"mt-2 text-lg font-medium"},t.texts?.title," "),t.texts?.description&&Xt.createElement("div",{className:"z-10 mt-4 text-sm"},t.texts?.description),t.texts?.linkText&&Xt.createElement("div",{className:"z-10 mt-6 text-sm underline underline-offset-8"},t.texts?.linkText))};import Ut,{useState as _o}from"react";import sr from"clsx";var aa="cursor-default pointer-events-none",la={contained:"text-gray-300 bg-gray-100",outlined:"text-gray-300 border-gray-300"},qo="cursor-pointer justify-center items-center text-center font-medium transition-all ",Zo={icon:"h-10 w-10",xs:"px-1.5 py-2 text-[9px] h-fit",small:"text-xs px-2.5 py-1.5",medium:"text-sm leading-4 px-3 py-2",default:"h-10 px-4 py-2",large:"text-sm px-4 py-2",noPadding:"p-0",full:"h-full max-h-full p-2"},Ko={full:"w-full flex justify-center px-5 py-2.5 text-center inline-flex items-center",half:"w-full text-center flex items-center justify-center h-full",normal:"w-fit dark:bg-buttonPrimary-dark dark:hover:bg-buttonPrimary-700 dark:hover:brightness-90 dark:focus:ring-buttonPrimary-500"},sa={full:"w-full flex justify-center text-center inline-flex items-center",half:"w-1/2",normal:"w-fit"},Qo={contained:"border-transparent",outlined:"border border-input bg-background hover:bg-accent hover:text-accent-foreground"},da={contained:{default:"text-neutral-900 bg-buttonPrimary-500 hover:bg-buttonPrimary-700 bg-buttonPrimary-500 text-white",primary:"text-white bg-buttonPrimary-500 hover:bg-buttonPrimary-700 transition-all",secondary:"bg-buttonSecondary-500 hover:text-white hover:bg-buttonSecondary-700",gray:"text-neutral-900 bg-gray-200 hover:bg-gray-300",dark:"text-neutral-900 bg-gray-200 hover:bg-gray-300"},outlined:{default:"text-gray-600 border-gray-600 hover:bg-gray-200 dark:hover:bg-gray-800 dark:text-white",primary:"text-black hover:bg-gray-50 dark:text-white",secondary:" dark:text-white text-secondary-800 border-secondary-800 hover:bg-buttonSecondary-700 hover:text-white",gray:"border-gray-300 hover:bg-gray-200",dark:"border-gray-900 hover:bg-gray-700"}},Ku=({className:e,variant:t="contained",color:r="default",size:o="default",width:n="normal",disabled:i=!1,isLoading:a=!1,tooltip:s,tooltipSize:l="normal",tooltipPosition:w="top-left",tooltipDirection:C="ltr",margins:y="2",children:f,badge:g,edgeCorner:v=!1,feedback:b,...P})=>{let[F,z]=_o(!1),[ne,j]=_o(f),U=te=>{P.onClick&&P.onClick(te),b&&!F&&(j(b),z(!0),setTimeout(()=>{j(f),z(!1)},2e3))};return Ut.createElement("div",{className:sr("relative",y!=="none"?`my-${y}`:"m-0",sa[n])},Ut.createElement("button",{className:i?sr(e,qo,v?"rounded-inner":"rounded",Qo[t],Zo[o],Ko[n],aa,la[t]):sr(e,"overflow-x-clip",qo,v?"rounded-inner":"rounded",Qo[t],Zo[o],da[t][r],Ko[n]),disabled:i,onClick:U},a?Ut.createElement(Tt,{design:"dots-pulse",color:"bg-white",size:"button"}):Ut.createElement("div",{className:sr(" s flex flex-col-reverse items-start justify-center gap-4 transition-all",F&&b?" -translate-y-8 pb-1 pt-1":"translate-y-0")},F&&b?Ut.createElement("div",{className:"w-full text-center"},ne):null,Ut.createElement("div",{className:"flex w-full select-none flex-row items-center justify-center gap-2 whitespace-nowrap"},P.startIcon&&P.startIcon,f,P.endIcon&&P.endIcon))),g&&Ut.createElement("div",{className:sr(typeof g=="boolean"?"h-5 w-5":typeof g=="string"?"h-5 w-7":"h-6 w-6","absolute -right-2 -top-2 inline-flex select-none items-center justify-center rounded-full border-2 border-white bg-red-500 text-[9px] font-bold text-white dark:border-gray-900")},typeof g=="number"&&g>100?"+99":g))};import K from"react";var Ju=e=>K.createElement("div",{className:"flex justify-center"},K.createElement("div",null,e.store==="apple"?e.mode==="dark"?K.createElement("div",{className:"mt-3 flex h-14 w-48 items-center justify-center rounded-lg bg-black text-white"},K.createElement("div",{className:"mr-3"},K.createElement("svg",{viewBox:"0 0 384 512",width:"30"},K.createElement("path",{fill:"currentColor",d:"M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"}))),K.createElement("div",null,K.createElement("div",{className:"text-xs"},"Download on the"),K.createElement("div",{className:"font-sans -mt-1 text-2xl font-semibold"},"App Store"))):K.createElement("div",{className:"mt-3 flex h-14 w-48 items-center justify-center rounded-lg border border-black bg-transparent text-black"},K.createElement("div",{className:"mr-3"},K.createElement("svg",{viewBox:"0 0 384 512",width:"30"},K.createElement("path",{fill:"currentColor",d:"M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"}))),K.createElement("div",null,K.createElement("div",{className:"text-xs"},"Download on the"),K.createElement("div",{className:"font-sans -mt-1 text-2xl font-semibold"},"App Store"))):e.mode==="dark"?K.createElement("div",{className:"mt-3 flex h-14 w-48 items-center justify-center rounded-lg bg-black text-white"},K.createElement("div",{className:"mr-3"},K.createElement("svg",{viewBox:"30 336.7 120.9 129.2",width:"30"},K.createElement("path",{fill:"#FFD400",d:"M119.2,421.2c15.3-8.4,27-14.8,28-15.3c3.2-1.7,6.5-6.2,0-9.7 c-2.1-1.1-13.4-7.3-28-15.3l-20.1,20.2L119.2,421.2z"}),K.createElement("path",{fill:"#FF3333",d:"M99.1,401.1l-64.2,64.7c1.5,0.2,3.2-0.2,5.2-1.3 c4.2-2.3,48.8-26.7,79.1-43.3L99.1,401.1L99.1,401.1z"}),K.createElement("path",{fill:"#48FF48",d:"M99.1,401.1l20.1-20.2c0,0-74.6-40.7-79.1-43.1 c-1.7-1-3.6-1.3-5.3-1L99.1,401.1z"}),K.createElement("path",{fill:"#3BCCFF",d:"M99.1,401.1l-64.3-64.3c-2.6,0.6-4.8,2.9-4.8,7.6 c0,7.5,0,107.5,0,113.8c0,4.3,1.7,7.4,4.9,7.7L99.1,401.1z"}))),K.createElement("div",null,K.createElement("div",{className:"text-xs"},"GET IT ON"),K.createElement("div",{className:"font-sans -mt-1 text-xl font-semibold"},"Google Play"))):K.createElement("div",{className:"mt-3 flex h-14 w-48 items-center justify-center rounded-lg border border-black bg-white text-black"},K.createElement("div",{className:"mr-3"},K.createElement("svg",{viewBox:"30 336.7 120.9 129.2",width:"30"},K.createElement("path",{fill:"#FFD400",d:"M119.2,421.2c15.3-8.4,27-14.8,28-15.3c3.2-1.7,6.5-6.2,0-9.7 c-2.1-1.1-13.4-7.3-28-15.3l-20.1,20.2L119.2,421.2z"}),K.createElement("path",{fill:"#FF3333",d:"M99.1,401.1l-64.2,64.7c1.5,0.2,3.2-0.2,5.2-1.3 c4.2-2.3,48.8-26.7,79.1-43.3L99.1,401.1L99.1,401.1z"}),K.createElement("path",{fill:"#48FF48",d:"M99.1,401.1l20.1-20.2c0,0-74.6-40.7-79.1-43.1 c-1.7-1-3.6-1.3-5.3-1L99.1,401.1z"}),K.createElement("path",{fill:"#3BCCFF",d:"M99.1,401.1l-64.3-64.3c-2.6,0.6-4.8,2.9-4.8,7.6 c0,7.5,0,107.5,0,113.8c0,4.3,1.7,7.4,4.9,7.7L99.1,401.1z"}))),K.createElement("div",null,K.createElement("div",{className:"text-xs"},"GET IT ON"),K.createElement("div",{className:"font-sans -mt-1 text-xl font-semibold"},"Google Play")))));import at,{useState as ma}from"react";var t0=e=>{let[t,r]=ma(!1);return at.createElement("div",{className:"flex h-full w-full flex-col gap-1 "},at.createElement("div",{className:"group relative h-full w-full rounded border bg-background bg-cover bg-center transition-all duration-500 hover:drop-shadow-2xl",style:{backgroundImage:`url(${e.blank?"":e.cardImage})`},onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1)},e.blank?at.createElement("div",{className:"flex h-full flex-col items-center justify-center "},at.createElement("svg",{className:"h-10 w-10 text-foreground",stroke:"currentColor",fill:"currentColor","stroke-width":"0",viewBox:"0 0 24 24",height:"1em",width:"1em",xmlns:"http://www.w3.org/2000/svg"},at.createElement("path",{d:"M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z"}))):at.createElement("div",{className:"absolute inset-0 rounded bg-black opacity-50"}),at.createElement("div",{className:"absolute bottom-2 right-2 z-10 opacity-0 transition-all duration-200 group-hover:opacity-100"},e.inCardActions),!e.blank&&at.createElement("div",{className:"relative p-4"},at.createElement("h1",{className:"text-white"},e.title),at.createElement("p",{className:"text-white"},e.subtitle))),at.createElement("div",{className:`flex flex-row justify-between text-sm transition-all duration-200 ${t?"opacity-100":"opacity-0"}`},e.bottomElement))};import Ye from"react";var n0=e=>Ye.createElement("div",{className:"bg-white py-24 sm:py-32"},Ye.createElement("div",{className:"mx-auto flex max-w-5xl flex-col items-start gap-10 px-6 md:flex-row lg:px-8"},Ye.createElement("div",{className:"w-full md:sticky md:top-10 md:w-[28rem]"},Ye.createElement("h2",{className:"text-lg font-semibold leading-8 tracking-tight text-indigo-600"},e.tag),Ye.createElement("p",{className:"mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl"},e.title),Ye.createElement("p",{className:"mb-2 mt-6 text-base leading-7 text-gray-600"},e.description)),Ye.createElement("div",{className:"mt-5 w-full min-w-0 flex-1 md:mt-0"},Ye.createElement("dl",{className:"grid grid-cols-1 gap-x-8 gap-y-10 md:max-w-xl lg:max-w-none lg:gap-y-16"},e.features.map(t=>Ye.createElement("div",{className:"relative rounded-lg bg-gray-50 p-10"},Ye.createElement("div",{className:"flex h-10 w-10 items-center justify-center rounded-lg bg-indigo-600"},t.icon),Ye.createElement("dt",{className:"mt-4 text-lg font-semibold leading-7 text-gray-900"},t.title),Ye.createElement("dd",{className:"mt-2 text-base leading-7 text-gray-600"},t.description)))))));import Xe,{useEffect as ca,useRef as ua,useState as Fr}from"react";import Yo from"clsx";import*as Lt from"react";var Zr=Lt.forwardRef(({className:e,label:t,...r},o)=>Lt.createElement(Lt.Fragment,null,t&&Lt.createElement(st,{htmlFor:r.id},t),Lt.createElement("textarea",{className:u("flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",e),ref:o,...r})));Zr.displayName="Textarea";var x0=({position:e="bottom-right",...t})=>{let[r,o]=Fr(!1),[n,i]=Fr(!1),[a,s]=Fr(null),[l,w]=Fr(5),C=ua(null),y={"bottom-right":"right-4","bottom-left":"left-4"};ca(()=>{let g=setTimeout(()=>{l>=0&&w(l-1)},1e3);return()=>{clearTimeout(g)}},[l]);let f=()=>{o(!0),setTimeout(()=>{C.current.removeChild(C.current.children[0])},200)};return Xe.createElement(T,{ref:C,className:Yo("fixed bottom-4 p-4 ",y[e])},Xe.createElement("button",{type:"button",className:"absolute right-2 top-2 inline-flex h-8 w-8 rounded p-1.5 text-gray-400 transition-all hover:bg-gray-100 hover:text-gray-900 focus:ring-2 focus:ring-gray-300 dark:bg-gray-800 dark:text-gray-500 dark:hover:bg-gray-700 dark:hover:text-white","data-dismiss-target":"#toast-default","aria-label":"Close",onClick:()=>f()},Xe.createElement("svg",{"aria-hidden":"true",className:"h-5 w-5",fill:"currentColor",viewBox:"0 0 20 20"},Xe.createElement("path",{fillRule:"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",clipRule:"evenodd"}))),Xe.createElement(N,{headless:!0},Xe.createElement("div",{className:Yo("flex flex-col gap-4",r?"opacity-0":"opacity-100")},Xe.createElement("div",{className:"mt-4 font-bold"},t.question),Xe.createElement("div",{className:"flex w-full flex-row gap-1 rounded "},Xe.createElement(fe,{orientation:"vertical",options:t.options})),Xe.createElement("div",null,Xe.createElement(Zr,null))),Xe.createElement(p,{className:"mt-4 w-full"},"Submit")))};import G from"react";var pe={logo:e=>G.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 256 256",...e},G.createElement("rect",{width:"256",height:"256",fill:"none"}),G.createElement("line",{x1:"208",y1:"128",x2:"128",y2:"208",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),G.createElement("line",{x1:"192",y1:"40",x2:"40",y2:"192",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"})),mail:e=>G.createElement("svg",{stroke:"currentColor",fill:"none","stroke-width":"2",viewBox:"0 0 24 24","stroke-linecap":"round","stroke-linejoin":"round",height:"1em",width:"1em",xmlns:"http://www.w3.org/2000/svg",...e},G.createElement("path",{d:"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"}),G.createElement("polyline",{points:"22,6 12,13 2,6"})),phone:e=>G.createElement("svg",{stroke:"currentColor",fill:"none","stroke-width":"2",viewBox:"0 0 24 24","aria-hidden":"true",height:"1em",width:"1em",xmlns:"http://www.w3.org/2000/svg",...e},G.createElement("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M10.5 1.5H8.25A2.25 2.25 0 006 3.75v16.5a2.25 2.25 0 002.25 2.25h7.5A2.25 2.25 0 0018 20.25V3.75a2.25 2.25 0 00-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3"})),twitter:e=>G.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",...e},G.createElement("path",{fill:"currentColor",d:"M21.543 7.104c.015.211.015.423.015.636 0 6.507-4.954 14.01-14.01 14.01v-.003A13.94 13.94 0 0 1 0 19.539a9.88 9.88 0 0 0 7.287-2.041 4.93 4.93 0 0 1-4.6-3.42 4.916 4.916 0 0 0 2.223-.084A4.926 4.926 0 0 1 .96 9.167v-.062a4.887 4.887 0 0 0 2.235.616A4.928 4.928 0 0 1 1.67 3.148a13.98 13.98 0 0 0 10.15 5.144 4.929 4.929 0 0 1 8.39-4.49 9.868 9.868 0 0 0 3.128-1.196 4.941 4.941 0 0 1-2.165 2.724A9.828 9.828 0 0 0 24 4.555a10.019 10.019 0 0 1-2.457 2.549z"})),microsoft:e=>G.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",...e},G.createElement("path",{fill:"currentColor",d:"M7.462 0H0v7.19h7.462V0zM16 0H8.538v7.19H16V0zM7.462 8.211H0V16h7.462V8.211zm8.538 0H8.538V16H16V8.211z"})),gitHub:e=>G.createElement("svg",{viewBox:"0 0 438.549 438.549",...e},G.createElement("path",{fill:"currentColor",d:"M409.132 114.573c-19.608-33.596-46.205-60.194-79.798-79.8-33.598-19.607-70.277-29.408-110.063-29.408-39.781 0-76.472 9.804-110.063 29.408-33.596 19.605-60.192 46.204-79.8 79.8C9.803 148.168 0 184.854 0 224.63c0 47.78 13.94 90.745 41.827 128.906 27.884 38.164 63.906 64.572 108.063 79.227 5.14.954 8.945.283 11.419-1.996 2.475-2.282 3.711-5.14 3.711-8.562 0-.571-.049-5.708-.144-15.417a2549.81 2549.81 0 01-.144-25.406l-6.567 1.136c-4.187.767-9.469 1.092-15.846 1-6.374-.089-12.991-.757-19.842-1.999-6.854-1.231-13.229-4.086-19.13-8.559-5.898-4.473-10.085-10.328-12.56-17.556l-2.855-6.57c-1.903-4.374-4.899-9.233-8.992-14.559-4.093-5.331-8.232-8.945-12.419-10.848l-1.999-1.431c-1.332-.951-2.568-2.098-3.711-3.429-1.142-1.331-1.997-2.663-2.568-3.997-.572-1.335-.098-2.43 1.427-3.289 1.525-.859 4.281-1.276 8.28-1.276l5.708.853c3.807.763 8.516 3.042 14.133 6.851 5.614 3.806 10.229 8.754 13.846 14.842 4.38 7.806 9.657 13.754 15.846 17.847 6.184 4.093 12.419 6.136 18.699 6.136 6.28 0 11.704-.476 16.274-1.423 4.565-.952 8.848-2.383 12.847-4.285 1.713-12.758 6.377-22.559 13.988-29.41-10.848-1.14-20.601-2.857-29.264-5.14-8.658-2.286-17.605-5.996-26.835-11.14-9.235-5.137-16.896-11.516-22.985-19.126-6.09-7.614-11.088-17.61-14.987-29.979-3.901-12.374-5.852-26.648-5.852-42.826 0-23.035 7.52-42.637 22.557-58.817-7.044-17.318-6.379-36.732 1.997-58.24 5.52-1.715 13.706-.428 24.554 3.853 10.85 4.283 18.794 7.952 23.84 10.994 5.046 3.041 9.089 5.618 12.135 7.708 17.705-4.947 35.976-7.421 54.818-7.421s37.117 2.474 54.823 7.421l10.849-6.849c7.419-4.57 16.18-8.758 26.262-12.565 10.088-3.805 17.802-4.853 23.134-3.138 8.562 21.509 9.325 40.922 2.279 58.24 15.036 16.18 22.559 35.787 22.559 58.817 0 16.178-1.958 30.497-5.853 42.966-3.9 12.471-8.941 22.457-15.125 29.979-6.191 7.521-13.901 13.85-23.131 18.986-9.232 5.14-18.182 8.85-26.84 11.136-8.662 2.286-18.415 4.004-29.263 5.146 9.894 8.562 14.842 22.077 14.842 40.539v60.237c0 3.422 1.19 6.279 3.572 8.562 2.379 2.279 6.136 2.95 11.276 1.995 44.163-14.653 80.185-41.062 108.068-79.226 27.88-38.161 41.825-81.126 41.825-128.906-.01-39.771-9.818-76.454-29.414-110.049z"})),radix:e=>G.createElement("svg",{viewBox:"0 0 25 25",fill:"none",...e},G.createElement("path",{d:"M12 25C7.58173 25 4 21.4183 4 17C4 12.5817 7.58173 9 12 9V25Z",fill:"currentcolor"}),G.createElement("path",{d:"M12 0H4V8H12V0Z",fill:"currentcolor"}),G.createElement("path",{d:"M17 8C19.2091 8 21 6.20914 21 4C21 1.79086 19.2091 0 17 0C14.7909 0 13 1.79086 13 4C13 6.20914 14.7909 8 17 8Z",fill:"currentcolor"})),aria:e=>G.createElement("svg",{role:"img",viewBox:"0 0 24 24",fill:"currentColor",...e},G.createElement("path",{d:"M13.966 22.624l-1.69-4.281H8.122l3.892-9.144 5.662 13.425zM8.884 1.376H0v21.248zm15.116 0h-8.884L24 22.624Z"})),npm:e=>G.createElement("svg",{viewBox:"0 0 24 24",...e},G.createElement("path",{d:"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z",fill:"currentColor"})),yarn:e=>G.createElement("svg",{viewBox:"0 0 24 24",...e},G.createElement("path",{d:"M12 0C5.375 0 0 5.375 0 12s5.375 12 12 12 12-5.375 12-12S18.625 0 12 0zm.768 4.105c.183 0 .363.053.525.157.125.083.287.185.755 1.154.31-.088.468-.042.551-.019.204.056.366.19.463.375.477.917.542 2.553.334 3.605-.241 1.232-.755 2.029-1.131 2.576.324.329.778.899 1.117 1.825.278.774.31 1.478.273 2.015a5.51 5.51 0 0 0 .602-.329c.593-.366 1.487-.917 2.553-.931.714-.009 1.269.445 1.353 1.103a1.23 1.23 0 0 1-.945 1.362c-.649.158-.95.278-1.821.843-1.232.797-2.539 1.242-3.012 1.39a1.686 1.686 0 0 1-.704.343c-.737.181-3.266.315-3.466.315h-.046c-.783 0-1.214-.241-1.45-.491-.658.329-1.51.19-2.122-.134a1.078 1.078 0 0 1-.58-1.153 1.243 1.243 0 0 1-.153-.195c-.162-.25-.528-.936-.454-1.946.056-.723.556-1.367.88-1.71a5.522 5.522 0 0 1 .408-2.256c.306-.727.885-1.348 1.32-1.737-.32-.537-.644-1.367-.329-2.21.227-.602.412-.936.82-1.08h-.005c.199-.074.389-.153.486-.259a3.418 3.418 0 0 1 2.298-1.103c.037-.093.079-.185.125-.283.31-.658.639-1.029 1.024-1.168a.94.94 0 0 1 .328-.06zm.006.7c-.507.016-1.001 1.519-1.001 1.519s-1.27-.204-2.266.871c-.199.218-.468.334-.746.44-.079.028-.176.023-.417.672-.371.991.625 2.094.625 2.094s-1.186.839-1.626 1.881c-.486 1.144-.338 2.261-.338 2.261s-.843.732-.899 1.487c-.051.663.139 1.2.343 1.515.227.343.51.176.51.176s-.561.653-.037.931c.477.25 1.283.394 1.71-.037.31-.31.371-1.001.486-1.283.028-.065.12.111.209.199.097.093.264.195.264.195s-.755.324-.445 1.066c.102.246.468.403 1.066.398.222-.005 2.664-.139 3.313-.296.375-.088.505-.283.505-.283s1.566-.431 2.998-1.357c.917-.598 1.293-.76 2.034-.936.612-.148.57-1.098-.241-1.084-.839.009-1.575.44-2.196.825-1.163.718-1.742.672-1.742.672l-.018-.032c-.079-.13.371-1.293-.134-2.678-.547-1.515-1.413-1.881-1.344-1.997.297-.5 1.038-1.297 1.334-2.78.176-.899.13-2.377-.269-3.151-.074-.144-.732.241-.732.241s-.616-1.371-.788-1.483a.271.271 0 0 0-.157-.046z",fill:"currentColor"})),pnpm:e=>G.createElement("svg",{viewBox:"0 0 24 24",...e},G.createElement("path",{d:"M0 0v7.5h7.5V0zm8.25 0v7.5h7.498V0zm8.25 0v7.5H24V0zM8.25 8.25v7.5h7.498v-7.5zm8.25 0v7.5H24v-7.5zM0 16.5V24h7.5v-7.5zm8.25 0V24h7.498v-7.5zm8.25 0V24H24v-7.5z",fill:"currentColor"})),react:e=>G.createElement("svg",{viewBox:"0 0 24 24",...e},G.createElement("path",{d:"M14.23 12.004a2.236 2.236 0 0 1-2.235 2.236 2.236 2.236 0 0 1-2.236-2.236 2.236 2.236 0 0 1 2.235-2.236 2.236 2.236 0 0 1 2.236 2.236zm2.648-10.69c-1.346 0-3.107.96-4.888 2.622-1.78-1.653-3.542-2.602-4.887-2.602-.41 0-.783.093-1.106.278-1.375.793-1.683 3.264-.973 6.365C1.98 8.917 0 10.42 0 12.004c0 1.59 1.99 3.097 5.043 4.03-.704 3.113-.39 5.588.988 6.38.32.187.69.275 1.102.275 1.345 0 3.107-.96 4.888-2.624 1.78 1.654 3.542 2.603 4.887 2.603.41 0 .783-.09 1.106-.275 1.374-.792 1.683-3.263.973-6.365C22.02 15.096 24 13.59 24 12.004c0-1.59-1.99-3.097-5.043-4.032.704-3.11.39-5.587-.988-6.38-.318-.184-.688-.277-1.092-.278zm-.005 1.09v.006c.225 0 .406.044.558.127.666.382.955 1.835.73 3.704-.054.46-.142.945-.25 1.44-.96-.236-2.006-.417-3.107-.534-.66-.905-1.345-1.727-2.035-2.447 1.592-1.48 3.087-2.292 4.105-2.295zm-9.77.02c1.012 0 2.514.808 4.11 2.28-.686.72-1.37 1.537-2.02 2.442-1.107.117-2.154.298-3.113.538-.112-.49-.195-.964-.254-1.42-.23-1.868.054-3.32.714-3.707.19-.09.4-.127.563-.132zm4.882 3.05c.455.468.91.992 1.36 1.564-.44-.02-.89-.034-1.345-.034-.46 0-.915.01-1.36.034.44-.572.895-1.096 1.345-1.565zM12 8.1c.74 0 1.477.034 2.202.093.406.582.802 1.203 1.183 1.86.372.64.71 1.29 1.018 1.946-.308.655-.646 1.31-1.013 1.95-.38.66-.773 1.288-1.18 1.87-.728.063-1.466.098-2.21.098-.74 0-1.477-.035-2.202-.093-.406-.582-.802-1.204-1.183-1.86-.372-.64-.71-1.29-1.018-1.946.303-.657.646-1.313 1.013-1.954.38-.66.773-1.286 1.18-1.868.728-.064 1.466-.098 2.21-.098zm-3.635.254c-.24.377-.48.763-.704 1.16-.225.39-.435.782-.635 1.174-.265-.656-.49-1.31-.676-1.947.64-.15 1.315-.283 2.015-.386zm7.26 0c.695.103 1.365.23 2.006.387-.18.632-.405 1.282-.66 1.933-.2-.39-.41-.783-.64-1.174-.225-.392-.465-.774-.705-1.146zm3.063.675c.484.15.944.317 1.375.498 1.732.74 2.852 1.708 2.852 2.476-.005.768-1.125 1.74-2.857 2.475-.42.18-.88.342-1.355.493-.28-.958-.646-1.956-1.1-2.98.45-1.017.81-2.01 1.085-2.964zm-13.395.004c.278.96.645 1.957 1.1 2.98-.45 1.017-.812 2.01-1.086 2.964-.484-.15-.944-.318-1.37-.5-1.732-.737-2.852-1.706-2.852-2.474 0-.768 1.12-1.742 2.852-2.476.42-.18.88-.342 1.356-.494zm11.678 4.28c.265.657.49 1.312.676 1.948-.64.157-1.316.29-2.016.39.24-.375.48-.762.705-1.158.225-.39.435-.788.636-1.18zm-9.945.02c.2.392.41.783.64 1.175.23.39.465.772.705 1.143-.695-.102-1.365-.23-2.006-.386.18-.63.406-1.282.66-1.933zM17.92 16.32c.112.493.2.968.254 1.423.23 1.868-.054 3.32-.714 3.708-.147.09-.338.128-.563.128-1.012 0-2.514-.807-4.11-2.28.686-.72 1.37-1.536 2.02-2.44 1.107-.118 2.154-.3 3.113-.54zm-11.83.01c.96.234 2.006.415 3.107.532.66.905 1.345 1.727 2.035 2.446-1.595 1.483-3.092 2.295-4.11 2.295-.22-.005-.406-.05-.553-.132-.666-.38-.955-1.834-.73-3.703.054-.46.142-.944.25-1.438zm4.56.64c.44.02.89.034 1.345.034.46 0 .915-.01 1.36-.034-.44.572-.895 1.095-1.345 1.565-.455-.47-.91-.993-1.36-1.565z",fill:"currentColor"})),tailwind:e=>G.createElement("svg",{viewBox:"0 0 24 24",...e},G.createElement("path",{d:"M12.001,4.8c-3.2,0-5.2,1.6-6,4.8c1.2-1.6,2.6-2.2,4.2-1.8c0.913,0.228,1.565,0.89,2.288,1.624 C13.666,10.618,15.027,12,18.001,12c3.2,0,5.2-1.6,6-4.8c-1.2,1.6-2.6,2.2-4.2,1.8c-0.913-0.228-1.565-0.89-2.288-1.624 C16.337,6.182,14.976,4.8,12.001,4.8z M6.001,12c-3.2,0-5.2,1.6-6,4.8c1.2-1.6,2.6-2.2,4.2-1.8c0.913,0.228,1.565,0.89,2.288,1.624 c1.177,1.194,2.538,2.576,5.512,2.576c3.2,0,5.2-1.6,6-4.8c-1.2,1.6-2.6,2.2-4.2,1.8c-0.913-0.228-1.565-0.89-2.288-1.624 C10.337,13.382,8.976,12,6.001,12z",fill:"currentColor"})),google:e=>G.createElement("svg",{role:"img",viewBox:"0 0 24 24",...e},G.createElement("path",{fill:"currentColor",d:"M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z"})),apple:e=>G.createElement("svg",{role:"img",viewBox:"0 0 24 24",...e},G.createElement("path",{d:"M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701",fill:"currentColor"})),paypal:e=>G.createElement("svg",{role:"img",viewBox:"0 0 24 24",...e},G.createElement("path",{d:"M7.076 21.337H2.47a.641.641 0 0 1-.633-.74L4.944.901C5.026.382 5.474 0 5.998 0h7.46c2.57 0 4.578.543 5.69 1.81 1.01 1.15 1.304 2.42 1.012 4.287-.023.143-.047.288-.077.437-.983 5.05-4.349 6.797-8.647 6.797h-2.19c-.524 0-.968.382-1.05.9l-1.12 7.106zm14.146-14.42a3.35 3.35 0 0 0-.607-.541c-.013.076-.026.175-.041.254-.93 4.778-4.005 7.201-9.138 7.201h-2.19a.563.563 0 0 0-.556.479l-1.187 7.527h-.506l-.24 1.516a.56.56 0 0 0 .554.647h3.882c.46 0 .85-.334.922-.788.06-.26.76-4.852.816-5.09a.932.932 0 0 1 .923-.788h.58c3.76 0 6.705-1.528 7.565-5.946.36-1.847.174-3.388-.777-4.471z",fill:"currentColor"})),spinner:e=>G.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",...e},G.createElement("path",{d:"M21 12a9 9 0 1 1-6.219-8.56"}))};import Qr from"react";import{useState as Kr,useRef as ga}from"react";var fa=e=>{let[t,r]=Kr(!1),[o,n]=Kr(0),[i,a]=Kr(0),s=ga(null),l=v=>Math.round(v/e)*e,w=v=>{r(!0),n(v.pageX-s.current.offsetLeft),a(s.current.scrollLeft)},C=()=>{t&&f()},y=()=>{t&&f()},f=()=>{r(!1);let v=l(s.current.scrollLeft);s.current.scrollTo({left:v,behavior:"smooth"})};return{containerRef:s,handleMouseDown:w,handleMouseLeave:C,handleMouseUp:y,handleMouseMove:v=>{if(!t)return;v.preventDefault();let P=v.pageX-s.current.offsetLeft-o;s.current.scrollLeft=i-P}}},Xo=fa;var N0=({images:e})=>{let{containerRef:r,handleMouseDown:o,handleMouseLeave:n,handleMouseUp:i,handleMouseMove:a}=Xo(1016);return Qr.createElement("div",{className:"flex cursor-pointer snap-x items-center justify-center gap-4 overflow-x-hidden",onMouseDown:o,onMouseLeave:n,onMouseUp:i,onMouseMove:a,ref:r},e.map((s,l)=>Qr.createElement("div",{key:l,className:"h-96 w-[1000px] flex-shrink-0"},Qr.createElement("img",{src:s,alt:`Carousel Image ${l}`,width:1016,className:"h-full w-full rounded-lg object-cover"}))))};import*as Nr from"react";var At=Nr.forwardRef(({className:e,preview:t,type:r,...o},n)=>Nr.createElement("input",{type:r,className:u("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",e,t&&" disabled:cursor-default disabled:opacity-100 border-opacity-25 "),disabled:t,ref:n,...o}));At.displayName="Input";import Gt,{useState as Jo}from"react";var Tr=({orientation:e="horizontal",width:t="default",...r})=>{let[o,n]=Jo(r.currentColorMode),[i,a]=Jo(r.currentLanguage);return Gt.createElement("div",{className:u({horizontal:"flex flex-row justify-between",vertical:"flex flex-col items-center gap-2"}[e])},Gt.createElement(fe,{width:t,defaultValue:i,onChangeTab:l=>{r.handleLanguage(l),a(l)},design:"tabs",options:[{value:"ar",label:"\u0639\u0631\u0628\u064A"},{value:"en",label:"English"}]}),Gt.createElement(fe,{width:t,defaultValue:o,onChangeTab:l=>{r.handleColorMode(l),n(l)},design:"tabs",options:[{value:"light",label:Gt.createElement("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90"},Gt.createElement("path",{d:"M7.5 0C7.77614 0 8 0.223858 8 0.5V2.5C8 2.77614 7.77614 3 7.5 3C7.22386 3 7 2.77614 7 2.5V0.5C7 0.223858 7.22386 0 7.5 0ZM2.1967 2.1967C2.39196 2.00144 2.70854 2.00144 2.90381 2.1967L4.31802 3.61091C4.51328 3.80617 4.51328 4.12276 4.31802 4.31802C4.12276 4.51328 3.80617 4.51328 3.61091 4.31802L2.1967 2.90381C2.00144 2.70854 2.00144 2.39196 2.1967 2.1967ZM0.5 7C0.223858 7 0 7.22386 0 7.5C0 7.77614 0.223858 8 0.5 8H2.5C2.77614 8 3 7.77614 3 7.5C3 7.22386 2.77614 7 2.5 7H0.5ZM2.1967 12.8033C2.00144 12.608 2.00144 12.2915 2.1967 12.0962L3.61091 10.682C3.80617 10.4867 4.12276 10.4867 4.31802 10.682C4.51328 10.8772 4.51328 11.1938 4.31802 11.3891L2.90381 12.8033C2.70854 12.9986 2.39196 12.9986 2.1967 12.8033ZM12.5 7C12.2239 7 12 7.22386 12 7.5C12 7.77614 12.2239 8 12.5 8H14.5C14.7761 8 15 7.77614 15 7.5C15 7.22386 14.7761 7 14.5 7H12.5ZM10.682 4.31802C10.4867 4.12276 10.4867 3.80617 10.682 3.61091L12.0962 2.1967C12.2915 2.00144 12.608 2.00144 12.8033 2.1967C12.9986 2.39196 12.9986 2.70854 12.8033 2.90381L11.3891 4.31802C11.1938 4.51328 10.8772 4.51328 10.682 4.31802ZM8 12.5C8 12.2239 7.77614 12 7.5 12C7.22386 12 7 12.2239 7 12.5V14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5V12.5ZM10.682 10.682C10.8772 10.4867 11.1938 10.4867 11.3891 10.682L12.8033 12.0962C12.9986 12.2915 12.9986 12.608 12.8033 12.8033C12.608 12.9986 12.2915 12.9986 12.0962 12.8033L10.682 11.3891C10.4867 11.1938 10.4867 10.8772 10.682 10.682ZM5.5 7.5C5.5 6.39543 6.39543 5.5 7.5 5.5C8.60457 5.5 9.5 6.39543 9.5 7.5C9.5 8.60457 8.60457 9.5 7.5 9.5C6.39543 9.5 5.5 8.60457 5.5 7.5ZM7.5 4.5C5.84315 4.5 4.5 5.84315 4.5 7.5C4.5 9.15685 5.84315 10.5 7.5 10.5C9.15685 10.5 10.5 9.15685 10.5 7.5C10.5 5.84315 9.15685 4.5 7.5 4.5Z",fill:"currentColor"}))},{value:"dark",label:Gt.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",className:"h-[1.2rem] w-[1.2rem] transition-all dark:rotate-0 dark:scale-100"},Gt.createElement("path",{d:"M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"}))}]}))};import*as Bt from"react";import*as yt from"@radix-ui/react-popover";var $o=Bt.forwardRef(({className:e,align:t="center",sideOffset:r=4,...o},n)=>Bt.createElement(yt.Portal,null,Bt.createElement(yt.Content,{ref:n,align:t,sideOffset:r,className:u("z-50 rounded border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 dark:shadow-dark",e),...o})));$o.displayName=yt.Content.displayName;var B0=({trigger:e,children:t,className:r,align:o="center",side:n,sideOffset:i=4})=>Bt.createElement(yt.Root,null,Bt.createElement(yt.Trigger,null,e),Bt.createElement($o,{side:n,className:r,align:o,sideOffset:i},t));import*as He from"react";import*as Je from"@radix-ui/react-tabs";var Ro=He.createContext({orientation:"vertical"}),pa=He.forwardRef(({className:e,orientation:t,...r},o)=>He.createElement(Je.Root,{ref:o,className:u("flex gap-2",t==="horizontal"?"flex-row":"flex-col",e),...r},He.createElement(Ro.Provider,{value:{orientation:t}},r.children)));pa.displayName=Je.Root.displayName;var xa=He.forwardRef(({className:e,...t},r)=>{let{orientation:o}=He.useContext(Ro);return He.createElement(Je.List,{ref:r,className:u("flex w-fit flex-wrap items-center justify-start gap-1 rounded border bg-muted p-1 text-muted-foreground dark:border-primary/10 ",o==="horizontal"?"flex-col":"flex-row",e),...t})});xa.displayName=Je.List.displayName;var va=He.forwardRef(({className:e,...t},r)=>He.createElement(Je.Trigger,{ref:r,className:u("inline-flex w-full flex-1 select-none items-center justify-center whitespace-nowrap rounded border px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-primary data-[state=active]:text-primary-foreground data-[state=active]:shadow-sm dark:border-primary/10",e),...t}));va.displayName=Je.Trigger.displayName;var ba=He.forwardRef(({className:e,...t},r)=>He.createElement(Je.Content,{ref:r,className:u("w-full ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",e),...t}));ba.displayName=Je.Content.displayName;import*as kr from"react";import*as Yr from"@radix-ui/react-separator";var ya=kr.forwardRef(({className:e,orientation:t="horizontal",decorative:r=!0,...o},n)=>kr.createElement(Yr.Root,{ref:n,decorative:r,orientation:t,className:u("shrink-0 bg-border",t==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",e),...o}));ya.displayName=Yr.Root.displayName;import*as je from"react";import*as ue from"@radix-ui/react-toast";import{cva as ha}from"class-variance-authority";var wa=ha("group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",{variants:{variant:{default:"border bg-background text-foreground",destructive:"destructive group border-destructive bg-destructive text-destructive-foreground"},severity:{info:"info group text-info-foreground bg-info",warning:"warning group text-warning-foreground bg-warning",error:"error group border-error bg-error text-error-foreground",success:"success group text-success-foreground bg-success",none:""}},defaultVariants:{variant:"default"}}),en=ue.Provider,Xr=je.forwardRef(({className:e,...t},r)=>je.createElement(ue.Viewport,{ref:r,className:u("fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",e),...t}));Xr.displayName=ue.Viewport.displayName;var Jr=je.forwardRef(({className:e,variant:t,severity:r="none",direction:o,...n},i)=>je.createElement(ue.Root,{ref:i,className:u(wa({variant:t,severity:r}),e,o==="rtl"?"p-6 pl-0 pr-10 data-[state=closed]:slide-out-to-left-full":"p-6 pr-8 data-[state=closed]:slide-out-to-right-full"),dir:o,...n}));Jr.displayName=ue.Root.displayName;var Ca=je.forwardRef(({className:e,...t},r)=>je.createElement(ue.Action,{ref:r,className:u("inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50","group-[.info]:border-muted/40 group-[.info]:hover:border-info/30 group-[.info]:hover:bg-info group-[.info]:hover:text-info-foreground group-[.info]:focus:ring-info","group-[.error]:border-muted/40 group-[.error]:hover:border-error/30 group-[.error]:hover:bg-error group-[.error]:hover:text-error-foreground group-[.error]:focus:ring-error","group-[.success]:border-muted/40 group-[.success]:hover:border-success/30 group-[.success]:hover:bg-success group-[.success]:hover:text-success-foreground group-[.success]:focus:ring-success","group-[.warning]:border-muted/40 group-[.warning]:hover:border-warning/30 group-[.warning]:hover:bg-warning group-[.warning]:hover:text-warning-foreground group-[.warning]:focus:ring-warning",e),...t}));Ca.displayName=ue.Action.displayName;var $r=je.forwardRef(({className:e,...t},r)=>je.createElement(ue.Close,{ref:r,className:u("absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",e),"toast-close":"",...t},je.createElement("svg",{"aria-label":"Close Icon","aria-hidden":"true",className:"h-4 w-4",fill:"currentColor",viewBox:"0 0 20 20"},je.createElement("path",{fillRule:"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",clipRule:"evenodd"}))));$r.displayName=ue.Close.displayName;var Rr=je.forwardRef(({className:e,...t},r)=>je.createElement(ue.Title,{ref:r,className:u("text-sm font-semibold",e),...t}));Rr.displayName=ue.Title.displayName;var eo=je.forwardRef(({className:e,...t},r)=>je.createElement(ue.Description,{ref:r,className:u("text-sm opacity-90",e),...t}));eo.displayName=ue.Description.displayName;import _t from"react";import*as Pr from"react";var Fa=5,Na=1e5;var to=0;function Ta(){return to=(to+1)%Number.MAX_VALUE,to.toString()}var ro=new Map,tn=e=>{if(ro.has(e))return;let t=setTimeout(()=>{ro.delete(e),dr({type:"REMOVE_TOAST",toastId:e})},Na);ro.set(e,t)},ka=(e,t)=>{switch(t.type){case"ADD_TOAST":return{...e,toasts:[t.toast,...e.toasts].slice(0,Fa)};case"UPDATE_TOAST":return{...e,toasts:e.toasts.map(r=>r.id===t.toast.id?{...r,...t.toast}:r)};case"DISMISS_TOAST":{let{toastId:r}=t;return r?tn(r):e.toasts.forEach(o=>{tn(o.id)}),{...e,toasts:e.toasts.map(o=>o.id===r||r===void 0?{...o,open:!1}:o)}}case"REMOVE_TOAST":return t.toastId===void 0?{...e,toasts:[]}:{...e,toasts:e.toasts.filter(r=>r.id!==t.toastId)}}},jr=[],Sr={toasts:[]};function dr(e){Sr=ka(Sr,e),jr.forEach(t=>{t(Sr)})}function ja({...e}){let t=Ta(),r=n=>dr({type:"UPDATE_TOAST",toast:{...n,id:t}}),o=()=>dr({type:"DISMISS_TOAST",toastId:t});return dr({type:"ADD_TOAST",toast:{...e,id:t,open:!0,onOpenChange:n=>{n||o()}}}),{id:t,dismiss:o,update:r}}function rn(){let[e,t]=Pr.useState(Sr);return Pr.useEffect(()=>(jr.push(t),()=>{let r=jr.indexOf(t);r>-1&&jr.splice(r,1)}),[e]),{...e,toast:ja,dismiss:r=>dr({type:"DISMISS_TOAST",toastId:r})}}function Q0(e){let{toasts:t}=rn(),r=e.direction==="rtl";return _t.createElement(en,{swipeDirection:r?"left":"right"},t.map(function({id:o,title:n,description:i,action:a,...s}){return _t.createElement(Jr,{direction:e.direction,key:o,...s},_t.createElement("div",{className:"grid gap-1 text-start"},n&&_t.createElement(Rr,null,n),i&&_t.createElement(eo,null,i)),a,_t.createElement($r,null))}),_t.createElement(Xr,{className:u("gap-2",r&&"fixed left-0")}))}import*as xe from"react";import*as ce from"@radix-ui/react-dialog";var J0=ce.Root,$0=ce.Trigger,on=({className:e,...t})=>xe.createElement(ce.Portal,{className:u(e),...t});on.displayName=ce.Portal.displayName;var nn=xe.forwardRef(({className:e,...t},r)=>xe.createElement(ce.Overlay,{ref:r,className:u("fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",e),...t}));nn.displayName=ce.Overlay.displayName;var Sa=xe.forwardRef(({className:e,children:t,...r},o)=>xe.createElement(on,null,xe.createElement(nn,null),xe.createElement(ce.Content,{ref:o,className:u("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full",e),...r},t,xe.createElement(ce.Close,{className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground"},xe.createElement("svg",{"aria-label":"Close Icon","aria-hidden":"true",className:"h-5 w-5",fill:"currentColor",viewBox:"0 0 20 20"},xe.createElement("path",{fillRule:"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",clipRule:"evenodd"})),xe.createElement("span",{className:"sr-only"},"Close")))));Sa.displayName=ce.Content.displayName;var Pa=({className:e,...t})=>xe.createElement("div",{className:u("flex flex-col space-y-1.5 text-center sm:text-left",e),...t});Pa.displayName="DialogHeader";var Ma=({className:e,...t})=>xe.createElement("div",{className:u("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t});Ma.displayName="DialogFooter";var Ea=xe.forwardRef(({className:e,...t},r)=>xe.createElement(ce.Title,{ref:r,className:u("text-lg font-semibold leading-none tracking-tight",e),...t}));Ea.displayName=ce.Title.displayName;var La=xe.forwardRef(({className:e,...t},r)=>xe.createElement(ce.Description,{ref:r,className:u("text-sm text-muted-foreground",e),...t}));La.displayName=ce.Description.displayName;import Aa from"react";var pg=e=>Aa.createElement("div",null,e.children);import mr from"react";var bg=e=>mr.createElement("div",{className:"fixed bottom-0 top-auto left-0 m-0 w-full max-w-full p-1"},mr.createElement("div",{className:"flex w-full flex-row items-center justify-evenly rounded bg-gray-200"},e.appBarContent.map((t,r)=>mr.createElement("div",{key:r,className:"m-1 flex h-full w-full flex-col items-center justify-center rounded p-2 transition-all hover:cursor-pointer hover:bg-buttonPrimary-700 hover:text-white",onClick:t.action},mr.createElement("div",null,t.icon),mr.createElement("div",{className:"mt-2 text-sm"},t.label)))));import _e,{useEffect as Oa,useRef as an,useState as oo}from"react";import ln from"clsx";import{useState as Ba}from"react";var Ia=(e=!1)=>{let[t,r]=Ba(e);return{isOpen:t,onOpen:()=>r(!0),onClose:()=>r(!1)}},Jt=Ia;import{useState as Da,useEffect as za}from"react";var Ha=()=>{let[e,t]=Da(window?.innerWidth),r=()=>{t(window?.innerWidth)};return za(()=>{if(typeof window<"u")return window?.addEventListener("resize",r),()=>{window?.removeEventListener("resize",r)}},[]),e},It=Ha;var Mg=({direction:e="rtl",navigationSize:t="md",...r})=>{let[o,n]=oo(!1),[i,a]=oo(!1),{isOpen:s,onClose:l,onOpen:w}=Jt(!1),C=an(null),y=an(null),f;typeof window<"u"?f=It():f=1200;let[g,v]=oo(!1);Oa(()=>{let j=U=>{C.current&&!C.current.contains(U.target)&&!g&&n(!1)};return document.addEventListener("click",j,!0),()=>{document.removeEventListener("click",j,!0)}},[g]);let b=[" fixed top-0 left-0 z-40 flex h-full flex-col justify-between overflow-x-clip bg-layoutPrimary-500 transition-all",f>600?"w-14 hover:w-40":"w-0",o?"w-40":"w-14"],P=["fixed top-0 right-0 z-40 flex h-full flex-col justify-between overflow-x-clip bg-layoutPrimary-500 transition-all",f>600?"w-14 hover:w-40":"w-0",o?"w-40":"w-14"],F={sm:"h-10",md:"",lg:"h-24"},z=[],ne=[];return _e.createElement("div",{className:"h-full w-full"},_e.createElement("div",{className:ln("z-30 flex w-auto select-none flex-row items-start justify-between bg-layoutPrimary-500 transition-all",F[t],"rounded p-3 ",o?"h-44":"h-14",r.stickyNav?"fixed left-4 right-4 top-4":"",e==="rtl"?"flex-row":"flex-row-reverse")},f>600?_e.createElement("div",{className:"flex flex-row h-8 items-center gap-4 px-3"},r.navItems?.map(({label:j},U)=>_e.createElement("div",{onClick:()=>n(!o),key:U,className:"cursor-pointer rounded bg-none text-gray-600 transition-all hover:text-black"},j))):_e.createElement("div",{className:"flex items-center justify-center"},_e.createElement("div",{onClick:()=>n(!o),className:"cursor-pointer rounded p-1 transition-all hover:bg-gray-100"},_e.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 20 20","aria-hidden":"true",height:"1.6em",width:"1.6em"},_e.createElement("path",{fillRule:"evenodd",d:"M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z",clipRule:"evenodd"}))," "),r.pageTitle?_e.createElement("div",null,r.pageTitle):_e.createElement("div",null)),_e.createElement("div",{className:"h-full"},_e.createElement("img",{className:"h-full max-h-8 ",src:`https://sikka-images.s3.ap-southeast-1.amazonaws.com/seera/seera-horizontal-wordmark-${e==="rtl"?"ar":"en"}-white.svg`}))),_e.createElement("div",{className:ln(" relative top-14")},r.children))};import Y,{useEffect as Ua,useRef as Ga,useState as Mr}from"react";import ht from"clsx";import*as ie from"react";import*as $e from"@radix-ui/react-accordion";var Wa=$e.Root,sn="flex flex-1 items-center select-none cursor-pointer bg-primary-foreground rounded justify-between p-2 px-3 font-medium transition-all [&[data-state=open]>svg]:-rotate-90",dn=ie.forwardRef(({className:e,...t},r)=>ie.createElement($e.Item,{ref:r,className:u(e),...t}));dn.displayName="AccordionItem";var mn=ie.forwardRef(({className:e,showArrow:t,children:r,...o},n)=>ie.createElement($e.Header,{className:"flex"},ie.createElement($e.Trigger,{ref:n,className:u(sn,e),...o},r,t&&ie.createElement("svg",{"aria-label":"Chevron Right Icon",stroke:"currentColor",fill:"currentColor",viewBox:"0 0 16 16",height:"1em",width:"1em",className:"h-4 w-4 shrink-0 rotate-90 transition-transform duration-200"},ie.createElement("path",{d:"M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"})))));mn.displayName=$e.Trigger.displayName;var cn=ie.forwardRef(({className:e,children:t,...r},o)=>ie.createElement($e.Content,{ref:o,className:u("overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",e),...r},ie.createElement("div",null,t)));cn.displayName=$e.Content.displayName;var un=({title:e,items:t,selectedItem:r,openedItem:o,setOpenedItem:n,onItemClick:i,onSubItemClick:a,direction:s,isOpen:l})=>ie.createElement("div",null,e&&ie.createElement("h3",{className:"mb-1 font-bold"},e),ie.createElement("ul",{className:"flex flex-col gap-2"},ie.createElement(Wa,{value:o,type:"single",onValueChange:w=>{n(w)},collapsible:!0,className:"flex flex-col gap-1"},t.map((w,C)=>ie.createElement(Va,{isOpen:l,selectedItem:r,key:C,direction:s,item:w,onItemClick:i,onSubItemClick:a}))))),Va=({item:e,onItemClick:t,onSubItemClick:r,direction:o,isOpen:n=!0,...i})=>{let a=s=>i.selectedItem===s?"bg-primary text-primary-foreground cursor-default":"hover:bg-primary/10";return e.subitems?ie.createElement(dn,{value:e.value,className:"overflow-x-clip",dir:o},ie.createElement(mn,{className:u("overflow-x-clip",i.selectedItem===e.value?"cursor-default bg-primary text-primary-foreground":"hover:bg-primary/10",e.subitems&&e.subitems.some(s=>i.selectedItem===s.value)?"bg-primary text-primary-foreground hover:bg-primary":""),showArrow:n},ie.createElement("div",{className:u(!n&&"py-1","flex w-fit flex-row items-center gap-2")},e.icon,n&&ie.createElement("span",{className:u("transition-all ",n?"opacity-100":"opacity-0")},e.label))),e.subitems&&ie.createElement(cn,{className:" mt-1 h-full rounded "},ie.createElement("div",{className:u("flex h-full flex-col gap-2 bg-foreground/5 p-1")},e.subitems.map((s,l)=>ie.createElement("li",{key:l,onClick:w=>{w.stopPropagation(),s.onClick(),r&&r([e.value,s.value])},className:u("flex h-full cursor-pointer flex-row items-center gap-2 rounded p-2 transition-all",a(s.value))},s.icon,s.label))))):ie.createElement("div",{dir:o,onClick:()=>{e.onClick(),t&&t([e.value])},className:u(sn,a(e.value),"overflow-x-clip ")},ie.createElement("div",{className:"flex flex-row items-center gap-2 "},e.icon,ie.createElement("span",{className:u("whitespace-nowrap transition-all",n?"opacity-100":"opacity-0")},e.label)))};var Wg=({direction:e="ltr",drawerSize:t="md",onSettingsClick:r,DrawerFooterActions:o,currentPage:n,clickedItem:i,design:a="default",...s})=>{let l=56,w=200,C={opened:{sm:"100",md:w,lg:"250"},closed:{sm:l,md:l,lg:l}},y=Ga(null),f=e==="rtl",[g,v]=Mr(""),[b,P]=Mr(n),F;typeof window<"u"?F=It():F=1200;let[z,ne]=Mr(()=>F>600?s.keepDrawerOpen!==void 0?s.keepDrawerOpen:!0:!1),[j,U]=Mr(F>600),te=F>600?C[z?"opened":"closed"][t]:0;return Ua(()=>{let A=S=>{y.current&&!y.current.contains(S.target)&&!z&&U(!1)};return document.addEventListener("click",A,!0),()=>{document.removeEventListener("click",A,!0)}},[z]),Y.createElement("div",{className:"fixed left-0"},s.topBar&&Y.createElement("div",{className:ht("fixed left-0 right-0 top-0 z-30 flex h-14 w-full items-center justify-between bg-primary-foreground p-2",f?"flex-row-reverse":"flex-row")},F>600?Y.createElement("div",{className:ht("dark:text-white",f?[F>600?"mr-14":"mr-2",z?"mr-40":""]:[F>600?"ml-14":"ml-2",z?"ml-40":""]),style:f?{marginRight:`${C[z?"opened":"closed"][t]}px`}:{marginLeft:`${C[z?"opened":"closed"][t]}px`}},s.pageTitle):Y.createElement("div",{dir:e,className:"flex items-center justify-center gap-0.5"},Y.createElement("div",{onClick:()=>U(!0),className:"z-40 mx-1 cursor-pointer rounded p-2 transition-all hover:bg-gray-100"},Y.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:0,viewBox:"0 0 20 20","aria-hidden":"true",height:"1.6em",width:"1.6em"},Y.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"}))),s.pageTitle?Y.createElement("div",{className:"text-sm"},s.pageTitle):Y.createElement("div",null)),Y.createElement("div",{className:ht("flex gap-2 dark:text-white",f?"flex-row-reverse":"flex-row")},F>600?Y.createElement("div",{className:f?"text-left text-xs":"text-right text-xs"},Y.createElement("div",{className:"font-bold"},s.username)," ",Y.createElement("div",null,s.email)):null,Y.createElement(kt,{triggerClassname:"mx-2",align:"end",alignOffset:8,side:"bottom",sideOffset:5,width:s.profileMenuWidth,direction:f?"rtl":"ltr",items:s.profileMenuItems,onItemSelect:A=>console.log("selecting item ",A),trigger:Y.createElement("div",{className:"relative h-8 w-8 cursor-pointer overflow-clip rounded ring-1 ring-primary/30 dark:bg-gray-600"},s.avatarImage?Y.createElement("img",{src:s.avatarImage,alt:"User Avatar"}):Y.createElement("svg",{"aria-label":"Avatar Icon",className:"absolute -left-1 h-10 w-10 text-gray-400",fill:"currentColor",viewBox:"0 0 20 20"},Y.createElement("path",{fillRule:"evenodd",d:"M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z",clipRule:"evenodd"})))}))),Y.createElement("div",{className:ht("fixed z-40 flex flex-col justify-between overflow-x-clip transition-all",a==="floating"?f?"right-5 top-5":"bottom-5 left-5 top-5":f?"right-0 top-0 h-full":"left-0 top-0 h-full"),style:{width:F>600?j?`${C.opened[t]}px`:`${C.closed[t]}px`:j?`${C.opened[t]}px`:"0px"},onMouseEnter:()=>{U(!0)},onMouseLeave:()=>{z?U(!0):(v(""),U(!1))},ref:y},Y.createElement("div",{dir:e,className:"fixed z-50 mb-2 flex h-14 w-full flex-row items-center justify-center bg-primary-foreground transition-all",style:{width:F>600?`${j?w:56}px`:`${j?w:0}px`}},Y.createElement("img",{className:ht("h-9 opacity-0 transition-all",j?"visible opacity-100":"invisible opacity-0"),src:s.logoLink}),F>600?Y.createElement("img",{className:ht("fixed h-9 transition-all",a==="floating"?f?"right-7.5 top-7":"left-7.5 top-7":f?"right-2.5 top-2.5":"left-2.5 top-2.5",j?"invisible opacity-0":"visible opacity-100"),src:s.logoSymbol}):null),Y.createElement("div",{className:ht("fixed bottom-14 bg-primary-foreground p-2 py-2 transition-all",a==="floating"?"top-[76px]":"top-14",j?"overflow-auto":"overflow-hidden"),style:{height:a==="floating"?"calc(100% - 152px)":"calc(100% - 112px)",width:F>600?`${j?w:56}px`:`${j?w:0}px`}},Y.createElement(un,{direction:e,onItemClick:A=>{i&&i(A)},onSubItemClick:A=>{i&&i(A)},selectedItem:n,openedItem:g,setOpenedItem:A=>v(A),isOpen:j,items:s.drawerItems})),Y.createElement("div",{className:ht("fixed flex h-14 w-full items-center justify-center gap-2 overflow-clip bg-primary-foreground transition-all",e==="rtl"?"flex-row-reverse":"flex-row",a==="floating"?"bottom-5":"bottom-0"),style:{width:F>600?`${j?w:56}px`:`${j?w:0}px`}},o&&j?Y.createElement(Y.Fragment,null,o):null,F>600&&j?Y.createElement(gt,{side:"left",delayDuration:500,content:z?s.texts?.collapseSidebar||"Collapse Sidebar":s.texts?.expandSidebar||"Expand Sidebar"},Y.createElement(p,{variant:"light",onClick:()=>{ne(!z),s.onDrawerExpand&&s.onDrawerExpand(z)},size:"smallIcon"},Y.createElement("svg",{className:ht("h-6 w-6 shrink-0 text-primary transition-all disabled:bg-gray-200 ",z?f?"-rotate-90":"rotate-90":f?"rotate-90":"-rotate-90"),fill:"currentColor",viewBox:"0 0 20 20"},Y.createElement("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"})))):null)),Y.createElement("div",{className:"fixed overflow-y-auto transition-all",style:a==="floating"?f?{height:`calc(100% - ${s.topBar?"56":"0"}px)`,width:`calc(100% - ${te+20}px)`,left:"0px",top:s.topBar?"56px":"0px"}:{height:`calc(100% - ${s.topBar?"56":"0"}px)`,width:`calc(100% - ${te+20}px)`,left:`${te+20}px`,top:s.topBar?"56px":"0px"}:f?{height:`calc(100% - ${s.topBar?"56":"0"}px)`,width:`calc(100% - ${te}px)`,left:"0px",top:s.topBar?"56px":"0px"}:{height:`calc(100% - ${s.topBar?"56":"0"}px)`,width:`calc(100% - ${te}px)`,left:`${te}px`,top:s.topBar?"56px":"0px"}},s.children))};import L,{useEffect as _a,useRef as qa,useState as no}from"react";import ve from"clsx";import{FaChevronRight as gn}from"react-icons/fa";var Qg=({direction:e="rtl",drawerSize:t="md",onSettingsClick:r,...o})=>{let[n,i]=no(!1),[a,s]=no(""),{isOpen:l,onClose:w,onOpen:C}=Jt(!1),[y,f]=no(!1),g=qa(null),v=e==="rtl",b;typeof window<"u"?b=It():b=1200,_a(()=>{let ne=j=>{g.current&&!g.current.contains(j.target)&&!y&&i(!1)};return document.addEventListener("click",ne,!0),()=>{document.removeEventListener("click",ne,!0)}},[y]);let P="fixed top-0 z-40 flex h-full flex-col justify-between overflow-x-clip bg-layoutPrimary-500 transition-all",F={opened:{sm:"100",md:"160",lg:"250"},closed:{sm:"56",md:"56",lg:"56"}},z=b>600?F[y?"opened":"closed"][t]:0;return L.createElement("div",{className:"fixed"},o.topBar&&L.createElement("div",{className:ve("fixed left-0 right-0 top-0 z-30 flex h-14 w-full items-center justify-between bg-layoutPrimary-500 p-2",v?"flex-row-reverse":"flex-row")},b>600?o.pageTitle?L.createElement("div",{className:ve(v?[b>600?"mr-14":"mr-2",y?"mr-40":""]:[b>600?"ml-14":"ml-2",y?"ml-40":""]),style:v?{marginRight:`${F[y?"opened":"closed"][t]}px`}:{marginLeft:`${F[y?"opened":"closed"][t]}px`}},o.pageTitle):null:L.createElement("div",{dir:e,className:"flex items-center justify-center gap-0.5 "},L.createElement("div",{onClick:()=>i(!0),className:"z-40 mx-1 cursor-pointer rounded p-2 transition-all hover:bg-gray-100"},L.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 20 20","aria-hidden":"true",height:"1.6em",width:"1.6em"},L.createElement("path",{fillRule:"evenodd",d:"M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z",clipRule:"evenodd"}))," "),o.pageTitle?L.createElement("div",{className:"text-sm"},o.pageTitle):L.createElement("div",null)),L.createElement("div",{className:ve("flex gap-2",v?"flex-row-reverse":"flex-row")},b>600?L.createElement("div",{className:ve(v?"text-left text-xs":"text-right text-xs")},L.createElement("div",{className:"font-bold"},o.username)," ",L.createElement("div",null,o.email)):null,L.createElement(Yt,{direction:e,withHeader:!(b>600),headerTitle:b>600?"":o.username,headerSubtitle:b>600?"":o.email,menuItems:o.profileMenuItems,position:"bottom-left"},L.createElement("div",{className:"relative h-8 w-8 cursor-pointer overflow-hidden rounded-full ring-1 ring-buttonPrimary-500 dark:bg-gray-600"},L.createElement("svg",{className:"absolute -left-1 h-10 w-10 text-gray-400",fill:"currentColor",viewBox:"0 0 20 20"},L.createElement("path",{fillRule:"evenodd",d:"M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z",clipRule:"evenodd"})))))),L.createElement("div",{onMouseEnter:()=>{i(!0)},onMouseLeave:()=>i(!!y),ref:g,className:ve(P,F[t],v?"right-0":"left-0"),style:{width:b>600?n?`${F.opened[t]}px`:`${F.closed[t]}px`:n?`${F.opened[t]}px`:"0px"}},L.createElement("div",{className:ve("no-scrollbar",o.topBar?"":"mt-2",n?"overflow-auto":"overflow-hidden")},L.createElement("div",{dir:e,className:ve("fixed z-50 mb-2 flex h-14 flex-row items-center transition-all ",b>600||n?"bg-layoutPrimary-500":"w-0 bg-transparent"),style:{width:b>600?`${F[n?"opened":"closed"][t]-16}px`:"full"}},L.createElement("img",{className:ve("fixed top-2.5 h-9 opacity-0 transition-all",v?"right-2.5":"left-2.5",n?"visible opacity-100":"invisible opacity-0"),src:o.logoLink}),b>600?L.createElement("img",{className:ve("fixed top-2.5 h-9 transition-all",v?"right-2.5":"left-2.5",n?"invisible opacity-0":"visible opacity-100"),src:o.logoSymbol}):null),L.createElement("div",{className:"mb-10 mt-14"},o.drawerItems?.map((ne,j)=>L.createElement("div",{key:j,className:ve("flex flex-col items-stretch justify-center")},ne?.map((U,te)=>L.createElement("div",{key:te,id:"test",className:"flex flex-col"},L.createElement("div",{onClick:()=>{U.subItems?a===U.slug?s(""):s(U.slug):U.action()},className:ve(o.currentPage===U.slug||U.subItems?.find(A=>A.slug===o.currentPage)?"bg-buttonPrimary-500 text-white":"hover:bg-layoutPrimary-300","m-2 my-1 flex cursor-pointer flex-row items-center justify-between overflow-x-clip rounded p-2 pl-3 transition-all ",v?"flex-row-reverse pr-3":"")},L.createElement("div",{className:"flex flex-row",dir:e},L.createElement("div",{className:"flex items-center justify-center"},U.icon),L.createElement("div",{className:ve("mx-2 whitespace-nowrap text-sm transition-all",n?"opacity-100":"opacity-0")},U.label)),U.subItems&&L.createElement("div",{className:ve(a&&U.slug===a?"-rotate-90":"rotate-90")},L.createElement(gn,{fontSize:11}))),U.subItems&&L.createElement("div",{className:ve("m-1 flex cursor-pointer flex-col gap-0 overflow-clip whitespace-nowrap rounded bg-layoutPrimary-300 p-1 transition-all",a==U.slug&&n?"":"my-0 py-0",v?"text-right":"text-left"),style:{height:a==U.slug&&n?6+33*U.subItems?.length:0}},U.subItems?.map((A,S)=>L.createElement("div",{key:S,className:ve("flex flex-row gap-2 overflow-x-clip rounded p-2 px-2 text-xs",v?"text-right":"text-left",o.currentPage===A.slug?"bg-buttonPrimary-500 text-white hover:bg-buttonPrimary-500":"hover:bg-layoutPrimary-500"),dir:e,onClick:()=>{A.action()}},L.createElement("div",{className:"flex items-center justify-center"},A.icon),L.createElement("div",{className:"flex flex-row justify-between"},A.label)))))),j!==o.drawerItems.length-1&&L.createElement("div",{className:"my-2 h-[1px] w-10/12 self-center bg-buttonPrimary-500 text-center "})))),n&&L.createElement("div",{className:ve("fixed bottom-0 flex flex-row items-center bg-layoutPrimary-500 p-4 transition-all",n?"bg-layoutPrimary-500 ":"bg-red-500",r?"justify-between":"justify-end",e==="rtl"?"right-0":"left-0"),style:{width:`${F[n?"opened":"closed"][t]-16}px`}},r&&L.createElement("div",{className:" cursor-pointer rounded p-2 transition-all hover:bg-layoutPrimary-700",onClick:()=>r()},L.createElement("svg",{"aria-label":"Settings Icon",stroke:"currentColor",fill:"none",strokeWidth:"2",viewBox:"0 0 24 24",strokeLinecap:"round",strokeLinejoin:"round",height:"1em",width:"1em"},L.createElement("circle",{cx:"12",cy:"12",r:"3"}),L.createElement("path",{d:"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"}))),b>600?L.createElement("div",{className:ve("w-fit transition-all"),style:v?{right:`${F[n?"opened":"closed"][t]-35}px`}:{left:`${F[n?"opened":"closed"][t]-35}px`}},L.createElement("div",{dir:e,className:ve("relative left-0 top-0 transition-all",n?" opacity-100":" opacity-0")},L.createElement("div",{onClick:()=>f(!y),className:"w-fit cursor-pointer rounded bg-gray-300 p-2 transition-all hover:bg-gray-400"},L.createElement(gn,{fontSize:14,className:ve("transition-all",v?y?"rotate-0":"rotate-180":y?"rotate-180":"rotate-0")})))):null))),L.createElement("div",{className:"fixed overflow-y-auto",style:v?{height:`calc(100% - ${o.topBar?"56":"0"}px)`,width:`calc(100% - ${z}px)`,left:"0px",top:o.topBar?"56px":"0px"}:{height:`calc(100% - ${o.topBar?"56":"0"}px)`,width:`calc(100% - ${z}px)`,left:`${z}px`,top:o.topBar?"56px":"0px"}},o.children))};import B,{useEffect as Za,useRef as Ka,useState as io}from"react";import Se from"clsx";var rf=({direction:e="rtl",drawerSize:t="md",onSettingsClick:r,DrawerFooterActions:o,...n})=>{let[i,a]=io(!1),[s,l]=io(""),{isOpen:w,onClose:C,onOpen:y}=Jt(!1),[f,g]=io(!1),v=Ka(null),b=e==="rtl",P;typeof window<"u"?P=It():P=1200,Za(()=>{let te=A=>{v.current&&!v.current.contains(A.target)&&!f&&a(!1)};return document.addEventListener("click",te,!0),()=>{document.removeEventListener("click",te,!0)}},[f]);let F="fixed top-0 z-40 flex h-full flex-col justify-between overflow-x-clip bg-card transition-all",z=56,ne=200,j={opened:{sm:"100",md:ne,lg:"250"},closed:{sm:"56",md:"56",lg:"56"}},U=P>600?j[f?"opened":"closed"][t]:0;return B.createElement("div",{className:"fixed left-0"},n.topBar&&B.createElement("div",{className:Se("fixed left-0 right-0 top-0 z-30 flex h-14 w-full items-center justify-between bg-primary-foreground p-2",b?"flex-row-reverse":"flex-row")},P>600?B.createElement("div",{className:Se("dark:text-white",b?[P>600?"mr-14":"mr-2",f?"mr-40":""]:[P>600?"ml-14":"ml-2",f?"ml-40":""]),style:b?{marginRight:`${j[f?"opened":"closed"][t]}px`}:{marginLeft:`${j[f?"opened":"closed"][t]}px`}},n.pageTitle):B.createElement("div",{dir:e,className:"flex items-center justify-center gap-0.5"},B.createElement("div",{onClick:()=>a(!0),className:"z-40 mx-1 cursor-pointer rounded p-2 transition-all hover:bg-gray-100"},B.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 20 20","aria-hidden":"true",height:"1.6em",width:"1.6em"},B.createElement("path",{fillRule:"evenodd",d:"M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z",clipRule:"evenodd"}))),n.pageTitle?B.createElement("div",{className:"text-sm"},n.pageTitle):B.createElement("div",null)),B.createElement("div",{className:Se("flex gap-2 dark:text-white",b?"flex-row-reverse":"flex-row")},P>600?B.createElement("div",{className:b?"text-left text-xs":"text-right text-xs"},B.createElement("div",{className:"font-bold"},n.username)," ",B.createElement("div",null,n.email)):null,B.createElement(kt,{triggerClassname:"mx-2",align:"end",alignOffset:8,side:"bottom",sideOffset:5,direction:b?"rtl":"ltr",trigger:B.createElement("div",{className:"relative h-8 w-8 cursor-pointer overflow-clip rounded ring-1 ring-primary/30 dark:bg-gray-600"},B.createElement(Qa,null)),items:n.profileMenuItems,onItemSelect:te=>console.log("selecting item ",te)}))),B.createElement("div",{className:Se("fixed top-0 z-40 flex h-full flex-col justify-between overflow-x-clip transition-all",b?"right-0":"left-0"),style:{width:P>600?i?`${j.opened[t]}px`:`${j.closed[t]}px`:i?`${j.opened[t]}px`:"0px"},onMouseEnter:()=>{a(!0)},onMouseLeave:()=>a(!!f),ref:v},B.createElement("div",{dir:e,className:Se("fixed z-50 mb-2 flex h-14 w-full flex-row items-center justify-center bg-primary-foreground transition-all"),style:{width:P>600?`${i?ne:56}px`:`${i?ne:0}px`}},B.createElement("img",{className:Se("h-9 opacity-0 transition-all",i?"visible opacity-100":"invisible opacity-0"),src:n.logoLink}),P>600?B.createElement("img",{className:Se("fixed top-2.5 h-9 transition-all",b?"right-2.5":"left-2.5",i?"invisible opacity-0":"visible opacity-100"),src:n.logoSymbol}):null),B.createElement("div",{className:Se("fixed bottom-14 top-14 bg-primary-foreground py-2 transition-all",i?"overflow-auto":"overflow-hidden"),style:{height:"calc(100% - 112px)",width:P>600?`${i?ne:56}px`:`${i?ne:0}px`}},n.drawerItems?.map((te,A)=>B.createElement("div",{key:A,className:Se("flex select-none flex-col items-stretch justify-center transition-all")},te?.map((S,$)=>B.createElement("div",{key:$,id:"test",className:"flex flex-col"},B.createElement("div",{onClick:()=>{S.subItems?s===S.slug?l(""):l(S.slug):S.action()},className:Se(n.currentPage===S.slug||S.subItems?.find(ge=>ge.slug===n.currentPage)?"bg-primary text-primary-foreground ":"hover:bg-primary/20","my-1 flex cursor-pointer flex-row items-center justify-between overflow-x-clip rounded p-2 pl-3 transition-all ",b?"flex-row-reverse pr-3":"","m-2")},B.createElement("div",{className:"flex flex-row",dir:e},B.createElement("div",{className:"flex items-center justify-center "},S.icon),B.createElement("div",{className:Se("mx-2 whitespace-nowrap text-sm transition-all",i?"opacity-100":"opacity-0")},S.label)),S.subItems&&B.createElement(Ya,{pointing:s&&S.slug===s?"up":"down"})),S.subItems&&B.createElement("div",{className:Se("m-1 mx-2 flex cursor-pointer flex-col gap-[2px] overflow-clip whitespace-nowrap rounded bg-primary/10 p-1 transition-all",s==S.slug&&i?"":"my-0 py-0",b?"text-right":"text-left"),style:{height:s==S.slug&&i?6+35*S.subItems?.length:0}},S.subItems?.map((ge,Ke)=>B.createElement("div",{key:Ke,className:Se("flex flex-row gap-2 overflow-x-clip rounded-inner p-2 px-2 text-xs",b?"text-right":"text-left",n.currentPage===ge.slug?"bg-primary text-white":"hover:bg-primary-foreground hover:text-primary "),dir:e,onClick:()=>{ge.action()}},B.createElement("div",{className:"flex items-center justify-center"},ge.icon),B.createElement("div",{className:"flex flex-row justify-between"},ge.label)))))),A!==n.drawerItems.length-1&&B.createElement("div",{className:"my-2 h-[1px] w-10/12 self-center bg-buttonPrimary-500 bg-red-500 text-center "})))),B.createElement("div",{className:Se("fixed bottom-0 flex h-14 w-full items-center justify-center gap-2 overflow-clip bg-primary-foreground transition-all",e==="rtl"?"flex-row-reverse":"flex-row"),style:{width:P>600?`${i?ne:56}px`:`${i?ne:0}px`}},o&&i?B.createElement(B.Fragment,null,o):null,P>600&&i?B.createElement(gt,{side:"left",delayDuration:500,content:f?n.texts?.collapseSidebar||"Collapse Sidebar":n.texts?.expandSidebar||"Expand Sidebar"},B.createElement(p,{variant:"light",onClick:()=>g(!f),size:"smallIcon"},B.createElement("svg",{className:Se("h-6 w-6 shrink-0 text-primary transition-all disabled:bg-gray-200 ",f?b?"-rotate-90":"rotate-90":b?"rotate-90":"-rotate-90"),fill:"currentColor",viewBox:"0 0 20 20"},B.createElement("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"})))):null)),B.createElement("div",{className:"fixed overflow-y-auto",style:b?{height:`calc(100% - ${n.topBar?"56":"0"}px)`,width:`calc(100% - ${U}px)`,left:"0px",top:n.topBar?"56px":"0px"}:{height:`calc(100% - ${n.topBar?"56":"0"}px)`,width:`calc(100% - ${U}px)`,left:`${U}px`,top:n.topBar?"56px":"0px"}},n.children))},Qa=()=>B.createElement("svg",{className:"absolute -left-1 h-10 w-10 text-gray-400",fill:"currentColor",viewBox:"0 0 20 20"},B.createElement("path",{fillRule:"evenodd",d:"M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z",clipRule:"evenodd"})),Ya=({pointing:e})=>{let t;switch(e){case"right":t="-rotate-90";break;case"left":t="rotate-90";break;case"up":t="-rotate-180";break;case"down":t="rotate-0";break;default:break}return B.createElement("svg",{className:Se("h-6 w-6 shrink-0 text-primary-foreground transition-all disabled:bg-gray-200 ",t),fill:"currentColor",viewBox:"0 0 20 20"},B.createElement("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"}))};import Xa from"react";import Ja from"clsx";var lf=({maxWidth:e="normal",variant:t="contained",centered:r=!1,direction:o="ltr",...n})=>{let i="flex w-full flex-col rounded p-4",a={full:"md:max-w-xl",small:"md:max-w-sm w-1/3 min-w-min",normal:"max-w-sm md:max-w-md"},s={contained:"bg-background border",outlined:"bg-transparent border border-black w-fit",neobrutalism:"shadow-neobrutalism border-4 border-black bg-white"};return Xa.createElement("div",{className:Ja(i,a[e],s[t],r?"flex items-center text-center":""),dir:o},n.children)};import $a from"react";var cf=e=>$a.createElement("div",{className:" columns-1 gap-5 sm:columns-2 sm:gap-8 md:columns-3 lg:columns-4 [&>*:not(:first-child)]:mt-8"},e.children);import $t from"react";var ff=({isOpen:e,onClose:t,items:r})=>e?$t.createElement("div",{className:"fixed inset-0 z-40 flex bg-gray-600 bg-opacity-75"},$t.createElement("div",{className:"w-1/3 rounded-l-lg bg-gray-800 shadow-2xl"},$t.createElement("button",{onClick:t,className:"p-4 text-gray-400 hover:text-white focus:text-white focus:outline-none"},"Close"),$t.createElement("nav",null,r.map((o,n)=>$t.createElement("a",{key:n,href:"#",onClick:o.onClick,className:"block p-4 font-bold text-white hover:bg-gray-700 hover:text-gray-400"},o.label)))),$t.createElement("div",{className:"w-2/3 bg-gray-50"})):null;import{BsInstagram as Ra,BsTwitter as el}from"react-icons/bs";import{FaSnapchatGhost as tl,FaTiktok as rl}from"react-icons/fa";var hf=({variation:e="default",...t})=>React.createElement("div",{className:u("flex w-full flex-row items-center justify-between gap-8 rounded bg-background p-4",{default:"rounded border",minimal:"border-t"}[e])},React.createElement("div",{className:"flex flex-col items-center gap-2"},React.createElement("div",{className:"flex flex-row items-center gap-2"},t.logoURL&&React.createElement("div",null,React.createElement("img",{className:"h-8",src:t.logoURL})),t.logoText&&React.createElement("div",null,React.createElement("div",{className:"text-2xl font-bold text-primary"},t.logoText))),t.copyRights&&t.footerLinks&&React.createElement("div",{className:"text-xs text-muted-foreground"},"\xA9 ",t.copyRights," ",new Date().getFullYear())),t.copyRights&&!t.footerLinks&&React.createElement("div",{className:"text-xs text-muted-foreground"},"\xA9 ",t.copyRights," ",new Date().getFullYear()),t.footerLinks?.map(o=>React.createElement("div",{className:"flex w-32 flex-col gap-2"},React.createElement("div",{className:"text-lg font-bold"},o.title),React.createElement("div",{className:"flex flex-col gap-1"},o.pages.map(n=>React.createElement("a",{className:"transition-all hover:font-bold",href:n.link},n.label))))),t.socialLinks&&React.createElement("div",{className:"flex flex-row gap-2"},t.socialLinks.twitter&&React.createElement(p,{size:"smallIcon",variant:"ghost"},React.createElement(el,null)),t.socialLinks.instagram&&React.createElement(p,{size:"smallIcon",variant:"ghost"},React.createElement(Ra,null)),t.socialLinks.tiktok&&React.createElement(p,{size:"smallIcon",variant:"ghost"},React.createElement(rl,null)),t.socialLinks.snapchat&&React.createElement(p,{size:"smallIcon",variant:"ghost"},React.createElement(tl,null))));import qe,{useRef as ol,useState as nl}from"react";import cr from"clsx";var kf=({design:e="floating",...t})=>{let r=ol(null),[o,n]=nl(!1),i={floating:"left-1/2 z-50 w-[calc(100%-2rem)] -translate-x-1/2 lg:max-w-7xl p-4 rounded",default:"w-[calc(100%)] left-0 z-50 right-0 rounded-none p-2"};return qe.createElement("div",{ref:r},qe.createElement("div",{dir:t.direction,className:cr(i[e],"fixed flex flex-col justify-between border border-gray-100 bg-white shadow-sm transition-all dark:border-gray-600 dark:bg-gray-700 md:flex-row md:gap-4 ",t.position==="top"?e==="floating"?"top-6":"top-0":e==="floating"?"bottom-6":"bottom-0",o?"opacity-0":"opacity-100")},qe.createElement("div",{className:"mb-3 flex w-full flex-col items-center justify-start md:mb-0 md:flex-row md:items-center"},qe.createElement("div",{className:cr(t.direction==="rtl"?"md:ml-4 md:border-l md:pl-4":"md:mr-4 md:border-r md:pr-4","mb-2 flex items-center border-gray-200 dark:border-gray-600 md:mb-0 md:mr-4 md:pr-4")},t.logoURL&&qe.createElement("img",{src:t.logoURL,className:"mr-2 h-6",alt:"Flowbite Logo"}),t.title&&qe.createElement("span",{className:"self-center whitespace-nowrap text-lg font-semibold dark:text-white"},t.title)),t.text&&qe.createElement("p",{className:cr("m-0 flex items-center text-center text-sm font-normal text-gray-500 dark:text-gray-400 ",t.direction==="rtl"?"md:text-right":"md:text-left")},t.text)),t.actionText&&qe.createElement("div",{className:cr("flex flex-shrink-0 items-center justify-center ",t.direction==="rtl"?"ml-0 md:ml-10":"mr-0 md:mr-10")},qe.createElement(p,{onClick:t.onActionClick},t.actionText)),qe.createElement("button",{type:"button",className:cr("absolute top-2 inline-flex h-9 w-9 items-center justify-center rounded-inner p-1.5 text-gray-400 transition-all hover:text-gray-900 focus:ring-2 focus:ring-gray-300 dark:bg-gray-800 dark:text-gray-500 dark:hover:bg-gray-700 dark:hover:text-white",t.direction==="rtl"?"left-2":"right-2"),"data-dismiss-target":"#alert-default","aria-label":"Close",onClick:()=>{n(!0),setTimeout(()=>{r.current.removeChild(r.current.children[0])},200)}},qe.createElement("span",{className:"sr-only"},"Close"),qe.createElement("svg",{"aria-hidden":"true",className:"h-5 w-5",fill:"currentColor",viewBox:"0 0 20 20"},qe.createElement("path",{fillRule:"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",clipRule:"evenodd"})))))};import Pe from"react";import{Controller as ur,FormProvider as il,useForm as al}from"react-hook-form";var Kf=e=>{let t=al(),{inputs:r}=e,{formState:{errors:o},handleSubmit:n,control:i}=t;return Pe.createElement(T,null,Pe.createElement("form",{onSubmit:n(a=>e.handleUpdateProfile(a))},Pe.createElement(N,{headless:!0},Pe.createElement(il,{...t},Pe.createElement(ur,{control:i,name:"fullName",render:({field:a})=>Pe.createElement(H,{width:"full",type:"text",label:e.texts.fullNameLabel,placeholder:e.texts.fullNamePlaceholder,helpertext:o.fullName?.message,...a,value:a.value??""})}),Pe.createElement(ur,{control:i,name:"phoneNumber",render:({field:a})=>Pe.createElement(Qt,{label:"Phone number"})}),Pe.createElement(ur,{control:i,name:"email",render:({field:a})=>Pe.createElement(H,{width:"full",type:"text",label:e.texts.emailLabel,helpertext:o.email?.message,placeholder:e.texts.emailPlaceholder,...a,value:a.value??""}),rules:{required:e.texts.emailRequiredText,pattern:{value:/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,message:e.texts.emailInvalidText}}}),Pe.createElement(ur,{control:i,name:"password",render:({field:a})=>Pe.createElement(H,{width:"full",type:"password",label:e.texts.passwordLabel,placeholder:e.texts.passwordPlaceholder,helpertext:o.password?.message,...a,value:a.value??""}),rules:{required:e.texts.passwordRequiredText}}),Pe.createElement(ur,{control:i,name:"confirmPassword",render:({field:a})=>Pe.createElement(H,{width:"full",type:"password",label:e.texts.confirmPasswordLabel,placeholder:e.texts.confirmPasswordPlaceholder,helpertext:o.confirmPassword?.message,...a,value:a.value??""}),rules:{required:e.texts.confirmPasswordRequiredText}}))),Pe.createElement(de,null,Pe.createElement(p,{className:"w-full",type:"submit"},e.texts.updateProfile))))};import Er from"react";var $f=e=>Er.createElement(T,null,Er.createElement(N,{headless:!0},Er.createElement("div",{className:"mb-2 text-sm font-bold"},e.blockTitle),Er.createElement("div",{className:"flex flex-col gap-4 rounded p-2"},e.children)));import ae from"react";var dp=e=>ae.createElement("div",{dir:e.direction},ae.createElement(T,null,ae.createElement(N,{headless:!0,className:"flex flex-col gap-6"},e.viaGoogle&&ae.createElement(p,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:e.handleGoogle},ae.createElement(pe.google,{className:"h-4 w-4"}),e.texts?.continueWithGoogle??"Continue With Google"),e.viaGithub&&ae.createElement(p,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:e.handleGithub},ae.createElement(pe.gitHub,{className:"h-4 w-4"}),e.texts?.continueWithGithub??"Continue With Github"),e.viaTwitter&&ae.createElement(p,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:e.handleTwitter},ae.createElement(pe.twitter,{className:"h-4 w-4"}),e.texts?.continueWithTwitter??"Continue With Twitter"),e.viaApple&&ae.createElement(p,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:e.handleApple},ae.createElement(pe.apple,{className:"h-4 w-4"}),e.texts?.continueWithApple??"Continue With Apple"),e.viaMicrosoft&&ae.createElement(p,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:e.handleMicrosoft},ae.createElement(pe.microsoft,{className:"h-4 w-4"}),e.texts?.continueWithMicrosoft??"Continue With Microsoft"),e.viaEmail&&ae.createElement(p,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:e.handleEmail},ae.createElement(pe.mail,{className:"h-4 w-4"}),e.texts?.continueWithEmail??"Continue With Email"),e.viaPhone&&ae.createElement(p,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:e.handlePhone},ae.createElement(pe.phone,{className:"h-4 w-4"}),e.texts?.continueWithPhone??"Continue With Phone"),!e.withoutSignUp&&ae.createElement("div",{className:"p-3 text-center text-sm font-normal dark:text-gray-300"},e.texts.newUserText,ae.createElement("span",{onClick:e.handleRouteToSignUp,className:"clickable-link"},e.texts.createAccount)))),ae.createElement("div",{className:"mt-6 flex flex-row justify-between"},ae.createElement(fe,{onChangeTab:e.handleLanguage,design:"tabs",options:[{value:"ar",label:"\u0639\u0631\u0628\u064A"},{value:"en",label:"English"}]}),ae.createElement(fe,{onChangeTab:e.handleColorMode,design:"tabs",options:[{value:"light",label:ae.createElement("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90"},ae.createElement("path",{d:"M7.5 0C7.77614 0 8 0.223858 8 0.5V2.5C8 2.77614 7.77614 3 7.5 3C7.22386 3 7 2.77614 7 2.5V0.5C7 0.223858 7.22386 0 7.5 0ZM2.1967 2.1967C2.39196 2.00144 2.70854 2.00144 2.90381 2.1967L4.31802 3.61091C4.51328 3.80617 4.51328 4.12276 4.31802 4.31802C4.12276 4.51328 3.80617 4.51328 3.61091 4.31802L2.1967 2.90381C2.00144 2.70854 2.00144 2.39196 2.1967 2.1967ZM0.5 7C0.223858 7 0 7.22386 0 7.5C0 7.77614 0.223858 8 0.5 8H2.5C2.77614 8 3 7.77614 3 7.5C3 7.22386 2.77614 7 2.5 7H0.5ZM2.1967 12.8033C2.00144 12.608 2.00144 12.2915 2.1967 12.0962L3.61091 10.682C3.80617 10.4867 4.12276 10.4867 4.31802 10.682C4.51328 10.8772 4.51328 11.1938 4.31802 11.3891L2.90381 12.8033C2.70854 12.9986 2.39196 12.9986 2.1967 12.8033ZM12.5 7C12.2239 7 12 7.22386 12 7.5C12 7.77614 12.2239 8 12.5 8H14.5C14.7761 8 15 7.77614 15 7.5C15 7.22386 14.7761 7 14.5 7H12.5ZM10.682 4.31802C10.4867 4.12276 10.4867 3.80617 10.682 3.61091L12.0962 2.1967C12.2915 2.00144 12.608 2.00144 12.8033 2.1967C12.9986 2.39196 12.9986 2.70854 12.8033 2.90381L11.3891 4.31802C11.1938 4.51328 10.8772 4.51328 10.682 4.31802ZM8 12.5C8 12.2239 7.77614 12 7.5 12C7.22386 12 7 12.2239 7 12.5V14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5V12.5ZM10.682 10.682C10.8772 10.4867 11.1938 10.4867 11.3891 10.682L12.8033 12.0962C12.9986 12.2915 12.9986 12.608 12.8033 12.8033C12.608 12.9986 12.2915 12.9986 12.0962 12.8033L10.682 11.3891C10.4867 11.1938 10.4867 10.8772 10.682 10.682ZM5.5 7.5C5.5 6.39543 6.39543 5.5 7.5 5.5C8.60457 5.5 9.5 6.39543 9.5 7.5C9.5 8.60457 8.60457 9.5 7.5 9.5C6.39543 9.5 5.5 8.60457 5.5 7.5ZM7.5 4.5C5.84315 4.5 4.5 5.84315 4.5 7.5C4.5 9.15685 5.84315 10.5 7.5 10.5C9.15685 10.5 10.5 9.15685 10.5 7.5C10.5 5.84315 9.15685 4.5 7.5 4.5Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}))},{value:"dark",label:ae.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"h-[1.2rem] w-[1.2rem] transition-all dark:rotate-0 dark:scale-100"},ae.createElement("path",{d:"M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"}))}]})));import qt,{useState as ll}from"react";import{Controller as sl,useForm as dl}from"react-hook-form";var vp=e=>{let t=dl(),{formState:{errors:r},handleSubmit:o,control:n}=t,[i,a]=ll("");return qt.createElement(T,null,qt.createElement(N,{headless:!0},qt.createElement("form",{onSubmit:s=>{s.preventDefault(),e.handleSignIn(i)}},qt.createElement(sl,{control:n,name:"phone",render:({field:s})=>qt.createElement(Qt,{country:e.country??"",label:e.label??"",handleChange:l=>a(l.target.value),...s}),rules:{required:e.phoneRequiredText}}),qt.createElement("div",{className:"mt-2"}),qt.createElement(p,{className:"w-full"},e.SignInButtonText))))};import ee from"react";import{Controller as Lr,useForm as ml}from"react-hook-form";var jp=e=>{let{formState:{errors:t},handleSubmit:r,control:o}=ml();return ee.createElement("div",{className:"flex flex-col gap-4"},ee.createElement(T,{dir:e.direction},ee.createElement(N,{headless:!0},ee.createElement("form",{onSubmit:r(n=>e.handleSignIn(n))},e.showError&&ee.createElement(we,{title:e.errorTitle,text:e.errorText,severity:"error"}),e.signInType==="email"?ee.createElement(Lr,{control:o,name:"email",render:({field:n})=>ee.createElement(H,{width:"full",type:"text",autoComplete:"email",label:e.texts.emailLabel,helpertext:t.email?.message,placeholder:e.texts.emailPlaceholder,value:n.value??"",onChange:n.onChange}),rules:{required:e.texts.emailRequiredText,pattern:{value:/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,message:e.texts.emailInvalidText}}}):e.signInType==="username"?ee.createElement(Lr,{control:o,name:"username",render:({field:n})=>ee.createElement(H,{width:"full",type:"text",autoComplete:"username",label:e.texts.usernameLabel,helpertext:t.username?.message,placeholder:e.texts.usernamePlaceholder,onChange:n.onChange,value:n.value??""}),rules:{required:e.texts.usernameRequired}}):ee.createElement(Lr,{control:o,name:"phone",render:({field:n})=>ee.createElement(Qt,{label:"Phone number"}),rules:{required:e.texts.phoneRequiredText}}),e.signInType!=="phone"&&ee.createElement(ee.Fragment,null,ee.createElement(Lr,{control:o,name:"password",render:({field:n})=>ee.createElement(H,{width:"full",autoComplete:"current-password",type:"password",label:e.texts.passwordLabel,placeholder:e.texts.passwordPlaceholder,helpertext:t.password?.message,onChange:n.onChange,value:n.value??""}),rules:{required:e.texts.passwordRequiredText,minLength:5}}),!e.withoutResetPassword&&ee.createElement("div",{onClick:e.handleForgotPassword,className:"mb-3 w-fit cursor-pointer text-xs dark:text-gray-300"},e.texts.forgotPasswordText)),ee.createElement(p,{className:"mt-4 w-full",isLoading:e.isLoading},e.texts.signInText),!e.withoutSignUp&&ee.createElement("div",{className:"p-3 text-center text-sm font-normal dark:text-gray-300"},e.texts.newUserText," ",ee.createElement("span",{onClick:e.handleRouteToSignUp,className:"clickable-link"},e.texts.createAccount)))),e.viaGithub||e.viaGoogle||e.viaTwitter?ee.createElement(de,{className:u(e.logosOnly?"flex flex-row justify-center gap-2":"grid grid-cols-1 gap-2")},e.viaGoogle&&ee.createElement(p,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:e.handleGoogleSignIn},e.isGoogleLoading?ee.createElement(Tt,{size:"button"}):ee.createElement(pe.google,{className:"h-4 w-4"}),!e.logosOnly&&e.texts.signInViaGoogleLabel),e.viaGithub&&ee.createElement(p,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:e.handleGithubSignIn},e.isGithubLoading?ee.createElement(Tt,{size:"button"}):ee.createElement(pe.gitHub,{className:"h-4 w-4"}),!e.logosOnly&&e.texts.signInViaGithubLabel),e.viaTwitter&&ee.createElement(p,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:e.handleTwitterSignIn},e.isTwitterLoading?ee.createElement(Tt,{size:"button"}):ee.createElement(pe.twitter,{className:"h-4 w-4"})," ",!e.logosOnly&&e.texts.signInViaTwitterLabel)):null),ee.createElement(Tr,{currentColorMode:e.currentColorMode,currentLanguage:e.currentLanguage,handleColorMode:e.handleColorMode,handleLanguage:e.handleLanguage}))};function Bp(){return React.createElement(T,null,React.createElement(Ce,{className:"space-y-1"},React.createElement(Fe,{className:"text-2xl"},"Create an account"),React.createElement(ot,null,"Enter your email below to create your account")),React.createElement(N,{className:"grid gap-4"},React.createElement("div",{className:"grid grid-cols-2 gap-6"},React.createElement(p,{variant:"outline"},React.createElement(pe.gitHub,{className:"mr-2 h-4 w-4"}),"Github"),React.createElement(p,{variant:"outline"},React.createElement(pe.google,{className:"mr-2 h-4 w-4"}),"Google")),React.createElement("div",{className:"relative"},React.createElement("div",{className:"absolute inset-0 flex items-center"},React.createElement("span",{className:"w-full border-t"})),React.createElement("div",{className:"relative flex justify-center text-xs uppercase"},React.createElement("span",{className:"bg-background px-2 text-muted-foreground"},"Or continue with"))),React.createElement("div",{className:"grid gap-2"},React.createElement(st,{htmlFor:"email"},"Email"),React.createElement(At,{id:"email",type:"email",placeholder:"m@example.com"})),React.createElement("div",{className:"grid gap-2"},React.createElement(st,{htmlFor:"password"},"Password"),React.createElement(At,{id:"password",type:"password"}))),React.createElement(de,null,React.createElement(p,{className:"w-full"},"Create account")))}import V from"react";import{Controller as wt,FormProvider as cl,useForm as ul}from"react-hook-form";var _p=e=>{let t=ul(),{formState:{errors:r},handleSubmit:o,control:n}=t;return V.createElement("div",{className:"flex flex-col gap-4"},V.createElement(T,{dir:e.direction},V.createElement(N,{headless:!0},V.createElement("div",null,e.showError&&V.createElement(we,{title:e.errorTitle,text:e.errorText,severity:"error"}),V.createElement(cl,{...t},V.createElement("form",{onSubmit:o(i=>e.handleSignUp(i))},V.createElement("div",null,e.signUpFields.map((i,a)=>{if(i==="fullname")return V.createElement(wt,{key:a,control:n,name:"fullName",render:({field:s})=>V.createElement(H,{width:"full",type:"text",label:e.texts.fullNameLabel,placeholder:e.texts.fullNamePlaceholder,helpertext:r.fullName?.message,onChange:s.onChange,value:s.value??""}),rules:{required:e.texts.fullNameRequiredText}});if(i==="email")return V.createElement(wt,{key:a,control:n,name:"email",render:({field:s})=>V.createElement(H,{width:"full",type:"text",autoComplete:"email",label:e.texts.emailLabel,helpertext:r.email?.message,placeholder:e.texts.emailPlaceholder,onChange:s.onChange,value:s.value??""}),rules:{required:e.texts.emailRequiredText,pattern:{value:/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,message:e.texts.emailInvalidText}}});if(i==="username")return V.createElement(wt,{key:a,control:n,name:"username",render:({field:s})=>V.createElement(H,{width:"full",type:"text",autoComplete:"username",label:e.texts.usernameLabel,helpertext:r.username?.message,placeholder:e.texts.usernamePlaceholder,onChange:s.onChange,value:s.value??""}),rules:{required:e.texts.usernameRequired}})})),V.createElement(wt,{control:n,name:"password",render:({field:i})=>V.createElement(H,{width:"full",type:"password",autoComplete:"new-password",label:e.texts.passwordLabel,placeholder:e.texts.passwordPlaceholder,helpertext:r.password?.message,onChange:i.onChange,value:i.value??""}),rules:{required:e.texts.passwordRequiredText}}),V.createElement(wt,{control:n,name:"confirm_password",render:({field:i})=>V.createElement(H,{width:"full",type:"password",autoComplete:"new-password",label:e.texts.confirmPasswordLabel,placeholder:e.texts.confirmPasswordPlaceholder,helpertext:r.confirm_password?.message,onChange:i.onChange,value:i.value??""}),rules:{required:e.texts.passwordRequiredText}}),e.showRefCode&&V.createElement(wt,{control:n,name:"refCode",render:({field:i})=>V.createElement(H,{width:"full",type:"text",label:e.texts.refCode,placeholder:e.texts.passwordPlaceholder,helpertext:r.password?.message,value:i.value??"",onChange:i.onChange})}),e.showUserSource&&V.createElement("div",null,V.createElement(wt,{control:n,name:"reference",render:({field:i})=>V.createElement(Nt,{label:"How did you learn about us?",isCreatable:!1,isMulti:!1,isSearchable:!1,isClearable:!1,options:[{value:"friend",label:"From a friend"},{value:"ad",label:"Advertisement"},{value:"other",label:"Other"}],onChange:a=>{i.onChange(a.value)}})})),e.showTermsOption&&V.createElement(wt,{control:n,name:"terms_accepted",render:({field:i})=>V.createElement(Br,{id:"terms_accepted",helperText:r.terms_accepted?.message,onChange:a=>i.onChange(a),label:V.createElement("span",null,e.texts.iAcceptText," ",V.createElement("a",{onClick:e.handleRouteToTOS,className:"clickable-link"},e.texts.termsText))}),rules:{required:e.texts.termsRequiredText}}),e.showNewsletterOption&&V.createElement(wt,{control:n,name:"newsletter_accepted",render:({field:i})=>V.createElement(Br,{id:"newsletter_accepted",label:e.texts.subscribeToNewsletter,onChange:i.onChange})}),V.createElement(p,{className:"w-full",isLoading:e.isLoading},e.texts.signUpText))),V.createElement("div",{className:"flex flex-row items-center justify-center gap-1 p-3 text-center text-sm font-normal dark:text-white"},V.createElement("span",null,e.texts.existingUserText),V.createElement("span",{onClick:e.handleRouteToSignIn,className:"clickable-link"},e.texts.signInText)))),e.viaGithub||e.viaGoogle||e.viaTwitter?V.createElement(de,{className:u(e.logosOnly?"flex flex-row justify-center gap-2":"grid grid-cols-1 gap-2")},e.viaGoogle&&V.createElement(p,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:e.handleGoogleSignUp},V.createElement(pe.google,{className:"h-4 w-4"}),!e.logosOnly&&e.texts.signUpViaGoogleLabel),e.viaGithub&&V.createElement(p,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:e.handleGithubSignUp},V.createElement(pe.gitHub,{className:"h-4 w-4"}),!e.logosOnly&&e.texts.signUpViaGithubLabel),e.viaTwitter&&V.createElement(p,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:e.handleTwitterSignUp},V.createElement(pe.twitter,{className:"h-4 w-4"}),!e.logosOnly&&e.texts.signUpViaTwitterLabel)):null),V.createElement(Tr,{currentColorMode:e.currentColorMode,currentLanguage:e.currentLanguage,handleColorMode:e.handleColorMode,handleLanguage:e.handleLanguage}))};import Me,{useState as gl}from"react";import{Controller as fn,FormProvider as fl,useForm as pl}from"react-hook-form";var $p=e=>{let[t,r]=gl(!1),o=pl(),{formState:{errors:n},handleSubmit:i,control:a}=o,s=l=>{l.password===l.confirmPassword?e.handleNewPassword():r(!0)};return Me.createElement(T,{dir:e.direction},t&&Me.createElement(we,{text:e.texts.passwordMatchError,severity:"error"}),e.passwordChanged?Me.createElement(N,{headless:!0},Me.createElement("div",{className:"text-center"},e.texts.passwordChanged)):Me.createElement(fl,{...o},Me.createElement("form",{onSubmit:i(s)},!e.headless&&Me.createElement(Ce,null,Me.createElement(Fe,null,"Create Password"),Me.createElement(ot,null,"Set a new password for your account")),Me.createElement(N,{headless:e.headless},Me.createElement(fn,{control:a,name:"password",render:({field:l})=>Me.createElement(H,{width:"full",type:"password",autoComplete:"new-password",label:e.texts.passwordLabel,placeholder:e.texts.passwordPlaceholder,helpertext:n.password?.message,...l,value:l.value??""}),rules:{required:e.texts.passwordRequiredText}}),Me.createElement(fn,{control:a,name:"confirmPassword",render:({field:l})=>Me.createElement(H,{width:"full",type:"password",autoComplete:"new-password",label:e.texts.confirmPasswordLabel,placeholder:e.texts.confirmPasswordPlaceholder,helpertext:n.confirmPassword?.message,...l,value:l.value??""}),rules:{required:e.texts.confirmPasswordRequiredText}})),Me.createElement(de,null,Me.createElement(p,{className:"w-full",type:"submit"},e.texts.updatePassword)))))};import Ee from"react";import{Controller as xl,useForm as vl}from"react-hook-form";var a2=e=>{let t=vl(),{formState:{errors:r},handleSubmit:o,register:n,control:i}=t;return Ee.createElement(T,{dir:e.direction},e.sent?Ee.createElement(N,{headless:!0},Ee.createElement("div",{className:"text-center"},e.texts?.emailSentText)):Ee.createElement(Ee.Fragment,null,!e.headless&&Ee.createElement(Ce,null,Ee.createElement(Fe,null,"Reset Password"),Ee.createElement(ot,null,"Enter your email to reset your account password")),Ee.createElement("form",{onSubmit:o(e.handleResetPassword)},Ee.createElement(N,{headless:e.headless},Ee.createElement(xl,{control:i,name:"email",render:({field:a})=>Ee.createElement(H,{width:"full",type:"text",label:e.texts?.emailLabel,helpertext:r.email?.message,placeholder:e.texts?.emailPlaceholder,...a,value:a.value??""}),rules:{required:e.texts?.emailRequiredText,pattern:{value:/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,message:e.texts?.emailInvalidText}}}),Ee.createElement("div",{className:"pb-2 text-start text-sm dark:text-gray-300"},e.texts?.dontHaveAccount??"Don't have an account? ",Ee.createElement("span",{onClick:e.handleRouteToSignUp,className:"clickable-link"},e.texts?.signUpText??"Sign Up"))),Ee.createElement(de,null,Ee.createElement(p,{type:"submit",className:"w-full"},e.texts?.resetPassword)))))};import Le,{useState as bl}from"react";var g2=e=>{let[t,r]=bl(null);return Le.createElement(T,null,Le.createElement(N,{headless:!0},e.showError&&Le.createElement(we,{title:e.errorTitle,text:e.errorText,severity:"error"}),Le.createElement("div",{className:"mb-4 dark:text-white"},Le.createElement("div",{className:"text-lg font-bold"},e.texts.checkYourPhone??"Please check your phone"),Le.createElement("div",{className:"text-muted-foreground"},Le.createElement("span",null,e.texts.weSentCode??"We've sent a code to "),Le.createElement("span",null,e.phoneNumber))," "),Le.createElement("form",{onSubmit:o=>{o.preventDefault(),t&&e.submitConfirmation(t)}},Le.createElement(Uo,{width:"full",digits:6,getPins:o=>r(o)}),Le.createElement("div",{className:" py-2 text-center text-xs text-muted-foreground"},Le.createElement("span",null,e.texts.didntGetCode??"Didn't get the code?")," ",Le.createElement("span",{className:"clickable-link"},e.texts.resendCode??"Click to resend")),Le.createElement("div",{className:"mt-4 grid grid-cols-2 gap-2"},Le.createElement(p,{variant:"secondary"},e.texts.cancel??"Cancel"),Le.createElement(p,null,e.texts.confirm??"Confirm")))))};import lt from"react";var y2=({texts:e,handleResend:t})=>lt.createElement(T,null,lt.createElement(N,{headless:!0},lt.createElement("div",{className:"flex flex-col items-center justify-center text-center"},lt.createElement("div",{className:"flex h-16 w-16 flex-col items-center justify-center rounded-3xl bg-primary text-6xl font-bold text-primary-foreground"},lt.createElement("svg",{stroke:"currentColor",fill:"none","stroke-width":"2",viewBox:"0 0 24 24","stroke-linecap":"round","stroke-linejoin":"round",height:"0.5em",width:"0.5em",xmlns:"http://www.w3.org/2000/svg"},lt.createElement("path",{d:"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"}),lt.createElement("polyline",{points:"22,6 12,13 2,6"}))),lt.createElement("div",{className:"m-2 text-xl font-bold"},e?.checkEmail??"Check you email"),lt.createElement("div",{className:"text-sm"},e?.pleaseVerify??"Thank you for signing up! To complete your registration, we've sent a verification email to the address you provided. Please check your inbox and follow the instructions in the email to activate your account."))),lt.createElement(de,{className:"flex flex-col justify-center "},lt.createElement("span",{className:"clickable-link text-sm",onClick:t},e?.resendEmail??"Resend Email")));import J,{useState as yl}from"react";var D2=e=>{let[t,r]=yl("");return J.createElement(T,null,J.createElement(Ce,null,J.createElement(Fe,null,"Choose Payment Method"),J.createElement(ot,null,"And you'll be directed to the next step to complete the payment")),J.createElement(N,{className:"grid grid-cols-2 gap-4"},J.createElement(p,{className:u("flex w-full flex-col gap-2 pt-6",t==="mada"&&"outline outline-4 outline-primary"),variant:"outline",size:"heightless",disabled:!e.viaMada,onClick:()=>r("mada")},J.createElement("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/mada.png",className:"h-6"}),J.createElement("span",null,e.madaLabel)),J.createElement(p,{className:u("flex w-full flex-col gap-2",t==="apple-pay"&&"outline outline-4 outline-primary"),variant:"outline",size:"heightless",disabled:!e.viaApplePay,onClick:()=>r("apple-pay")},J.createElement("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/apple-pay.png",className:"h-11"}),J.createElement("span",null,e.applePayLabel)),J.createElement(p,{className:u("flex w-full flex-col gap-2",t==="visa-master"&&"outline outline-4 outline-primary"),variant:"outline",size:"heightless",disabled:!e.viaCreditCard,onClick:()=>r("visa-master")},J.createElement("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/visa-master.png",className:"h-6"}),J.createElement("span",null,e.visaMasterLabel)),J.createElement(p,{variant:"outline",size:"heightless",className:u("flex w-full flex-col gap-2",t==="wallet"&&"outline outline-4 outline-primary"),disabled:!e.viaWallet,onClick:()=>r("wallet")},J.createElement("svg",{version:"1.1",fill:"currentColor",viewBox:"0 0 223 223",className:"h-6 w-6"},J.createElement("g",null,J.createElement("path",{d:`M223,94.5c0-6.075-4.925-11-11-11h-63c-6.075,0-11,4.925-11,11v33c0,6.075,4.925,11,11,11h63c6.075,0,11-4.925,11-11V94.5z
1
+ import no,{useEffect as kn,useState as jn}from"react";import Sn from"clsx";var Vo=e=>{let[t,o]=jn(e.val);return kn(()=>{e.onChange(t)},[t]),no.createElement("div",{className:Sn(e.centered?"flex h-full items-center justify-center":"flex h-full items-start ")},no.createElement("input",{type:"checkbox",checked:t,onChange:r=>o(r.target.checked),id:e.id,"aria-label":e.label,className:"mt-3 rounded border-gray-300 bg-gray-100 text-blue-600 focus:ring-2 focus:ring-blue-500 dark:border-gray-600 dark:bg-gray-700 dark:ring-offset-gray-800 dark:focus:ring-blue-600"}),(e.label||e.helperText)&&no.createElement("div",{className:" flex cursor-pointer flex-col py-2",onClick:r=>o(!t)},e.label&&no.createElement("label",{className:"mx-2 text-sm font-medium text-gray-900 dark:text-gray-300"},e.label),e.helperText&&no.createElement("p",{className:"mx-2 mt-1 text-xs text-red-600 dark:text-red-500"},e.helperText)))};import Wt,{useState as Pn}from"react";var ss=e=>{let[t,o]=Pn(e.defaultValue);return Wt.createElement("div",null,Wt.createElement("div",{className:"mb-4 border-b border-gray-200 dark:border-gray-700"},Wt.createElement("ul",{className:"-mb-px flex flex-wrap text-center text-sm font-medium",id:"myTab","data-tabs-toggle":"#myTabContent",role:"tablist"},e.options.map((r,n)=>Wt.createElement("li",{key:n,className:"mr-2",role:"presentation"},Wt.createElement("button",{className:"inline-block rounded-t-lg border-b-2 border-blue-600 p-4 text-blue-600 hover:text-blue-600 dark:border-blue-500 dark:text-blue-500 dark:hover:text-blue-500",id:`${r.value}-tab`,"data-tabs-target":`#${r.value}`,type:"button",role:"tab","aria-controls":r.value,"aria-selected":"true"},r.label))))),Wt.createElement("div",{id:"myTabContent"},e.options.map((r,n)=>Wt.createElement("div",{key:n,className:"rounded bg-gray-50 p-4 dark:bg-gray-800",id:`${r.value}`,role:"tabpanel","aria-labelledby":`${r.value}-tab`},r.content))))};import vr from"react";import xr from"clsx";var Qt=({label:e,size:t="normal",icon:o,color:r,dot:n,dotType:i="available"})=>{let a="flex flex-row w-fit gap-1 items-center rounded px-2.5 py-0.5 font-bold text-blue-800 dark:bg-blue-200 dark:text-blue-800",s={small:"h-full leading-4 px-1 py-0 text-[9px] gap-0.5 ",normal:"h-fit text-xs",large:""},l={small:"flex h-1 w-1 rounded-full",normal:"flex h-2 w-2 rounded-full",large:"flex h-3 w-3 rounded-full"},y={available:"bg-green-500",unavailable:"bg-red-500"};return vr.createElement("span",{className:xr(a,s[t],r?`bg-${r}-100 text-${r}-500`:"bg-layoutPrimary-500")},n&&vr.createElement("span",{className:xr(l[t],y[i])}),o&&o,e)};import Uo from"react";var vs=e=>Uo.createElement("div",{className:"flex h-fit flex-row items-center gap-2 px-2"},Uo.createElement("div",null,e.icon),Uo.createElement("div",{className:"text-sm"},e.count));import gt from"react";import Ge from"react";import*as yo from"react";import*as _o from"@radix-ui/react-label";import{cva as Ln}from"class-variance-authority";import{clsx as Mn}from"clsx";import{twMerge as En}from"tailwind-merge";function m(...e){return En(Mn(e))}var An=Ln("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),ct=yo.forwardRef(({className:e,...t},o)=>yo.createElement(_o.Root,{ref:o,className:m(An(),e),...t}));ct.displayName=_o.Root.displayName;import Bn from"react";function ut({className:e,...t}){return Bn.createElement("div",{className:m("animate-pulse rounded-md bg-muted",e),...t})}var H=({margin:e="normal",width:t="full",preview:o=!1,...r})=>{let n={none:"mb-0",normal:"mb-3",large:"mb-5"},i={small:"w-full max-w-2xs",normal:"w-1/2",full:"w-full"},a="flex max-h-fit relative flex-col justify-center gap-2",s="block w-full rounded border transition-all bg-background p-2 text-sm text-black dark:text-white focus:border-blue-500 focus:ring-blue-500",l="block w-full rounded bg-gray-50 p-2 text-sm text-gray-900 focus:border-blue-500 focus:ring-blue-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-blue-500 dark:focus:ring-blue-500";return Ge.createElement("div",{className:m(a,n[e],i[t])},r.label&&Ge.createElement(ct,null,r.label),r.isLoading?Ge.createElement(ut,{className:"h-[38px] w-full"}):Ge.createElement(Ge.Fragment,null,Ge.createElement("div",{className:m("absolute top-[22px] h-[0.8px] w-full bg-gray-200 transition-all dark:bg-gray-800",o?"opacity-100":"opacity-0")}),Ge.createElement(Ge.Fragment,null,Ge.createElement("div",{className:m("relative")},r.icon&&Ge.createElement("div",{className:"absolute left-3 top-1/2 -translate-y-1/2"},r.icon),Ge.createElement("input",{...r,className:m(s,r.icon&&"pl-10",o&&"border-transparent bg-transparent px-0"),disabled:o})),r.iconInside&&Ge.createElement("div",{className:"absolute right-1 top-[41px] -translate-y-1/2"},r.iconInside),r.helpertext&&Ge.createElement("p",{className:"mb-0 mt-0 text-xs text-red-600 dark:text-red-500"},r.helpertext))))};import wo,{useState as In}from"react";var br=e=>{let[t,o]=In(e.color);return wo.createElement("div",{className:"flex w-fit flex-row rounded border p-0"},wo.createElement("div",{style:{backgroundColor:t},className:"rounded-bl-lg rounded-tl-lg"},wo.createElement("input",{type:"color",value:t,onChange:r=>{o(r.target.value),e.handleChange(r)},className:"opacity-0"})),wo.createElement("input",{type:"text",onChange:r=>{o(r.target.value),e.handleChange(r)},value:t,className:"w-24 bg-background rounded-br-lg rounded-tr-lg pl-2 pr-2"}))};import Yt,{useState as Dn}from"react";var hr=({value:e,handleChange:t,startElement:o,endElement:r,label:n,...i})=>{let[a,s]=Dn(e);return Yt.createElement("div",{...i},n&&Yt.createElement("label",{htmlFor:"default-range",className:"mb-2 block text-sm font-medium text-gray-900 dark:text-gray-300"},n),Yt.createElement("div",{className:"flex w-fit flex-row items-center justify-center"},Yt.createElement("div",{className:"mr-2"},o)," ",Yt.createElement("input",{id:"default-range",type:"range",value:a,onChange:l=>{s(l.target.value),t(l)},className:"h-2 w-fit cursor-pointer appearance-none rounded bg-gray-200 dark:bg-gray-700"}),Yt.createElement("div",{className:"ml-2"},r)," "))};import ye,{useState as yr,useRef as zn,useEffect as Hn}from"react";var ve=({design:e="default",width:t="default",orientation:o="horizontal",...r})=>{let[n,i]=yr(r.defaultValue),a="inline-block py-2 px-4 w-full text-primary-foreground bg-primary active dark:bg-primary ",s="inline-block py-2 px-4 w-full transition-all hover:bg-primary/10 dark:bg-background bg-primary/5 hover:text-gray-900 dark:hover:bg-primary/10 dark:hover:text-white dark:bg-primary/5",l={horizontal:"flex flex-row",vertical:"flex flex-col"},y={default:"max-w-fit",full:"w-full"},[w,x]=yr(null),g=zn(null);switch(Hn(()=>{if(g.current&&g.current.parentNode){let f=window.getComputedStyle(g.current.parentNode).direction;x(f)}}),e){case"tabs":return ye.createElement("ul",{ref:g,className:m(r.options?.length>2?"flex-wrap xs:max-w-full xs:flex-nowrap":"","select-none whitespace-nowrap rounded border text-center text-sm font-medium",y[t],l[o])},r.options?.map((f,b)=>ye.createElement("li",{"aria-current":"page",onClick:()=>{i(f.value),r.onChangeTab(f.value)},className:m("w-full cursor-pointer ",o==="horizontal"&&w==="ltr"&&"rounded-none first:rounded-l last:rounded-r",o==="horizontal"&&w==="rtl"&&"rounded-none first:rounded-r last:rounded-l",o==="vertical"&&"rounded-none first:rounded-t last:rounded-b","last flex flex-row items-center justify-center gap-2 ",n===f.value?a:s),key:b},f.icon&&f.icon,f.label)));case"bordered":return ye.createElement("div",{className:m(l[o],"gap-4")},r.options.map((f,b)=>ye.createElement("div",{className:"rounded border border-gray-200 "},ye.createElement("div",{className:"radio-item radio-item-bordered flex items-center transition-all",key:b+1},ye.createElement("input",{disabled:f.disabled,id:f.value.toString(),type:"radio",value:f.value,name:"bordered-radio"}),ye.createElement("label",{htmlFor:f.value.toString(),className:m("ml-2 w-full p-4 pl-3 text-sm font-medium dark:text-white",f.disabled?"opacity-50":"cursor-pointer text-gray-900")},f.label)))));case"cards":return ye.createElement("ul",{className:m(l[o],"gap-4")},r.options?.map((f,b)=>ye.createElement("li",null,ye.createElement("input",{type:"radio",id:f.value.toString(),name:"cards-radio",value:f.value.toString(),className:"peer hidden",required:!0,disabled:f.disabled}),ye.createElement("label",{htmlFor:f.value.toString(),className:m("inline-flex h-full w-full items-center justify-between rounded-lg border border-gray-200 bg-white p-5 text-gray-500 peer-checked:border-blue-600 peer-checked:text-blue-600 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:peer-checked:text-primary",f.disabled?"opacity-50":"cursor-pointer hover:bg-gray-100 hover:text-gray-600 dark:hover:bg-gray-700 dark:hover:text-gray-300")},ye.createElement("div",{className:"block h-full w-full"},ye.createElement("div",{className:"w-full text-lg font-semibold"},f.label),ye.createElement("div",{className:"w-full"},f.sublabel))))));default:return ye.createElement("div",{className:m(l[o],"gap-2")},r.options.map((f,b)=>ye.createElement("div",{className:"radio-item radio-item-default flex items-center transition-all",key:b+1},ye.createElement("input",{disabled:f.disabled,id:f.value.toString(),type:"radio",value:f.value,name:"default-radio"}),ye.createElement("label",{htmlFor:f.value.toString(),className:m("text-sm font-medium dark:text-white",f.disabled?"text-gray-400":"cursor-pointer text-gray-900")},f.label))))}};import On from"clsx";import bt from"react";import Wn from"react-select";import Vn from"react-select/creatable";var Un=({cx:e,children:t,getStyles:o,innerProps:r,innerRef:n,size:i="normal",...a})=>bt.createElement("div",{ref:n,className:On({small:"h-7 text-xs",normal:"h-[2.36rem] text-sm",large:""}[i],"flex w-full rounded border bg-background text-gray-900 focus:border-blue-500 focus:ring-blue-500 dark:focus:ring-blue-500"),...r},t),_n=({cx:e,children:t,getStyles:o,innerProps:r,innerRef:n,...i})=>bt.createElement("div",{className:"absolute z-10 mt-2 flex w-full flex-col justify-start rounded border bg-background p-1.5",ref:n,...r},t),Gn=({cx:e,children:t,getStyles:o,innerProps:r,innerRef:n,size:i="normal",...a})=>bt.createElement("div",{ref:n,className:"flex cursor-pointer select-none flex-row items-center justify-between rounded-inner p-1 px-2 hover:bg-primary hover:text-primary-foreground",...r},t),jt=e=>bt.createElement("div",{className:" flex w-full flex-col gap-2"},e.label&&bt.createElement(ct,null,e.label),e.isLoading?bt.createElement(ut,{className:"h-[38px] w-full"}):e.isCreatable?bt.createElement(Vn,{styles:{input:t=>({...t,"input:focus":{boxShadow:"none"}}),control:t=>({...t,borderRadius:"0.75rem"}),menu:t=>({...t,borderRadius:"0.75rem",padding:0,display:"flex",justifyContent:"center"}),menuList:t=>({...t,display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",width:"100%"}),option:t=>({...t,borderRadius:"0.75rem",margin:3,width:"98%"})},options:e.options,isClearable:e.isClearable,isMulti:e.isMulti,isSearchable:e.isSearchable,onCreateOption:()=>console.log("im changing"),onChange:(t,o)=>e.onChange(t,o),onInputChange:(t,o)=>e.onInputChange(t,o)}):bt.createElement(Wn,{classNames:{container:()=>m("rounded",e.disabled?"cursor-not-allowed":"cursor-pointer"),placeholder:()=>"px-2 text-muted-foreground",input:()=>"text-white px-2",valueContainer:()=>"text-white dark:text-muted-foreground",singleValue:()=>"text-black dark:text-white px-2",indicatorsContainer:()=>" px-2 cursor-pointer text-muted-foreground"},unstyled:!0,isDisabled:e.disabled,options:e.options,defaultValue:e.defaultValue,isClearable:e.isClearable,isMulti:e.isMulti,isSearchable:e.isSearchable,onChange:(t,o)=>e.onChange(t,o),components:{Control:Un,Option:Gn,Menu:_n},getOptionLabel:e.getOptionLabel}),e.helperText&&bt.createElement("p",{className:"mt-2 text-sm text-red-600 dark:text-red-500"},e.helperText));import*as Ze from"react";import*as io from"@radix-ui/react-switch";var Zn={default:"h-[25px] w-[42px]",sm:"h-[20px] w-[37px]"},qn={default:"h-[21px] w-[21px]",sm:"h-[16px] w-[16px]"},Go=Ze.forwardRef(({className:e,size:t="default",label:o,...r},n)=>{let[i,a]=Ze.useState(null),s=Ze.useRef(null);return Ze.useEffect(()=>{if(s.current&&s.current.parentNode){let l=window.getComputedStyle(s.current.parentNode).direction;a(l)}}),Ze.createElement("div",{className:"flex flex-row items-center",ref:s},Ze.createElement(io.Root,{className:m("relative cursor-pointer rounded-full bg-primary/20 outline-none data-[state=checked]:bg-primary",e,Zn[t]),...r,ref:n},Ze.createElement(io.Thumb,{className:m(qn[t],"block rounded-full bg-white transition-transform duration-100 will-change-transform data-[state=checked]:bg-primary-foreground dark:bg-background",i==="rtl"?"-translate-x-0.5 data-[state=checked]:-translate-x-[19px]":"translate-x-0.5 data-[state=checked]:translate-x-[19px]")})),o&&Ze.createElement("span",{className:"mx-2 text-sm font-medium text-gray-900 dark:text-gray-300"},o))});Go.displayName=io.Root.displayName;var md=({settingsLabel:e,settingsType:t,settingsDescription:o,colorProps:r,rangeProps:n,radioProps:i,switchProps:a,selectProps:s})=>gt.createElement("div",{className:"flex max-h-fit flex-row items-center justify-between rounded align-middle"},gt.createElement("div",null,gt.createElement("div",{className:"text-sm"},e),o&&gt.createElement("div",{className:"text-xs"},o)," "),t==="text"&&gt.createElement(H,{margin:"none",width:"small"}),t==="boolean"&&gt.createElement(Go,{...a}),t==="range"&&gt.createElement(hr,{...n}),t==="color"&&gt.createElement(br,{...r}),t==="radio"&&gt.createElement(ve,{...i}),t==="select"&&gt.createElement(jt,{...s}));import Kn from"react";var fd=e=>Kn.createElement("div",null,e.children);import qe,{useRef as Xn,useState as Jn,useEffect as $n}from"react";import Zo from"clsx";import*as ao from"react";import{cva as Qn}from"class-variance-authority";import ht from"react";import Co from"clsx";var St=({design:e="spinner",size:t="sm",color:o,...r})=>{let n={button:"h-4 w-4",xs:"h-1 w-1",sm:"h-6 w-6",normal:"h-8 w-8",lg:"h-14 w-14",xl:"h-24 w-24"},i={pulse:"animate-in fade-in duration-1000",bounce:"animate-bounce"};switch(e.split("-")[0]){case"dots":return ht.createElement("div",{className:"flex flex-row gap-2"},ht.createElement("div",{className:Co("animate-bounce rounded-full delay-100 repeat-infinite",t==="button"?"h-2 w-2":n[t],i[e.split("-")[1]],o||"bg-primary")}),ht.createElement("div",{className:Co("animate-bounce rounded-full delay-200 repeat-infinite",t==="button"?"h-2 w-2":n[t],i[e.split("-")[1]],o||"bg-primary")}),ht.createElement("div",{className:Co("animate-bounce rounded-full delay-300 repeat-infinite",t==="button"?"h-2 w-2":n[t],i[e.split("-")[1]],o||"bg-primary")}));default:return ht.createElement("div",{className:"flex flex-row gap-x-3"},ht.createElement("div",{"aria-label":"Loading...",role:"status"},ht.createElement("svg",{className:Co(n[t],"animate-spin"),viewBox:"3 3 18 18"},ht.createElement("path",{className:"fill-primary/20",d:"M12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5ZM3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12Z"}),ht.createElement("path",{className:o||"fill-primary",d:"M16.9497 7.05015C14.2161 4.31648 9.78392 4.31648 7.05025 7.05015C6.65973 7.44067 6.02656 7.44067 5.63604 7.05015C5.24551 6.65962 5.24551 6.02646 5.63604 5.63593C9.15076 2.12121 14.8492 2.12121 18.364 5.63593C18.7545 6.02646 18.7545 6.65962 18.364 7.05015C17.9734 7.44067 17.3403 7.44067 16.9497 7.05015Z"}))))}};var Yn=Qn("inline-flex items-center justify-center select-none rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",light:"bg-primary/20 text-primary hover:bg-primary/40",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90",outline:"border border-input bg-background hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline",neoBrutalism:"cursor-pointer transition-all uppercase font-mono dark:bg-black font-bold py-2 px-4 rounded border-2 border-primary shadow-color-primary transition-[transform_50ms, box-shadow_50ms] active:translate-x-0.5 active:translate-y-0.5 active:shadow-color-primary-active"},size:{default:"h-10 px-4 py-2",heightless:"px-4 py-4",xs:"h-fit py-1 text-[10px] px-2 ",sm:"h-9 text-[11px] rounded-md px-3",lg:"h-11 rounded-md px-8",xl:"h-14 rounded-md px-10",icon:"h-10 w-10",smallIcon:"h-7 w-7"}},defaultVariants:{variant:"default",size:"default"}}),p=ao.forwardRef(({className:e,variant:t,size:o,asChild:r=!1,isLoading:n,children:i,...a},s)=>{let l="button",y=t==="outline"||t==="ghost"||t==="neoBrutalism"?"bg-primary":"bg-primary-foreground";return ao.createElement(l,{className:m(Yn({variant:t,size:o,className:e})),ref:s,...a},n?ao.createElement(St,{design:"dots-pulse",color:y,size:o==="sm"?"xs":"normal"}):i)});p.displayName="Button";var Fe=({variant:e="normal",direction:t="ltr",severity:o="info",duration:r,icon:n,className:i,...a})=>{let s=Xn(null),[l,y]=Jn(!1);$n(()=>{if(r){let g=setTimeout(()=>{y(!0)},r),f=setTimeout(()=>{y(!0),s.current.removeChild(s.current.children[0])},r+1e3);return()=>{clearTimeout(g),clearTimeout(f)}}},[r]);let w={none:"hover:bg-gray-300",info:"hover:bg-blue-300",warning:"hover:bg-yellow-300",error:"hover:bg-red-300",success:"hover:bg-green-300"};return qe.createElement("div",{ref:s},qe.createElement("div",{className:Zo("relative mb-4 flex flex-col rounded p-4 text-sm transition-all",{normal:{none:"text-gray-700 bg-gray-100 dark:bg-gray-200 dark:text-gray-800",info:"text-blue-700 bg-blue-100 dark:bg-blue-200 dark:text-blue-800",warning:"text-yellow-700 bg-yellow-100 dark:bg-yellow-200 dark:text-yellow-800",error:"text-red-700 bg-red-100 dark:bg-red-200 dark:text-red-800",success:"text-green-700 bg-green-100 dark:bg-green-200 dark:text-green-800"},"top-accent":{none:"border-t-4 border-gray-300 text-gray-700 bg-gray-100 dark:bg-gray-200 dark:text-gray-800",info:"border-t-4 border-blue-300 text-blue-700 bg-blue-100 dark:bg-blue-200 dark:text-blue-800",warning:"border-t-4 border-yellow-300 text-yellow-700 bg-yellow-100 dark:bg-yellow-200 dark:text-yellow-800",error:"border-t-4 border-red-300 text-red-700 bg-red-100 dark:bg-red-200 dark:text-red-800",success:"border-t-4 border-green-300 text-green-700 bg-green-100 dark:bg-green-200 dark:text-green-800"},"left-accent":{none:"border-l-4 border-gray-300 text-gray-700 bg-gray-100 dark:bg-gray-200 dark:text-gray-800",info:"border-l-4 border-blue-300 text-blue-700 bg-blue-100 dark:bg-blue-200 dark:text-blue-800",warning:"border-l-4 border-yellow-300 text-yellow-700 bg-yellow-100 dark:bg-yellow-200 dark:text-yellow-800",error:"border-l-4 border-red-300 text-red-700 bg-red-100 dark:bg-red-200 dark:text-red-800",success:"border-l-4 border-green-300 text-green-700 bg-green-100 dark:bg-green-200 dark:text-green-800"},"right-accent":{none:"border-r-4 border-gray-300 text-gray-700 bg-gray-100 dark:bg-gray-200 dark:text-gray-800",info:"border-r-4 border-blue-300 text-blue-700 bg-blue-100 dark:bg-blue-200 dark:text-blue-800",warning:"border-r-4 border-yellow-300 text-yellow-700 bg-yellow-100 dark:bg-yellow-200 dark:text-yellow-800",error:"border-r-4 border-red-300 text-red-700 bg-red-100 dark:bg-red-200 dark:text-red-800",success:"border-r-4 border-green-300 text-green-700 bg-green-100 dark:bg-green-200 dark:text-green-800"},"bottom-accent":{none:"border-b-4 border-gray-300 text-gray-700 bg-gray-100 dark:bg-gray-200 dark:text-gray-800",info:"border-b-4 border-blue-300 text-blue-700 bg-blue-100 dark:bg-blue-200 dark:text-blue-800",warning:"border-b-4 border-yellow-300 text-yellow-700 bg-yellow-100 dark:bg-yellow-200 dark:text-yellow-800",error:"border-b-4 border-red-300 text-red-700 bg-red-100 dark:bg-red-200 dark:text-red-800",success:"border-b-4 border-green-300 text-green-700 bg-green-100 dark:bg-green-200 dark:text-green-800"}}[e][o],l?"opacity-0":"opacity-100",i),role:"alert",dir:t},qe.createElement("div",{className:"flex flex-row"},n&&qe.createElement("div",{className:t==="rtl"?"pl-2 pt-1":"pr-2 pt-1"},n),qe.createElement("div",{className:"flex flex-col"},qe.createElement("span",{className:Zo("font-medium",t==="rtl"?"ml-8":"mr-8")},a.title),qe.createElement("span",null,a.text),a.actions&&qe.createElement("div",{className:"mt-2 flex flex-row gap-2"},a.actions.map((g,f)=>qe.createElement(p,{key:f,variant:g.variant,onClick:g.onClick()},g.label))))),!a.persistant&&qe.createElement("button",{type:"button",className:Zo("absolute top-2 inline-flex h-9 w-9 items-center justify-center rounded-inner p-1.5 text-gray-400 transition-all hover:text-gray-900",w[o],t==="rtl"?"left-2":"right-2"),"data-dismiss-target":"#alert-default","aria-label":"Close",onClick:()=>{y(!0),setTimeout(()=>{s.current.removeChild(s.current.children[0])},200)}},qe.createElement("span",{className:"sr-only"},"Close"),qe.createElement("svg",{"aria-label":"Close Icon","aria-hidden":"true",className:"h-5 w-5",fill:"currentColor",viewBox:"0 0 20 20"},qe.createElement("path",{fillRule:"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",clipRule:"evenodd"})))))};import E,{useEffect as mi,useState as Vt}from"react";import ft from"clsx";import{useState as wr,useEffect as Rn}from"react";var ei=(e,t)=>{let o=[],r=Math.ceil(e?.length/t),n=1;for(let i=1;i<=r;i++)o.push(i);return o},ti=(e,t,o)=>e?.slice((t-1)*o,t*o),oi=(e,t,o)=>t!==null?e?.sort((r,n)=>{let i=r[t].value,a=n[t].value;return typeof i=="string"&&typeof a=="string"?o==="asc"?i.localeCompare(a):a.localeCompare(i):o==="asc"?i-a:a-i}):e,ri=(e,t,o,r,n)=>{let[i,a]=wr([]),[s,l]=wr([]);return Rn(()=>{if(e){let y=ei(e,o);a([...y]);let w=oi(e,r,n),x=ti(w,t,o);l([...x])}},[e,a,t,o,r,n]),{slice:s,range:i}},Cr=ri;import*as D from"react";import*as Z from"@radix-ui/react-dropdown-menu";var ni=Z.Root,ii=Z.Trigger;var Fr=Z.Portal,ai=Z.Sub;var Nr=D.forwardRef(({className:e,inset:t,children:o,...r},n)=>D.createElement(Z.SubTrigger,{ref:n,className:m("flex cursor-default select-none items-center justify-between rounded-sm px-2 py-3 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",t&&"pl-8",e),...r},D.createElement("div",{className:"flex flex-row items-center gap-2"},o)," ",D.createElement("svg",{"aria-label":"Chevron Right Icon",stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 16 16",height:"1em",width:"1em",className:m(r.dir==="rtl"?"rotate-180":"")},D.createElement("path",{fillRule:"evenodd",d:"M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"}))));Nr.displayName=Z.SubTrigger.displayName;var Tr=D.forwardRef(({className:e,...t},o)=>D.createElement(Z.SubContent,{ref:o,className:m("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...t}));Tr.displayName=Z.SubContent.displayName;var kr=D.forwardRef(({className:e,sideOffset:t=4,...o},r)=>D.createElement(Z.Portal,null,D.createElement(Z.Content,{ref:r,sideOffset:t,className:m("z-50 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...o})));kr.displayName=Z.Content.displayName;var qo=D.forwardRef(({className:e,inset:t,...o},r)=>D.createElement(Z.Item,{disabled:o.disabled,ref:r,className:m("relative flex cursor-pointer select-none items-center justify-between rounded-sm text-sm outline-none transition-colors focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",t&&"pl-8",e),...o},D.createElement("div",{className:"flex flex-row items-center gap-2 "},o.children),o.end&&o.end));qo.displayName=Z.Item.displayName;var li=D.forwardRef(({className:e,children:t,checked:o,...r},n)=>D.createElement(Z.CheckboxItem,{ref:n,className:m("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e),checked:o,...r},D.createElement("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center"},D.createElement(Z.ItemIndicator,null,D.createElement("svg",{"aria-label":"Check Mark",stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 512 512",height:"0.60em",width:"0.60em"},D.createElement("path",{d:"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"}))," ")),t));li.displayName=Z.CheckboxItem.displayName;var si=D.forwardRef(({className:e,children:t,...o},r)=>D.createElement(Z.RadioItem,{ref:r,className:m("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e),...o},D.createElement("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center"},D.createElement(Z.ItemIndicator,null,D.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24","aria-label":"Circle",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"h-2 w-2 fill-current"},D.createElement("circle",{cx:"12",cy:"12",r:"10"})))),t));si.displayName=Z.RadioItem.displayName;var jr=D.forwardRef(({className:e,inset:t,...o},r)=>D.createElement(Z.Label,{ref:r,className:m("px-2 py-1.5 text-sm font-semibold",t&&"pl-8",e),...o}));jr.displayName=Z.Label.displayName;var Sr=D.forwardRef(({className:e,...t},o)=>D.createElement(Z.Separator,{ref:o,className:m("-mx-1 my-1 h-px bg-muted",e),...t}));Sr.displayName=Z.Separator.displayName;var di=({className:e,...t})=>D.createElement("span",{className:m("ml-auto text-xs tracking-widest opacity-60",e),...t});di.displayName="DropdownMenuShortcut";var Pt=({trigger:e,items:t,direction:o,onItemSelect:r,sideOffset:n,side:i,className:a,triggerClassname:s,align:l,alignOffset:y,selectCallback:w,size:x="default",width:g="default"})=>{let f={default:"min-w-[8rem]",sm:"w-fit",lg:"w-[200px]",parent:"ddm-w-parent"},b={default:"px-2 py-3 ",sm:"text-xs px-1.5 py-1.5"};return D.createElement(ni,{dir:o},D.createElement(ii,{asChild:!0,className:s},e),D.createElement(Fr,null,D.createElement(kr,{side:i,sideOffset:n,className:m(a,f[g],"flex flex-col gap-2"),align:l,alignOffset:y},t.map((h,P)=>h.type==="separator"?D.createElement(Sr,{key:P}):h.type==="label"?D.createElement(jr,{key:P},h.label):h.subitems?D.createElement(ai,{key:P},D.createElement(Nr,{className:m(b[x]),dir:o},h.icon&&h.icon,h.label&&h.label),D.createElement(Fr,null,D.createElement(Tr,null,h.subitems.map((F,S)=>D.createElement(qo,{key:S,className:m(b[x],!h.icon&&!h.label?"px-0 py-0 focus:bg-transparent":"focus:bg-accent"),disabled:F.disabled,onSelect:()=>{F.action(),w&&w(F.value)}},F.icon&&F.icon,F.label&&F.label))))):D.createElement(qo,{key:P,disabled:h.disabled,onSelect:F=>{h.presist&&F.preventDefault(),h.action&&h.action(),w&&w(h.value)},end:h.end,className:m(b[x],!h.icon&&!h.label?"px-0 py-0 focus:bg-transparent ":"focus:bg-accent ",h.presist&&"focus:bg-transparent")},h.icon&&h.icon,h.label&&h.label)))))};var Pr=()=>E.createElement("svg",{"aria-label":"Chevron Right Icon",stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 16 16",height:"1em",width:"1em"},E.createElement("path",{fillRule:"evenodd",d:"M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"})),Mr=({size:e="normal",bodyColor:t="white",headerColor:o="gray-200",borders:r="all",highlightFirst:n=!1,direction:i="ltr",bordersWidth:a="1",pagination:s=!0,...l})=>{let[y,w]=Vt(10),[x,g]=Vt(null),[f,b]=Vt(1),[h,P]=Vt(null),[F,S]=Vt(l.rows),[X,j]=Vt(null),[U,re]=Vt(null),{slice:B,range:M}=Cr(l.rows,f,y,X,U),ee=i==="rtl",pe={normal:"py-3 px-6",small:"px-3 py-1"},Xe=(O,d)=>{d&&(j(O),re(c=>c==="asc"?"desc":"asc"))},te=()=>{B?.length<1&&f!==1&&b(f-1),x&&b(x)};return mi(()=>{te()},[B,f]),E.createElement("div",{className:"relative flex flex-col gap-2 "},l.isLoading?E.createElement(ut,{className:"h-[105px] w-full"}):E.createElement(E.Fragment,null,E.createElement("div",{className:`overflow-x-auto rounded bg-${o}`},l.headerTools&&E.createElement("div",{className:"flex flex-row items-center justify-between gap-2 border bg-background px-2 py-2"},l.headerTools),E.createElement("table",{className:ft("w-full rounded bg-muted text-left text-sm text-muted-foreground",`bg-${o}`)},E.createElement("thead",{className:ft("bg-muted text-xs uppercase text-muted-foreground ",r==="rows"||r==="all"||r==="inner"?"border-b ":"")},E.createElement("tr",null,l.columns.map((O,d)=>{if(!O.hidden)return E.createElement("th",{onClick:()=>O.sortable&&Xe(d,O.sortable),key:d,scope:"col",colSpan:2,className:ft(O.sortable?"cursor-pointer hover:bg-muted-foreground/10":"",pe[e],d!==0&&(r==="cols"||r==="all"||r==="inner")?`border-r border-r-[${a}px] border-l border-l-[${a}px]`:"")},O.value,X===d&&E.createElement("span",null,U==="asc"?" \u25B2":" \u25BC"))}),l.actions?E.createElement("th",{scope:"col",className:ft(pe[e],"w-[calc(1%)] text-center")},l.texts?.actions??"Actions"):null)),E.createElement("tbody",{className:t&&l.rows?`bg-${t}`:"bg-transparent"},F?B?.map((O,d)=>{let c=d==B?.length-1;return E.createElement("tr",{key:d,className:ft(" text-mute-foreground border bg-background",l.clickable?"hover:bg-gray-100":"",!c&&(r==="all"||r==="rows"||r==="inner")?`border-b border-b-[${a}px]`:"")},O?.map((v,C)=>{let u=C===0,k=C===O?.length-1,G=ee&&c&&k&&!l.actions,W=ee&&c&&u,L=!ee&&c&&u,Y=!ee&&c&&k&&!l.actions;if(!v.hidden)return E.createElement("td",{colSpan:2,key:C,className:ft(pe[e],n&&u?"font-bold":"font-normal",W?"rounded-bl-none rounded-br":G||L?"rounded-bl rounded-br-none":Y?"rounded-bl-none rounded-br":"",!u&&!k&&(r==="cols"||r==="inner"||r==="all")?`border-l border-l-[${a}px] border-r border-r-[${a}px]`:!u&&l.actions&&(r==="cols"||r==="inner"||r==="all")?`border-l border-l-[${a}px] border-r border-r-[${a}px]`:"")},v.value," ",v.suffix&&v.suffix)}),l.actions&&E.createElement("td",{align:ee?"right":"left",className:m(ee&&c&&"rounded-bl rounded-br-none",!ee&&c&&"rounded-bl-none rounded-br"),colSpan:1},E.createElement("div",{className:"flex items-center justify-center"},E.createElement(Pt,{width:l.actionsWidth,size:l.actionsSize,direction:i,side:"right",items:l.actions,selectCallback:v=>l.handleActionClick(v,O),trigger:E.createElement("div",{className:"flex w-fit cursor-pointer items-center justify-center rounded p-2 transition-all hover:bg-primary/20 "},E.createElement("svg",{"aria-label":"Vertical Three Dots Menu Icon",stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 16 16",height:"1em",width:"1em"},E.createElement("path",{d:"M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"})))}))))}):E.createElement("tr",{className:"bg-transparent"},E.createElement("td",{colSpan:20},E.createElement("div",{className:ft("w-full rounded-b border p-5 text-center","bg-background")},l.texts?.noData??"No Data"))))))),s&&E.createElement("div",{className:"flex flex-row items-center justify-between "},M.length>1?E.createElement("div",{className:"flex w-fit flex-row items-stretch justify-center gap-2 overflow-clip rounded "},E.createElement("div",{className:m("flex h-6 w-6 rotate-180 cursor-pointer items-center justify-center rounded border bg-background p-1 text-xs hover:bg-primary/10 dark:hover:bg-primary/10",i==="rtl"&&"rotate-0"),onClick:()=>f<=1?b(M.length):b(f-1)},E.createElement(Pr,null)),E.createElement("div",{className:"flex flex-row items-center overflow-clip rounded transition-all"},M.length>6&&M.map((O,d)=>{if(d<=0)return E.createElement("button",{key:d,className:ft("w-10 p-1 text-xs hover:bg-gray-200",f===O?"bg-primary text-primary-foreground hover:bg-primary":"bg-gray-100"),onClick:()=>b(O)},O)}),M?.length>6&&E.createElement("input",{type:"text",className:" w-10 bg-gray-100 p-1 text-center text-xs",defaultValue:f!==0||f!==M.length-1?f:"...",value:f==1||f==M.length?"...":x||f,onChange:O=>g(parseInt(O.target.value)),onKeyDown:O=>{O.key==="Enter"&&(b(x),g(null))}}),M?.length>6&&M.map((O,d)=>{if(d>=M.length-1)return E.createElement("button",{key:d,className:ft("w-10 p-1 text-xs hover:bg-gray-200",f===O?"bg-primary text-primary-foreground hover:bg-primary":"bg-gray-100"),onClick:()=>b(O)},O)}),M?.length<=6&&M.map((O,d)=>E.createElement("button",{key:d,className:ft("w-10 p-1 text-xs",f===O?"bg-primary text-primary-foreground ":"border bg-background hover:bg-primary/10 dark:hover:bg-primary/10",i==="rtl"?d===0?"rounded-r border-l-0":d===M.length-1?"rounded-l border-r-0":"":d===0?"rounded-l border-r-0":d===M.length-1?"rounded-r border-l-0":""),onClick:()=>b(O)},O))),E.createElement("div",{onClick:()=>f>=M.length?b(1):b(f+1),className:m("flex h-6 w-6 cursor-pointer items-center justify-center rounded border bg-background p-1 text-xs hover:bg-primary/10 dark:hover:bg-primary/10",i==="rtl"&&"rotate-180")},E.createElement(Pr,null))):E.createElement("div",null),l.rows?E.createElement("div",{className:"flex w-fit flex-row items-center gap-2 "},E.createElement("div",{className:"text-xs "},l.rows.length," ",l.texts?.items??"Items"),E.createElement("select",{value:y,className:"h-6 cursor-pointer rounded border bg-background px-2 text-xs",onChange:O=>{w(parseInt(O.target.value))}},E.createElement("option",{value:10,style:{fontSize:10}},"10 / ",l.texts?.page??"Page"),E.createElement("option",{value:20,style:{fontSize:10}},"20 / ",l.texts?.page??"Page"),E.createElement("option",{value:30,style:{fontSize:10}},"30 / ",l.texts?.page??"Page"),E.createElement("option",{value:50,style:{fontSize:10}},"50 / ",l.texts?.page??"Page"),E.createElement("option",{value:100,style:{fontSize:10}},"100 / ",l.texts?.page??"Page"))):E.createElement("div",null)))};import ci from"react";var Zd=e=>ci.createElement(H,{type:"search",...e});import Ut,{useState as ui}from"react";import Er from"clsx";var Xd=e=>{let[t,o]=ui(!1);return Ut.createElement("div",{className:"h-fit w-full"},Ut.createElement("button",{id:"accordion-collapse-heading-"+e.index,type:"button",className:Er(t?"rounded":"rounded-t","flex w-full items-center justify-between border border-gray-200 bg-gray-100 p-5 text-left font-medium text-gray-900 hover:bg-gray-100 dark:border-gray-700 dark:bg-gray-800 dark:text-white dark:hover:bg-gray-800 dark:focus:ring-gray-800"),onClick:()=>o(!t),"data-accordion-target":"#accordion-collapse-body-"+e.index,"aria-expanded":"true","aria-controls":"accordion-collapse-body-"+e.index},Ut.createElement("span",null,e.title),Ut.createElement("svg",{"data-accordion-icon":"",className:`h-6 w-6 ${t?"":"rotate-180"} shrink-0 transition-all`,fill:"currentColor",viewBox:"0 0 20 20"},Ut.createElement("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"}))),Ut.createElement("div",{id:"accordion-collapse-body-"+e.index,"aria-labelledby":"accordion-collapse-heading-"+e.index,className:Er(t?"invisible hidden h-0 p-0":"visible h-full","w-full rounded-b border border-t-0 border-gray-200 p-5 font-light dark:border-gray-700 dark:bg-gray-900")},Ut.createElement("p",{className:"mb-2 text-gray-500 dark:text-gray-400"},e.content)))};import nt,{useState as fi}from"react";var gi=[{country_label:"Saudi Arabia",code:"SA",unicode:"&#x1F1F8;&#x1F1E6;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SA.svg",label:"+966"},{country_label:"United Arab Emirates",code:"AE",unicode:"&#x1F1E6;&#x1F1EA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AE.svg",label:"+971"},{country_label:"Bahrain",code:"BH",unicode:"&#x1F1E7;&#x1F1ED;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BH.svg",label:"+973"},{country_label:"Kuwait",code:"KW",unicode:"&#x1F1F0;&#x1F1FC;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/KW.svg",label:"+965"},{country_label:"Qatar",code:"QA",unicode:"&#x1F1F6;&#x1F1E6;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/QA.svg",label:"+974"},{country_label:"Oman",code:"OM",unicode:"&#x1F1F4;&#x1F1F2;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/OM.svg",label:"+968"},{country_label:"Andorra",value:"Andorra",code:"AD",unicode:"&#x1F1E6;&#x1F1E9;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AD.svg",label:"+376"},{country_label:"Afghanistan",code:"AF",unicode:"&#x1F1E6;&#x1F1EB;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AF.svg",label:"+93"},{country_label:"Antigua & Barbuda",code:"AG",unicode:"&#x1F1E6;&#x1F1EC;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AG.svg",label:"+1268"},{country_label:"Anguilla",code:"AI",unicode:"&#x1F1E6;&#x1F1EE;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AI.svg",label:"+1264"},{country_label:"Albania",code:"AL",unicode:"&#x1F1E6;&#x1F1F1;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AL.svg",label:"+355"},{country_label:"Armenia",code:"AM",unicode:"&#x1F1E6;&#x1F1F2;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AM.svg",label:"+374"},{country_label:"Angola",code:"AO",unicode:"&#x1F1E6;&#x1F1F4;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AO.svg",label:"+244"},{country_label:"Antarctica",code:"AQ",unicode:"&#x1F1E6;&#x1F1F6;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AQ.svg",label:"+672"},{country_label:"Argentina",code:"AR",unicode:"&#x1F1E6;&#x1F1F7;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AR.svg",label:"+54"},{country_label:"American Samoa",code:"AS",unicode:"&#x1F1E6;&#x1F1F8;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AS.svg",label:"+1684"},{country_label:"Austria",code:"AT",unicode:"&#x1F1E6;&#x1F1F9;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AT.svg",label:"+43"},{country_label:"Australia",code:"AU",unicode:"&#x1F1E6;&#x1F1FA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AU.svg",label:"+61"},{country_label:"Aruba",code:"AW",unicode:"&#x1F1E6;&#x1F1FC;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AW.svg",label:"+297"},{country_label:"\xC5land Islands",code:"AX",unicode:"&#x1F1E6;&#x1F1FD;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AX.svg",label:"+358"},{country_label:"Azerbaijan",code:"AZ",unicode:"&#x1F1E6;&#x1F1FF;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/AZ.svg",label:"+994"},{country_label:"Bosnia & Herzegovina",code:"BA",unicode:"&#x1F1E7;&#x1F1E6;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BA.svg",label:"+387"},{country_label:"Barbados",code:"BB",unicode:"&#x1F1E7;&#x1F1E7;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BB.svg",label:"+1246"},{country_label:"Bangladesh",code:"BD",unicode:"&#x1F1E7;&#x1F1E9;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BD.svg",label:"+880"},{country_label:"Belgium",code:"BE",unicode:"&#x1F1E7;&#x1F1EA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BE.svg",label:"+32"},{country_label:"Burkina Faso",code:"BF",unicode:"&#x1F1E7;&#x1F1EB;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BF.svg",label:"+226"},{country_label:"Bulgaria",code:"BG",unicode:"&#x1F1E7;&#x1F1EC;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BG.svg",label:"+359"},{country_label:"Burundi",code:"BI",unicode:"&#x1F1E7;&#x1F1EE;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BI.svg",label:"+257"},{country_label:"Benin",code:"BJ",unicode:"&#x1F1E7;&#x1F1EF;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BJ.svg",label:"+229"},{country_label:"St. Barth\xE9lemy",code:"BL",unicode:"&#x1F1E7;&#x1F1F1;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BL.svg",label:"+590"},{country_label:"Bermuda",code:"BM",unicode:"&#x1F1E7;&#x1F1F2;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BM.svg",label:"+1441"},{country_label:"Brunei",code:"BN",unicode:"&#x1F1E7;&#x1F1F3;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BN.svg",label:"+673"},{country_label:"Bolivia",code:"BO",unicode:"&#x1F1E7;&#x1F1F4;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BO.svg",label:"+591"},{country_label:"Brazil",code:"BR",unicode:"&#x1F1E7;&#x1F1F7;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BR.svg",label:"+55"},{country_label:"Bahamas",code:"BS",unicode:"&#x1F1E7;&#x1F1F8;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BS.svg",label:"+1242"},{country_label:"Bhutan",code:"BT",unicode:"&#x1F1E7;&#x1F1F9;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BT.svg",label:"+975"},{country_label:"Botswana",code:"BW",unicode:"&#x1F1E7;&#x1F1FC;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BW.svg",label:"+267"},{country_label:"Belarus",code:"BY",unicode:"&#x1F1E7;&#x1F1FE;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BY.svg",label:"+375"},{country_label:"Belize",code:"BZ",unicode:"&#x1F1E7;&#x1F1FF;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/BZ.svg",label:"+501"},{country_label:"Canada",code:"CA",unicode:"&#x1F1E8;&#x1F1E6;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CA.svg",label:"+1"},{country_label:"Cocos (Keeling) Islands",code:"CC",unicode:"&#x1F1E8;&#x1F1E8;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CC.svg",label:"+61"},{country_label:"Congo - Kinshasa",code:"CD",unicode:"&#x1F1E8;&#x1F1E9;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CD.svg",label:"+243"},{country_label:"Central African Republic",code:"CF",unicode:"&#x1F1E8;&#x1F1EB;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CF.svg",label:"+236"},{country_label:"Congo - Brazzaville",code:"CG",unicode:"&#x1F1E8;&#x1F1EC;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CG.svg",label:"+242"},{country_label:"Switzerland",code:"CH",unicode:"&#x1F1E8;&#x1F1ED;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CH.svg",label:"+41"},{country_label:"C\xF4te d\u2019Ivoire",code:"CI",unicode:"&#x1F1E8;&#x1F1EE;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CI.svg",label:"+225"},{country_label:"Cook Islands",code:"CK",unicode:"&#x1F1E8;&#x1F1F0;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CK.svg",label:"+682"},{country_label:"Chile",code:"CL",unicode:"&#x1F1E8;&#x1F1F1;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CL.svg",label:"+56"},{country_label:"Cameroon",code:"CM",unicode:"&#x1F1E8;&#x1F1F2;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CM.svg",label:"+237"},{country_label:"China",code:"CN",unicode:"&#x1F1E8;&#x1F1F3;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CN.svg",label:"+86"},{country_label:"Colombia",code:"CO",unicode:"&#x1F1E8;&#x1F1F4;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CO.svg",label:"+57"},{country_label:"Costa Rica",code:"CR",unicode:"&#x1F1E8;&#x1F1F7;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CR.svg",label:"+506"},{country_label:"Cuba",code:"CU",unicode:"&#x1F1E8;&#x1F1FA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CU.svg",label:"+53"},{country_label:"Cape Verde",code:"CV",unicode:"&#x1F1E8;&#x1F1FB;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CV.svg",label:"+238"},{country_label:"Christmas Island",code:"CX",unicode:"&#x1F1E8;&#x1F1FD;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CX.svg",label:"+61"},{country_label:"Cyprus",code:"CY",unicode:"&#x1F1E8;&#x1F1FE;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CY.svg",label:"+357"},{country_label:"Czechia",code:"CZ",unicode:"&#x1F1E8;&#x1F1FF;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/CZ.svg",label:"+420"},{country_label:"Germany",code:"DE",unicode:"&#x1F1E9;&#x1F1EA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/DE.svg",label:"+49"},{country_label:"Djibouti",code:"DJ",unicode:"&#x1F1E9;&#x1F1EF;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/DJ.svg",label:"+253"},{country_label:"Denmark",code:"DK",unicode:"&#x1F1E9;&#x1F1F0;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/DK.svg",label:"+45"},{country_label:"Dominica",code:"DM",unicode:"&#x1F1E9;&#x1F1F2;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/DM.svg",label:"+1767"},{country_label:"Dominican Republic",code:"DO",unicode:"&#x1F1E9;&#x1F1F4;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/DO.svg",label:"+1849"},{country_label:"Algeria",code:"DZ",unicode:"&#x1F1E9;&#x1F1FF;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/DZ.svg",label:"+213"},{country_label:"Ecuador",code:"EC",unicode:"&#x1F1EA;&#x1F1E8;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/EC.svg",label:"+593"},{country_label:"Estonia",code:"EE",unicode:"&#x1F1EA;&#x1F1EA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/EE.svg",label:"+372"},{country_label:"Egypt",code:"EG",unicode:"&#x1F1EA;&#x1F1EC;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/EG.svg",label:"+20"},{country_label:"Eritrea",code:"ER",unicode:"&#x1F1EA;&#x1F1F7;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/ER.svg",label:"+291"},{country_label:"Spain",code:"ES",unicode:"&#x1F1EA;&#x1F1F8;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/ES.svg",label:"+34"},{country_label:"Ethiopia",code:"ET",unicode:"&#x1F1EA;&#x1F1F9;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/ET.svg",label:"+251"},{country_label:"Finland",code:"FI",unicode:"&#x1F1EB;&#x1F1EE;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/FI.svg",label:"+358"},{country_label:"Fiji",code:"FJ",unicode:"&#x1F1EB;&#x1F1EF;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/FJ.svg",label:"+679"},{country_label:"Falkland Islands",code:"FK",unicode:"&#x1F1EB;&#x1F1F0;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/FK.svg",label:"+500"},{country_label:"Micronesia",code:"FM",unicode:"&#x1F1EB;&#x1F1F2;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/FM.svg",label:"+691"},{country_label:"Faroe Islands",code:"FO",unicode:"&#x1F1EB;&#x1F1F4;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/FO.svg",label:"+298"},{country_label:"France",code:"FR",unicode:"&#x1F1EB;&#x1F1F7;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/FR.svg",label:"+33"},{country_label:"Gabon",code:"GA",unicode:"&#x1F1EC;&#x1F1E6;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GA.svg",label:"+241"},{country_label:"United Kingdom",code:"GB",unicode:"&#x1F1EC;&#x1F1E7;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GB.svg",label:"+44"},{country_label:"Grenada",code:"GD",unicode:"&#x1F1EC;&#x1F1E9;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GD.svg",label:"+1473"},{country_label:"Georgia",code:"GE",unicode:"&#x1F1EC;&#x1F1EA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GE.svg",label:"+995"},{country_label:"French Guiana",code:"GF",unicode:"&#x1F1EC;&#x1F1EB;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GF.svg",label:"+594"},{country_label:"Guernsey",code:"GG",unicode:"&#x1F1EC;&#x1F1EC;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GG.svg",label:"+44"},{country_label:"Ghana",code:"GH",unicode:"&#x1F1EC;&#x1F1ED;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GH.svg",label:"+233"},{country_label:"Gibraltar",code:"GI",unicode:"&#x1F1EC;&#x1F1EE;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GI.svg",label:"+350"},{country_label:"Greenland",code:"GL",unicode:"&#x1F1EC;&#x1F1F1;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GL.svg",label:"+299"},{country_label:"Gambia",code:"GM",unicode:"&#x1F1EC;&#x1F1F2;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GM.svg",label:"+220"},{country_label:"Guinea",code:"GN",unicode:"&#x1F1EC;&#x1F1F3;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GN.svg",label:"+224"},{country_label:"Guadeloupe",code:"GP",unicode:"&#x1F1EC;&#x1F1F5;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GP.svg",label:"+590"},{country_label:"Equatorial Guinea",code:"GQ",unicode:"&#x1F1EC;&#x1F1F6;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GQ.svg",label:"+240"},{country_label:"Greece",code:"GR",unicode:"&#x1F1EC;&#x1F1F7;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GR.svg",label:"+30"},{country_label:"South Georgia & South Sandwich Islands",code:"GS",unicode:"&#x1F1EC;&#x1F1F8;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GS.svg",label:"+500"},{country_label:"Guatemala",code:"GT",unicode:"&#x1F1EC;&#x1F1F9;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GT.svg",label:"+502"},{country_label:"Guam",code:"GU",unicode:"&#x1F1EC;&#x1F1FA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GU.svg",label:"+1671"},{country_label:"Guinea-Bissau",code:"GW",unicode:"&#x1F1EC;&#x1F1FC;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GW.svg",label:"+245"},{country_label:"Guyana",code:"GY",unicode:"&#x1F1EC;&#x1F1FE;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/GY.svg",label:"+595"},{country_label:"Hong Kong SAR China",code:"HK",unicode:"&#x1F1ED;&#x1F1F0;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/HK.svg",label:"+852"},{country_label:"Honduras",code:"HN",unicode:"&#x1F1ED;&#x1F1F3;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/HN.svg",label:"+504"},{country_label:"Croatia",code:"HR",unicode:"&#x1F1ED;&#x1F1F7;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/HR.svg",label:"+385"},{country_label:"Haiti",code:"HT",unicode:"&#x1F1ED;&#x1F1F9;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/HT.svg",label:"+509"},{country_label:"Hungary",code:"HU",unicode:"&#x1F1ED;&#x1F1FA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/HU.svg",label:"+36"},{country_label:"Indonesia",code:"ID",unicode:"&#x1F1EE;&#x1F1E9;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/ID.svg",label:"+62"},{country_label:"Ireland",code:"IE",unicode:"&#x1F1EE;&#x1F1EA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/IE.svg",label:"+353"},{country_label:"Israel",code:"IL",unicode:"&#x1F1EE;&#x1F1F1;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/IL.svg",label:"+972"},{country_label:"Isle of Man",code:"IM",unicode:"&#x1F1EE;&#x1F1F2;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/IM.svg",label:"+44"},{country_label:"India",code:"IN",unicode:"&#x1F1EE;&#x1F1F3;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/IN.svg",label:"+91"},{country_label:"British Indian Ocean Territory",code:"IO",unicode:"&#x1F1EE;&#x1F1F4;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/IO.svg",label:"+246"},{country_label:"Iraq",code:"IQ",unicode:"&#x1F1EE;&#x1F1F6;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/IQ.svg",label:"+964"},{country_label:"Iran",code:"IR",unicode:"&#x1F1EE;&#x1F1F7;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/IR.svg",label:"+98"},{country_label:"Iceland",code:"IS",unicode:"&#x1F1EE;&#x1F1F8;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/IS.svg",label:"+354"},{country_label:"Italy",code:"IT",unicode:"&#x1F1EE;&#x1F1F9;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/IT.svg",label:"+39"},{country_label:"Jersey",code:"JE",unicode:"&#x1F1EF;&#x1F1EA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/JE.svg",label:"+44"},{country_label:"Jamaica",code:"JM",unicode:"&#x1F1EF;&#x1F1F2;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/JM.svg",label:"+1876"},{country_label:"Jordan",code:"JO",unicode:"&#x1F1EF;&#x1F1F4;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/JO.svg",label:"+962"},{country_label:"Japan",code:"JP",unicode:"&#x1F1EF;&#x1F1F5;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/JP.svg",label:"+81"},{country_label:"Kenya",code:"KE",unicode:"&#x1F1F0;&#x1F1EA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/KE.svg",label:"+254"},{country_label:"Kyrgyzstan",code:"KG",unicode:"&#x1F1F0;&#x1F1EC;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/KG.svg",label:"+996"},{country_label:"Cambodia",code:"KH",unicode:"&#x1F1F0;&#x1F1ED;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/KH.svg",label:"+855"},{country_label:"Kiribati",code:"KI",unicode:"&#x1F1F0;&#x1F1EE;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/KI.svg",label:"+686"},{country_label:"Comoros",code:"KM",unicode:"&#x1F1F0;&#x1F1F2;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/KM.svg",label:"+269"},{country_label:"St. Kitts & Nevis",code:"KN",unicode:"&#x1F1F0;&#x1F1F3;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/KN.svg",label:"+1869"},{country_label:"North Korea",code:"KP",unicode:"&#x1F1F0;&#x1F1F5;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/KP.svg",label:"+850"},{country_label:"South Korea",code:"KR",unicode:"&#x1F1F0;&#x1F1F7;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/KR.svg",label:"+82"},{country_label:"Cayman Islands",code:"KY",unicode:"&#x1F1F0;&#x1F1FE;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/KY.svg",label:"+ 345"},{country_label:"Kazakhstan",code:"KZ",unicode:"&#x1F1F0;&#x1F1FF;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/KZ.svg",label:"+77"},{country_label:"Laos",code:"LA",unicode:"&#x1F1F1;&#x1F1E6;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/LA.svg",label:"+856"},{country_label:"Lebanon",code:"LB",unicode:"&#x1F1F1;&#x1F1E7;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/LB.svg",label:"+961"},{country_label:"St. Lucia",code:"LC",unicode:"&#x1F1F1;&#x1F1E8;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/LC.svg",label:"+1758"},{country_label:"Liechtenstein",code:"LI",unicode:"&#x1F1F1;&#x1F1EE;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/LI.svg",label:"+423"},{country_label:"Sri Lanka",code:"LK",unicode:"&#x1F1F1;&#x1F1F0;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/LK.svg",label:"+94"},{country_label:"Liberia",code:"LR",unicode:"&#x1F1F1;&#x1F1F7;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/LR.svg",label:"+231"},{country_label:"Lesotho",code:"LS",unicode:"&#x1F1F1;&#x1F1F8;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/LS.svg",label:"+266"},{country_label:"Lithuania",code:"LT",unicode:"&#x1F1F1;&#x1F1F9;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/LT.svg",label:"+370"},{country_label:"Luxembourg",code:"LU",unicode:"&#x1F1F1;&#x1F1FA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/LU.svg",label:"+352"},{country_label:"Latvia",code:"LV",unicode:"&#x1F1F1;&#x1F1FB;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/LV.svg",label:"+371"},{country_label:"Libya",code:"LY",unicode:"&#x1F1F1;&#x1F1FE;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/LY.svg",label:"+218"},{country_label:"Morocco",code:"MA",unicode:"&#x1F1F2;&#x1F1E6;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MA.svg",label:"+212"},{country_label:"Monaco",code:"MC",unicode:"&#x1F1F2;&#x1F1E8;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MC.svg",label:"+377"},{country_label:"Moldova",code:"MD",unicode:"&#x1F1F2;&#x1F1E9;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MD.svg",label:"+373"},{country_label:"Montenegro",code:"ME",unicode:"&#x1F1F2;&#x1F1EA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/ME.svg",label:"+382"},{country_label:"St. Martin",code:"MF",unicode:"&#x1F1F2;&#x1F1EB;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MF.svg",label:"+590"},{country_label:"Madagascar",code:"MG",unicode:"&#x1F1F2;&#x1F1EC;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MG.svg",label:"+261"},{country_label:"Marshall Islands",code:"MH",unicode:"&#x1F1F2;&#x1F1ED;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MH.svg",label:"+692"},{country_label:"North Macedonia",code:"MK",unicode:"&#x1F1F2;&#x1F1F0;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MK.svg",label:"+389"},{country_label:"Mali",code:"ML",unicode:"&#x1F1F2;&#x1F1F1;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/ML.svg",label:"+223"},{country_label:"Myanmar (Burma)",code:"MM",unicode:"&#x1F1F2;&#x1F1F2;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MM.svg",label:"+95"},{country_label:"Mongolia",code:"MN",unicode:"&#x1F1F2;&#x1F1F3;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MN.svg",label:"+976"},{country_label:"Macao SAR China",code:"MO",unicode:"&#x1F1F2;&#x1F1F4;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MO.svg",label:"+853"},{country_label:"Northern Mariana Islands",code:"MP",unicode:"&#x1F1F2;&#x1F1F5;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MP.svg",label:"+1670"},{country_label:"Martinique",code:"MQ",unicode:"&#x1F1F2;&#x1F1F6;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MQ.svg",label:"+596"},{country_label:"Mauritania",code:"MR",unicode:"&#x1F1F2;&#x1F1F7;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MR.svg",label:"+222"},{country_label:"Montserrat",code:"MS",unicode:"&#x1F1F2;&#x1F1F8;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MS.svg",label:"+1664"},{country_label:"Malta",code:"MT",unicode:"&#x1F1F2;&#x1F1F9;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MT.svg",label:"+356"},{country_label:"Mauritius",code:"MU",unicode:"&#x1F1F2;&#x1F1FA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MU.svg",label:"+230"},{country_label:"Maldives",code:"MV",unicode:"&#x1F1F2;&#x1F1FB;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MV.svg",label:"+960"},{country_label:"Malawi",code:"MW",unicode:"&#x1F1F2;&#x1F1FC;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MW.svg",label:"+265"},{country_label:"Mexico",code:"MX",unicode:"&#x1F1F2;&#x1F1FD;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MX.svg",label:"+52"},{country_label:"Malaysia",code:"MY",unicode:"&#x1F1F2;&#x1F1FE;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MY.svg",label:"+60"},{country_label:"Mozambique",code:"MZ",unicode:"&#x1F1F2;&#x1F1FF;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/MZ.svg",label:"+258"},{country_label:"Namibia",code:"NA",unicode:"&#x1F1F3;&#x1F1E6;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/NA.svg",label:"+264"},{country_label:"New Caledonia",code:"NC",unicode:"&#x1F1F3;&#x1F1E8;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/NC.svg",label:"+687"},{country_label:"Niger",code:"NE",unicode:"&#x1F1F3;&#x1F1EA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/NE.svg",label:"+227"},{country_label:"Norfolk Island",code:"NF",unicode:"&#x1F1F3;&#x1F1EB;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/NF.svg",label:"+672"},{country_label:"Nigeria",code:"NG",unicode:"&#x1F1F3;&#x1F1EC;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/NG.svg",label:"+234"},{country_label:"Nicaragua",code:"NI",unicode:"&#x1F1F3;&#x1F1EE;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/NI.svg",label:"+505"},{country_label:"Netherlands",code:"NL",unicode:"&#x1F1F3;&#x1F1F1;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/NL.svg",label:"+31"},{country_label:"Norway",code:"NO",unicode:"&#x1F1F3;&#x1F1F4;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/NO.svg",label:"+47"},{country_label:"Nepal",code:"NP",unicode:"&#x1F1F3;&#x1F1F5;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/NP.svg",label:"+977"},{country_label:"Nauru",code:"NR",unicode:"&#x1F1F3;&#x1F1F7;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/NR.svg",label:"+674"},{country_label:"Niue",code:"NU",unicode:"&#x1F1F3;&#x1F1FA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/NU.svg",label:"+683"},{country_label:"New Zealand",code:"NZ",unicode:"&#x1F1F3;&#x1F1FF;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/NZ.svg",label:"+64"},{country_label:"Panama",code:"PA",unicode:"&#x1F1F5;&#x1F1E6;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/PA.svg",label:"+507"},{country_label:"Peru",code:"PE",unicode:"&#x1F1F5;&#x1F1EA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/PE.svg",label:"+51"},{country_label:"French Polynesia",code:"PF",unicode:"&#x1F1F5;&#x1F1EB;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/PF.svg",label:"+689"},{country_label:"Papua New Guinea",code:"PG",unicode:"&#x1F1F5;&#x1F1EC;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/PG.svg",label:"+675"},{country_label:"Philippines",code:"PH",unicode:"&#x1F1F5;&#x1F1ED;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/PH.svg",label:"+63"},{country_label:"Pakistan",code:"PK",unicode:"&#x1F1F5;&#x1F1F0;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/PK.svg",label:"+92"},{country_label:"Poland",code:"PL",unicode:"&#x1F1F5;&#x1F1F1;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/PL.svg",label:"+48"},{country_label:"St. Pierre & Miquelon",code:"PM",unicode:"&#x1F1F5;&#x1F1F2;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/PM.svg",label:"+508"},{country_label:"Pitcairn Islands",code:"PN",unicode:"&#x1F1F5;&#x1F1F3;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/PN.svg",label:"+872"},{country_label:"Puerto Rico",code:"PR",unicode:"&#x1F1F5;&#x1F1F7;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/PR.svg",label:"+1939"},{country_label:"Palestinian Territories",code:"PS",unicode:"&#x1F1F5;&#x1F1F8;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/PS.svg",label:"+970"},{country_label:"Portugal",code:"PT",unicode:"&#x1F1F5;&#x1F1F9;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/PT.svg",label:"+351"},{country_label:"Palau",code:"PW",unicode:"&#x1F1F5;&#x1F1FC;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/PW.svg",label:"+680"},{country_label:"Paraguay",code:"PY",unicode:"&#x1F1F5;&#x1F1FE;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/PY.svg",label:"+595"},{country_label:"R\xE9union",code:"RE",unicode:"&#x1F1F7;&#x1F1EA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/RE.svg",label:"+262"},{country_label:"Romania",code:"RO",unicode:"&#x1F1F7;&#x1F1F4;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/RO.svg",label:"+40"},{country_label:"Serbia",code:"RS",unicode:"&#x1F1F7;&#x1F1F8;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/RS.svg",label:"+381"},{country_label:"Russia",code:"RU",unicode:"&#x1F1F7;&#x1F1FA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/RU.svg",label:"+7"},{country_label:"Rwanda",code:"RW",unicode:"&#x1F1F7;&#x1F1FC;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/RW.svg",label:"+250"},{country_label:"Solomon Islands",code:"SB",unicode:"&#x1F1F8;&#x1F1E7;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SB.svg",label:"+677"},{country_label:"Seychelles",code:"SC",unicode:"&#x1F1F8;&#x1F1E8;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SC.svg",label:"+248"},{country_label:"Sudan",code:"SD",unicode:"&#x1F1F8;&#x1F1E9;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SD.svg",label:"+249"},{country_label:"Sweden",code:"SE",unicode:"&#x1F1F8;&#x1F1EA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SE.svg",label:"+46"},{country_label:"Singapore",code:"SG",unicode:"&#x1F1F8;&#x1F1EC;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SG.svg",label:"+65"},{country_label:"St. Helena",code:"SH",unicode:"&#x1F1F8;&#x1F1ED;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SH.svg",label:"+290"},{country_label:"Slovenia",code:"SI",unicode:"&#x1F1F8;&#x1F1EE;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SI.svg",label:"+386"},{country_label:"Svalbard & Jan Mayen",code:"SJ",unicode:"&#x1F1F8;&#x1F1EF;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SJ.svg",label:"+47"},{country_label:"Slovakia",code:"SK",unicode:"&#x1F1F8;&#x1F1F0;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SK.svg",label:"+421"},{country_label:"Sierra Leone",code:"SL",unicode:"&#x1F1F8;&#x1F1F1;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SL.svg",label:"+232"},{country_label:"San Marino",code:"SM",unicode:"&#x1F1F8;&#x1F1F2;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SM.svg",label:"+378"},{country_label:"Senegal",code:"SN",unicode:"&#x1F1F8;&#x1F1F3;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SN.svg",label:"+221"},{country_label:"Somalia",code:"SO",unicode:"&#x1F1F8;&#x1F1F4;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SO.svg",label:"+252"},{country_label:"Suriname",code:"SR",unicode:"&#x1F1F8;&#x1F1F7;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SR.svg",label:"+597"},{country_label:"South Sudan",code:"SS",unicode:"&#x1F1F8;&#x1F1F8;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SS.svg",label:"+211"},{country_label:"S\xE3o Tom\xE9 & Pr\xEDncipe",code:"ST",unicode:"&#x1F1F8;&#x1F1F9;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/ST.svg",label:"+239"},{country_label:"El Salvador",code:"SV",unicode:"&#x1F1F8;&#x1F1FB;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SV.svg",label:"+503"},{country_label:"Syria",code:"SY",unicode:"&#x1F1F8;&#x1F1FE;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SY.svg",label:"+963"},{country_label:"Eswatini",code:"SZ",unicode:"&#x1F1F8;&#x1F1FF;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/SZ.svg",label:"+268"},{country_label:"Turks & Caicos Islands",code:"TC",unicode:"&#x1F1F9;&#x1F1E8;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/TC.svg",label:"+1649"},{country_label:"Chad",code:"TD",unicode:"&#x1F1F9;&#x1F1E9;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/TD.svg",label:"+235"},{country_label:"Togo",code:"TG",unicode:"&#x1F1F9;&#x1F1EC;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/TG.svg",label:"+228"},{country_label:"Thailand",code:"TH",unicode:"&#x1F1F9;&#x1F1ED;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/TH.svg",label:"+66"},{country_label:"Tajikistan",code:"TJ",unicode:"&#x1F1F9;&#x1F1EF;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/TJ.svg",label:"+992"},{country_label:"Tokelau",code:"TK",unicode:"&#x1F1F9;&#x1F1F0;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/TK.svg",label:"+690"},{country_label:"Timor-Leste",code:"TL",unicode:"&#x1F1F9;&#x1F1F1;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/TL.svg",label:"+670"},{country_label:"Turkmenistan",code:"TM",unicode:"&#x1F1F9;&#x1F1F2;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/TM.svg",label:"+993"},{country_label:"Tunisia",code:"TN",unicode:"&#x1F1F9;&#x1F1F3;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/TN.svg",label:"+216"},{country_label:"Tonga",code:"TO",unicode:"&#x1F1F9;&#x1F1F4;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/TO.svg",label:"+676"},{country_label:"Turkey",code:"TR",unicode:"&#x1F1F9;&#x1F1F7;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/TR.svg",label:"+90"},{country_label:"Trinidad & Tobago",code:"TT",unicode:"&#x1F1F9;&#x1F1F9;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/TT.svg",label:"+1868"},{country_label:"Tuvalu",code:"TV",unicode:"&#x1F1F9;&#x1F1FB;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/TV.svg",label:"+688"},{country_label:"Taiwan",code:"TW",unicode:"&#x1F1F9;&#x1F1FC;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/TW.svg",label:"+886"},{country_label:"Tanzania",code:"TZ",unicode:"&#x1F1F9;&#x1F1FF;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/TZ.svg",label:"+255"},{country_label:"Ukraine",code:"UA",unicode:"&#x1F1FA;&#x1F1E6;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/UA.svg",label:"+380"},{country_label:"Uganda",code:"UG",unicode:"&#x1F1FA;&#x1F1EC;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/UG.svg",label:"+256"},{country_label:"United States",code:"US",unicode:"&#x1F1FA;&#x1F1F8;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/US.svg",label:"+1"},{country_label:"Uruguay",code:"UY",unicode:"&#x1F1FA;&#x1F1FE;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/UY.svg",label:"+598"},{country_label:"Uzbekistan",code:"UZ",unicode:"&#x1F1FA;&#x1F1FF;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/UZ.svg",label:"+998"},{country_label:"Vatican City",code:"VA",unicode:"&#x1F1FB;&#x1F1E6;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/VA.svg",label:"+379"},{country_label:"St. Vincent & Grenadines",code:"VC",unicode:"&#x1F1FB;&#x1F1E8;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/VC.svg",label:"+1784"},{country_label:"Venezuela",code:"VE",unicode:"&#x1F1FB;&#x1F1EA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/VE.svg",label:"+58"},{country_label:"British Virgin Islands",code:"VG",unicode:"&#x1F1FB;&#x1F1EC;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/VG.svg",label:"+1284"},{country_label:"U.S. Virgin Islands",code:"VI",unicode:"&#x1F1FB;&#x1F1EE;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/VI.svg",label:"+1340"},{country_label:"Vietnam",code:"VN",unicode:"&#x1F1FB;&#x1F1F3;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/VN.svg",label:"+84"},{country_label:"Vanuatu",code:"VU",unicode:"&#x1F1FB;&#x1F1FA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/VU.svg",label:"+678"},{country_label:"Wallis & Futuna",code:"WF",unicode:"&#x1F1FC;&#x1F1EB;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/WF.svg",label:"+681"},{country_label:"Samoa",code:"WS",unicode:"&#x1F1FC;&#x1F1F8;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/WS.svg",label:"+685"},{country_label:"Yemen",code:"YE",unicode:"&#x1F1FE;&#x1F1EA;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/YE.svg",label:"+967"},{country_label:"Mayotte",code:"YT",unicode:"&#x1F1FE;&#x1F1F9;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/YT.svg",label:"+262"},{country_label:"South Africa",code:"ZA",unicode:"&#x1F1FF;&#x1F1E6;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/ZA.svg",label:"+27"},{country_label:"Zambia",code:"ZM",unicode:"&#x1F1FF;&#x1F1F2;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/ZM.svg",label:"+260"},{country_label:"Zimbabwe",code:"ZW",unicode:"&#x1F1FF;&#x1F1FC;",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/ZW.svg",label:"+263"}],Fo=gi;import pi from"react-select";var vi=({cx:e,children:t,getStyles:o,innerProps:r,innerRef:n,...i})=>nt.createElement("div",{className:"absolute z-50 w-[190px] rounded border bg-background",ref:n,...r},t),xi=({cx:e,children:t,getStyles:o,innerProps:r,innerRef:n,...i})=>nt.createElement("div",{ref:n,className:"m-2 flex cursor-pointer flex-row items-center justify-between rounded-inner p-1 px-2 hover:bg-primary hover:text-primary-foreground",...r},nt.createElement("div",{className:"flex flex-row items-center justify-center gap-1"},nt.createElement("img",{className:"h-8 w-8",src:i.data.image}),nt.createElement("span",{className:"text-[10px]"},i.data.country_label)),t),Xt=e=>{let[t,o]=fi("+966");return nt.createElement("div",{className:"mb-3 flex flex-col"},e.label&&nt.createElement("label",{className:"mb-2 block text-sm font-medium"},e.label),nt.createElement("div",{dir:"ltr",className:"flex flex-row "},nt.createElement(pi,{classNames:{control:()=>"w-[64px] text-right pr-2 cursor-pointer z-10 border rounded-l bg-background",placeholder:r=>"text-muted-foreground text-right ",input:r=>"bg-transparent cursor-pointer dark:text-white p-2 rounded-l text-[0.875rem] ",valueContainer:()=>"rounded-l h-auto text-[0.875rem]"},styles:{placeholder:r=>({...r,fontSize:"0.875rem",textAlign:"right"})},components:{Option:xi,Menu:vi,DropdownIndicator:()=>null,IndicatorSeparator:()=>null},options:Fo,isMulti:!1,isSearchable:!0,isClearable:!1,placeholder:"+966",unstyled:!0,defaultValue:e.preferredCountry,value:t,onChange:(r,n)=>o(r)}),nt.createElement("input",{onChange:e.handleChange,type:"number",placeholder:"531045453",className:"block w-full rounded-r border bg-background p-2 text-sm text-gray-900 focus:border-blue-500 focus:ring-blue-500"}),e.helperText&&nt.createElement("p",{className:"mb-1 mt-1 text-xs text-red-600 dark:text-red-500"},e.helperText)))};import lo,{useState as bi}from"react";var lm=({orientation:e="horizontal",direction:t="ltr",width:o="normal",marginBetween:r=0,pill:n=!1,...i})=>{let[a,s]=bi(i.options[0]?.value),l={vertical:"inline-block py-2 px-4 text-white bg-primary active",horizontal:"inline-block py-2 px-4 text-white bg-primary active"},y={vertical:"inline-block py-2 px-4 hover:text-gray-900 hover:bg-gray-200 dark:hover:bg-gray-800 dark:hover:text-white",horizontal:"bg-gray-100 inline-block py-2 px-4 hover:text-gray-900 hover:bg-gray-200 dark:hover:bg-gray-800 dark:hover:text-white"},w={full:"w-full min-w-full",normal:"w-fit"},x={vertical:{container:"flex flex-row",tabs:"flex flex-col w-fit flex-wrap rounded border-b-primary bg-gray-100 text-center text-sm font-medium text-gray-500 dark:text-gray-400"},horizontal:{container:"",tabs:"flex w-fit flex-wrap rounded rounded-br-none rounded-bl-none border-b-primary bg-gray-100 text-center text-sm font-medium text-gray-500 dark:text-gray-400"}},g={vertical:"flex flex-row",horizontal:"flex flex-col"},f={vertical:"sticky top-2 h-fit flex flex-col w-fit flex-wrap rounded border-b-primary bg-gray-100 text-center text-sm font-medium text-gray-500 dark:text-gray-400",horizontal:"flex w-fit flex-wrap border-b-primary text-center text-sm font-medium text-gray-500 dark:text-gray-400"};return lo.createElement("div",{dir:t,className:m(g[e],i.options[a]?"border-b-2":"border-b-0")},lo.createElement("ul",{className:m("w-full border-primary",r?e==="vertical"?"mb-0":"mb-"+r:"",r&&t==="rtl"?"ml-"+r:"mr-"+r,f[e],e==="horizontal"?"grid grid-cols-3 gap-1 sm:flex sm:flex-row sm:gap-0 ":"",w[o],n?"gap-0.5 rounded border-none bg-gray-100 p-0.5":e==="vertical"?t==="rtl"?"rounded-none rounded-r border-l-2":"rounded-none rounded-l border-r-2":"border-b-0 sm:border-b-2")},i.options?.map((b,h)=>lo.createElement("button",{key:h,"aria-current":"page",onClick:()=>{s(b.value),i?.onChangeTab(b)},className:m(b.value===a?[l[e],t==="rtl"?"rounded-r":"rounded-l"]:y[e],n?"rounded":e==="vertical"?"rounded rounded-bl-none rounded-tl-none":"rounded sm:rounded-b-none","flex w-fit flex-row items-center gap-2 transition-all ")},b.icon,b.label))),lo.createElement("div",{className:"flex-1 transition-all"},i.options.map((b,h)=>lo.createElement("div",{key:h,className:m(a===b.value?"":"hidden")},b.content))))};import it,{useEffect as hi}from"react";import Lr from"clsx";var gm=({open:e,title:t,onClose:o,closeOnClickOutside:r=!0,...n})=>{let i="absolute top-1/2 left-1/2 w-full h-screen flex flex-col justify-center items-center -translate-x-1/2 -translate-y-1/2 transition-all";return hi(()=>(r&&e&&(window.onclick=a=>{a.stopPropagation(),o()}),()=>window.onclick=null),[e]),it.createElement("div",{className:Lr(i,e?"z-10 opacity-100 ":"invisible -z-10 opacity-0")},it.createElement("div",{className:Lr("absolute h-screen w-full bg-gray-500 opacity-50",e?"opacity-50":"opacity-0")}),it.createElement("div",{className:"relative w-1/2 max-w-md rounded bg-white p-1 shadow-lg dark:bg-gray-700"},it.createElement("div",{className:"flex items-start justify-between rounded-t p-3 dark:border-gray-600"},it.createElement("h3",{className:"text-xl font-semibold text-gray-900 dark:text-white"},t),it.createElement("button",{type:"button",className:"inline-flex items-center rounded bg-transparent p-1.5 text-sm text-gray-400 hover:bg-gray-200 hover:text-gray-900 dark:hover:bg-gray-600 dark:hover:text-white","data-modal-toggle":"defaultModal",onClick:a=>{o()}},it.createElement("svg",{"aria-hidden":"true",className:"h-5 w-5",fill:"currentColor",viewBox:"0 0 20 20"},it.createElement("path",{fillRule:"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",clipRule:"evenodd"})),it.createElement("span",{className:"sr-only"},"Close modal"))),it.createElement("div",{className:"space-y-6 p-3"},n.children),it.createElement("div",{className:"mx-2 flex items-center justify-end space-x-1 p-0 dark:border-gray-600"},n.actions)))};import pt,{useEffect as yi,useRef as Ar,useState as so}from"react";import Br from"clsx";var Jt=({menuItems:e,withHeader:t,direction:o="ltr",headerTitle:r,headerSubtitle:n,size:i="normal",children:a,onClickOutside:s,actionedItem:l,position:y="top-right"})=>{let[w,x]=so(!1),g=Ar(null),[f,b]=so(null),[h,P]=so(null),F=Ar(null),[S,X]=so(null),[j,U]=so(null);yi(()=>{U(F.current?.getBoundingClientRect().height),X(F.current?.getBoundingClientRect().width),b(g.current?.getBoundingClientRect().height),P(g.current?.getBoundingClientRect().width);let pe=Xe=>{F.current&&!F.current.contains(Xe.target)&&x(!1)};return document.addEventListener("click",pe,!0),()=>{document.removeEventListener("click",pe,!0)}},[s]);let re="border-none absolute ring-offset-1 absolute z-10 w-44 divide-y divide-gray-100 overflow-y-clip rounded bg-gray-50 shadow-lg transition-all dark:bg-gray-700",B={small:"text-[11px] p-1 px-4 m-0",normal:"py-2 px-4",large:""},M,ee=5;switch(y){case"top-right":M=o==="rtl"?`${S-h}px, -${j+f+ee}px`:`0px, -${j+f+ee}px`;break;case"top-left":M=o==="rtl"?`0px, -${j+f+ee}px`:`-${S-h}px, -${j+f+ee}px`;break;case"bottom-right":M=o==="rtl"?`-0px, ${ee}px`:`-${h-S}px, ${ee}px`;break;case"bottom-left":M=o==="rtl"?`0px, ${ee}px`:`-${S-h}px,${ee}px`;break;case"right-bottom":M=o==="rtl"?`${S+ee}px, -${f}px`:`${h+ee}px, -${f}px`;break;case"right-top":M=o==="rtl"?`${S+ee}px, -${j}px`:`${h+ee}px, -${j}px`;break;case"left-bottom":M=o==="rtl"?`-${h+ee}px, -${f}px`:`-${S+ee}px, -${f}px`;break;case"left-top":M=o==="rtl"?`-${h+ee}px, -${j}px`:`-${S+ee}px, -${j}px`;break;default:M=`-${S/2}px, -${f+j/2}px`;break}return pt.createElement("div",{onClick:()=>{x(!w)}},pt.createElement("div",{ref:g},a),pt.createElement("div",{ref:F,style:{position:"absolute",width:"max-content",transform:`translate(${M})`,maxWidth:"200px"},className:Br(re,w?"opacity-100":"invisible opacity-0")},t&&pt.createElement("div",{className:"px-4 py-3 text-xs text-gray-900 dark:text-white"},pt.createElement("div",null,r),pt.createElement("div",{className:"truncate font-medium"},n)),e?.map((pe,Xe)=>pt.createElement("ul",{key:Xe,className:"bg-layout-1200 flex flex-col gap-1 p-1 text-gray-700 dark:text-gray-200"},pe?.map((te,O)=>te.element?pt.createElement("li",{key:O,className:"cursor-pointer items-center rounded hover:bg-gray-200 rtl:flex-row-reverse dark:hover:bg-gray-600 dark:hover:text-white"},te.element):pt.createElement("li",{key:O,onClick:()=>{te.disabled?console.log("button is disabled"):te?.action(l)},className:Br("transition-all",te.isButton?"flex cursor-pointer flex-row items-center rounded-inner bg-buttonPrimary-500 px-4 py-2 text-white hover:bg-buttonPrimary-700 rtl:flex-row-reverse":te.disabled?"text-gray-300":" flex cursor-pointer flex-row items-center rounded-inner hover:bg-gray-200 rtl:flex-row-reverse dark:hover:bg-gray-600 dark:hover:text-white ",B[i])},te.icon&&pt.createElement("div",{className:i==="small"?"mr-1 rtl:ml-1":"mr-2 rtl:ml-2"},te.icon),te.label))))))};import mo from"react";var Cm=e=>mo.createElement("div",{className:"my-2 flex flex-col items-center justify-center gap-1 text-xs text-gray-400"},e.withLogo?mo.createElement("a",{href:e.onLogoClicked},mo.createElement("div",{className:"cursor-pointer"},mo.createElement("image",{href:e.logoURL,width:100,height:50}))):null,mo.createElement("div",null,e.version),e.credits?e.credits:null);import Mt from"react";import Ir from"clsx";var jm=({orientation:e="horizontal",...t})=>{let o={vertical:"flex flex-col items-start w-fit",horizontal:"flex flex-row"},r={vertical:"w-1 h-32 rounded bg-red-200 ml-6 my-2",horizontal:"h-0.5 flex w-full rounded bg-red-200"};return Mt.createElement("div",{className:Ir(o[e]," flex-wrap justify-start gap-4")},t.steps.map((n,i)=>Mt.createElement("div",{key:i,className:"my-2 flex w-auto flex-row flex-wrap justify-start "},Mt.createElement("div",{className:e==="vertical"?"flex w-full flex-row items-center":i+1===t.steps.length?"flex w-full flex-row items-center justify-start gap-2":"flex flex-row items-center justify-start gap-2 after:mx-2 after:hidden after:h-1 after:w-10 after:border-b after:border-gray-200 dark:after:border-gray-700 sm:after:inline-block sm:after:content-[''] md:w-full xl:after:mx-10"},Mt.createElement("div",{className:"flex flex-row gap-2 "},Mt.createElement("div",{className:Ir("flex h-6 w-6 min-w-[24px] items-center justify-center rounded ring-2 ring-primary/20 ring-offset-2",i+1<=t.currentStep?"bg-primary text-primary-foreground ":"bg-primary/20")},i+1<=t.currentStep?Mt.createElement("svg",{"aria-label":"Check Mark",stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 512 512",height:"0.60em",width:"0.60em"},Mt.createElement("path",{d:"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"})):i+1),Mt.createElement("div",{className:"whitespace-nowrap"},n))))))};import yt from"react";import*as Ue from"react";var T=Ue.forwardRef(({className:e,clickable:t=!1,...o},r)=>Ue.createElement("div",{ref:r,className:m("rounded-lg border bg-card text-card-foreground shadow-sm",t&&"cursor-pointer transition-all hover:drop-shadow-md dark:hover:shadow-dark",e),...o}));T.displayName="Card";var Ne=Ue.forwardRef(({className:e,...t},o)=>Ue.createElement("div",{ref:o,className:m("flex flex-col space-y-1.5 p-6",e),...t}));Ne.displayName="CardHeader";var Te=Ue.forwardRef(({className:e,...t},o)=>Ue.createElement("h3",{ref:o,className:m("text-2xl font-semibold leading-none tracking-tight",e),...t}));Te.displayName="CardTitle";var at=Ue.forwardRef(({className:e,...t},o)=>Ue.createElement("p",{ref:o,className:m("text-sm text-muted-foreground",e),...t}));at.displayName="CardDescription";var N=Ue.forwardRef(({headless:e,className:t,...o},r)=>Ue.createElement("div",{ref:r,className:m("p-6",e?"pt-6":"pt-0",t),...o}));N.displayName="CardContent";var me=Ue.forwardRef(({className:e,...t},o)=>Ue.createElement("div",{ref:o,className:m("flex items-center p-6 pt-0",e),...t}));me.displayName="CardFooter";var Im=({variant:e="default",...t})=>yt.createElement(T,{onClick:t.handleClick,clickable:!!t.handleClick},yt.createElement(Ne,{className:"flex flex-row items-center justify-between space-y-0 pb-2"},yt.createElement(Te,{className:"text-sm font-medium"},t.label),t.icon&&t.icon),yt.createElement(N,null,t.isLoading?yt.createElement(ut,{className:"h-8 w-3/4"}):yt.createElement("div",{className:"text-2xl font-bold"},t.number),t.isLoading&&t.helperText?yt.createElement(ut,{className:"mt-2 h-4 w-1/2"}):t.helperText&&yt.createElement("p",{className:"text-xs text-muted-foreground"},t.helperText),t.isLoading&&t.chart?yt.createElement(ut,{className:"mt-2 h-4 w-1/2"}):t.chart));import ke,{useState as Ci}from"react";import Et from"react";import*as Je from"@radix-ui/react-tooltip";var Dr=Et.forwardRef(({className:e,sideOffset:t=4,...o},r)=>Et.createElement(Je.Content,{ref:r,sideOffset:t,className:m("z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",e),...o}));Dr.displayName=Je.Content.displayName;var wi=Et.forwardRef(({className:e,...t},o)=>Et.createElement(Je.Arrow,{ref:o,className:m(e),...t}));wi.displayName=Je.Arrow.displayName;var vt=({side:e,open:t,content:o,children:r,defaultOpen:n,onOpenChange:i,delayDuration:a=300,...s})=>Et.createElement(Je.TooltipProvider,{delayDuration:a},Et.createElement(Je.Root,{open:t,defaultOpen:n,onOpenChange:i},Et.createElement(Je.Trigger,{asChild:!0},r),Et.createElement(Dr,{side:e,align:"center",...s},o)));import{useState as Ko}from"react";function zr({timeout:e=2e3}={}){let[t,o]=Ko(null),[r,n]=Ko(!1),[i,a]=Ko(null),s=w=>{clearTimeout(i),a(setTimeout(()=>n(!1),e)),n(w)};return{copy:w=>{"clipboard"in navigator?navigator.clipboard.writeText(w).then(()=>s(!0)).catch(x=>o(x)):o(new Error("useClipboard: navigator.clipboard is not supported"))},reset:()=>{n(!1),o(null),clearTimeout(i)},error:t,copied:r}}var Qm=({tabs:e,code:t,fileName:o,width:r="full"})=>{let n=zr(),[i,a]=Ci(0);return ke.createElement("div",{className:m({full:"w-full",md:"w-full max-w-md",sm:"w-full max-w-sm",xs:"w-full max-w-xs"}[r],"w-full flex-col items-center rounded bg-gray-200 text-left text-sm text-white dark:bg-gray-800 sm:text-base")},e&&ke.createElement("div",{className:"flex flex-row gap-2 rounded-t bg-gray-100 p-2 pb-0 text-black dark:bg-gray-700 dark:text-white"},e.map((l,y)=>ke.createElement("div",{className:m(i===y?" border-b-2 border-primary":"bg-transparent")},ke.createElement("div",{onClick:()=>a(y),className:m("mb-1 w-full max-w-[52px] cursor-pointer rounded-inner p-2 py-1 text-center text-[0.75rem] hover:bg-gray-300 dark:hover:bg-gray-500")},l.title)))),o&&ke.createElement("div",{className:"flex flex-row gap-2 rounded-t bg-gray-100 p-2 pb-0 text-black dark:bg-gray-700 dark:text-white"},ke.createElement("div",{className:m("mb-1 w-full max-w-[52px] rounded-inner p-2 py-1 text-center text-[0.75rem]")},o)),ke.createElement("pre",null,ke.createElement("code",{className:m("flex w-full flex-row items-start justify-between rounded bg-gray-200 p-0 text-left text-sm text-black dark:bg-gray-800 dark:text-white sm:text-base")},ke.createElement("div",{className:"flex min-h-[37.75px] w-full flex-col justify-center p-4 "},e?e[i].code:t),ke.createElement("div",{className:"flex w-fit flex-row items-center gap-2 p-2"},ke.createElement(vt,{open:n.copied,side:"left",content:ke.createElement("div",null,"Copied!")},ke.createElement(p,{size:"icon",onClick:()=>n.copy(e?e[i].code:t)},ke.createElement("svg",{"aria-label":"Copy Icon",stroke:"currentColor",fill:"none",strokeWidth:"2",viewBox:"0 0 24 24",strokeLinecap:"round",strokeLinejoin:"round",height:"1em",width:"1em"},ke.createElement("rect",{width:"14",height:"14",x:"8",y:"8",rx:"2",ry:"2"}),ke.createElement("path",{d:"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"}))))))))};import Qo,{useState as Fi}from"react";var $m=()=>{let[e,t]=Fi("");return Qo.createElement("div",{className:"relative inline-block text-left"},Qo.createElement("span",{className:"rounded-md shadow-sm"},Qo.createElement("input",{type:"date",value:e,onChange:r=>{t(r.target.value)},className:"block w-full rounded border border-gray-300 bg-white p-2 text-sm text-gray-900 focus:border-blue-500 focus:ring-blue-500 dark:border-gray-600 dark:bg-gray-700 dark:text-white dark:placeholder-gray-400 dark:focus:border-blue-500 dark:focus:ring-blue-500"})))};import q,{useEffect as Yo,useState as Hr}from"react";import{useDropzone as Ni}from"react-dropzone";import Ti from"clsx";var i1=({texts:e,files:t,setFiles:o,setDeletedFiles:r,onAcceptedFiles:n,errorMessages:i,maxFiles:a,accept:s,showPreview:l,onDeleteFile:y,onClearFiles:w,disclaimer:x,maxSize:g,label:f,termsLink:b,privacyLink:h})=>{let[P,F]=Hr(0),[S,X]=Hr(0),{getRootProps:j,getInputProps:U,fileRejections:re,acceptedFiles:B,isDragActive:M}=Ni({multiple:!0,accept:s,maxSize:g,maxFiles:a,onDrop:te=>{o(te.map((O,d)=>Object.assign(O,{preview:URL.createObjectURL(O)})))}});Yo(()=>()=>{t?.forEach(te=>{URL.revokeObjectURL(te.preview)})},[t]),Yo(()=>{o(B)},[B,P]),w=()=>{B.length=0,B.splice(0,B.length),o([])};let ee=()=>{B.length=0,o([])};Yo(()=>{if(g>0){let O=["Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"],d=Math.floor(Math.log(g)/Math.log(1024));X(parseFloat((g/Math.pow(1024,d)).toFixed(2))+" "+O[d])}},[g]);let pe=re.map((te,O)=>{switch(te.errors[0].code){case"file-too-large":return q.createElement(Fe,{text:te.file.name,title:e.fileTooLarge,severity:"error"});case"too-many-files":return q.createElement(Fe,{text:te.file.name,title:e.tooManyFiles,severity:"error"});case"file-invalid-type":return q.createElement(Fe,{text:te.file.name,title:e.invalidFileType,severity:"error"});default:return q.createElement(Fe,{text:te.file.name,title:te.errors[0].code,severity:"error"})}}),Xe=t?.map((te,O)=>q.createElement("div",{className:"relative rounded"},q.createElement("button",{onClick:d=>{d.stopPropagation(),B.splice(B.indexOf(te),1),F(Math.random),y(te)},type:"button",className:"absolute left-0 ml-auto inline-flex items-center rounded-inner rounded-bl-none rounded-tr-none bg-gray-900 p-1.5 text-sm text-gray-400 transition-all hover:bg-gray-200 hover:text-gray-900 dark:hover:bg-gray-600 dark:hover:text-white","data-modal-toggle":"defaultModal"},q.createElement("svg",{"aria-hidden":"true",className:"h-5 w-5",fill:"currentColor",viewBox:"0 0 20 20"},q.createElement("path",{fillRule:"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",clipRule:"evenodd"})),q.createElement("span",{className:"sr-only"},"Close modal")),q.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",overflow:"hidden",height:100,width:100,backgroundImage:`url(${te.preview})`,backgroundSize:"cover",backgroundPosition:"center",border:"1px solid black"},className:"rounded-lg",key:te.name})));return q.createElement("div",null,f&&q.createElement("div",{className:"mb-2 block text-sm font-medium text-gray-900 dark:text-gray-300"},f),q.createElement("div",{className:Ti("flex flex-col justify-center rounded border border-dashed bg-gray-50 p-6 transition-all hover:bg-gray-100 dark:bg-gray-950 dark:hover:bg-gray-800 ",M?"bg-gray-200 dark:bg-gray-700":"bg-background")},q.createElement("div",{...j({})},q.createElement("p",{...U()}),q.createElement("div",{className:"flex flex-col items-center justify-center gap-2 pt-4 text-center"},q.createElement("svg",{stroke:"currentColor",fill:"none",strokeWidth:"2",viewBox:"0 0 24 24",strokeLinecap:"round",strokeLinejoin:"round",height:"1.5em",width:"1.5em"},q.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),q.createElement("path",{d:"M19 11v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2"}),q.createElement("path",{d:"M13 13l9 3l-4 2l-2 4l-3 -9"}),q.createElement("path",{d:"M3 3l0 .01"}),q.createElement("path",{d:"M7 3l0 .01"}),q.createElement("path",{d:"M11 3l0 .01"}),q.createElement("path",{d:"M15 3l0 .01"}),q.createElement("path",{d:"M3 7l0 .01"}),q.createElement("path",{d:"M3 11l0 .01"}),q.createElement("path",{d:"M3 15l0 .01"})),q.createElement(e.clickHereToUpload,null)),q.createElement("div",{className:"pt-2 text-center text-xs"},e.acceptedFileTypes," ",s.split(",")),q.createElement("div",{className:"pb-2 pt-1 text-center text-xs"},e.maxFileSize," ",S)),B.length>0&&q.createElement("div",{className:"flex justify-center rounded-lg p-2 "},q.createElement(p,{onClick:ee},"Clear All")),B.length>0&&Xe&&l?q.createElement("aside",{className:"flex flex-row flex-wrap justify-center gap-2 rounded-lg p-2"},Xe):null,q.createElement("div",{className:"px-4"},re[0]?.errors[0]?.code&&pe)),x&&q.createElement("div",{className:"mt-2 text-sm text-muted-foreground/50"},e.disclaimer??"By uploading a file you agree to our"," ",q.createElement("a",{href:b,className:"clickable-link text-muted-foreground/50"},e.terms??"Terms")," ",e.and??"and"," ",q.createElement("a",{href:h,className:"clickable-link text-muted-foreground/50"},e.privacyPolicy??"Privacy Policy")))};import co from"react";var m1=e=>co.createElement("div",{className:"flex flex-row rounded bg-layoutPrimary-500 p-4"},co.createElement("button",{className:"inline-flex items-center rounded bg-white p-2 text-center text-sm font-medium text-gray-900 hover:bg-gray-100 focus:outline-none focus:ring-4 focus:ring-gray-50 dark:bg-gray-800 dark:text-white dark:hover:bg-gray-700 dark:focus:ring-gray-600",type:"button"},co.createElement("svg",{className:"h-6 w-6","aria-hidden":"true",fill:"currentColor",viewBox:"0 0 20 20"},co.createElement("path",{d:"M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z"}))),co.createElement("div",{className:"p-4"},e.children));import g1 from"react";import Lt,{useState as ki}from"react";import ji from"clsx";var w1=({subsections:e})=>{let[t,o]=ki(null);return Lt.createElement("div",{className:"w-full max-w-2xs rounded bg-layoutPrimary-500 p-4 "},e.map((r,n)=>Lt.createElement("div",{key:n,className:"my-0"},r.title&&Lt.createElement("div",{className:"my-4 font-bold"},r.title),r.sections.map((i,a)=>Lt.createElement(Si,{key:a,onItemClick:()=>o(i.value),selected:t,value:i.value,icon:i.icon,title:i.label,chip:"Upgrade"})))))},Si=({title:e,value:t,icon:o,chip:r,selected:n,onItemClick:i})=>Lt.createElement("div",{onClick:i,className:ji("flex w-full cursor-pointer flex-row items-center justify-between gap-2 rounded p-2 transition-all ",n===t?"bg-primary text-white hover:bg-primary":"hover:bg-layoutPrimary-300")},Lt.createElement("div",{className:"flex w-full flex-row items-center justify-start gap-2"},o," ",Lt.createElement("span",null,e)),r&&Lt.createElement(Qt,{label:"Upgrade",size:"normal"})," ");import lt from"react";var k1=e=>lt.createElement("div",{className:"flex w-full flex-col gap-0 rounded border bg-card p-4"},lt.createElement("div",{className:"flex flex-row items-center gap-2"},lt.createElement("span",{className:"bg-white-200"},e.title),e.tooltip&&lt.createElement(vt,{content:e.tooltip},lt.createElement("svg",{stroke:"currentColor","aria-label":"Exclamation Circle",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 16 16",height:"1em",width:"1em"},lt.createElement("path",{d:"M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"})))),lt.createElement("div",{className:"bg-white-100 flex flex-row"},lt.createElement("div",null,e.currentUsage),lt.createElement("div",null," (",e.percent,"%)")),lt.createElement("div",{className:"mt-2 h-2.5 w-full rounded-full bg-gray-200 dark:bg-gray-700"},lt.createElement("div",{className:"h-2.5 rounded-full bg-primary",style:{width:`${e.percent??0}%`}})));import $,{useState as Pi}from"react";import Xo from"clsx";var A1=({direction:e="ltr",texts:t={total:"Total",plan:"Plan",usage:"Usage",amount:"Amount",price:"Price"},...o})=>{let r=a=>$.createElement("div",{className:Xo(a.start?"items-start":"items-end","flex w-full flex-col")},$.createElement("div",{className:" text-sm text-gray-500"},a.label),$.createElement("div",{className:" whitespace-nowrap"},a.text)),[n,i]=Pi(!1);return $.createElement("div",{className:"flex w-full flex-col"},$.createElement("div",{className:"flex w-full flex-row items-center gap-2 border p-4 "},o.invoiceActions&&$.createElement("div",{className:Xo("transition-all hover:cursor-pointer ",e==="rtl"?"rotate-180":"",n?"rotate-90":""),onClick:()=>i(!n)},$.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 20 20","aria-hidden":"true",height:"2em",width:"2em"},$.createElement("path",{fillRule:"evenodd",d:"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z",clipRule:"evenodd"}))),$.createElement("div",{className:"flex w-full cursor-pointer flex-col gap-0",onClick:()=>i(!n)},$.createElement("div",{className:"flex flex-row items-center gap-2"},$.createElement("span",{className:"bg-white-200"},o.invoiceTitle),o.status&&$.createElement(Qt,{size:"small",label:o.status})),$.createElement("div",{className:"font-sm text-gray-400"},o.invoiceSubtitle)),$.createElement("div",{className:"flex flex-row items-center gap-2"},$.createElement("div",{className:"whitespace-nowrap"},o.total),$.createElement(Jt,{direction:e,position:e==="rtl"?"bottom-right":"bottom-left",menuItems:o.invoiceActions},$.createElement("div",{className:" p-2"},$.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 16 16",height:"1em",width:"1em"},$.createElement("path",{d:"M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0zm0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z"})))))),n&&$.createElement("div",{className:Xo(n?"h-full":"h-0 border-none p-0 px-4","flex h-auto flex-col gap-4 overflow-clip border border-t-0 bg-gray-50 p-4 transition-all")},$.createElement("div",{className:"border-b pb-2"},o.invoiceDescription),o.products?.map((a,s)=>$.createElement("div",{key:s,className:"flex flex-row border-b pb-4"},$.createElement("div",{className:"w-full"},$.createElement(r,{start:!0,label:t.plan,text:a.plan})),$.createElement("div",{className:"flex w-full flex-row gap-20 "},$.createElement(r,{label:t.usage,text:`${a.usage} SAR`}),$.createElement(r,{label:t.price,text:`${a.price} SAR`}),$.createElement(r,{label:t.amount,text:`${a.amount} SAR`})))),$.createElement("div",{className:"flex flex-row justify-between"},$.createElement("div",null,t.total)," ",$.createElement("div",null,o.total))))};import je,{useEffect as Mi,useRef as Ei,useState as No}from"react";import Jo from"clsx";var O1=({position:e="bottom-right",...t})=>{let[o,r]=No(!1),[n,i]=No(!1),[a,s]=No(null),[l,y]=No(5),w=Ei(null),x={"bottom-right":"right-4","bottom-left":"left-4"};Mi(()=>{let f=setTimeout(()=>{l>=0&&y(l-1)},1e3);return()=>{clearTimeout(f)}},[l]);let g=()=>{r(!0),setTimeout(()=>{w.current.removeChild(w.current.children[0])},200)};return je.createElement("div",{ref:w,className:Jo("fixed bottom-4 ",x[e])},je.createElement("div",{className:Jo("relative flex w-full max-w-sm flex-col gap-2 rounded border bg-background p-4 shadow-md transition-all",o?"opacity-0":"opacity-100")},je.createElement("div",{className:"absolute left-2 top-2 p-1.5 text-sm"},t.title),je.createElement("button",{type:"button",className:"absolute right-2 top-2 inline-flex h-8 w-8 rounded p-1.5 text-gray-400 hover:bg-gray-100 hover:text-gray-900 focus:ring-2 focus:ring-gray-300 dark:bg-gray-800 dark:text-gray-500 dark:hover:bg-gray-700 dark:hover:text-white","data-dismiss-target":"#toast-default","aria-label":"Close",onClick:()=>g()},je.createElement("svg",{"aria-hidden":"true",className:"h-5 w-5",fill:"currentColor",viewBox:"0 0 20 20"},je.createElement("path",{fillRule:"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",clipRule:"evenodd"}))),je.createElement("div",{className:"mt-8"},t.question),je.createElement("div",{className:"flex w-full flex-row gap-1 rounded"},t.options.map(f=>je.createElement("span",{onClick:()=>{t.onOptionClicked(f),s(f),i(!0);let b=setTimeout(()=>{r(!0)},4800);setTimeout(()=>{w.current.removeChild(w.current.children[0]),clearTimeout(b)},5300)},className:Jo("w-full cursor-pointer rounded border p-4 text-center transition-all ",a===f?"bg-gray-500 text-white":"border bg-background hover:bg-gray-300 dark:hover:bg-gray-700")},f))),t.texts&&je.createElement("div",{className:" flex flex-row justify-between text-xs"},je.createElement("span",null,t.texts.least),je.createElement("span",null,t.texts.most)),n&&je.createElement("div",{className:"absolute left-0 top-0 gap-2 flex h-full w-full flex-col items-center justify-center rounded bg-black bg-opacity-80 p-4 text-center transition-all"},je.createElement("span",{className:"font-bold text-white"},"Thank you for your answer. This box will disappear in"," "+l," seconds"),je.createElement("div",{className:"flex flex-row gap-2"},je.createElement(p,{onClick:()=>g()},"Close")))))};import K,{useState as To}from"react";import*as _t from"react";var uo=_t.forwardRef(({className:e,label:t,helperText:o,...r},n)=>_t.createElement("div",{className:"flex flex-col gap-2"},t&&_t.createElement(ct,{htmlFor:r.id},t),_t.createElement("textarea",{className:m("flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",e),ref:n,...r}),o&&_t.createElement("p",{className:"mb-0 mt-0 text-xs text-red-600 dark:text-red-500"},o)));uo.displayName="Textarea";import*as At from"react";import*as wt from"@radix-ui/react-popover";var Or=At.forwardRef(({className:e,align:t="center",sideOffset:o=4,...r},n)=>At.createElement(wt.Portal,null,At.createElement(wt.Content,{ref:n,align:t,sideOffset:o,className:m("z-50 rounded border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 dark:shadow-dark",e),...r})));Or.displayName=wt.Content.displayName;var Wr=({trigger:e,children:t,className:o,align:r="center",side:n,sideOffset:i=4,open:a})=>At.createElement(wt.Root,{open:a},At.createElement(wt.Trigger,null,e),At.createElement(Or,{side:n,className:o,align:r,sideOffset:i},t));var $1=e=>{let[t,o]=To(null),[r,n]=To(!1),[i,a]=To(""),[s,l]=To(!1),y=[{icon:K.createElement(Li,null),value:"very-good"},{icon:K.createElement(Ai,null),value:"good"},{icon:K.createElement(Bi,null),value:"bad"},{icon:K.createElement(Ii,null),value:"very-bad"}],w=async()=>{if(console.log("submitting"),i){n(!0);try{await e.handleSubmit({choice:t,feedback:i})}catch(x){console.error("Error during submission:",x),n(!1)}await n(!1)}else n(!1),l(!0)};return K.createElement("div",{className:m("flex flex-col gap-2 rounded border p-2 transition-all",t?"h-[165px] min-w-fit":"h-[44px] ")},K.createElement("div",{className:"flex flex-row items-center justify-center gap-2 "},K.createElement("div",{className:"flex flex-row justify-center gap-0.5 "},y.map((x,g)=>K.createElement(p,{key:g,onClick:()=>{t===x.value?o(""):o(x.value)},variant:"ghost",size:"smallIcon",className:m(t===x.value?"bg-primary/10 hover:bg-primary/10 ":"text-[#666666]")},x.icon)))),K.createElement("div",{className:m("flex flex-col overflow-clip transition-all duration-500 ease-in-out ",t?"visible opacity-100":"invisible opacity-0 ")},e.showSuccess?K.createElement("div",{className:"flex h-full flex-col items-center justify-center gap-2 pt-4"},K.createElement("div",{className:"rounded bg-primary p-2 text-primary-foreground"},K.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 512 512",height:"0.5em",width:"0.5em"},K.createElement("path",{d:"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"}))),K.createElement("div",{className:"text-sm flex flex-col text-center"},K.createElement("span",null,"Your feedback has been received!"),K.createElement("span",null,"Thank you for your help"))):K.createElement(K.Fragment,null,K.createElement(Wr,{className:"select-none p-1 text-xs ",open:s,trigger:K.createElement(uo,{className:m("mb-2 h-full resize-none"),placeholder:"Your feedback",onChange:x=>{x.target.value&&l(!1),a(x.target.value),console.log("changing to",x.target.value)}})},K.createElement("span",null,"Please enter your feedback")," "),K.createElement(p,{isLoading:r,onClick:w,className:"w-full",size:"sm"},"Submit"))))},Li=()=>K.createElement("svg",{fill:"none",height:"16",viewBox:"0 0 16 16",width:"16",xmlns:"http://www.w3.org/2000/svg"},K.createElement("g",{clipPath:"url(#clip0_53_166)"},K.createElement("path",{clipRule:"evenodd",d:"M14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM4.5 8.97498H3.875V9.59998C3.875 11.4747 5.81046 12.8637 7.99817 12.8637C10.1879 12.8637 12.125 11.4832 12.125 9.59998V8.97498H11.5H4.5ZM7.99817 11.6137C6.59406 11.6137 5.63842 10.9482 5.28118 10.225H10.7202C10.3641 10.9504 9.40797 11.6137 7.99817 11.6137Z",fill:"currentColor",fillRule:"evenodd"}),K.createElement("path",{clipRule:"evenodd",d:"M6.15295 4.92093L5.375 3.5L4.59705 4.92093L3 5.21885L4.11625 6.39495L3.90717 8L5.375 7.30593L6.84283 8L6.63375 6.39495L7.75 5.21885L6.15295 4.92093ZM11.403 4.92093L10.625 3.5L9.84705 4.92093L8.25 5.21885L9.36625 6.39495L9.15717 8L10.625 7.30593L12.0928 8L11.8837 6.39495L13 5.21885L11.403 4.92093Z",fill:"#FF990A",fillRule:"evenodd"}))),Ai=()=>K.createElement("svg",{fill:"none",height:"16",viewBox:"0 0 16 16",width:"16",xmlns:"http://www.w3.org/2000/svg"},K.createElement("g",{clipPath:"url(#clip0_53_167)"},K.createElement("path",{clipRule:"evenodd",d:"M14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM11.5249 10.8478L11.8727 10.3286L10.8342 9.6329L10.4863 10.1522C9.94904 10.9543 9.0363 11.4802 8.00098 11.4802C6.96759 11.4802 6.05634 10.9563 5.51863 10.1567L5.16986 9.63804L4.13259 10.3356L4.48137 10.8542C5.2414 11.9844 6.53398 12.7302 8.00098 12.7302C9.47073 12.7302 10.7654 11.9816 11.5249 10.8478ZM6.75 6.75C6.75 7.30228 6.30228 7.75 5.75 7.75C5.19772 7.75 4.75 7.30228 4.75 6.75C4.75 6.19772 5.19772 5.75 5.75 5.75C6.30228 5.75 6.75 6.19772 6.75 6.75ZM10.25 7.75C10.8023 7.75 11.25 7.30228 11.25 6.75C11.25 6.19772 10.8023 5.75 10.25 5.75C9.69771 5.75 9.25 6.19772 9.25 6.75C9.25 7.30228 9.69771 7.75 10.25 7.75Z",fill:"currentColor",fillRule:"evenodd"}))),Bi=()=>K.createElement("svg",{fill:"none",height:"16",viewBox:"0 0 16 16",width:"16",xmlns:"http://www.w3.org/2000/svg"},K.createElement("g",{clipPath:"url(#clip0_53_152)"},K.createElement("path",{clipRule:"evenodd",d:"M14.5 8C14.5 11.5899 11.5899 14.5 8 14.5C4.41015 14.5 1.5 11.5899 1.5 8C1.5 4.41015 4.41015 1.5 8 1.5C11.5899 1.5 14.5 4.41015 14.5 8ZM16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM5.75 7.75C6.30228 7.75 6.75 7.30228 6.75 6.75C6.75 6.19772 6.30228 5.75 5.75 5.75C5.19772 5.75 4.75 6.19772 4.75 6.75C4.75 7.30228 5.19772 7.75 5.75 7.75ZM11.25 6.75C11.25 7.30228 10.8023 7.75 10.25 7.75C9.69771 7.75 9.25 7.30228 9.25 6.75C9.25 6.19772 9.69771 5.75 10.25 5.75C10.8023 5.75 11.25 6.19772 11.25 6.75ZM11.5249 11.2622L11.8727 11.7814L10.8342 12.4771L10.4863 11.9578C9.94904 11.1557 9.0363 10.6298 8.00098 10.6298C6.96759 10.6298 6.05634 11.1537 5.51863 11.9533L5.16986 12.4719L4.13259 11.7744L4.48137 11.2558C5.2414 10.1256 6.53398 9.37982 8.00098 9.37982C9.47073 9.37982 10.7654 10.1284 11.5249 11.2622Z",fill:"currentColor",fillRule:"evenodd"}))),Ii=()=>K.createElement("svg",{fill:"none",height:"16",viewBox:"0 0 16 16",width:"16",xmlns:"http://www.w3.org/2000/svg"},K.createElement("g",{clipPath:"url(#clip0_53_151)"},K.createElement("path",{d:"M11.841 12.0225C12.7197 12.9324 12.7197 14.4077 11.841 15.3176C10.9623 16.2275 9.53769 16.2275 8.65901 15.3176C7.78033 14.4077 7.78033 12.9324 8.65901 12.0225L10.25 10.375L11.841 12.0225Z",fill:"#0070F3"}),K.createElement("path",{clipRule:"evenodd",d:"M8 1.5C4.41015 1.5 1.5 4.41015 1.5 8C1.5 10.9668 3.48826 13.4711 6.20649 14.2496L5.79351 15.6916C2.44895 14.7338 0 11.6539 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8C16 9.4652 15.6054 10.8405 14.9162 12.023L13.6203 11.2677C14.1794 10.3083 14.5 9.19272 14.5 8C14.5 4.41015 11.5899 1.5 8 1.5ZM6.75 6.75C6.75 7.30228 6.30228 7.75 5.75 7.75C5.19772 7.75 4.75 7.30228 4.75 6.75C4.75 6.19772 5.19772 5.75 5.75 5.75C6.30228 5.75 6.75 6.19772 6.75 6.75ZM10.25 7.75C10.8023 7.75 11.25 7.30228 11.25 6.75C11.25 6.19772 10.8023 5.75 10.25 5.75C9.69771 5.75 9.25 6.19772 9.25 6.75C9.25 7.30228 9.69771 7.75 10.25 7.75Z",fill:"currentColor",fillRule:"evenodd"})));import Bt,{useEffect as Di,useState as zi}from"react";import Hi from"clsx";var Vr=e=>Bt.createElement("svg",{onClick:e.onClick||(()=>{}),className:Hi("h-6 w-6 shrink-0 transition-all disabled:bg-gray-200",e.direction==="right"?"-rotate-90":"rotate-90",e.disabled?"text-gray-300":"cursor-pointer hover:scale-150"),fill:e.disabled&&"grey",viewBox:"0 0 20 20"},Bt.createElement("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"})),rc=e=>{let[t,o]=zi(e.index||0);Di(()=>{console.log(`INDEX CHANGED TO: ${t}`)},[t]);let r={small:["",-8],medium:["2",-11],big:["3",-16]};return Bt.createElement("div",{className:"align-center box-boorder relative flex h-min w-min flex-row items-center justify-center rounded bg-layoutPrimary-500 p-4 py-0 pb-2 pt-2 shadow-md"},Bt.createElement(Vr,{direction:"left",disabled:t==0,onClick:()=>{t!=0&&o(t-1)}}),Bt.createElement("div",{className:"relative m-5 my-0 box-border flex h-full flex-col items-center justify-center py-6 pt-0 "},Bt.createElement("div",null,e.items[t].icon),Bt.createElement("div",{className:"absolute bottom-1 mb-0 mt-2 select-none"},e.items[t].label)),Bt.createElement(Vr,{direction:"right",disabled:t==e.items.length-1,onClick:()=>{t!=e.items.length-1&&o(t+1)}}))};import Ct,{useRef as Ur,useState as Oi,useEffect as _r}from"react";import Wi from"clsx";var Vi=e=>Ct.createElement("div",{className:"border-box mr-[10px] flex h-[32px] w-[32px] items-center justify-center rounded bg-gray-300 p-2",onMouseDown:e.onMouseDown},e.name),Gr={bold:{css:"font-bold",content:"B"},italic:{id:"italic",css:"italic",content:"I"},under:{id:"under",css:"underline",content:"U"},strike:{id:"strike",css:"line-through",content:"S"}},st="\u200B",lc=e=>{let[t,o]=Oi({content:"",stylings:[],revert:[0,0],clipboard:[],events:{paste:{is:!1,length:null},drop:{is:!1,text:null,drag:null}}}),r=Ur(null),n=Ur(t),i=d=>{n.current=d,o(d)},a=d=>{for(var c=0;d=d.previousSibling;c++);return c},s=(d,c)=>Array.from(d.childNodes).slice(0,c).map(u=>u.textContent.length).reduce((u,k)=>u+k,0),l=d=>Array.from(r.current.childNodes).slice(0,d).map(C=>{let u=Array.from(C.childNodes);return s(C,u.length)}).reduce((C,u)=>C+u,0),y=d=>{let c=window.getSelection(),v=Array.from(r.current.childNodes);v=v.filter(W=>!["#text","BR"].includes(W.nodeName));let C=c[d],u=C.parentNode,k=0,G=C.nodeName=="DIV"&&Array.from(C.classList).includes("line");if(u.nodeName=="SPAN"){let W=a(u);k+=s(u.parentNode,W);let L=a(u.parentNode);k+=l(L)}if(Array.from(u.classList).includes("line")){if(C.nodeName=="#text"){let L=a(C);k+=s(u,L)}let W=a(u);k+=l(W)}if(G){let W=a(C);k=l(W)}return u==r.current&&!G?0:k},w=()=>{if(document.activeElement!=r.current)return[0,0];let d=window.getSelection(),c=y("anchorNode"),v=y("focusNode");return[c+d.anchorOffset,v+d.focusOffset].sort((u,k)=>u-k)};_r(()=>{setTimeout(function(){let[d,c]=n.current.revert;if(d==0&&c==0)return;let v=null,C=null,u=0,k=Array.from(r.current.getElementsByTagName("span"));for(let L=0;L<k.length;L++){let Y=k[L],de=Y.textContent.length+u;v==null&&d>=u&&d<=de&&(v=k[L],d-=u),C==null&&c>u&&c<=de&&(C=k[L],c-=u),u+=Y.textContent.length}var G=document.createRange(),W=window.getSelection();G.setStart(v.firstChild,d),G.setEnd(C.firstChild,c),W.removeAllRanges(),W.addRange(G)},1)},[t.revert]);let x=(d,c)=>{let v=[];for(let C=d;C<=c;C++)v.push(C);return v},g=(d,c)=>{let v=new Set;for(let C of c)d.has(C)&&v.add(C);return v},f=d=>d.sort((c,v)=>c-v)[0],b=d=>d.sort((c,v)=>v-c)[0],h=(d,c)=>{if(d.type!=c.type)return-1;if(c.start<=d.start&&c.finish>=d.finish)return 0;let v=new Set(x(d.start-1,d.finish-1)),C=new Set(x(c.start-1,c.finish-1));return g(v,C).size==0?2:1},P=(d,c,v,C)=>{let[u,k,G]=d.find(([L,Y,de])=>L==0);c=c.filter((L,Y)=>Y!=k);let W=[{type:C,start:f([G.start,v.start]),finish:b([G.start,v.start])},{type:C,start:f([G.finish,v.finish]),finish:b([G.finish,v.finish])}];return W=W.filter(L=>L.start!=L.finish),c=[...c,...W],c},F=(d,c,v,C)=>{let u=d.filter(([L,Y,de])=>L==1).map(([L,Y,de])=>[Y,de]);u.push([-1,v]);let k=u.map(([L,Y])=>Y.start).sort((L,Y)=>L-Y)[0],G=u.map(([L,Y])=>Y.finish).sort((L,Y)=>Y-L)[0],W=u.map(L=>L[0]);return c=c.filter((L,Y)=>!W.includes(Y)),c.push({type:C,start:k,finish:G}),c},S=d=>{let c=n.current.stylings.slice(),[v,C]=w();if(v==C)return;let u={type:d,start:v,finish:C},k=[];for(let W=0;W<c.length;W++){let L=c[W],Y=h(u,L);Y!=-1&&k.push([Y,W,L])}let G;k.find(([W,L,Y])=>W==1)?G=F(k,c,u,d):k.find(([W,L,Y])=>W==0)?G=P(k,c,u,d):(k.find(([W,L,Y])=>W==2)||k.length==0)&&(G=[...c,u]),i({...t,stylings:G,revert:[v,C]})},X=(d,c,v=0,C=0)=>d.filter(({start:k,finish:G})=>c>=k+v&&c<G+C),j=(d,c,v)=>{let C=d.filter(({start:u,finish:k})=>k>c&&u<v||u<v&&k>c);return C=C.map(u=>({...u,start:b([u.start,c])-c,finish:f([u.finish,v])-c})),C},U=(d,c,v=0)=>{let C={...d,start:d.start,finish:c},u={...d,start:c+v,finish:d.finish+v};return[C,u]},re=(d,c,v,C=!0)=>(d=d.map(u=>u.start>=c&&u.finish>c?(console.log("succeeding"),{...u,start:u.start+v,finish:u.finish+v}):u.start<c&&u.finish>c?C?{...u,finish:u.finish+v}:U(u,c,v):u.finish==c&&C?{...u,finish:u.finish+v}:u),d.flat()),B=(d,c,v)=>{let C=Math.abs(v-c);return d=d.map(u=>u.start>=c&&u.start>=v&&u.finish>=c&&u.finish>=v?{...u,start:u.start-C,finish:u.finish-C}:u.start>=c&&u.finish<=v?null:u.start<=c&&u.finish>=v?{...u,finish:u.finish-C}:u.start>c&&u.start<v?{...u,start:b([u.start,v])-C,finish:u.finish-C}:u.finish>c&&u.finish<v?{...u,finish:f([u.finish,c])}:u),d.flat().filter(u=>u)},M=(d,c,v,C)=>(c==0||(c>0?d=re(d,v-c,c):d=B(d,v,C+Math.abs(c))),d),ee=(d,c,v,C)=>{let u=n.current.events.paste.length,k=v-u,G=k,W=k+u-c;return d=B(d,G,W),d=re(d,k,u,!1),d=d.concat(n.current.clipboard.map(L=>({...L,start:L.start+k,finish:L.finish+k}))),d},pe=(d,c,v,C)=>{console.log(`Dropped at: ${[v,C]}`);let u=n.current.events.drop.text.length,[k,G]=n.current.events.drop.drag,W=v-k,L=j(d,k,G),Y=k,de=G;if(W>0&&(d=re(d,C,u,!1),d=B(d,Y,de)),W<0){let ze=v;d=B(d,Y,de),d=re(d,ze,u,!1)}return d=d.concat(L.map(ze=>({...ze,start:ze.start+v,finish:ze.finish+v}))),d},Xe=(d,c,v)=>{n.current.events.drop.is&&d.length!=n.current.content.length||(console.log(`Changed at: ${[c,v]}`),setTimeout(function(){let C=d.length-n.current.content.length,u=n.current.stylings;n.current.events.paste.is?u=ee(u,C,c,v):n.current.events.drop.is?u=pe(u,C,c,v):u=M(u,C,c,v),i({...n.current,content:d,stylings:u,revert:[c,v],events:{paste:{is:!1,length:null},drop:{is:!1,text:null,drag:null}}})},0))},te=()=>{let d=n.current.content,c=[...n.current.stylings],v=[],C=d.split("").map((u,k)=>u==st?k:null).filter(u=>u);C.unshift(0),C.push(d.length);for(let u=0;u<C.length-1;u++){let k=C[u],G=C[u+1],W=d.slice(k,G),L=j(c,k,G),Y=[],de=L.map(({start:Ce,finish:rt})=>[Ce,rt]).flat().sort((Ce,rt)=>Ce-rt);de=de.filter((Ce,rt)=>de.indexOf(Ce)==rt),de[0]!=0&&de.unshift(0);let ze=W.length;de[de.length-1]!=ze&&de.push(ze);for(let Ce=0;Ce<de.length-1;Ce++){let rt=de[Ce],Nn=de[Ce+1];Y.push({content:W.substring(rt,Nn),types:X(L,rt).map(Tn=>Tn.type)})}v.push(Y)}return v};_r(()=>{let d=te().map((c,v)=>`<div class="line" data-line-index="${v}">${c.map((C,u)=>`<span class="${C.types.map(k=>Gr[k].css).join(" ")}" data-child-index="${u}">${C.content}</span>`).join("")}</div>`).join("");r.current.innerHTML=d},[t.content,t.stylings,t.revert]);let O=()=>{switch(e.rtl||"disabled"){case"enabled":return"rtl";case"disabled":return"ltr";case"auto":return"ltr"}};return Ct.createElement("div",{className:"align-center box-border flex h-min w-[400px] flex-col items-center justify-center rounded shadow-md"},Ct.createElement("div",{className:Wi("flex w-full flex-row justify-start p-2")},Object.entries(Gr).map(([d,c])=>Ct.createElement(Vi,{name:c.content,key:`property-${d}`,onMouseDown:v=>{v.preventDefault(),S(d)}}))),Ct.createElement("div",{className:"h-[1px] w-full bg-slate-600"},"\xA0"),Ct.createElement("div",{className:"selection-ignore box-border w-full p-2"},Ct.createElement("div",{ref:r,contentEditable:"true",className:"selection-ignore rtl h-[150px] w-full resize-none overflow-auto overflow-x-hidden border-none font-['Arial'] text-[16px] outline-none",style:{direction:O()},onPaste:d=>{d.preventDefault();let c=d.clipboardData.getData("text/plain");c=c.replaceAll(`
2
+ `,""),c=c.replaceAll("\r",""),document.execCommand("insertHTML",!1,c),i({...n.current,events:{...n.current.events,paste:{is:!0,length:c.length}}})},onInput:d=>{let[c,v]=w(),C=d.target.textContent,u=n.current.content,k=d.nativeEvent.inputType;if(k=="insertParagraph"){console.log(`Inserted new line at [${c}, ${v}]`);let G=C.split("");G.splice(c,0,st),c==0&&!u.startsWith(st)&&(G.splice(c,0,st),c+=1,v+=1),C=G.join(""),c+=1,v+=1}else{let G=window.getSelection(),{anchorNode:W,focusNode:L}=G,Y=d.nativeEvent.data;if(W.parentNode==L.parentNode&&W.parentNode.nodeName=="SPAN"&&G.anchorOffset<=1&&G.focusOffset<=1&&k=="insertText"){let de=a(W.parentNode.parentNode),ze=u;u.startsWith(st)&&(ze=ze.slice(1));let Ce=ze.split(st)[de];console.log(ze.split(st)),Ce=Ce.split(""),Ce.splice(0,0,Y),Ce=Ce.join("");let rt=ze.split(st);rt[de]=Ce,C=rt.join(st),u.startsWith(st)&&(C=st+C),c+=1,v+=1}}Xe(C,c,v)},onCopy:()=>{let[d,c]=w(),v=n.current.stylings.slice();v=j(v,d,c),i({...t,clipboard:v})},onDrop:d=>{let c=d.dataTransfer.getData("text");c.trim()!=""&&i({...n.current,events:{...n.current.events,drop:{is:!0,text:c,drag:w()}}})}})),Ct.createElement("div",{className:"h-[1px] w-full bg-slate-600"},"\xA0"),Ct.createElement("button",{className:"my-1 rounded bg-cyan-800 p-2 py-1 text-white",onClick:()=>{(e.onSubmit||(()=>{}))(t.content,t.stylings)}},"Submit"))};import He,{useState as Ui,useCallback as _i}from"react";import{Editor as ko,createEditor as Gi}from"slate";import{Slate as Zi,Editable as qi,withReact as Ki}from"slate-react";var Qi=[{type:"paragraph",children:[{text:""}]}],Yi={bold:{fontWeight:"bold"},italic:{fontStyle:"italic"},underline:{textDecoration:"underline"},strikethrough:{textDecoration:"line-through"}},Xi=e=>{let t=Object.assign({},e.leaf);delete t.text;let o=Object.entries(t).filter(([n,i])=>i).map(([n,i])=>n),r={};return o.length!=0&&o.map(n=>{Object.entries(Yi[n]).map(([i,a])=>{r[i]=a})}),He.createElement("span",{...e.attributes,style:r},e.children)},jo=e=>He.createElement("div",{className:"border-box mr-[5px] flex h-[32px] w-[32px] items-center justify-center rounded bg-gray-400 p-2",onMouseDown:e.onMouseDown},e.name),fc=()=>{let[e]=Ui(()=>Ki(Gi())),t=_i(r=>He.createElement(Xi,{...r}),[]),o=(r,n)=>{r.preventDefault();let i=ko.marks(e)[n]||!1;console.log(ko.marks(e)),ko.addMark(e,n,!i)};return He.createElement("div",{className:"align-center box-border flex h-min w-[400px] flex-col items-center justify-center rounded bg-blue-300 shadow-md"},He.createElement("div",{className:"flex w-full flex-row justify-start p-2"},He.createElement(jo,{name:"B",onMouseDown:r=>{o(r,"bold")}}),He.createElement(jo,{name:"I",onMouseDown:r=>{o(r,"italic")}}),He.createElement(jo,{name:"U",onMouseDown:r=>{o(r,"underline")}}),He.createElement(jo,{name:"S",onMouseDown:r=>{o(r,"strikethrough")}})),He.createElement("div",{className:"h-[1px] w-full bg-slate-600"},"\xA0"),He.createElement("div",{className:"w-full"},He.createElement(Zi,{editor:e,initialValue:Qi},He.createElement(qi,{renderLeaf:t,className:"h-[150px] p-2",onKeyDown:r=>{if(r.ctrlKey)switch(r.key){case"b":{r.preventDefault(),ko.addMark(e,"bold",!0);break}}}}))),He.createElement("div",{className:"h-[1px] w-full bg-slate-600"},"\xA0"),He.createElement("button",{className:"my-1 rounded bg-cyan-800 p-2 py-1 text-white"},"Submit"))};import Se from"react";import Ji from"react-dom/server";var $i="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",Zr=e=>Se.createElement("div",{className:"border-box mr-[10px] flex h-[32px] w-fit min-w-[32px] items-center justify-center rounded bg-gray-300 p-2 transition-all hover:opacity-50",onMouseDown:e.onMouseDown},e.name),Ri=e=>Se.createElement("div",{className:"group relative w-fit"},Se.createElement("img",{src:`data:image/pngg;charset=utf-8;base64,${$i}`}),Se.createElement("div",{className:"absolute right-0 top-0 text-red-900 opacity-0 transition-all hover:opacity-50 group-hover:opacity-100"},Se.createElement("svg",{"aria-label":"Close Icon","aria-hidden":"true",className:"h-4 w-4",fill:"currentColor",viewBox:"0 0 20 20"},Se.createElement("path",{fillRule:"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",clipRule:"evenodd"})))),ea={bold:"B",italic:"I",underline:"U",strikeThrough:"S",subscript:"SubS",superscript:"SuperS",removeFormat:"Plain"},bc=e=>Se.createElement("div",{className:"align-center box-border flex h-min w-[400px] flex-col items-center justify-center rounded shadow-md"},Se.createElement("div",{className:"flex w-full flex-row justify-start p-2"},Object.entries(ea).map(([t,o])=>Se.createElement(Zr,{name:o,key:`property-${t}`,onMouseDown:r=>{r.preventDefault(),document.execCommand(t,!1,null),console.log(`Executing ${t}`)}})),Se.createElement(Zr,{name:"Image",key:"property-insertImage",onMouseDown:t=>{t.preventDefault();let o=Ji.renderToString(Se.createElement(Ri,null));document.execCommand("insertHTML",!1,o)}})),Se.createElement("div",{className:"h-[1px] w-full bg-slate-600"},"\xA0"),Se.createElement("div",{className:" box-border w-full p-2"},Se.createElement("div",{contentEditable:"true",className:"rtl h-[150px] w-full resize-none overflow-auto overflow-x-hidden border-none font-['Arial'] text-[16px] outline-none"})),Se.createElement("div",{className:"h-[1px] w-full bg-slate-600"},"\xA0"),Se.createElement("button",{className:"my-1 rounded bg-cyan-800 p-2 py-1 text-white",onClick:()=>{}},"Submit"));import $o,{useState as qr,useEffect as ta,useRef as Kr}from"react";import{clsx as oa}from"clsx";var kc=({...e})=>{let[t,o]=qr(!1),[r,n]=qr(null),i=Kr(r),a=g=>{i.current=g,n(g)},s=Kr(null),l=()=>{let g=e.anchor.current;return[g.scrollTop,g.scrollLeft]},y=()=>{let[g,f]=l(),b=e.anchor.current.getBoundingClientRect();o(g>=b.height+(e.paddingThreshold||100))},w=()=>{e.anchor.current.scrollTo({top:0,behavior:"smooth"})};ta(()=>{if(!e.anchor.current)return;e.anchor.current.addEventListener("scroll",y);let g=setInterval(()=>{if(!e.anchor.current)return;let f=e.anchor.current.getBoundingClientRect();if(i.current==null)return a(f);i.current.top==f.top&&i.current.left==f.left&&i.current.width==f.width&&i.current.height==f.height||a(f)},1);return()=>{e.anchor.current?.removeEventListener("scroll",y),clearInterval(g)}},[]);let x=()=>{if(!e.anchor.current)return{};let g=e.corner||"bottom-right",[f,b]=g.split("-"),h=e.anchor.current.getBoundingClientRect(),P=s.current.getBoundingClientRect(),F=b=="right"?h.width-P.width:0,S=f=="bottom"?h.height-P.height:0;return{top:h.y+S+(f=="bottom"?-1:1)*(e.paddingX||10),left:h.x+F+(b=="right"?-1:1)*(e.paddingX||25)}};return $o.createElement(p,{className:m("fixed cursor-pointer rounded transition-all",t?"pointer-events-all opacity-100":"pointer-events-none opacity-0"),onClick:w,style:{...x(),transitionProperty:"opacity, background-color"},ref:s,size:"icon"},$o.createElement("svg",{className:oa("h-6 w-6 shrink-0 rotate-180 transition-all disabled:bg-gray-200"),"aria-label":"Arrow Icon",viewBox:"0 0 20 20",fill:"currentColor"},$o.createElement("path",{d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"})))};import ra from"react";var Mc=e=>ra.createElement("code",{className:"inline-code"},e.text);import Gt from"react";var Bc=e=>Gt.createElement("div",null,Gt.createElement("ol",{className:"relative border-l border-gray-200 dark:border-gray-700"},e.steps.map(t=>Gt.createElement("li",{className:"mb-10 ml-4"},Gt.createElement("div",{className:"absolute -left-1.5 mt-1.5 h-3 w-3 rounded-full border border-white bg-gray-200 dark:border-gray-900 dark:bg-gray-700"}),Gt.createElement("time",{className:"mb-1 text-sm font-normal leading-none text-gray-400 dark:text-gray-500"},t.date),Gt.createElement("h3",{className:"text-lg font-semibold text-gray-900 dark:text-white"},t.title),Gt.createElement("p",{className:"mb-4 text-base font-normal text-gray-500 dark:text-gray-400"},t.description),t.actions))));import Qr,{useEffect as na,useState as ia}from"react";import aa from"clsx";var So=({label:e,icon:t,digits:o,width:r="normal",getPins:n,...i})=>{let[a,s]=ia(Array.from(Array(o))),l=(w,x)=>{let g=0;w.key==="Backspace"&&(w.target.value.length===0?g=x-1:g=x,document.getElementById(`input-${g}`)?.focus())};na(()=>{a.includes(void 0)||n(a)});let y=(w,x)=>{if(/^\d*$/.test(w.target.value)){let g=[...a];g[x]=w.target.value,s(g),w.target.value.length===1?document.getElementById(`input-${x+1}`)?.focus():w.target.value.length===0&&document.getElementById(`input-${x-1}`)?.focus()}else{let g=[...a];g[x]="",s(g);return}};return Qr.createElement("div",{className:"flex w-full flex-row justify-center gap-2"},a.map((w,x)=>Qr.createElement("input",{key:x,type:"text",maxLength:1,value:w,id:`input-${x}`,pattern:"[0-9]*",className:aa("h-10 rounded border bg-background text-center",r==="full"?"w-full":"w-10"),onChange:g=>y(g,x),onKeyDown:g=>l(g,x),onFocus:g=>g.target.select(),...i})))};import Oe,{useEffect as la,useState as sa}from"react";import Po from"clsx";var qc=({actions:e,counts:t,content:o,headerActions:r,clickableImage:n,clickableImageAction:i,clickableImageActionText:a,clickableImageActionIcon:s,header:l,cardImage:y,orientation:w="vertical",...x})=>{let g="block rounded border border-gray-200 bg-white shadow-sm hover:shadow-lg transition-all dark:border-gray-700 dark:bg-gray-800 ",f={vertical:"max-w-sm",horizontal:"flex flex-row w-full"},b={vertical:"h-auto max-h-56 w-full rounded-t-lg object-cover",horizontal:"h-full w-48 rounded-l object-cover"},h="inline-block rounded p-1 text-sm text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-700",[P,F]=sa(!1);function S(){F(!P)}return la(()=>(window.onclick=()=>{P&&F(!1)},()=>window.onclick=null),[P]),Oe.createElement("div",{className:Po(g,f[w]),...x},y&&Oe.createElement("div",{className:"group relative overflow-clip"},Oe.createElement("img",{src:"https://via.placeholder.com/50",className:Po(b[w],n?"overflow-clip transition-all group-hover:blur-lg":"")}),n&&Oe.createElement("div",{className:"absolute left-0 top-0 flex h-full w-full items-center justify-center opacity-0 transition-all group-hover:opacity-100 "},Oe.createElement(p,{variant:"secondary",onClick:i,className:"flex flex-row gap-2"},s,a))),Oe.createElement("div",{className:"relative w-full p-6"},r&&Oe.createElement("div",{className:"max-h- bg-red absolute right-0 top-0 flex justify-end pr-3 pt-3"},Oe.createElement(Pt,{items:r,trigger:Oe.createElement("div",{className:Po(h),onClick:S},Oe.createElement("span",{className:"sr-only"},"Open dropdown"),Oe.createElement("svg",{className:"h-6 w-6","aria-hidden":"true",fill:"currentColor",viewBox:"0 0 20 20"},Oe.createElement("path",{d:"M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z"})))})),l&&Oe.createElement("h5",{className:"mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white"},l),o&&Oe.createElement("span",{className:"w-full font-normal text-gray-700 dark:text-gray-400"},o),e||t?Oe.createElement("div",{className:Po("mt-3 flex items-center rounded-b-lg dark:text-white ",e&&t?"justify-between":"justify-end")},t,e):null))};import da from"clsx";import We from"react";var Yr=({size:e="medium",direction:t="ltr",currentPlan:o=!1,...r})=>We.createElement("div",{dir:t==="rtl"?"rtl":"ltr",className:da(o?"border-primary":"bg-background",{small:"mx-1 w-full max-w-sm rounded border dark:border-gray-700 bg-background ",medium:"mx-1 w-full rounded min-w-fit border dark:border-gray-700 bg-background ",large:"mx-1 w-full max-w-lg rounded border dark:border-gray-700 bg-background "}[e],"flex flex-col gap-4 rounded border-2 p-4")},We.createElement("h5",{className:"text-md 0 font-bold text-primary/70"},r.texts.title),We.createElement("div",{className:" text-primary/ flex items-baseline"},We.createElement(We.Fragment,null,We.createElement("span",{className:"text-5xl font-extrabold tracking-tight"},r.price),We.createElement("span",{className:"mx-1 text-sm font-semibold"},r.texts.currencyText)),We.createElement("span",{className:"ml-1 text-xl font-normal text-primary/70"},"/ ",r.texts.cycleText)),We.createElement("h5",{className:"text-md font-normal text-primary/70"},r.texts.subtitle),r.features&&We.createElement("ul",{role:"list",className:"space-y-0 "},r.features?.map((a,s)=>We.createElement("li",{key:s,className:"flex "},We.createElement("svg",{"aria-label":"Check Icon","aria-hidden":"true",className:"m-2 h-5 w-5 flex-shrink-0 text-primary",fill:"currentColor",viewBox:"0 0 20 20"},We.createElement("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",clipRule:"evenodd"})),We.createElement("span",{className:"flex items-center text-center font-normal leading-tight text-primary/70 "},a.text)))),We.createElement(p,{onClick:r.onPlanClicked,disabled:o,className:"w-full"},r.texts.buttonText));import ma from"clsx";import It,{useState as ca,useEffect as ua,useRef as ga}from"react";var o0=({orientation:e,...t})=>{let o=ga(null),[r,n]=ca(!1),i=0;ua(()=>{if(i){let l=setTimeout(()=>{n(!0)},i),y=setTimeout(()=>{n(!0),o.current.removeChild(o.current.children[0])},i+1e3);return()=>{clearTimeout(l),clearTimeout(y)}}},[i]);let a={horizontal:"flex flex-row max-w-xl rounded border-gray-200 bg-gray-100 shadow-md p-2 gap-2 items-center relative dark:border-gray-700 dark:bg-gray-800 ",vertical:"flex flex-col max-w-[200px] justify-start rounded border-gray-200 bg-gray-100 gap-2 shadow-md p-2 relative dark:border-gray-700 dark:bg-gray-800 "},s={horizontal:"w-auto h-full bg-blue-500 rounded-inner",vertical:"bg-blue-500 rounded-inner w-auto "};return It.createElement("div",{ref:o},It.createElement("div",{className:ma(a[e],"dark:text-white"),...t},It.createElement("div",{className:"flex aspect-square w-full max-w-fit items-start "},It.createElement("img",{src:t.imageURL?t.imageURL:"https://via.placeholder.com/50",className:s[e]})),It.createElement("div",{className:"w-full text-xs"},It.createElement("div",{className:"font-bold"},t.title),It.createElement("div",{className:"text-[12px]"},t.description)),It.createElement("span",{onClick:()=>{t.canHide?(n(!0),setTimeout(()=>{o.current.removeChild(o.current.children[0])},200)):t.handleCantHide()},className:"absolute right-0 top-0 h-fit cursor-pointer select-none rounded-bl-lg rounded-tr-lg bg-blue-100 px-2.5 py-0.5 text-[10px] font-semibold text-blue-800 dark:bg-blue-200 dark:text-blue-800"},"Hide")))};import fa from"clsx";import $t from"react";var l0=({orientation:e="horizontal",...t})=>{let o={horizontal:"flex max-w-xl rounded border-gray-200 bg-gray-100 shadow-md dark:border-gray-700 dark:bg-gray-800 ",vertical:"flex max-w-xs rounded border-gray-200 bg-gray-100 shadow-md dark:border-gray-700 dark:bg-gray-800 "},r={horizontal:"w-8 h-8 rounded",vertical:"w-14 h-14 rounded"};return $t.createElement("div",{className:fa(o[e],"flex flex-col p-10","relative overflow-hidden dark:text-white",t.className),...t},t.texts?.titleTip&&$t.createElement("div",{className:"text-sm text-red-600"},t.texts?.titleTip),t.imageURL&&$t.createElement("img",{className:"absolute -bottom-10 -right-10 h-40 w-auto ",src:t.imageURL}),t.texts?.title&&$t.createElement("div",{className:"mt-2 text-lg font-medium"},t.texts?.title," "),t.texts?.description&&$t.createElement("div",{className:"z-10 mt-4 text-sm"},t.texts?.description),t.texts?.linkText&&$t.createElement("div",{className:"z-10 mt-6 text-sm underline underline-offset-8"},t.texts?.linkText))};import Zt,{useState as Xr}from"react";import go from"clsx";var pa="cursor-default pointer-events-none",va={contained:"text-gray-300 bg-gray-100",outlined:"text-gray-300 border-gray-300"},Jr="cursor-pointer justify-center items-center text-center font-medium transition-all ",$r={icon:"h-10 w-10",xs:"px-1.5 py-2 text-[9px] h-fit",small:"text-xs px-2.5 py-1.5",medium:"text-sm leading-4 px-3 py-2",default:"h-10 px-4 py-2",large:"text-sm px-4 py-2",noPadding:"p-0",full:"h-full max-h-full p-2"},Rr={full:"w-full flex justify-center px-5 py-2.5 text-center inline-flex items-center",half:"w-full text-center flex items-center justify-center h-full",normal:"w-fit dark:bg-buttonPrimary-dark dark:hover:bg-buttonPrimary-700 dark:hover:brightness-90 dark:focus:ring-buttonPrimary-500"},xa={full:"w-full flex justify-center text-center inline-flex items-center",half:"w-1/2",normal:"w-fit"},en={contained:"border-transparent",outlined:"border border-input bg-background hover:bg-accent hover:text-accent-foreground"},ba={contained:{default:"text-neutral-900 bg-buttonPrimary-500 hover:bg-buttonPrimary-700 bg-buttonPrimary-500 text-white",primary:"text-white bg-buttonPrimary-500 hover:bg-buttonPrimary-700 transition-all",secondary:"bg-buttonSecondary-500 hover:text-white hover:bg-buttonSecondary-700",gray:"text-neutral-900 bg-gray-200 hover:bg-gray-300",dark:"text-neutral-900 bg-gray-200 hover:bg-gray-300"},outlined:{default:"text-gray-600 border-gray-600 hover:bg-gray-200 dark:hover:bg-gray-800 dark:text-white",primary:"text-black hover:bg-gray-50 dark:text-white",secondary:" dark:text-white text-secondary-800 border-secondary-800 hover:bg-buttonSecondary-700 hover:text-white",gray:"border-gray-300 hover:bg-gray-200",dark:"border-gray-900 hover:bg-gray-700"}},f0=({className:e,variant:t="contained",color:o="default",size:r="default",width:n="normal",disabled:i=!1,isLoading:a=!1,tooltip:s,tooltipSize:l="normal",tooltipPosition:y="top-left",tooltipDirection:w="ltr",margins:x="2",children:g,badge:f,edgeCorner:b=!1,feedback:h,...P})=>{let[F,S]=Xr(!1),[X,j]=Xr(g),U=re=>{P.onClick&&P.onClick(re),h&&!F&&(j(h),S(!0),setTimeout(()=>{j(g),S(!1)},2e3))};return Zt.createElement("div",{className:go("relative",x!=="none"?`my-${x}`:"m-0",xa[n])},Zt.createElement("button",{className:i?go(e,Jr,b?"rounded-inner":"rounded",en[t],$r[r],Rr[n],pa,va[t]):go(e,"overflow-x-clip",Jr,b?"rounded-inner":"rounded",en[t],$r[r],ba[t][o],Rr[n]),disabled:i,onClick:U},a?Zt.createElement(St,{design:"dots-pulse",color:"bg-white",size:"button"}):Zt.createElement("div",{className:go(" s flex flex-col-reverse items-start justify-center gap-4 transition-all",F&&h?" -translate-y-8 pb-1 pt-1":"translate-y-0")},F&&h?Zt.createElement("div",{className:"w-full text-center"},X):null,Zt.createElement("div",{className:"flex w-full select-none flex-row items-center justify-center gap-2 whitespace-nowrap"},P.startIcon&&P.startIcon,g,P.endIcon&&P.endIcon))),f&&Zt.createElement("div",{className:go(typeof f=="boolean"?"h-5 w-5":typeof f=="string"?"h-5 w-7":"h-6 w-6","absolute -right-2 -top-2 inline-flex select-none items-center justify-center rounded-full border-2 border-white bg-red-500 text-[9px] font-bold text-white dark:border-gray-900")},typeof f=="number"&&f>100?"+99":f))};import Q from"react";var b0=e=>Q.createElement("div",{className:"flex justify-center"},Q.createElement("div",null,e.store==="apple"?e.mode==="dark"?Q.createElement("div",{className:"mt-3 flex h-14 w-48 items-center justify-center rounded-lg bg-black text-white"},Q.createElement("div",{className:"mr-3"},Q.createElement("svg",{viewBox:"0 0 384 512",width:"30"},Q.createElement("path",{fill:"currentColor",d:"M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"}))),Q.createElement("div",null,Q.createElement("div",{className:"text-xs"},"Download on the"),Q.createElement("div",{className:"font-sans -mt-1 text-2xl font-semibold"},"App Store"))):Q.createElement("div",{className:"mt-3 flex h-14 w-48 items-center justify-center rounded-lg border border-black bg-transparent text-black"},Q.createElement("div",{className:"mr-3"},Q.createElement("svg",{viewBox:"0 0 384 512",width:"30"},Q.createElement("path",{fill:"currentColor",d:"M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"}))),Q.createElement("div",null,Q.createElement("div",{className:"text-xs"},"Download on the"),Q.createElement("div",{className:"font-sans -mt-1 text-2xl font-semibold"},"App Store"))):e.mode==="dark"?Q.createElement("div",{className:"mt-3 flex h-14 w-48 items-center justify-center rounded-lg bg-black text-white"},Q.createElement("div",{className:"mr-3"},Q.createElement("svg",{viewBox:"30 336.7 120.9 129.2",width:"30"},Q.createElement("path",{fill:"#FFD400",d:"M119.2,421.2c15.3-8.4,27-14.8,28-15.3c3.2-1.7,6.5-6.2,0-9.7 c-2.1-1.1-13.4-7.3-28-15.3l-20.1,20.2L119.2,421.2z"}),Q.createElement("path",{fill:"#FF3333",d:"M99.1,401.1l-64.2,64.7c1.5,0.2,3.2-0.2,5.2-1.3 c4.2-2.3,48.8-26.7,79.1-43.3L99.1,401.1L99.1,401.1z"}),Q.createElement("path",{fill:"#48FF48",d:"M99.1,401.1l20.1-20.2c0,0-74.6-40.7-79.1-43.1 c-1.7-1-3.6-1.3-5.3-1L99.1,401.1z"}),Q.createElement("path",{fill:"#3BCCFF",d:"M99.1,401.1l-64.3-64.3c-2.6,0.6-4.8,2.9-4.8,7.6 c0,7.5,0,107.5,0,113.8c0,4.3,1.7,7.4,4.9,7.7L99.1,401.1z"}))),Q.createElement("div",null,Q.createElement("div",{className:"text-xs"},"GET IT ON"),Q.createElement("div",{className:"font-sans -mt-1 text-xl font-semibold"},"Google Play"))):Q.createElement("div",{className:"mt-3 flex h-14 w-48 items-center justify-center rounded-lg border border-black bg-white text-black"},Q.createElement("div",{className:"mr-3"},Q.createElement("svg",{viewBox:"30 336.7 120.9 129.2",width:"30"},Q.createElement("path",{fill:"#FFD400",d:"M119.2,421.2c15.3-8.4,27-14.8,28-15.3c3.2-1.7,6.5-6.2,0-9.7 c-2.1-1.1-13.4-7.3-28-15.3l-20.1,20.2L119.2,421.2z"}),Q.createElement("path",{fill:"#FF3333",d:"M99.1,401.1l-64.2,64.7c1.5,0.2,3.2-0.2,5.2-1.3 c4.2-2.3,48.8-26.7,79.1-43.3L99.1,401.1L99.1,401.1z"}),Q.createElement("path",{fill:"#48FF48",d:"M99.1,401.1l20.1-20.2c0,0-74.6-40.7-79.1-43.1 c-1.7-1-3.6-1.3-5.3-1L99.1,401.1z"}),Q.createElement("path",{fill:"#3BCCFF",d:"M99.1,401.1l-64.3-64.3c-2.6,0.6-4.8,2.9-4.8,7.6 c0,7.5,0,107.5,0,113.8c0,4.3,1.7,7.4,4.9,7.7L99.1,401.1z"}))),Q.createElement("div",null,Q.createElement("div",{className:"text-xs"},"GET IT ON"),Q.createElement("div",{className:"font-sans -mt-1 text-xl font-semibold"},"Google Play")))));import dt,{useState as ha}from"react";var C0=e=>{let[t,o]=ha(!1);return dt.createElement("div",{className:"flex h-full w-full flex-col gap-1 "},dt.createElement("div",{className:"group relative h-full w-full rounded border bg-background bg-cover bg-center transition-all duration-500 hover:drop-shadow-2xl",style:{backgroundImage:`url(${e.blank?"":e.cardImage})`},onMouseEnter:()=>o(!0),onMouseLeave:()=>o(!1)},e.blank?dt.createElement("div",{className:"flex h-full flex-col items-center justify-center "},dt.createElement("svg",{className:"h-10 w-10 text-foreground",stroke:"currentColor",fill:"currentColor","stroke-width":"0",viewBox:"0 0 24 24",height:"1em",width:"1em",xmlns:"http://www.w3.org/2000/svg"},dt.createElement("path",{d:"M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z"}))):dt.createElement("div",{className:"absolute inset-0 rounded bg-black opacity-50"}),dt.createElement("div",{className:"absolute bottom-2 right-2 z-10 opacity-0 transition-all duration-200 group-hover:opacity-100"},e.inCardActions),!e.blank&&dt.createElement("div",{className:"relative p-4"},dt.createElement("h1",{className:"text-white"},e.title),dt.createElement("p",{className:"text-white"},e.subtitle))),dt.createElement("div",{className:`flex flex-row justify-between text-sm transition-all duration-200 ${t?"opacity-100":"opacity-0"}`},e.bottomElement))};import $e from"react";var T0=e=>$e.createElement("div",{className:"bg-white py-24 sm:py-32"},$e.createElement("div",{className:"mx-auto flex max-w-5xl flex-col items-start gap-10 px-6 md:flex-row lg:px-8"},$e.createElement("div",{className:"w-full md:sticky md:top-10 md:w-[28rem]"},$e.createElement("h2",{className:"text-lg font-semibold leading-8 tracking-tight text-indigo-600"},e.tag),$e.createElement("p",{className:"mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl"},e.title),$e.createElement("p",{className:"mb-2 mt-6 text-base leading-7 text-gray-600"},e.description)),$e.createElement("div",{className:"mt-5 w-full min-w-0 flex-1 md:mt-0"},$e.createElement("dl",{className:"grid grid-cols-1 gap-x-8 gap-y-10 md:max-w-xl lg:max-w-none lg:gap-y-16"},e.features.map(t=>$e.createElement("div",{className:"relative rounded-lg bg-gray-50 p-10"},$e.createElement("div",{className:"flex h-10 w-10 items-center justify-center rounded-lg bg-indigo-600"},t.icon),$e.createElement("dt",{className:"mt-4 text-lg font-semibold leading-7 text-gray-900"},t.title),$e.createElement("dd",{className:"mt-2 text-base leading-7 text-gray-600"},t.description)))))));import Re,{useEffect as ya,useRef as wa,useState as Mo}from"react";import tn from"clsx";var B0=({position:e="bottom-right",...t})=>{let[o,r]=Mo(!1),[n,i]=Mo(!1),[a,s]=Mo(null),[l,y]=Mo(5),w=wa(null),x={"bottom-right":"right-4","bottom-left":"left-4"};ya(()=>{let f=setTimeout(()=>{l>=0&&y(l-1)},1e3);return()=>{clearTimeout(f)}},[l]);let g=()=>{r(!0),setTimeout(()=>{w.current.removeChild(w.current.children[0])},200)};return Re.createElement(T,{ref:w,className:tn("fixed bottom-4 p-0 ",x[e])},Re.createElement("button",{type:"button",className:"absolute right-2 top-2 inline-flex h-8 w-8 rounded p-1.5 text-gray-400 transition-all hover:bg-gray-100 hover:text-gray-900 focus:ring-2 focus:ring-gray-300 dark:bg-gray-800 dark:text-gray-500 dark:hover:bg-gray-700 dark:hover:text-white","data-dismiss-target":"#toast-default","aria-label":"Close",onClick:()=>g()},Re.createElement("svg",{"aria-hidden":"true",className:"h-5 w-5",fill:"currentColor",viewBox:"0 0 20 20"},Re.createElement("path",{fillRule:"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",clipRule:"evenodd"}))),Re.createElement(N,{headless:!0},Re.createElement("div",{className:tn("flex flex-col gap-4",o?"opacity-0":"opacity-100")},Re.createElement("div",{className:"mt-4 font-bold"},t.question),Re.createElement("div",{className:"flex w-full flex-row gap-1 rounded "},Re.createElement(ve,{orientation:"vertical",options:t.options})),Re.createElement("div",null,Re.createElement(uo,null))),Re.createElement(p,{className:"mt-4 w-full"},"Submit")))};import _ from"react";var xe={logo:e=>_.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 256 256",...e},_.createElement("rect",{width:"256",height:"256",fill:"none"}),_.createElement("line",{x1:"208",y1:"128",x2:"128",y2:"208",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),_.createElement("line",{x1:"192",y1:"40",x2:"40",y2:"192",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"})),mail:e=>_.createElement("svg",{stroke:"currentColor",fill:"none","stroke-width":"2",viewBox:"0 0 24 24","stroke-linecap":"round","stroke-linejoin":"round",height:"1em",width:"1em",xmlns:"http://www.w3.org/2000/svg",...e},_.createElement("path",{d:"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"}),_.createElement("polyline",{points:"22,6 12,13 2,6"})),phone:e=>_.createElement("svg",{stroke:"currentColor",fill:"none","stroke-width":"2",viewBox:"0 0 24 24","aria-hidden":"true",height:"1em",width:"1em",xmlns:"http://www.w3.org/2000/svg",...e},_.createElement("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M10.5 1.5H8.25A2.25 2.25 0 006 3.75v16.5a2.25 2.25 0 002.25 2.25h7.5A2.25 2.25 0 0018 20.25V3.75a2.25 2.25 0 00-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3"})),twitter:e=>_.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",...e},_.createElement("path",{fill:"currentColor",d:"M21.543 7.104c.015.211.015.423.015.636 0 6.507-4.954 14.01-14.01 14.01v-.003A13.94 13.94 0 0 1 0 19.539a9.88 9.88 0 0 0 7.287-2.041 4.93 4.93 0 0 1-4.6-3.42 4.916 4.916 0 0 0 2.223-.084A4.926 4.926 0 0 1 .96 9.167v-.062a4.887 4.887 0 0 0 2.235.616A4.928 4.928 0 0 1 1.67 3.148a13.98 13.98 0 0 0 10.15 5.144 4.929 4.929 0 0 1 8.39-4.49 9.868 9.868 0 0 0 3.128-1.196 4.941 4.941 0 0 1-2.165 2.724A9.828 9.828 0 0 0 24 4.555a10.019 10.019 0 0 1-2.457 2.549z"})),microsoft:e=>_.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",...e},_.createElement("path",{fill:"currentColor",d:"M7.462 0H0v7.19h7.462V0zM16 0H8.538v7.19H16V0zM7.462 8.211H0V16h7.462V8.211zm8.538 0H8.538V16H16V8.211z"})),gitHub:e=>_.createElement("svg",{viewBox:"0 0 438.549 438.549",...e},_.createElement("path",{fill:"currentColor",d:"M409.132 114.573c-19.608-33.596-46.205-60.194-79.798-79.8-33.598-19.607-70.277-29.408-110.063-29.408-39.781 0-76.472 9.804-110.063 29.408-33.596 19.605-60.192 46.204-79.8 79.8C9.803 148.168 0 184.854 0 224.63c0 47.78 13.94 90.745 41.827 128.906 27.884 38.164 63.906 64.572 108.063 79.227 5.14.954 8.945.283 11.419-1.996 2.475-2.282 3.711-5.14 3.711-8.562 0-.571-.049-5.708-.144-15.417a2549.81 2549.81 0 01-.144-25.406l-6.567 1.136c-4.187.767-9.469 1.092-15.846 1-6.374-.089-12.991-.757-19.842-1.999-6.854-1.231-13.229-4.086-19.13-8.559-5.898-4.473-10.085-10.328-12.56-17.556l-2.855-6.57c-1.903-4.374-4.899-9.233-8.992-14.559-4.093-5.331-8.232-8.945-12.419-10.848l-1.999-1.431c-1.332-.951-2.568-2.098-3.711-3.429-1.142-1.331-1.997-2.663-2.568-3.997-.572-1.335-.098-2.43 1.427-3.289 1.525-.859 4.281-1.276 8.28-1.276l5.708.853c3.807.763 8.516 3.042 14.133 6.851 5.614 3.806 10.229 8.754 13.846 14.842 4.38 7.806 9.657 13.754 15.846 17.847 6.184 4.093 12.419 6.136 18.699 6.136 6.28 0 11.704-.476 16.274-1.423 4.565-.952 8.848-2.383 12.847-4.285 1.713-12.758 6.377-22.559 13.988-29.41-10.848-1.14-20.601-2.857-29.264-5.14-8.658-2.286-17.605-5.996-26.835-11.14-9.235-5.137-16.896-11.516-22.985-19.126-6.09-7.614-11.088-17.61-14.987-29.979-3.901-12.374-5.852-26.648-5.852-42.826 0-23.035 7.52-42.637 22.557-58.817-7.044-17.318-6.379-36.732 1.997-58.24 5.52-1.715 13.706-.428 24.554 3.853 10.85 4.283 18.794 7.952 23.84 10.994 5.046 3.041 9.089 5.618 12.135 7.708 17.705-4.947 35.976-7.421 54.818-7.421s37.117 2.474 54.823 7.421l10.849-6.849c7.419-4.57 16.18-8.758 26.262-12.565 10.088-3.805 17.802-4.853 23.134-3.138 8.562 21.509 9.325 40.922 2.279 58.24 15.036 16.18 22.559 35.787 22.559 58.817 0 16.178-1.958 30.497-5.853 42.966-3.9 12.471-8.941 22.457-15.125 29.979-6.191 7.521-13.901 13.85-23.131 18.986-9.232 5.14-18.182 8.85-26.84 11.136-8.662 2.286-18.415 4.004-29.263 5.146 9.894 8.562 14.842 22.077 14.842 40.539v60.237c0 3.422 1.19 6.279 3.572 8.562 2.379 2.279 6.136 2.95 11.276 1.995 44.163-14.653 80.185-41.062 108.068-79.226 27.88-38.161 41.825-81.126 41.825-128.906-.01-39.771-9.818-76.454-29.414-110.049z"})),radix:e=>_.createElement("svg",{viewBox:"0 0 25 25",fill:"none",...e},_.createElement("path",{d:"M12 25C7.58173 25 4 21.4183 4 17C4 12.5817 7.58173 9 12 9V25Z",fill:"currentcolor"}),_.createElement("path",{d:"M12 0H4V8H12V0Z",fill:"currentcolor"}),_.createElement("path",{d:"M17 8C19.2091 8 21 6.20914 21 4C21 1.79086 19.2091 0 17 0C14.7909 0 13 1.79086 13 4C13 6.20914 14.7909 8 17 8Z",fill:"currentcolor"})),aria:e=>_.createElement("svg",{role:"img",viewBox:"0 0 24 24",fill:"currentColor",...e},_.createElement("path",{d:"M13.966 22.624l-1.69-4.281H8.122l3.892-9.144 5.662 13.425zM8.884 1.376H0v21.248zm15.116 0h-8.884L24 22.624Z"})),npm:e=>_.createElement("svg",{viewBox:"0 0 24 24",...e},_.createElement("path",{d:"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z",fill:"currentColor"})),yarn:e=>_.createElement("svg",{viewBox:"0 0 24 24",...e},_.createElement("path",{d:"M12 0C5.375 0 0 5.375 0 12s5.375 12 12 12 12-5.375 12-12S18.625 0 12 0zm.768 4.105c.183 0 .363.053.525.157.125.083.287.185.755 1.154.31-.088.468-.042.551-.019.204.056.366.19.463.375.477.917.542 2.553.334 3.605-.241 1.232-.755 2.029-1.131 2.576.324.329.778.899 1.117 1.825.278.774.31 1.478.273 2.015a5.51 5.51 0 0 0 .602-.329c.593-.366 1.487-.917 2.553-.931.714-.009 1.269.445 1.353 1.103a1.23 1.23 0 0 1-.945 1.362c-.649.158-.95.278-1.821.843-1.232.797-2.539 1.242-3.012 1.39a1.686 1.686 0 0 1-.704.343c-.737.181-3.266.315-3.466.315h-.046c-.783 0-1.214-.241-1.45-.491-.658.329-1.51.19-2.122-.134a1.078 1.078 0 0 1-.58-1.153 1.243 1.243 0 0 1-.153-.195c-.162-.25-.528-.936-.454-1.946.056-.723.556-1.367.88-1.71a5.522 5.522 0 0 1 .408-2.256c.306-.727.885-1.348 1.32-1.737-.32-.537-.644-1.367-.329-2.21.227-.602.412-.936.82-1.08h-.005c.199-.074.389-.153.486-.259a3.418 3.418 0 0 1 2.298-1.103c.037-.093.079-.185.125-.283.31-.658.639-1.029 1.024-1.168a.94.94 0 0 1 .328-.06zm.006.7c-.507.016-1.001 1.519-1.001 1.519s-1.27-.204-2.266.871c-.199.218-.468.334-.746.44-.079.028-.176.023-.417.672-.371.991.625 2.094.625 2.094s-1.186.839-1.626 1.881c-.486 1.144-.338 2.261-.338 2.261s-.843.732-.899 1.487c-.051.663.139 1.2.343 1.515.227.343.51.176.51.176s-.561.653-.037.931c.477.25 1.283.394 1.71-.037.31-.31.371-1.001.486-1.283.028-.065.12.111.209.199.097.093.264.195.264.195s-.755.324-.445 1.066c.102.246.468.403 1.066.398.222-.005 2.664-.139 3.313-.296.375-.088.505-.283.505-.283s1.566-.431 2.998-1.357c.917-.598 1.293-.76 2.034-.936.612-.148.57-1.098-.241-1.084-.839.009-1.575.44-2.196.825-1.163.718-1.742.672-1.742.672l-.018-.032c-.079-.13.371-1.293-.134-2.678-.547-1.515-1.413-1.881-1.344-1.997.297-.5 1.038-1.297 1.334-2.78.176-.899.13-2.377-.269-3.151-.074-.144-.732.241-.732.241s-.616-1.371-.788-1.483a.271.271 0 0 0-.157-.046z",fill:"currentColor"})),pnpm:e=>_.createElement("svg",{viewBox:"0 0 24 24",...e},_.createElement("path",{d:"M0 0v7.5h7.5V0zm8.25 0v7.5h7.498V0zm8.25 0v7.5H24V0zM8.25 8.25v7.5h7.498v-7.5zm8.25 0v7.5H24v-7.5zM0 16.5V24h7.5v-7.5zm8.25 0V24h7.498v-7.5zm8.25 0V24H24v-7.5z",fill:"currentColor"})),react:e=>_.createElement("svg",{viewBox:"0 0 24 24",...e},_.createElement("path",{d:"M14.23 12.004a2.236 2.236 0 0 1-2.235 2.236 2.236 2.236 0 0 1-2.236-2.236 2.236 2.236 0 0 1 2.235-2.236 2.236 2.236 0 0 1 2.236 2.236zm2.648-10.69c-1.346 0-3.107.96-4.888 2.622-1.78-1.653-3.542-2.602-4.887-2.602-.41 0-.783.093-1.106.278-1.375.793-1.683 3.264-.973 6.365C1.98 8.917 0 10.42 0 12.004c0 1.59 1.99 3.097 5.043 4.03-.704 3.113-.39 5.588.988 6.38.32.187.69.275 1.102.275 1.345 0 3.107-.96 4.888-2.624 1.78 1.654 3.542 2.603 4.887 2.603.41 0 .783-.09 1.106-.275 1.374-.792 1.683-3.263.973-6.365C22.02 15.096 24 13.59 24 12.004c0-1.59-1.99-3.097-5.043-4.032.704-3.11.39-5.587-.988-6.38-.318-.184-.688-.277-1.092-.278zm-.005 1.09v.006c.225 0 .406.044.558.127.666.382.955 1.835.73 3.704-.054.46-.142.945-.25 1.44-.96-.236-2.006-.417-3.107-.534-.66-.905-1.345-1.727-2.035-2.447 1.592-1.48 3.087-2.292 4.105-2.295zm-9.77.02c1.012 0 2.514.808 4.11 2.28-.686.72-1.37 1.537-2.02 2.442-1.107.117-2.154.298-3.113.538-.112-.49-.195-.964-.254-1.42-.23-1.868.054-3.32.714-3.707.19-.09.4-.127.563-.132zm4.882 3.05c.455.468.91.992 1.36 1.564-.44-.02-.89-.034-1.345-.034-.46 0-.915.01-1.36.034.44-.572.895-1.096 1.345-1.565zM12 8.1c.74 0 1.477.034 2.202.093.406.582.802 1.203 1.183 1.86.372.64.71 1.29 1.018 1.946-.308.655-.646 1.31-1.013 1.95-.38.66-.773 1.288-1.18 1.87-.728.063-1.466.098-2.21.098-.74 0-1.477-.035-2.202-.093-.406-.582-.802-1.204-1.183-1.86-.372-.64-.71-1.29-1.018-1.946.303-.657.646-1.313 1.013-1.954.38-.66.773-1.286 1.18-1.868.728-.064 1.466-.098 2.21-.098zm-3.635.254c-.24.377-.48.763-.704 1.16-.225.39-.435.782-.635 1.174-.265-.656-.49-1.31-.676-1.947.64-.15 1.315-.283 2.015-.386zm7.26 0c.695.103 1.365.23 2.006.387-.18.632-.405 1.282-.66 1.933-.2-.39-.41-.783-.64-1.174-.225-.392-.465-.774-.705-1.146zm3.063.675c.484.15.944.317 1.375.498 1.732.74 2.852 1.708 2.852 2.476-.005.768-1.125 1.74-2.857 2.475-.42.18-.88.342-1.355.493-.28-.958-.646-1.956-1.1-2.98.45-1.017.81-2.01 1.085-2.964zm-13.395.004c.278.96.645 1.957 1.1 2.98-.45 1.017-.812 2.01-1.086 2.964-.484-.15-.944-.318-1.37-.5-1.732-.737-2.852-1.706-2.852-2.474 0-.768 1.12-1.742 2.852-2.476.42-.18.88-.342 1.356-.494zm11.678 4.28c.265.657.49 1.312.676 1.948-.64.157-1.316.29-2.016.39.24-.375.48-.762.705-1.158.225-.39.435-.788.636-1.18zm-9.945.02c.2.392.41.783.64 1.175.23.39.465.772.705 1.143-.695-.102-1.365-.23-2.006-.386.18-.63.406-1.282.66-1.933zM17.92 16.32c.112.493.2.968.254 1.423.23 1.868-.054 3.32-.714 3.708-.147.09-.338.128-.563.128-1.012 0-2.514-.807-4.11-2.28.686-.72 1.37-1.536 2.02-2.44 1.107-.118 2.154-.3 3.113-.54zm-11.83.01c.96.234 2.006.415 3.107.532.66.905 1.345 1.727 2.035 2.446-1.595 1.483-3.092 2.295-4.11 2.295-.22-.005-.406-.05-.553-.132-.666-.38-.955-1.834-.73-3.703.054-.46.142-.944.25-1.438zm4.56.64c.44.02.89.034 1.345.034.46 0 .915-.01 1.36-.034-.44.572-.895 1.095-1.345 1.565-.455-.47-.91-.993-1.36-1.565z",fill:"currentColor"})),tailwind:e=>_.createElement("svg",{viewBox:"0 0 24 24",...e},_.createElement("path",{d:"M12.001,4.8c-3.2,0-5.2,1.6-6,4.8c1.2-1.6,2.6-2.2,4.2-1.8c0.913,0.228,1.565,0.89,2.288,1.624 C13.666,10.618,15.027,12,18.001,12c3.2,0,5.2-1.6,6-4.8c-1.2,1.6-2.6,2.2-4.2,1.8c-0.913-0.228-1.565-0.89-2.288-1.624 C16.337,6.182,14.976,4.8,12.001,4.8z M6.001,12c-3.2,0-5.2,1.6-6,4.8c1.2-1.6,2.6-2.2,4.2-1.8c0.913,0.228,1.565,0.89,2.288,1.624 c1.177,1.194,2.538,2.576,5.512,2.576c3.2,0,5.2-1.6,6-4.8c-1.2,1.6-2.6,2.2-4.2,1.8c-0.913-0.228-1.565-0.89-2.288-1.624 C10.337,13.382,8.976,12,6.001,12z",fill:"currentColor"})),google:e=>_.createElement("svg",{role:"img",viewBox:"0 0 24 24",...e},_.createElement("path",{fill:"currentColor",d:"M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z"})),apple:e=>_.createElement("svg",{role:"img",viewBox:"0 0 24 24",...e},_.createElement("path",{d:"M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701",fill:"currentColor"})),paypal:e=>_.createElement("svg",{role:"img",viewBox:"0 0 24 24",...e},_.createElement("path",{d:"M7.076 21.337H2.47a.641.641 0 0 1-.633-.74L4.944.901C5.026.382 5.474 0 5.998 0h7.46c2.57 0 4.578.543 5.69 1.81 1.01 1.15 1.304 2.42 1.012 4.287-.023.143-.047.288-.077.437-.983 5.05-4.349 6.797-8.647 6.797h-2.19c-.524 0-.968.382-1.05.9l-1.12 7.106zm14.146-14.42a3.35 3.35 0 0 0-.607-.541c-.013.076-.026.175-.041.254-.93 4.778-4.005 7.201-9.138 7.201h-2.19a.563.563 0 0 0-.556.479l-1.187 7.527h-.506l-.24 1.516a.56.56 0 0 0 .554.647h3.882c.46 0 .85-.334.922-.788.06-.26.76-4.852.816-5.09a.932.932 0 0 1 .923-.788h.58c3.76 0 6.705-1.528 7.565-5.946.36-1.847.174-3.388-.777-4.471z",fill:"currentColor"})),spinner:e=>_.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",...e},_.createElement("path",{d:"M21 12a9 9 0 1 1-6.219-8.56"}))};import er from"react";import{useState as Ro,useRef as Ca}from"react";var Fa=e=>{let[t,o]=Ro(!1),[r,n]=Ro(0),[i,a]=Ro(0),s=Ca(null),l=b=>Math.round(b/e)*e,y=b=>{o(!0),n(b.pageX-s.current.offsetLeft),a(s.current.scrollLeft)},w=()=>{t&&g()},x=()=>{t&&g()},g=()=>{o(!1);let b=l(s.current.scrollLeft);s.current.scrollTo({left:b,behavior:"smooth"})};return{containerRef:s,handleMouseDown:y,handleMouseLeave:w,handleMouseUp:x,handleMouseMove:b=>{if(!t)return;b.preventDefault();let P=b.pageX-s.current.offsetLeft-r;s.current.scrollLeft=i-P}}},on=Fa;var U0=({images:e})=>{let{containerRef:o,handleMouseDown:r,handleMouseLeave:n,handleMouseUp:i,handleMouseMove:a}=on(1016);return er.createElement("div",{className:"flex cursor-pointer snap-x items-center justify-center gap-4 overflow-x-hidden",onMouseDown:r,onMouseLeave:n,onMouseUp:i,onMouseMove:a,ref:o},e.map((s,l)=>er.createElement("div",{key:l,className:"h-96 w-[1000px] flex-shrink-0"},er.createElement("img",{src:s,alt:`Carousel Image ${l}`,width:1016,className:"h-full w-full rounded-lg object-cover"}))))};import*as Eo from"react";var Dt=Eo.forwardRef(({className:e,preview:t,type:o,...r},n)=>Eo.createElement("input",{type:o,className:m("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",e,t&&" disabled:cursor-default disabled:opacity-100 border-opacity-25 "),disabled:t,ref:n,...r}));Dt.displayName="Input";import qt,{useState as rn}from"react";var Lo=({orientation:e="horizontal",width:t="default",...o})=>{let[r,n]=rn(o.currentColorMode),[i,a]=rn(o.currentLanguage);return qt.createElement("div",{className:m({horizontal:"flex flex-row justify-between",vertical:"flex flex-col items-center gap-2"}[e])},qt.createElement(ve,{width:t,defaultValue:i,onChangeTab:l=>{o.handleLanguage(l),a(l)},design:"tabs",options:[{value:"ar",label:"\u0639\u0631\u0628\u064A"},{value:"en",label:"English"}]}),qt.createElement(ve,{width:t,defaultValue:r,onChangeTab:l=>{o.handleColorMode(l),n(l)},design:"tabs",options:[{value:"light",label:qt.createElement("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90"},qt.createElement("path",{d:"M7.5 0C7.77614 0 8 0.223858 8 0.5V2.5C8 2.77614 7.77614 3 7.5 3C7.22386 3 7 2.77614 7 2.5V0.5C7 0.223858 7.22386 0 7.5 0ZM2.1967 2.1967C2.39196 2.00144 2.70854 2.00144 2.90381 2.1967L4.31802 3.61091C4.51328 3.80617 4.51328 4.12276 4.31802 4.31802C4.12276 4.51328 3.80617 4.51328 3.61091 4.31802L2.1967 2.90381C2.00144 2.70854 2.00144 2.39196 2.1967 2.1967ZM0.5 7C0.223858 7 0 7.22386 0 7.5C0 7.77614 0.223858 8 0.5 8H2.5C2.77614 8 3 7.77614 3 7.5C3 7.22386 2.77614 7 2.5 7H0.5ZM2.1967 12.8033C2.00144 12.608 2.00144 12.2915 2.1967 12.0962L3.61091 10.682C3.80617 10.4867 4.12276 10.4867 4.31802 10.682C4.51328 10.8772 4.51328 11.1938 4.31802 11.3891L2.90381 12.8033C2.70854 12.9986 2.39196 12.9986 2.1967 12.8033ZM12.5 7C12.2239 7 12 7.22386 12 7.5C12 7.77614 12.2239 8 12.5 8H14.5C14.7761 8 15 7.77614 15 7.5C15 7.22386 14.7761 7 14.5 7H12.5ZM10.682 4.31802C10.4867 4.12276 10.4867 3.80617 10.682 3.61091L12.0962 2.1967C12.2915 2.00144 12.608 2.00144 12.8033 2.1967C12.9986 2.39196 12.9986 2.70854 12.8033 2.90381L11.3891 4.31802C11.1938 4.51328 10.8772 4.51328 10.682 4.31802ZM8 12.5C8 12.2239 7.77614 12 7.5 12C7.22386 12 7 12.2239 7 12.5V14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5V12.5ZM10.682 10.682C10.8772 10.4867 11.1938 10.4867 11.3891 10.682L12.8033 12.0962C12.9986 12.2915 12.9986 12.608 12.8033 12.8033C12.608 12.9986 12.2915 12.9986 12.0962 12.8033L10.682 11.3891C10.4867 11.1938 10.4867 10.8772 10.682 10.682ZM5.5 7.5C5.5 6.39543 6.39543 5.5 7.5 5.5C8.60457 5.5 9.5 6.39543 9.5 7.5C9.5 8.60457 8.60457 9.5 7.5 9.5C6.39543 9.5 5.5 8.60457 5.5 7.5ZM7.5 4.5C5.84315 4.5 4.5 5.84315 4.5 7.5C4.5 9.15685 5.84315 10.5 7.5 10.5C9.15685 10.5 10.5 9.15685 10.5 7.5C10.5 5.84315 9.15685 4.5 7.5 4.5Z",fill:"currentColor"}))},{value:"dark",label:qt.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",className:"h-[1.2rem] w-[1.2rem] transition-all dark:rotate-0 dark:scale-100"},qt.createElement("path",{d:"M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"}))}]}))};import*as Ve from"react";import*as et from"@radix-ui/react-tabs";var nn=Ve.createContext({orientation:"vertical"}),Na=Ve.forwardRef(({className:e,orientation:t,...o},r)=>Ve.createElement(et.Root,{ref:r,className:m("flex gap-2",t==="horizontal"?"flex-row":"flex-col",e),...o},Ve.createElement(nn.Provider,{value:{orientation:t}},o.children)));Na.displayName=et.Root.displayName;var Ta=Ve.forwardRef(({className:e,...t},o)=>{let{orientation:r}=Ve.useContext(nn);return Ve.createElement(et.List,{ref:o,className:m("flex w-fit flex-wrap items-center justify-start gap-1 rounded border bg-muted p-1 text-muted-foreground dark:border-primary/10 ",r==="horizontal"?"flex-col":"flex-row",e),...t})});Ta.displayName=et.List.displayName;var ka=Ve.forwardRef(({className:e,...t},o)=>Ve.createElement(et.Trigger,{ref:o,className:m("inline-flex w-full flex-1 select-none items-center justify-center whitespace-nowrap rounded border px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-primary data-[state=active]:text-primary-foreground data-[state=active]:shadow-sm dark:border-primary/10",e),...t}));ka.displayName=et.Trigger.displayName;var ja=Ve.forwardRef(({className:e,...t},o)=>Ve.createElement(et.Content,{ref:o,className:m("w-full ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",e),...t}));ja.displayName=et.Content.displayName;import*as Ao from"react";import*as tr from"@radix-ui/react-separator";var Sa=Ao.forwardRef(({className:e,orientation:t="horizontal",decorative:o=!0,...r},n)=>Ao.createElement(tr.Root,{ref:n,decorative:o,orientation:t,className:m("shrink-0 bg-border",t==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",e),...r}));Sa.displayName=tr.Root.displayName;import*as Pe from"react";import*as fe from"@radix-ui/react-toast";import{cva as Pa}from"class-variance-authority";var Ma=Pa("group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",{variants:{variant:{default:"border bg-background text-foreground",destructive:"destructive group border-destructive bg-destructive text-destructive-foreground"},severity:{info:"info group text-info-foreground bg-info",warning:"warning group text-warning-foreground bg-warning",error:"error group border-error bg-error text-error-foreground",success:"success group text-success-foreground bg-success",none:""}},defaultVariants:{variant:"default"}}),an=fe.Provider,or=Pe.forwardRef(({className:e,...t},o)=>Pe.createElement(fe.Viewport,{ref:o,className:m("fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",e),...t}));or.displayName=fe.Viewport.displayName;var rr=Pe.forwardRef(({className:e,variant:t,severity:o="none",direction:r,...n},i)=>Pe.createElement(fe.Root,{ref:i,className:m(Ma({variant:t,severity:o}),e,r==="rtl"?"p-6 pl-0 pr-10 data-[state=closed]:slide-out-to-left-full":"p-6 pr-8 data-[state=closed]:slide-out-to-right-full"),dir:r,...n}));rr.displayName=fe.Root.displayName;var Ea=Pe.forwardRef(({className:e,...t},o)=>Pe.createElement(fe.Action,{ref:o,className:m("inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50","group-[.info]:border-muted/40 group-[.info]:hover:border-info/30 group-[.info]:hover:bg-info group-[.info]:hover:text-info-foreground group-[.info]:focus:ring-info","group-[.error]:border-muted/40 group-[.error]:hover:border-error/30 group-[.error]:hover:bg-error group-[.error]:hover:text-error-foreground group-[.error]:focus:ring-error","group-[.success]:border-muted/40 group-[.success]:hover:border-success/30 group-[.success]:hover:bg-success group-[.success]:hover:text-success-foreground group-[.success]:focus:ring-success","group-[.warning]:border-muted/40 group-[.warning]:hover:border-warning/30 group-[.warning]:hover:bg-warning group-[.warning]:hover:text-warning-foreground group-[.warning]:focus:ring-warning",e),...t}));Ea.displayName=fe.Action.displayName;var nr=Pe.forwardRef(({className:e,...t},o)=>Pe.createElement(fe.Close,{ref:o,className:m("absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",e),"toast-close":"",...t},Pe.createElement("svg",{"aria-label":"Close Icon","aria-hidden":"true",className:"h-4 w-4",fill:"currentColor",viewBox:"0 0 20 20"},Pe.createElement("path",{fillRule:"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",clipRule:"evenodd"}))));nr.displayName=fe.Close.displayName;var ir=Pe.forwardRef(({className:e,...t},o)=>Pe.createElement(fe.Title,{ref:o,className:m("text-sm font-semibold",e),...t}));ir.displayName=fe.Title.displayName;var ar=Pe.forwardRef(({className:e,...t},o)=>Pe.createElement(fe.Description,{ref:o,className:m("text-sm opacity-90",e),...t}));ar.displayName=fe.Description.displayName;import Kt from"react";import*as Do from"react";var La=5,Aa=1e5;var lr=0;function Ba(){return lr=(lr+1)%Number.MAX_VALUE,lr.toString()}var sr=new Map,ln=e=>{if(sr.has(e))return;let t=setTimeout(()=>{sr.delete(e),fo({type:"REMOVE_TOAST",toastId:e})},Aa);sr.set(e,t)},Ia=(e,t)=>{switch(t.type){case"ADD_TOAST":return{...e,toasts:[t.toast,...e.toasts].slice(0,La)};case"UPDATE_TOAST":return{...e,toasts:e.toasts.map(o=>o.id===t.toast.id?{...o,...t.toast}:o)};case"DISMISS_TOAST":{let{toastId:o}=t;return o?ln(o):e.toasts.forEach(r=>{ln(r.id)}),{...e,toasts:e.toasts.map(r=>r.id===o||o===void 0?{...r,open:!1}:r)}}case"REMOVE_TOAST":return t.toastId===void 0?{...e,toasts:[]}:{...e,toasts:e.toasts.filter(o=>o.id!==t.toastId)}}},Bo=[],Io={toasts:[]};function fo(e){Io=Ia(Io,e),Bo.forEach(t=>{t(Io)})}function Da({...e}){let t=Ba(),o=n=>fo({type:"UPDATE_TOAST",toast:{...n,id:t}}),r=()=>fo({type:"DISMISS_TOAST",toastId:t});return fo({type:"ADD_TOAST",toast:{...e,id:t,open:!0,onOpenChange:n=>{n||r()}}}),{id:t,dismiss:r,update:o}}function sn(){let[e,t]=Do.useState(Io);return Do.useEffect(()=>(Bo.push(t),()=>{let o=Bo.indexOf(t);o>-1&&Bo.splice(o,1)}),[e]),{...e,toast:Da,dismiss:o=>fo({type:"DISMISS_TOAST",toastId:o})}}function du(e){let{toasts:t}=sn(),o=e.direction==="rtl";return Kt.createElement(an,{swipeDirection:o?"left":"right"},t.map(function({id:r,title:n,description:i,action:a,...s}){return Kt.createElement(rr,{direction:e.direction,key:r,...s},Kt.createElement("div",{className:"grid gap-1 text-start"},n&&Kt.createElement(ir,null,n),i&&Kt.createElement(ar,null,i)),a,Kt.createElement(nr,null))}),Kt.createElement(or,{className:m("gap-2",o&&"fixed left-0")}))}import*as be from"react";import*as ge from"@radix-ui/react-dialog";var uu=ge.Root,gu=ge.Trigger,dn=({className:e,...t})=>be.createElement(ge.Portal,{className:m(e),...t});dn.displayName=ge.Portal.displayName;var mn=be.forwardRef(({className:e,...t},o)=>be.createElement(ge.Overlay,{ref:o,className:m("fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",e),...t}));mn.displayName=ge.Overlay.displayName;var za=be.forwardRef(({className:e,children:t,...o},r)=>be.createElement(dn,null,be.createElement(mn,null),be.createElement(ge.Content,{ref:r,className:m("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full",e),...o},t,be.createElement(ge.Close,{className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground"},be.createElement("svg",{"aria-label":"Close Icon","aria-hidden":"true",className:"h-5 w-5",fill:"currentColor",viewBox:"0 0 20 20"},be.createElement("path",{fillRule:"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",clipRule:"evenodd"})),be.createElement("span",{className:"sr-only"},"Close")))));za.displayName=ge.Content.displayName;var Ha=({className:e,...t})=>be.createElement("div",{className:m("flex flex-col space-y-1.5 text-center sm:text-left",e),...t});Ha.displayName="DialogHeader";var Oa=({className:e,...t})=>be.createElement("div",{className:m("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t});Oa.displayName="DialogFooter";var Wa=be.forwardRef(({className:e,...t},o)=>be.createElement(ge.Title,{ref:o,className:m("text-lg font-semibold leading-none tracking-tight",e),...t}));Wa.displayName=ge.Title.displayName;var Va=be.forwardRef(({className:e,...t},o)=>be.createElement(ge.Description,{ref:o,className:m("text-sm text-muted-foreground",e),...t}));Va.displayName=ge.Description.displayName;import Ua from"react";var Eg=e=>Ua.createElement("div",null,e.children);import po from"react";var Bg=e=>po.createElement("div",{className:"fixed bottom-0 top-auto left-0 m-0 w-full max-w-full p-1"},po.createElement("div",{className:"flex w-full flex-row items-center justify-evenly rounded bg-gray-200"},e.appBarContent.map((t,o)=>po.createElement("div",{key:o,className:"m-1 flex h-full w-full flex-col items-center justify-center rounded p-2 transition-all hover:cursor-pointer hover:bg-buttonPrimary-700 hover:text-white",onClick:t.action},po.createElement("div",null,t.icon),po.createElement("div",{className:"mt-2 text-sm"},t.label)))));import Ke,{useEffect as Qa,useRef as cn,useState as dr}from"react";import un from"clsx";import{useState as _a}from"react";var Ga=(e=!1)=>{let[t,o]=_a(e);return{isOpen:t,onOpen:()=>o(!0),onClose:()=>o(!1)}},Rt=Ga;import{useState as Za,useEffect as qa}from"react";var Ka=()=>{let[e,t]=Za(window?.innerWidth),o=()=>{t(window?.innerWidth)};return qa(()=>{if(typeof window<"u")return window?.addEventListener("resize",o),()=>{window?.removeEventListener("resize",o)}},[]),e},zt=Ka;var qg=({direction:e="rtl",navigationSize:t="md",...o})=>{let[r,n]=dr(!1),[i,a]=dr(!1),{isOpen:s,onClose:l,onOpen:y}=Rt(!1),w=cn(null),x=cn(null),g;typeof window<"u"?g=zt():g=1200;let[f,b]=dr(!1);Qa(()=>{let j=U=>{w.current&&!w.current.contains(U.target)&&!f&&n(!1)};return document.addEventListener("click",j,!0),()=>{document.removeEventListener("click",j,!0)}},[f]);let h=[" fixed top-0 left-0 z-40 flex h-full flex-col justify-between overflow-x-clip bg-layoutPrimary-500 transition-all",g>600?"w-14 hover:w-40":"w-0",r?"w-40":"w-14"],P=["fixed top-0 right-0 z-40 flex h-full flex-col justify-between overflow-x-clip bg-layoutPrimary-500 transition-all",g>600?"w-14 hover:w-40":"w-0",r?"w-40":"w-14"],F={sm:"h-10",md:"",lg:"h-24"},S=[],X=[];return Ke.createElement("div",{className:"h-full w-full"},Ke.createElement("div",{className:un("z-30 flex w-auto select-none flex-row items-start justify-between bg-layoutPrimary-500 transition-all",F[t],"rounded p-3 ",r?"h-44":"h-14",o.stickyNav?"fixed left-4 right-4 top-4":"",e==="rtl"?"flex-row":"flex-row-reverse")},g>600?Ke.createElement("div",{className:"flex flex-row h-8 items-center gap-4 px-3"},o.navItems?.map(({label:j},U)=>Ke.createElement("div",{onClick:()=>n(!r),key:U,className:"cursor-pointer rounded bg-none text-gray-600 transition-all hover:text-black"},j))):Ke.createElement("div",{className:"flex items-center justify-center"},Ke.createElement("div",{onClick:()=>n(!r),className:"cursor-pointer rounded p-1 transition-all hover:bg-gray-100"},Ke.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 20 20","aria-hidden":"true",height:"1.6em",width:"1.6em"},Ke.createElement("path",{fillRule:"evenodd",d:"M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z",clipRule:"evenodd"}))," "),o.pageTitle?Ke.createElement("div",null,o.pageTitle):Ke.createElement("div",null)),Ke.createElement("div",{className:"h-full"},Ke.createElement("img",{className:"h-full max-h-8 ",src:`https://sikka-images.s3.ap-southeast-1.amazonaws.com/seera/seera-horizontal-wordmark-${e==="rtl"?"ar":"en"}-white.svg`}))),Ke.createElement("div",{className:un(" relative top-14")},o.children))};import J,{useEffect as Ja,useRef as $a,useState as zo}from"react";import Ft from"clsx";import*as ae from"react";import*as tt from"@radix-ui/react-accordion";var Ya=tt.Root,gn="flex flex-1 items-center select-none cursor-pointer bg-primary-foreground rounded justify-between p-2 px-3 font-medium transition-all [&[data-state=open]>svg]:-rotate-90",fn=ae.forwardRef(({className:e,...t},o)=>ae.createElement(tt.Item,{ref:o,className:m(e),...t}));fn.displayName="AccordionItem";var pn=ae.forwardRef(({className:e,showArrow:t,children:o,...r},n)=>ae.createElement(tt.Header,{className:"flex"},ae.createElement(tt.Trigger,{ref:n,className:m(gn,e),...r},o,t&&ae.createElement("svg",{"aria-label":"Chevron Right Icon",stroke:"currentColor",fill:"currentColor",viewBox:"0 0 16 16",height:"1em",width:"1em",className:"h-4 w-4 shrink-0 rotate-90 transition-transform duration-200"},ae.createElement("path",{d:"M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"})))));pn.displayName=tt.Trigger.displayName;var vn=ae.forwardRef(({className:e,children:t,...o},r)=>ae.createElement(tt.Content,{ref:r,className:m("overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",e),...o},ae.createElement("div",null,t)));vn.displayName=tt.Content.displayName;var xn=({title:e,items:t,selectedItem:o,openedItem:r,setOpenedItem:n,onItemClick:i,onSubItemClick:a,direction:s,isOpen:l})=>ae.createElement("div",null,e&&ae.createElement("h3",{className:"mb-1 font-bold"},e),ae.createElement("ul",{className:"flex flex-col gap-2"},ae.createElement(Ya,{value:r,type:"single",onValueChange:y=>{n(y)},collapsible:!0,className:"flex flex-col gap-1"},t.map((y,w)=>ae.createElement(Xa,{isOpen:l,selectedItem:o,key:w,direction:s,item:y,onItemClick:i,onSubItemClick:a}))))),Xa=({item:e,onItemClick:t,onSubItemClick:o,direction:r,isOpen:n=!0,...i})=>{let a=s=>i.selectedItem===s?"bg-primary text-primary-foreground cursor-default":"hover:bg-primary/10";return e.subitems?ae.createElement(fn,{value:e.value,className:"overflow-x-clip",dir:r},ae.createElement(pn,{className:m("overflow-x-clip",i.selectedItem===e.value?"cursor-default bg-primary text-primary-foreground":"hover:bg-primary/10",e.subitems&&e.subitems.some(s=>i.selectedItem===s.value)?"bg-primary text-primary-foreground hover:bg-primary":""),showArrow:n},ae.createElement("div",{className:m(!n&&"py-1","flex w-fit flex-row items-center gap-2")},e.icon,n&&ae.createElement("span",{className:m("transition-all ",n?"opacity-100":"opacity-0")},e.label))),e.subitems&&ae.createElement(vn,{className:" mt-1 h-full rounded "},ae.createElement("div",{className:m("flex h-full flex-col gap-2 bg-foreground/5 p-1")},e.subitems.map((s,l)=>ae.createElement("li",{key:l,onClick:y=>{y.stopPropagation(),s.onClick(),o&&o([e.value,s.value])},className:m("flex h-full cursor-pointer flex-row items-center gap-2 rounded p-2 transition-all",a(s.value))},s.icon,s.label))))):ae.createElement("div",{dir:r,onClick:()=>{e.onClick(),t&&t([e.value])},className:m(gn,a(e.value),"overflow-x-clip ")},ae.createElement("div",{className:"flex flex-row items-center gap-2 "},e.icon,ae.createElement("span",{className:m("whitespace-nowrap transition-all",n?"opacity-100":"opacity-0")},e.label)))};var of=({direction:e="ltr",drawerSize:t="md",onSettingsClick:o,DrawerFooterActions:r,currentPage:n,clickedItem:i,design:a="default",...s})=>{let l=56,y=200,w={opened:{sm:"100",md:y,lg:"250"},closed:{sm:l,md:l,lg:l}},x=$a(null),g=e==="rtl",[f,b]=zo(""),[h,P]=zo(n),F;typeof window<"u"?F=zt():F=1200;let[S,X]=zo(()=>F>600?s.keepDrawerOpen!==void 0?s.keepDrawerOpen:!0:!1),[j,U]=zo(F>600),re=F>600?w[S?"opened":"closed"][t]:0;return Ja(()=>{let B=M=>{x.current&&!x.current.contains(M.target)&&!S&&U(!1)};return document.addEventListener("click",B,!0),()=>{document.removeEventListener("click",B,!0)}},[S]),J.createElement("div",{className:"fixed left-0"},s.topBar&&J.createElement("div",{className:Ft("fixed left-0 right-0 top-0 z-30 flex h-14 w-full items-center justify-between bg-primary-foreground p-2",g?"flex-row-reverse":"flex-row")},F>600?J.createElement("div",{className:Ft("dark:text-white",g?[F>600?"mr-14":"mr-2",S?"mr-40":""]:[F>600?"ml-14":"ml-2",S?"ml-40":""]),style:g?{marginRight:`${w[S?"opened":"closed"][t]}px`}:{marginLeft:`${w[S?"opened":"closed"][t]}px`}},s.pageTitle):J.createElement("div",{dir:e,className:"flex items-center justify-center gap-0.5"},J.createElement("div",{onClick:()=>U(!0),className:"z-40 mx-1 cursor-pointer rounded p-2 transition-all hover:bg-gray-100"},J.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:0,viewBox:"0 0 20 20","aria-hidden":"true",height:"1.6em",width:"1.6em"},J.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"}))),s.pageTitle?J.createElement("div",{className:"text-sm"},s.pageTitle):J.createElement("div",null)),J.createElement("div",{className:Ft("flex gap-2 dark:text-white",g?"flex-row-reverse":"flex-row")},F>600?J.createElement("div",{className:g?"text-left text-xs":"text-right text-xs"},J.createElement("div",{className:"font-bold"},s.username)," ",J.createElement("div",null,s.email)):null,J.createElement(Pt,{triggerClassname:"mx-2",align:"end",alignOffset:8,side:"bottom",sideOffset:5,width:s.profileMenuWidth,direction:g?"rtl":"ltr",items:s.profileMenuItems,onItemSelect:B=>console.log("selecting item ",B),trigger:J.createElement("div",{className:"relative h-8 w-8 cursor-pointer overflow-clip rounded ring-1 ring-primary/30 dark:bg-gray-600"},s.avatarImage?J.createElement("img",{src:s.avatarImage,alt:"User Avatar"}):J.createElement("svg",{"aria-label":"Avatar Icon",className:"absolute -left-1 h-10 w-10 text-gray-400",fill:"currentColor",viewBox:"0 0 20 20"},J.createElement("path",{fillRule:"evenodd",d:"M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z",clipRule:"evenodd"})))}))),J.createElement("div",{className:Ft("fixed z-40 flex flex-col justify-between overflow-x-clip transition-all",a==="floating"?g?"right-5 top-5":"bottom-5 left-5 top-5":g?"right-0 top-0 h-full":"left-0 top-0 h-full"),style:{width:F>600?j?`${w.opened[t]}px`:`${w.closed[t]}px`:j?`${w.opened[t]}px`:"0px"},onMouseEnter:()=>{U(!0)},onMouseLeave:()=>{S?U(!0):(b(""),U(!1))},ref:x},J.createElement("div",{dir:e,className:"fixed z-50 mb-2 flex h-14 w-full flex-row items-center justify-center bg-primary-foreground transition-all",style:{width:F>600?`${j?y:56}px`:`${j?y:0}px`}},J.createElement("img",{className:Ft("h-9 opacity-0 transition-all",j?"visible opacity-100":"invisible opacity-0"),src:s.logoLink}),F>600?J.createElement("img",{className:Ft("fixed h-9 transition-all",a==="floating"?g?"right-7.5 top-7":"left-7.5 top-7":g?"right-2.5 top-2.5":"left-2.5 top-2.5",j?"invisible opacity-0":"visible opacity-100"),src:s.logoSymbol}):null),J.createElement("div",{className:Ft("fixed bottom-14 bg-primary-foreground p-2 py-2 transition-all",a==="floating"?"top-[76px]":"top-14",j?"overflow-auto":"overflow-hidden"),style:{height:a==="floating"?"calc(100% - 152px)":"calc(100% - 112px)",width:F>600?`${j?y:56}px`:`${j?y:0}px`}},J.createElement(xn,{direction:e,onItemClick:B=>{i&&i(B)},onSubItemClick:B=>{i&&i(B)},selectedItem:n,openedItem:f,setOpenedItem:B=>b(B),isOpen:j,items:s.drawerItems})),J.createElement("div",{className:Ft("fixed flex h-14 w-full items-center justify-center gap-2 overflow-clip bg-primary-foreground transition-all",e==="rtl"?"flex-row-reverse":"flex-row",a==="floating"?"bottom-5":"bottom-0"),style:{width:F>600?`${j?y:56}px`:`${j?y:0}px`}},r&&j?J.createElement(J.Fragment,null,r):null,F>600&&j?J.createElement(vt,{side:"left",delayDuration:500,content:S?s.texts?.collapseSidebar||"Collapse Sidebar":s.texts?.expandSidebar||"Expand Sidebar"},J.createElement(p,{variant:"light",onClick:()=>{X(!S),s.onDrawerExpand&&s.onDrawerExpand(S)},size:"smallIcon"},J.createElement("svg",{className:Ft("h-6 w-6 shrink-0 text-primary transition-all disabled:bg-gray-200 ",S?g?"-rotate-90":"rotate-90":g?"rotate-90":"-rotate-90"),fill:"currentColor",viewBox:"0 0 20 20"},J.createElement("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"})))):null)),J.createElement("div",{className:"fixed overflow-y-auto transition-all",style:a==="floating"?g?{height:`calc(100% - ${s.topBar?"56":"0"}px)`,width:`calc(100% - ${re+20}px)`,left:"0px",top:s.topBar?"56px":"0px"}:{height:`calc(100% - ${s.topBar?"56":"0"}px)`,width:`calc(100% - ${re+20}px)`,left:`${re+20}px`,top:s.topBar?"56px":"0px"}:g?{height:`calc(100% - ${s.topBar?"56":"0"}px)`,width:`calc(100% - ${re}px)`,left:"0px",top:s.topBar?"56px":"0px"}:{height:`calc(100% - ${s.topBar?"56":"0"}px)`,width:`calc(100% - ${re}px)`,left:`${re}px`,top:s.topBar?"56px":"0px"}},s.children))};import A,{useEffect as Ra,useRef as el,useState as mr}from"react";import he from"clsx";import{FaChevronRight as bn}from"react-icons/fa";var cf=({direction:e="rtl",drawerSize:t="md",onSettingsClick:o,...r})=>{let[n,i]=mr(!1),[a,s]=mr(""),{isOpen:l,onClose:y,onOpen:w}=Rt(!1),[x,g]=mr(!1),f=el(null),b=e==="rtl",h;typeof window<"u"?h=zt():h=1200,Ra(()=>{let X=j=>{f.current&&!f.current.contains(j.target)&&!x&&i(!1)};return document.addEventListener("click",X,!0),()=>{document.removeEventListener("click",X,!0)}},[x]);let P="fixed top-0 z-40 flex h-full flex-col justify-between overflow-x-clip bg-layoutPrimary-500 transition-all",F={opened:{sm:"100",md:"160",lg:"250"},closed:{sm:"56",md:"56",lg:"56"}},S=h>600?F[x?"opened":"closed"][t]:0;return A.createElement("div",{className:"fixed"},r.topBar&&A.createElement("div",{className:he("fixed left-0 right-0 top-0 z-30 flex h-14 w-full items-center justify-between bg-layoutPrimary-500 p-2",b?"flex-row-reverse":"flex-row")},h>600?r.pageTitle?A.createElement("div",{className:he(b?[h>600?"mr-14":"mr-2",x?"mr-40":""]:[h>600?"ml-14":"ml-2",x?"ml-40":""]),style:b?{marginRight:`${F[x?"opened":"closed"][t]}px`}:{marginLeft:`${F[x?"opened":"closed"][t]}px`}},r.pageTitle):null:A.createElement("div",{dir:e,className:"flex items-center justify-center gap-0.5 "},A.createElement("div",{onClick:()=>i(!0),className:"z-40 mx-1 cursor-pointer rounded p-2 transition-all hover:bg-gray-100"},A.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 20 20","aria-hidden":"true",height:"1.6em",width:"1.6em"},A.createElement("path",{fillRule:"evenodd",d:"M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z",clipRule:"evenodd"}))," "),r.pageTitle?A.createElement("div",{className:"text-sm"},r.pageTitle):A.createElement("div",null)),A.createElement("div",{className:he("flex gap-2",b?"flex-row-reverse":"flex-row")},h>600?A.createElement("div",{className:he(b?"text-left text-xs":"text-right text-xs")},A.createElement("div",{className:"font-bold"},r.username)," ",A.createElement("div",null,r.email)):null,A.createElement(Jt,{direction:e,withHeader:!(h>600),headerTitle:h>600?"":r.username,headerSubtitle:h>600?"":r.email,menuItems:r.profileMenuItems,position:"bottom-left"},A.createElement("div",{className:"relative h-8 w-8 cursor-pointer overflow-hidden rounded-full ring-1 ring-buttonPrimary-500 dark:bg-gray-600"},A.createElement("svg",{className:"absolute -left-1 h-10 w-10 text-gray-400",fill:"currentColor",viewBox:"0 0 20 20"},A.createElement("path",{fillRule:"evenodd",d:"M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z",clipRule:"evenodd"})))))),A.createElement("div",{onMouseEnter:()=>{i(!0)},onMouseLeave:()=>i(!!x),ref:f,className:he(P,F[t],b?"right-0":"left-0"),style:{width:h>600?n?`${F.opened[t]}px`:`${F.closed[t]}px`:n?`${F.opened[t]}px`:"0px"}},A.createElement("div",{className:he("no-scrollbar",r.topBar?"":"mt-2",n?"overflow-auto":"overflow-hidden")},A.createElement("div",{dir:e,className:he("fixed z-50 mb-2 flex h-14 flex-row items-center transition-all ",h>600||n?"bg-layoutPrimary-500":"w-0 bg-transparent"),style:{width:h>600?`${F[n?"opened":"closed"][t]-16}px`:"full"}},A.createElement("img",{className:he("fixed top-2.5 h-9 opacity-0 transition-all",b?"right-2.5":"left-2.5",n?"visible opacity-100":"invisible opacity-0"),src:r.logoLink}),h>600?A.createElement("img",{className:he("fixed top-2.5 h-9 transition-all",b?"right-2.5":"left-2.5",n?"invisible opacity-0":"visible opacity-100"),src:r.logoSymbol}):null),A.createElement("div",{className:"mb-10 mt-14"},r.drawerItems?.map((X,j)=>A.createElement("div",{key:j,className:he("flex flex-col items-stretch justify-center")},X?.map((U,re)=>A.createElement("div",{key:re,id:"test",className:"flex flex-col"},A.createElement("div",{onClick:()=>{U.subItems?a===U.slug?s(""):s(U.slug):U.action()},className:he(r.currentPage===U.slug||U.subItems?.find(B=>B.slug===r.currentPage)?"bg-buttonPrimary-500 text-white":"hover:bg-layoutPrimary-300","m-2 my-1 flex cursor-pointer flex-row items-center justify-between overflow-x-clip rounded p-2 pl-3 transition-all ",b?"flex-row-reverse pr-3":"")},A.createElement("div",{className:"flex flex-row",dir:e},A.createElement("div",{className:"flex items-center justify-center"},U.icon),A.createElement("div",{className:he("mx-2 whitespace-nowrap text-sm transition-all",n?"opacity-100":"opacity-0")},U.label)),U.subItems&&A.createElement("div",{className:he(a&&U.slug===a?"-rotate-90":"rotate-90")},A.createElement(bn,{fontSize:11}))),U.subItems&&A.createElement("div",{className:he("m-1 flex cursor-pointer flex-col gap-0 overflow-clip whitespace-nowrap rounded bg-layoutPrimary-300 p-1 transition-all",a==U.slug&&n?"":"my-0 py-0",b?"text-right":"text-left"),style:{height:a==U.slug&&n?6+33*U.subItems?.length:0}},U.subItems?.map((B,M)=>A.createElement("div",{key:M,className:he("flex flex-row gap-2 overflow-x-clip rounded p-2 px-2 text-xs",b?"text-right":"text-left",r.currentPage===B.slug?"bg-buttonPrimary-500 text-white hover:bg-buttonPrimary-500":"hover:bg-layoutPrimary-500"),dir:e,onClick:()=>{B.action()}},A.createElement("div",{className:"flex items-center justify-center"},B.icon),A.createElement("div",{className:"flex flex-row justify-between"},B.label)))))),j!==r.drawerItems.length-1&&A.createElement("div",{className:"my-2 h-[1px] w-10/12 self-center bg-buttonPrimary-500 text-center "})))),n&&A.createElement("div",{className:he("fixed bottom-0 flex flex-row items-center bg-layoutPrimary-500 p-4 transition-all",n?"bg-layoutPrimary-500 ":"bg-red-500",o?"justify-between":"justify-end",e==="rtl"?"right-0":"left-0"),style:{width:`${F[n?"opened":"closed"][t]-16}px`}},o&&A.createElement("div",{className:" cursor-pointer rounded p-2 transition-all hover:bg-layoutPrimary-700",onClick:()=>o()},A.createElement("svg",{"aria-label":"Settings Icon",stroke:"currentColor",fill:"none",strokeWidth:"2",viewBox:"0 0 24 24",strokeLinecap:"round",strokeLinejoin:"round",height:"1em",width:"1em"},A.createElement("circle",{cx:"12",cy:"12",r:"3"}),A.createElement("path",{d:"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"}))),h>600?A.createElement("div",{className:he("w-fit transition-all"),style:b?{right:`${F[n?"opened":"closed"][t]-35}px`}:{left:`${F[n?"opened":"closed"][t]-35}px`}},A.createElement("div",{dir:e,className:he("relative left-0 top-0 transition-all",n?" opacity-100":" opacity-0")},A.createElement("div",{onClick:()=>g(!x),className:"w-fit cursor-pointer rounded bg-gray-300 p-2 transition-all hover:bg-gray-400"},A.createElement(bn,{fontSize:14,className:he("transition-all",b?x?"rotate-0":"rotate-180":x?"rotate-180":"rotate-0")})))):null))),A.createElement("div",{className:"fixed overflow-y-auto",style:b?{height:`calc(100% - ${r.topBar?"56":"0"}px)`,width:`calc(100% - ${S}px)`,left:"0px",top:r.topBar?"56px":"0px"}:{height:`calc(100% - ${r.topBar?"56":"0"}px)`,width:`calc(100% - ${S}px)`,left:`${S}px`,top:r.topBar?"56px":"0px"}},r.children))};import I,{useEffect as tl,useRef as ol,useState as cr}from"react";import Me from"clsx";var hf=({direction:e="rtl",drawerSize:t="md",onSettingsClick:o,DrawerFooterActions:r,...n})=>{let[i,a]=cr(!1),[s,l]=cr(""),{isOpen:y,onClose:w,onOpen:x}=Rt(!1),[g,f]=cr(!1),b=ol(null),h=e==="rtl",P;typeof window<"u"?P=zt():P=1200,tl(()=>{let re=B=>{b.current&&!b.current.contains(B.target)&&!g&&a(!1)};return document.addEventListener("click",re,!0),()=>{document.removeEventListener("click",re,!0)}},[g]);let F="fixed top-0 z-40 flex h-full flex-col justify-between overflow-x-clip bg-card transition-all",S=56,X=200,j={opened:{sm:"100",md:X,lg:"250"},closed:{sm:"56",md:"56",lg:"56"}},U=P>600?j[g?"opened":"closed"][t]:0;return I.createElement("div",{className:"fixed left-0"},n.topBar&&I.createElement("div",{className:Me("fixed left-0 right-0 top-0 z-30 flex h-14 w-full items-center justify-between bg-primary-foreground p-2",h?"flex-row-reverse":"flex-row")},P>600?I.createElement("div",{className:Me("dark:text-white",h?[P>600?"mr-14":"mr-2",g?"mr-40":""]:[P>600?"ml-14":"ml-2",g?"ml-40":""]),style:h?{marginRight:`${j[g?"opened":"closed"][t]}px`}:{marginLeft:`${j[g?"opened":"closed"][t]}px`}},n.pageTitle):I.createElement("div",{dir:e,className:"flex items-center justify-center gap-0.5"},I.createElement("div",{onClick:()=>a(!0),className:"z-40 mx-1 cursor-pointer rounded p-2 transition-all hover:bg-gray-100"},I.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 20 20","aria-hidden":"true",height:"1.6em",width:"1.6em"},I.createElement("path",{fillRule:"evenodd",d:"M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z",clipRule:"evenodd"}))),n.pageTitle?I.createElement("div",{className:"text-sm"},n.pageTitle):I.createElement("div",null)),I.createElement("div",{className:Me("flex gap-2 dark:text-white",h?"flex-row-reverse":"flex-row")},P>600?I.createElement("div",{className:h?"text-left text-xs":"text-right text-xs"},I.createElement("div",{className:"font-bold"},n.username)," ",I.createElement("div",null,n.email)):null,I.createElement(Pt,{triggerClassname:"mx-2",align:"end",alignOffset:8,side:"bottom",sideOffset:5,direction:h?"rtl":"ltr",trigger:I.createElement("div",{className:"relative h-8 w-8 cursor-pointer overflow-clip rounded ring-1 ring-primary/30 dark:bg-gray-600"},I.createElement(rl,null)),items:n.profileMenuItems,onItemSelect:re=>console.log("selecting item ",re)}))),I.createElement("div",{className:Me("fixed top-0 z-40 flex h-full flex-col justify-between overflow-x-clip transition-all",h?"right-0":"left-0"),style:{width:P>600?i?`${j.opened[t]}px`:`${j.closed[t]}px`:i?`${j.opened[t]}px`:"0px"},onMouseEnter:()=>{a(!0)},onMouseLeave:()=>a(!!g),ref:b},I.createElement("div",{dir:e,className:Me("fixed z-50 mb-2 flex h-14 w-full flex-row items-center justify-center bg-primary-foreground transition-all"),style:{width:P>600?`${i?X:56}px`:`${i?X:0}px`}},I.createElement("img",{className:Me("h-9 opacity-0 transition-all",i?"visible opacity-100":"invisible opacity-0"),src:n.logoLink}),P>600?I.createElement("img",{className:Me("fixed top-2.5 h-9 transition-all",h?"right-2.5":"left-2.5",i?"invisible opacity-0":"visible opacity-100"),src:n.logoSymbol}):null),I.createElement("div",{className:Me("fixed bottom-14 top-14 bg-primary-foreground py-2 transition-all",i?"overflow-auto":"overflow-hidden"),style:{height:"calc(100% - 112px)",width:P>600?`${i?X:56}px`:`${i?X:0}px`}},n.drawerItems?.map((re,B)=>I.createElement("div",{key:B,className:Me("flex select-none flex-col items-stretch justify-center transition-all")},re?.map((M,ee)=>I.createElement("div",{key:ee,id:"test",className:"flex flex-col"},I.createElement("div",{onClick:()=>{M.subItems?s===M.slug?l(""):l(M.slug):M.action()},className:Me(n.currentPage===M.slug||M.subItems?.find(pe=>pe.slug===n.currentPage)?"bg-primary text-primary-foreground ":"hover:bg-primary/20","my-1 flex cursor-pointer flex-row items-center justify-between overflow-x-clip rounded p-2 pl-3 transition-all ",h?"flex-row-reverse pr-3":"","m-2")},I.createElement("div",{className:"flex flex-row",dir:e},I.createElement("div",{className:"flex items-center justify-center "},M.icon),I.createElement("div",{className:Me("mx-2 whitespace-nowrap text-sm transition-all",i?"opacity-100":"opacity-0")},M.label)),M.subItems&&I.createElement(nl,{pointing:s&&M.slug===s?"up":"down"})),M.subItems&&I.createElement("div",{className:Me("m-1 mx-2 flex cursor-pointer flex-col gap-[2px] overflow-clip whitespace-nowrap rounded bg-primary/10 p-1 transition-all",s==M.slug&&i?"":"my-0 py-0",h?"text-right":"text-left"),style:{height:s==M.slug&&i?6+35*M.subItems?.length:0}},M.subItems?.map((pe,Xe)=>I.createElement("div",{key:Xe,className:Me("flex flex-row gap-2 overflow-x-clip rounded-inner p-2 px-2 text-xs",h?"text-right":"text-left",n.currentPage===pe.slug?"bg-primary text-white":"hover:bg-primary-foreground hover:text-primary "),dir:e,onClick:()=>{pe.action()}},I.createElement("div",{className:"flex items-center justify-center"},pe.icon),I.createElement("div",{className:"flex flex-row justify-between"},pe.label)))))),B!==n.drawerItems.length-1&&I.createElement("div",{className:"my-2 h-[1px] w-10/12 self-center bg-buttonPrimary-500 bg-red-500 text-center "})))),I.createElement("div",{className:Me("fixed bottom-0 flex h-14 w-full items-center justify-center gap-2 overflow-clip bg-primary-foreground transition-all",e==="rtl"?"flex-row-reverse":"flex-row"),style:{width:P>600?`${i?X:56}px`:`${i?X:0}px`}},r&&i?I.createElement(I.Fragment,null,r):null,P>600&&i?I.createElement(vt,{side:"left",delayDuration:500,content:g?n.texts?.collapseSidebar||"Collapse Sidebar":n.texts?.expandSidebar||"Expand Sidebar"},I.createElement(p,{variant:"light",onClick:()=>f(!g),size:"smallIcon"},I.createElement("svg",{className:Me("h-6 w-6 shrink-0 text-primary transition-all disabled:bg-gray-200 ",g?h?"-rotate-90":"rotate-90":h?"rotate-90":"-rotate-90"),fill:"currentColor",viewBox:"0 0 20 20"},I.createElement("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"})))):null)),I.createElement("div",{className:"fixed overflow-y-auto",style:h?{height:`calc(100% - ${n.topBar?"56":"0"}px)`,width:`calc(100% - ${U}px)`,left:"0px",top:n.topBar?"56px":"0px"}:{height:`calc(100% - ${n.topBar?"56":"0"}px)`,width:`calc(100% - ${U}px)`,left:`${U}px`,top:n.topBar?"56px":"0px"}},n.children))},rl=()=>I.createElement("svg",{className:"absolute -left-1 h-10 w-10 text-gray-400",fill:"currentColor",viewBox:"0 0 20 20"},I.createElement("path",{fillRule:"evenodd",d:"M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z",clipRule:"evenodd"})),nl=({pointing:e})=>{let t;switch(e){case"right":t="-rotate-90";break;case"left":t="rotate-90";break;case"up":t="-rotate-180";break;case"down":t="rotate-0";break;default:break}return I.createElement("svg",{className:Me("h-6 w-6 shrink-0 text-primary-foreground transition-all disabled:bg-gray-200 ",t),fill:"currentColor",viewBox:"0 0 20 20"},I.createElement("path",{fillRule:"evenodd",d:"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z",clipRule:"evenodd"}))};import il from"react";import al from"clsx";var Ff=({maxWidth:e="normal",variant:t="contained",centered:o=!1,direction:r="ltr",...n})=>{let i="flex w-full flex-col rounded p-4",a={full:"md:max-w-xl",small:"md:max-w-sm w-1/3 min-w-min",normal:"max-w-sm md:max-w-md"},s={contained:"bg-background border",outlined:"bg-transparent border border-black w-fit",neobrutalism:"shadow-neobrutalism border-4 border-black bg-white"};return il.createElement("div",{className:al(i,a[e],s[t],o?"flex items-center text-center":""),dir:r},n.children)};import ll from"react";var jf=e=>ll.createElement("div",{className:" columns-1 gap-5 sm:columns-2 sm:gap-8 md:columns-3 lg:columns-4 [&>*:not(:first-child)]:mt-8"},e.children);import eo from"react";var Mf=({isOpen:e,onClose:t,items:o})=>e?eo.createElement("div",{className:"fixed inset-0 z-40 flex bg-gray-600 bg-opacity-75"},eo.createElement("div",{className:"w-1/3 rounded-l-lg bg-gray-800 shadow-2xl"},eo.createElement("button",{onClick:t,className:"p-4 text-gray-400 hover:text-white focus:text-white focus:outline-none"},"Close"),eo.createElement("nav",null,o.map((r,n)=>eo.createElement("a",{key:n,href:"#",onClick:r.onClick,className:"block p-4 font-bold text-white hover:bg-gray-700 hover:text-gray-400"},r.label)))),eo.createElement("div",{className:"w-2/3 bg-gray-50"})):null;import{BsInstagram as sl,BsTwitter as dl}from"react-icons/bs";import{FaSnapchatGhost as ml,FaTiktok as cl}from"react-icons/fa";import ue from"react";var zf=({variation:e="default",...t})=>ue.createElement("div",{className:m("flex w-full flex-row items-center justify-between gap-8 rounded bg-background p-4",{default:"rounded border",minimal:"border-t"}[e])},ue.createElement("div",{className:"flex flex-col items-center gap-2"},ue.createElement("div",{className:"flex flex-row items-center gap-2"},t.logoURL&&ue.createElement("div",null,ue.createElement("img",{className:"h-8",src:t.logoURL})),t.logoText&&ue.createElement("div",null,ue.createElement("div",{className:"text-2xl font-bold text-primary"},t.logoText))),t.copyRights&&t.footerLinks&&ue.createElement("div",{className:"text-xs text-muted-foreground"},"\xA9 ",t.copyRights," ",new Date().getFullYear())),t.copyRights&&!t.footerLinks&&ue.createElement("div",{className:"text-xs text-muted-foreground"},"\xA9 ",t.copyRights," ",new Date().getFullYear()),t.footerLinks?.map(r=>ue.createElement("div",{className:"flex w-32 flex-col gap-2"},ue.createElement("div",{className:"text-lg font-bold"},r.title),ue.createElement("div",{className:"flex flex-col gap-1"},r.pages.map(n=>ue.createElement("a",{className:"transition-all hover:font-bold",href:n.link},n.label))))),t.socialLinks&&ue.createElement("div",{className:"flex flex-row gap-2"},t.socialLinks.twitter&&ue.createElement(p,{size:"smallIcon",variant:"ghost"},ue.createElement(dl,null)),t.socialLinks.instagram&&ue.createElement(p,{size:"smallIcon",variant:"ghost"},ue.createElement(sl,null)),t.socialLinks.tiktok&&ue.createElement(p,{size:"smallIcon",variant:"ghost"},ue.createElement(cl,null)),t.socialLinks.snapchat&&ue.createElement(p,{size:"smallIcon",variant:"ghost"},ue.createElement(ml,null))));import Qe,{useRef as ul,useState as gl}from"react";import vo from"clsx";var _f=({design:e="floating",...t})=>{let o=ul(null),[r,n]=gl(!1),i={floating:"left-1/2 z-50 w-[calc(100%-2rem)] -translate-x-1/2 lg:max-w-7xl p-4 rounded",default:"w-[calc(100%)] left-0 z-50 right-0 rounded-none p-2"};return Qe.createElement("div",{ref:o},Qe.createElement("div",{dir:t.direction,className:vo(i[e],"fixed flex flex-col justify-between border border-gray-100 bg-white shadow-sm transition-all dark:border-gray-600 dark:bg-gray-700 md:flex-row md:gap-4 ",t.position==="top"?e==="floating"?"top-6":"top-0":e==="floating"?"bottom-6":"bottom-0",r?"opacity-0":"opacity-100")},Qe.createElement("div",{className:"mb-3 flex w-full flex-col items-center justify-start md:mb-0 md:flex-row md:items-center"},Qe.createElement("div",{className:vo(t.direction==="rtl"?"md:ml-4 md:border-l md:pl-4":"md:mr-4 md:border-r md:pr-4","mb-2 flex items-center border-gray-200 dark:border-gray-600 md:mb-0 md:mr-4 md:pr-4")},t.logoURL&&Qe.createElement("img",{src:t.logoURL,className:"mr-2 h-6",alt:"Flowbite Logo"}),t.title&&Qe.createElement("span",{className:"self-center whitespace-nowrap text-lg font-semibold dark:text-white"},t.title)),t.text&&Qe.createElement("p",{className:vo("m-0 flex items-center text-center text-sm font-normal text-gray-500 dark:text-gray-400 ",t.direction==="rtl"?"md:text-right":"md:text-left")},t.text)),t.actionText&&Qe.createElement("div",{className:vo("flex flex-shrink-0 items-center justify-center ",t.direction==="rtl"?"ml-0 md:ml-10":"mr-0 md:mr-10")},Qe.createElement(p,{onClick:t.onActionClick},t.actionText)),Qe.createElement("button",{type:"button",className:vo("absolute top-2 inline-flex h-9 w-9 items-center justify-center rounded-inner p-1.5 text-gray-400 transition-all hover:text-gray-900 focus:ring-2 focus:ring-gray-300 dark:bg-gray-800 dark:text-gray-500 dark:hover:bg-gray-700 dark:hover:text-white",t.direction==="rtl"?"left-2":"right-2"),"data-dismiss-target":"#alert-default","aria-label":"Close",onClick:()=>{n(!0),setTimeout(()=>{o.current.removeChild(o.current.children[0])},200)}},Qe.createElement("span",{className:"sr-only"},"Close"),Qe.createElement("svg",{"aria-hidden":"true",className:"h-5 w-5",fill:"currentColor",viewBox:"0 0 20 20"},Qe.createElement("path",{fillRule:"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",clipRule:"evenodd"})))))};import Ee from"react";import{Controller as xo,FormProvider as fl,useForm as pl}from"react-hook-form";var mp=e=>{let t=pl(),{inputs:o}=e,{formState:{errors:r},handleSubmit:n,control:i}=t;return Ee.createElement(T,null,Ee.createElement("form",{onSubmit:n(a=>e.handleUpdateProfile(a))},Ee.createElement(N,{headless:!0},Ee.createElement(fl,{...t},Ee.createElement(xo,{control:i,name:"fullName",render:({field:a})=>Ee.createElement(H,{width:"full",type:"text",label:e.texts.fullNameLabel,placeholder:e.texts.fullNamePlaceholder,helpertext:r.fullName?.message,...a,value:a.value??""})}),Ee.createElement(xo,{control:i,name:"phoneNumber",render:({field:a})=>Ee.createElement(Xt,{label:"Phone number"})}),Ee.createElement(xo,{control:i,name:"email",render:({field:a})=>Ee.createElement(H,{width:"full",type:"text",label:e.texts.emailLabel,helpertext:r.email?.message,placeholder:e.texts.emailPlaceholder,...a,value:a.value??""}),rules:{required:e.texts.emailRequiredText,pattern:{value:/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,message:e.texts.emailInvalidText}}}),Ee.createElement(xo,{control:i,name:"password",render:({field:a})=>Ee.createElement(H,{width:"full",type:"password",label:e.texts.passwordLabel,placeholder:e.texts.passwordPlaceholder,helpertext:r.password?.message,...a,value:a.value??""}),rules:{required:e.texts.passwordRequiredText}}),Ee.createElement(xo,{control:i,name:"confirmPassword",render:({field:a})=>Ee.createElement(H,{width:"full",type:"password",label:e.texts.confirmPasswordLabel,placeholder:e.texts.confirmPasswordPlaceholder,helpertext:r.confirmPassword?.message,...a,value:a.value??""}),rules:{required:e.texts.confirmPasswordRequiredText}}))),Ee.createElement(me,null,Ee.createElement(p,{className:"w-full",type:"submit"},e.texts.updateProfile))))};import Ho from"react";var pp=e=>Ho.createElement(T,null,Ho.createElement(N,{headless:!0},Ho.createElement("div",{className:"mb-2 text-sm font-bold"},e.blockTitle),Ho.createElement("div",{className:"flex flex-col gap-4 rounded p-2"},e.children)));import le from"react";var kp=e=>le.createElement("div",{dir:e.direction},le.createElement(T,null,le.createElement(N,{headless:!0,className:"flex flex-col gap-6"},e.viaGoogle&&le.createElement(p,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:e.handleGoogle},le.createElement(xe.google,{className:"h-4 w-4"}),e.texts?.continueWithGoogle??"Continue With Google"),e.viaGithub&&le.createElement(p,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:e.handleGithub},le.createElement(xe.gitHub,{className:"h-4 w-4"}),e.texts?.continueWithGithub??"Continue With Github"),e.viaTwitter&&le.createElement(p,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:e.handleTwitter},le.createElement(xe.twitter,{className:"h-4 w-4"}),e.texts?.continueWithTwitter??"Continue With Twitter"),e.viaApple&&le.createElement(p,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:e.handleApple},le.createElement(xe.apple,{className:"h-4 w-4"}),e.texts?.continueWithApple??"Continue With Apple"),e.viaMicrosoft&&le.createElement(p,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:e.handleMicrosoft},le.createElement(xe.microsoft,{className:"h-4 w-4"}),e.texts?.continueWithMicrosoft??"Continue With Microsoft"),e.viaEmail&&le.createElement(p,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:e.handleEmail},le.createElement(xe.mail,{className:"h-4 w-4"}),e.texts?.continueWithEmail??"Continue With Email"),e.viaPhone&&le.createElement(p,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:e.handlePhone},le.createElement(xe.phone,{className:"h-4 w-4"}),e.texts?.continueWithPhone??"Continue With Phone"),!e.withoutSignUp&&le.createElement("div",{className:"p-3 text-center text-sm font-normal dark:text-gray-300"},e.texts.newUserText,le.createElement("span",{onClick:e.handleRouteToSignUp,className:"clickable-link"},e.texts.createAccount)))),le.createElement("div",{className:"mt-6 flex flex-row justify-between"},le.createElement(ve,{onChangeTab:e.handleLanguage,design:"tabs",options:[{value:"ar",label:"\u0639\u0631\u0628\u064A"},{value:"en",label:"English"}]}),le.createElement(ve,{onChangeTab:e.handleColorMode,design:"tabs",options:[{value:"light",label:le.createElement("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90"},le.createElement("path",{d:"M7.5 0C7.77614 0 8 0.223858 8 0.5V2.5C8 2.77614 7.77614 3 7.5 3C7.22386 3 7 2.77614 7 2.5V0.5C7 0.223858 7.22386 0 7.5 0ZM2.1967 2.1967C2.39196 2.00144 2.70854 2.00144 2.90381 2.1967L4.31802 3.61091C4.51328 3.80617 4.51328 4.12276 4.31802 4.31802C4.12276 4.51328 3.80617 4.51328 3.61091 4.31802L2.1967 2.90381C2.00144 2.70854 2.00144 2.39196 2.1967 2.1967ZM0.5 7C0.223858 7 0 7.22386 0 7.5C0 7.77614 0.223858 8 0.5 8H2.5C2.77614 8 3 7.77614 3 7.5C3 7.22386 2.77614 7 2.5 7H0.5ZM2.1967 12.8033C2.00144 12.608 2.00144 12.2915 2.1967 12.0962L3.61091 10.682C3.80617 10.4867 4.12276 10.4867 4.31802 10.682C4.51328 10.8772 4.51328 11.1938 4.31802 11.3891L2.90381 12.8033C2.70854 12.9986 2.39196 12.9986 2.1967 12.8033ZM12.5 7C12.2239 7 12 7.22386 12 7.5C12 7.77614 12.2239 8 12.5 8H14.5C14.7761 8 15 7.77614 15 7.5C15 7.22386 14.7761 7 14.5 7H12.5ZM10.682 4.31802C10.4867 4.12276 10.4867 3.80617 10.682 3.61091L12.0962 2.1967C12.2915 2.00144 12.608 2.00144 12.8033 2.1967C12.9986 2.39196 12.9986 2.70854 12.8033 2.90381L11.3891 4.31802C11.1938 4.51328 10.8772 4.51328 10.682 4.31802ZM8 12.5C8 12.2239 7.77614 12 7.5 12C7.22386 12 7 12.2239 7 12.5V14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5V12.5ZM10.682 10.682C10.8772 10.4867 11.1938 10.4867 11.3891 10.682L12.8033 12.0962C12.9986 12.2915 12.9986 12.608 12.8033 12.8033C12.608 12.9986 12.2915 12.9986 12.0962 12.8033L10.682 11.3891C10.4867 11.1938 10.4867 10.8772 10.682 10.682ZM5.5 7.5C5.5 6.39543 6.39543 5.5 7.5 5.5C8.60457 5.5 9.5 6.39543 9.5 7.5C9.5 8.60457 8.60457 9.5 7.5 9.5C6.39543 9.5 5.5 8.60457 5.5 7.5ZM7.5 4.5C5.84315 4.5 4.5 5.84315 4.5 7.5C4.5 9.15685 5.84315 10.5 7.5 10.5C9.15685 10.5 10.5 9.15685 10.5 7.5C10.5 5.84315 9.15685 4.5 7.5 4.5Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}))},{value:"dark",label:le.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:"h-[1.2rem] w-[1.2rem] transition-all dark:rotate-0 dark:scale-100"},le.createElement("path",{d:"M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"}))}]})));import Le,{useState as to}from"react";import{Controller as vl,useForm as xl}from"react-hook-form";var Bp=e=>{let[t,o]=to(null),r=xl(),{formState:{errors:n},handleSubmit:i,control:a}=r,[s,l]=to(null),[y,w]=to(0),[x,g]=to(!1),[f,b]=to(""),[h,P]=to(e.confirmationStage),F=()=>{clearTimeout(s),w(60),g(!0);let X=setInterval(()=>{w(j=>j>0?j-1:(clearInterval(X),g(!1),0))},1e3);l(X)};return Le.createElement(T,null,Le.createElement(N,{className:"transition-all",headless:!0},h?Le.createElement("form",{onSubmit:S=>{S.preventDefault(),t&&e.handleConfirm(t)}},Le.createElement(So,{width:"full",digits:6,getPins:S=>o(S)}),Le.createElement("div",{className:" py-2 text-center text-xs text-muted-foreground"},x?Le.createElement("span",null,"Resend code in ",y," seconds |"," ",Le.createElement("span",{className:"clickable-link",onClick:()=>{clearTimeout(s),g(!1)}},"Cancel")):Le.createElement("span",null,e.texts?.didntGetCode??"Didn't get the code?"," ",Le.createElement("span",{className:"clickable-link",onClick:()=>{F()}},e.texts?.resendCode??"Click to resend"))),Le.createElement("div",{className:"mt-4 grid grid-cols-2 gap-2"},Le.createElement(p,{variant:"secondary",onClick:()=>P(!1)},e.texts?.cancel??"Cancel"),Le.createElement(p,{isLoading:e.loadingConfirm},e.texts?.confirm??"Confirm"))):Le.createElement("form",{onSubmit:S=>{S.preventDefault(),P(!0),e.handleContinue(f)}},Le.createElement(vl,{control:a,name:"phone",render:({field:S})=>Le.createElement(Xt,{country:e.country??"",label:e.label??"",handleChange:X=>b(X.target.value),...S}),rules:{required:e.phoneRequiredText}}),Le.createElement(p,{isLoading:e.loadingContinue,className:"w-full"},e.texts?.continue??"Continue"))))};import oe from"react";import{Controller as Oo,useForm as bl}from"react-hook-form";var Gp=e=>{let{formState:{errors:t},handleSubmit:o,control:r}=bl();return oe.createElement("div",{className:"flex flex-col gap-4"},oe.createElement(T,{dir:e.direction},oe.createElement(N,{headless:!0},oe.createElement("form",{onSubmit:o(n=>e.handleSignIn(n))},e.showError&&oe.createElement(Fe,{title:e.errorTitle,text:e.errorText,severity:"error"}),e.signInType==="email"?oe.createElement(Oo,{control:r,name:"email",render:({field:n})=>oe.createElement(H,{width:"full",type:"text",autoComplete:"email",label:e.texts.emailLabel,helpertext:t.email?.message,placeholder:e.texts.emailPlaceholder,value:n.value??"",onChange:n.onChange}),rules:{required:e.texts.emailRequiredText,pattern:{value:/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,message:e.texts.emailInvalidText}}}):e.signInType==="username"?oe.createElement(Oo,{control:r,name:"username",render:({field:n})=>oe.createElement(H,{width:"full",type:"text",autoComplete:"username",label:e.texts.usernameLabel,helpertext:t.username?.message,placeholder:e.texts.usernamePlaceholder,onChange:n.onChange,value:n.value??""}),rules:{required:e.texts.usernameRequired}}):oe.createElement(Oo,{control:r,name:"phone",render:({field:n})=>oe.createElement(Xt,{label:"Phone number"}),rules:{required:e.texts.phoneRequiredText}}),e.signInType!=="phone"&&oe.createElement(oe.Fragment,null,oe.createElement(Oo,{control:r,name:"password",render:({field:n})=>oe.createElement(H,{width:"full",autoComplete:"current-password",type:"password",label:e.texts.passwordLabel,placeholder:e.texts.passwordPlaceholder,helpertext:t.password?.message,onChange:n.onChange,value:n.value??""}),rules:{required:e.texts.passwordRequiredText,minLength:5}}),!e.withoutResetPassword&&oe.createElement("div",{onClick:e.handleForgotPassword,className:"mb-3 w-fit cursor-pointer text-xs dark:text-gray-300"},e.texts.forgotPasswordText)),oe.createElement(p,{className:"mt-4 w-full",isLoading:e.isLoading},e.texts.signInText),!e.withoutSignUp&&oe.createElement("div",{className:"p-3 text-center text-sm font-normal dark:text-gray-300"},e.texts.newUserText," ",oe.createElement("span",{onClick:e.handleRouteToSignUp,className:"clickable-link"},e.texts.createAccount)))),e.viaGithub||e.viaGoogle||e.viaTwitter?oe.createElement(me,{className:m(e.logosOnly?"flex flex-row justify-center gap-2":"grid grid-cols-1 gap-2")},e.viaGoogle&&oe.createElement(p,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:e.handleGoogleSignIn},e.isGoogleLoading?oe.createElement(St,{size:"button"}):oe.createElement(xe.google,{className:"h-4 w-4"}),!e.logosOnly&&e.texts.signInViaGoogleLabel),e.viaGithub&&oe.createElement(p,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:e.handleGithubSignIn},e.isGithubLoading?oe.createElement(St,{size:"button"}):oe.createElement(xe.gitHub,{className:"h-4 w-4"}),!e.logosOnly&&e.texts.signInViaGithubLabel),e.viaTwitter&&oe.createElement(p,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:e.handleTwitterSignIn},e.isTwitterLoading?oe.createElement(St,{size:"button"}):oe.createElement(xe.twitter,{className:"h-4 w-4"})," ",!e.logosOnly&&e.texts.signInViaTwitterLabel)):null),oe.createElement(Lo,{currentColorMode:e.currentColorMode,currentLanguage:e.currentLanguage,handleColorMode:e.handleColorMode,handleLanguage:e.handleLanguage}))};function Jp(){return React.createElement(T,null,React.createElement(Ne,{className:"space-y-1"},React.createElement(Te,{className:"text-2xl"},"Create an account"),React.createElement(at,null,"Enter your email below to create your account")),React.createElement(N,{className:"grid gap-4"},React.createElement("div",{className:"grid grid-cols-2 gap-6"},React.createElement(p,{variant:"outline"},React.createElement(xe.gitHub,{className:"mr-2 h-4 w-4"}),"Github"),React.createElement(p,{variant:"outline"},React.createElement(xe.google,{className:"mr-2 h-4 w-4"}),"Google")),React.createElement("div",{className:"relative"},React.createElement("div",{className:"absolute inset-0 flex items-center"},React.createElement("span",{className:"w-full border-t"})),React.createElement("div",{className:"relative flex justify-center text-xs uppercase"},React.createElement("span",{className:"bg-background px-2 text-muted-foreground"},"Or continue with"))),React.createElement("div",{className:"grid gap-2"},React.createElement(ct,{htmlFor:"email"},"Email"),React.createElement(Dt,{id:"email",type:"email",placeholder:"m@example.com"})),React.createElement("div",{className:"grid gap-2"},React.createElement(ct,{htmlFor:"password"},"Password"),React.createElement(Dt,{id:"password",type:"password"}))),React.createElement(me,null,React.createElement(p,{className:"w-full"},"Create account")))}import V from"react";import{Controller as Nt,FormProvider as hl,useForm as yl}from"react-hook-form";var l2=e=>{let t=yl(),{formState:{errors:o},handleSubmit:r,control:n}=t;return V.createElement("div",{className:"flex flex-col gap-4"},V.createElement(T,{dir:e.direction},V.createElement(N,{headless:!0},V.createElement("div",null,e.showError&&V.createElement(Fe,{title:e.errorTitle,text:e.errorText,severity:"error"}),V.createElement(hl,{...t},V.createElement("form",{onSubmit:r(i=>e.handleSignUp(i))},V.createElement("div",null,e.signUpFields.map((i,a)=>{if(i==="fullname")return V.createElement(Nt,{key:a,control:n,name:"fullName",render:({field:s})=>V.createElement(H,{width:"full",type:"text",label:e.texts.fullNameLabel,placeholder:e.texts.fullNamePlaceholder,helpertext:o.fullName?.message,onChange:s.onChange,value:s.value??""}),rules:{required:e.texts.fullNameRequiredText}});if(i==="email")return V.createElement(Nt,{key:a,control:n,name:"email",render:({field:s})=>V.createElement(H,{width:"full",type:"text",autoComplete:"email",label:e.texts.emailLabel,helpertext:o.email?.message,placeholder:e.texts.emailPlaceholder,onChange:s.onChange,value:s.value??""}),rules:{required:e.texts.emailRequiredText,pattern:{value:/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,message:e.texts.emailInvalidText}}});if(i==="username")return V.createElement(Nt,{key:a,control:n,name:"username",render:({field:s})=>V.createElement(H,{width:"full",type:"text",autoComplete:"username",label:e.texts.usernameLabel,helpertext:o.username?.message,placeholder:e.texts.usernamePlaceholder,onChange:s.onChange,value:s.value??""}),rules:{required:e.texts.usernameRequired}})})),V.createElement(Nt,{control:n,name:"password",render:({field:i})=>V.createElement(H,{width:"full",type:"password",autoComplete:"new-password",label:e.texts.passwordLabel,placeholder:e.texts.passwordPlaceholder,helpertext:o.password?.message,onChange:i.onChange,value:i.value??""}),rules:{required:e.texts.passwordRequiredText}}),V.createElement(Nt,{control:n,name:"confirm_password",render:({field:i})=>V.createElement(H,{width:"full",type:"password",autoComplete:"new-password",label:e.texts.confirmPasswordLabel,placeholder:e.texts.confirmPasswordPlaceholder,helpertext:o.confirm_password?.message,onChange:i.onChange,value:i.value??""}),rules:{required:e.texts.passwordRequiredText}}),e.showRefCode&&V.createElement(Nt,{control:n,name:"refCode",render:({field:i})=>V.createElement(H,{width:"full",type:"text",label:e.texts.refCode,placeholder:e.texts.passwordPlaceholder,helpertext:o.password?.message,value:i.value??"",onChange:i.onChange})}),e.showUserSource&&V.createElement("div",null,V.createElement(Nt,{control:n,name:"reference",render:({field:i})=>V.createElement(jt,{label:"How did you learn about us?",isCreatable:!1,isMulti:!1,isSearchable:!1,isClearable:!1,options:[{value:"friend",label:"From a friend"},{value:"ad",label:"Advertisement"},{value:"other",label:"Other"}],onChange:a=>{i.onChange(a.value)}})})),e.showTermsOption&&V.createElement(Nt,{control:n,name:"terms_accepted",render:({field:i})=>V.createElement(Vo,{id:"terms_accepted",helperText:o.terms_accepted?.message,onChange:a=>i.onChange(a),label:V.createElement("span",null,e.texts.iAcceptText," ",V.createElement("a",{onClick:e.handleRouteToTOS,className:"clickable-link"},e.texts.termsText))}),rules:{required:e.texts.termsRequiredText}}),e.showNewsletterOption&&V.createElement(Nt,{control:n,name:"newsletter_accepted",render:({field:i})=>V.createElement(Vo,{id:"newsletter_accepted",label:e.texts.subscribeToNewsletter,onChange:i.onChange})}),V.createElement(p,{className:"w-full",isLoading:e.isLoading},e.texts.signUpText))),V.createElement("div",{className:"flex flex-row items-center justify-center gap-1 p-3 text-center text-sm font-normal dark:text-white"},V.createElement("span",null,e.texts.existingUserText),V.createElement("span",{onClick:e.handleRouteToSignIn,className:"clickable-link"},e.texts.signInText)))),e.viaGithub||e.viaGoogle||e.viaTwitter?V.createElement(me,{className:m(e.logosOnly?"flex flex-row justify-center gap-2":"grid grid-cols-1 gap-2")},e.viaGoogle&&V.createElement(p,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:e.handleGoogleSignUp},V.createElement(xe.google,{className:"h-4 w-4"}),!e.logosOnly&&e.texts.signUpViaGoogleLabel),e.viaGithub&&V.createElement(p,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:e.handleGithubSignUp},V.createElement(xe.gitHub,{className:"h-4 w-4"}),!e.logosOnly&&e.texts.signUpViaGithubLabel),e.viaTwitter&&V.createElement(p,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:e.handleTwitterSignUp},V.createElement(xe.twitter,{className:"h-4 w-4"}),!e.logosOnly&&e.texts.signUpViaTwitterLabel)):null),V.createElement(Lo,{currentColorMode:e.currentColorMode,currentLanguage:e.currentLanguage,handleColorMode:e.handleColorMode,handleLanguage:e.handleLanguage}))};import Ae,{useState as wl}from"react";import{Controller as hn,FormProvider as Cl,useForm as Fl}from"react-hook-form";var p2=e=>{let[t,o]=wl(!1),r=Fl(),{formState:{errors:n},handleSubmit:i,control:a}=r,s=l=>{l.password===l.confirmPassword?e.handleNewPassword():o(!0)};return Ae.createElement(T,{dir:e.direction},t&&Ae.createElement(Fe,{text:e.texts.passwordMatchError,severity:"error"}),e.passwordChanged?Ae.createElement(N,{headless:!0},Ae.createElement("div",{className:"text-center"},e.texts.passwordChanged)):Ae.createElement(Cl,{...r},Ae.createElement("form",{onSubmit:i(s)},!e.headless&&Ae.createElement(Ne,null,Ae.createElement(Te,null,"Create Password"),Ae.createElement(at,null,"Set a new password for your account")),Ae.createElement(N,{headless:e.headless},Ae.createElement(hn,{control:a,name:"password",render:({field:l})=>Ae.createElement(H,{width:"full",type:"password",autoComplete:"new-password",label:e.texts.passwordLabel,placeholder:e.texts.passwordPlaceholder,helpertext:n.password?.message,...l,value:l.value??""}),rules:{required:e.texts.passwordRequiredText}}),Ae.createElement(hn,{control:a,name:"confirmPassword",render:({field:l})=>Ae.createElement(H,{width:"full",type:"password",autoComplete:"new-password",label:e.texts.confirmPasswordLabel,placeholder:e.texts.confirmPasswordPlaceholder,helpertext:n.confirmPassword?.message,...l,value:l.value??""}),rules:{required:e.texts.confirmPasswordRequiredText}})),Ae.createElement(me,null,Ae.createElement(p,{className:"w-full",type:"submit"},e.texts.updatePassword)))))};import Be from"react";import{Controller as Nl,useForm as Tl}from"react-hook-form";var F2=e=>{let t=Tl(),{formState:{errors:o},handleSubmit:r,register:n,control:i}=t;return Be.createElement(T,{dir:e.direction},e.sent?Be.createElement(N,{headless:!0},Be.createElement("div",{className:"text-center"},e.texts?.emailSentText)):Be.createElement(Be.Fragment,null,!e.headless&&Be.createElement(Ne,null,Be.createElement(Te,null,"Reset Password"),Be.createElement(at,null,"Enter your email to reset your account password")),Be.createElement("form",{onSubmit:r(e.handleResetPassword)},Be.createElement(N,{headless:e.headless},Be.createElement(Nl,{control:i,name:"email",render:({field:a})=>Be.createElement(H,{width:"full",type:"text",label:e.texts?.emailLabel,helpertext:o.email?.message,placeholder:e.texts?.emailPlaceholder,...a,value:a.value??""}),rules:{required:e.texts?.emailRequiredText,pattern:{value:/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,message:e.texts?.emailInvalidText}}}),Be.createElement("div",{className:"pb-2 text-start text-sm dark:text-gray-300"},e.texts?.dontHaveAccount??"Don't have an account? ",Be.createElement("span",{onClick:e.handleRouteToSignUp,className:"clickable-link"},e.texts?.signUpText??"Sign Up"))),Be.createElement(me,null,Be.createElement(p,{type:"submit",className:"w-full"},e.texts?.resetPassword)))))};import Ie,{useState as kl}from"react";var M2=e=>{let[t,o]=kl(null);return Ie.createElement(T,null,Ie.createElement(N,{headless:!0},e.showError&&Ie.createElement(Fe,{title:e.errorTitle,text:e.errorText,severity:"error"}),Ie.createElement("div",{className:"mb-4 dark:text-white"},Ie.createElement("div",{className:"text-lg font-bold"},e.texts.checkYourPhone??"Please check your phone"),Ie.createElement("div",{className:"text-muted-foreground"},Ie.createElement("span",null,e.texts.weSentCode??"We've sent a code to "),Ie.createElement("span",null,e.phoneNumber))," "),Ie.createElement("form",{onSubmit:r=>{r.preventDefault(),t&&e.submitConfirmation(t)}},Ie.createElement(So,{width:"full",digits:6,getPins:r=>o(r)}),Ie.createElement("div",{className:" py-2 text-center text-xs text-muted-foreground"},Ie.createElement("span",null,e.texts.didntGetCode??"Didn't get the code?")," ",Ie.createElement("span",{className:"clickable-link"},e.texts.resendCode??"Click to resend")),Ie.createElement("div",{className:"mt-4 grid grid-cols-2 gap-2"},Ie.createElement(p,{variant:"secondary"},e.texts.cancel??"Cancel"),Ie.createElement(p,null,e.texts.confirm??"Confirm")))))};import mt from"react";var D2=({texts:e,handleResend:t})=>mt.createElement(T,null,mt.createElement(N,{headless:!0},mt.createElement("div",{className:"flex flex-col items-center justify-center text-center"},mt.createElement("div",{className:"flex h-16 w-16 flex-col items-center justify-center rounded-3xl bg-primary text-6xl font-bold text-primary-foreground"},mt.createElement("svg",{stroke:"currentColor",fill:"none","stroke-width":"2",viewBox:"0 0 24 24","stroke-linecap":"round","stroke-linejoin":"round",height:"0.5em",width:"0.5em",xmlns:"http://www.w3.org/2000/svg"},mt.createElement("path",{d:"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"}),mt.createElement("polyline",{points:"22,6 12,13 2,6"}))),mt.createElement("div",{className:"m-2 text-xl font-bold"},e?.checkEmail??"Check you email"),mt.createElement("div",{className:"text-sm"},e?.pleaseVerify??"Thank you for signing up! To complete your registration, we've sent a verification email to the address you provided. Please check your inbox and follow the instructions in the email to activate your account."))),mt.createElement(me,{className:"flex flex-col justify-center "},mt.createElement("span",{className:"clickable-link text-sm",onClick:t},e?.resendEmail??"Resend Email")));import R,{useState as jl}from"react";var R2=e=>{let[t,o]=jl("");return R.createElement(T,null,R.createElement(Ne,null,R.createElement(Te,null,"Choose Payment Method"),R.createElement(at,null,"And you'll be directed to the next step to complete the payment")),R.createElement(N,{className:"grid grid-cols-2 gap-4"},R.createElement(p,{className:m("flex w-full flex-col gap-2 pt-6",t==="mada"&&"outline outline-4 outline-primary"),variant:"outline",size:"heightless",disabled:!e.viaMada,onClick:()=>o("mada")},R.createElement("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/mada.png",className:"h-6"}),R.createElement("span",null,e.madaLabel)),R.createElement(p,{className:m("flex w-full flex-col gap-2",t==="apple-pay"&&"outline outline-4 outline-primary"),variant:"outline",size:"heightless",disabled:!e.viaApplePay,onClick:()=>o("apple-pay")},R.createElement("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/apple-pay.png",className:"h-11"}),R.createElement("span",null,e.applePayLabel)),R.createElement(p,{className:m("flex w-full flex-col gap-2",t==="visa-master"&&"outline outline-4 outline-primary"),variant:"outline",size:"heightless",disabled:!e.viaCreditCard,onClick:()=>o("visa-master")},R.createElement("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/visa-master.png",className:"h-6"}),R.createElement("span",null,e.visaMasterLabel)),R.createElement(p,{variant:"outline",size:"heightless",className:m("flex w-full flex-col gap-2",t==="wallet"&&"outline outline-4 outline-primary"),disabled:!e.viaWallet,onClick:()=>o("wallet")},R.createElement("svg",{version:"1.1",fill:"currentColor",viewBox:"0 0 223 223",className:"h-6 w-6"},R.createElement("g",null,R.createElement("path",{d:`M223,94.5c0-6.075-4.925-11-11-11h-63c-6.075,0-11,4.925-11,11v33c0,6.075,4.925,11,11,11h63c6.075,0,11-4.925,11-11V94.5z
3
3
  M169.515,123.967c-7.082,0-12.823-5.741-12.823-12.823c0-7.082,5.741-12.823,12.823-12.823c7.082,0,12.823,5.741,12.823,12.823
4
- C182.338,118.225,176.597,123.967,169.515,123.967z`}),J.createElement("path",{d:`M123.509,68.5H205v-33c0-8.271-6.395-15-14.667-15h-175C7.062,20.5,0,27.229,0,35.5v152c0,8.271,7.062,15,15.333,15h175
5
- c8.271,0,14.667-6.729,14.667-15v-34h-81.342L123.509,68.5z`}))),J.createElement("span",null,e.walletLabel)),J.createElement(p,{variant:"outline",size:"heightless",className:u("flex w-full flex-col gap-2",t==="stc-pay"&&"outline outline-4 outline-primary"),disabled:!e.viaSTCPay,onClick:()=>r("stc-pay")},J.createElement("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/stc-pay.png",className:"h-6"}),J.createElement("span",null,e.stcPayLabel)),J.createElement(p,{variant:"outline",size:"heightless",className:u("flex w-full flex-col gap-2",t==="google-pay"&&"outline outline-4 outline-primary"),disabled:!e.viaGooglePay,onClick:()=>r("google-pay")},J.createElement("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/google-pay.png",className:"h-6"}),J.createElement("span",null,e.googlePayLabel)),J.createElement(p,{variant:"outline",size:"heightless",className:u("col-span-2 flex w-full flex-col gap-2",t==="paypal"&&"outline outline-4 outline-primary"),disabled:!e.viaPayPal,onClick:()=>r("paypal")},J.createElement("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/paypal.png",className:"h-6"}),J.createElement("span",null,e.paypalLabel))),J.createElement(de,null,J.createElement(p,{onClick:()=>e.handleContinue(t),className:"w-full",disabled:!t},"Continue")))};import Ae,{useEffect as hl,useState as pn}from"react";import{Controller as Ar,useForm as wl}from"react-hook-form";var _2=e=>{let[t,r]=pn(""),[o,n]=pn(""),i=wl(),{formState:{errors:a},handleSubmit:s,control:l}=i,w=y=>{let f=/^4[0-9]{0,15}$/m,g=/^5$|^5[0-5][0-9]{0,16}$/m,v=/^3$|^3[47][0-9]{0,13}$/m,b=/^(440647|440795|446404|457865|968208|457997|474491|636120|417633|468540|468541|468542|468543|968201|446393|409201|458456|484783|462220|455708|410621|455036|486094|486095|486096|504300|440533|489318|489319|445564|968211|410685|406996|432328|428671|428672|428673|968206|446672|543357|434107|407197|407395|412565|431361|604906|521076|529415|535825|543085|524130|554180|549760|968209|524514|529741|537767|535989|536023|513213|520058|558563|588982|589005|531095|530906|532013|968204|422817|422818|422819|428331|483010|483011|483012|589206|968207|419593|439954|530060|531196|420132)/,P=/^507803[0-6][0-9]|507808[3-9][0-9]|507809[0-9][0-9]|507810[0-2][0-9]/,F="visa";return y.replace(/[^\d]/g,"").match(b)?F="mada":y.replace(/[^\d]/g,"").match(P)?F="meeza":y.replace(/[^\d]/g,"").match(f)?F="visa":y.replace(/[^\d]/g,"").match(g)?F="mastercard":y.replace(/[^\d]/g,"").match(v)&&(F="amex"),F},C=y=>{let{value:f,name:g}=y.target,v=f;f=f.replace(/\D/g,""),/^3[47]\d{0,13}$/.test(f)?v=f.replace(/(\d{4})/,"$1 ").replace(/(\d{4}) (\d{6})/,"$1 $2 "):/^3(?:0[0-5]|[68]\d)\d{0,11}$/.test(f)?v=f.replace(/(\d{4})/,"$1 ").replace(/(\d{4}) (\d{6})/,"$1 $2 "):/^\d{0,16}$/.test(f)&&(v=f.replace(/(\d{4})/,"$1 ").replace(/(\d{4}) (\d{4})/,"$1 $2 ").replace(/(\d{4}) (\d{4}) (\d{4})/,"$1 $2 $3 ")),console.log("card number is ",v.trimRight()),r(v.trimRight())};return hl(()=>{let y=w(t);n(y)}),Ae.createElement(T,null,Ae.createElement("form",{onSubmit:s(e.handle)},Ae.createElement(N,{headless:!0},Ae.createElement("div",{className:"flex flex-row gap-4"},Ae.createElement(Ar,{control:l,name:"cardNumber",render:({field:y})=>Ae.createElement(H,{width:"full",name:"cardNumber",placeholder:"1234 1234 1234 1234",type:"number",onChange:C,label:"Card Number",helpertext:a.password?.message,iconInside:Ae.createElement("img",{src:`https://sikka-images.s3.ap-southeast-1.amazonaws.com/payment-symbols/borderless/${o}.png`,alt:"",className:"h-8"})}),rules:{required:"Card Number is rquired"}}),Ae.createElement("div",{className:"w-1/4"},Ae.createElement(Ar,{control:l,name:"cardCVC",render:({field:y})=>Ae.createElement(H,{width:"full",name:"cardCVC",maxLength:"3",autoComplete:"cc-number",placeholder:"CVC",type:"number",label:"CVC",helpertext:a.password?.message}),rules:{required:"Password is rquired"}}))),Ae.createElement(Ar,{control:l,name:"cardExpiry",render:({field:y})=>Ae.createElement(H,{width:"full",name:"cardExpiry",placeholder:"MM / YY",type:"password",label:"Expiry Date",helpertext:a.password?.message}),rules:{required:"Password is rquired"}}),Ae.createElement(Ar,{control:l,name:"cardName",render:({field:y})=>Ae.createElement(H,{width:"full",name:"cardName",type:"text",label:"Name on card",helpertext:a.password?.message}),rules:{required:"Card holder name is rquired"}})),Ae.createElement(de,null,Ae.createElement(p,{className:"w-full",onClick:e.handlePayWithCreditCard},"Pay with Credit Card"))))};import Re,{useState as Cl}from"react";var J2=e=>{let[t,r]=Cl(0);return Re.createElement(T,null,Re.createElement(N,{headless:!0},Re.createElement("div",{className:"p-4 text-center"},Re.createElement("div",{className:" text-5xl font-extrabold"},Number(t).toLocaleString("en")||"0"),Re.createElement("div",{className:"text-sm font-normal"},e.currency||"SAR")),Re.createElement("div",{className:"mb-2 flex w-full flex-col gap-4 text-center"},Re.createElement("div",{className:"mb-2 flex w-full flex-row gap-4 text-center"},Re.createElement(p,{variant:"outline",className:"h-full w-full"},"10 SAR"),Re.createElement(p,{variant:"outline",className:"h-full w-full"},"50 SAR"),Re.createElement(p,{variant:"outline",className:"h-full w-full"},"100 SAR")),Re.createElement(At,{placeholder:"Custom Amount",type:"number",name:"amount"})),Re.createElement(p,{className:"mt-6 w-full"},e.texts.chargeWallet)))};import gr from"react";var ox=e=>gr.createElement(T,null,gr.createElement(N,{headless:!0},gr.createElement("div",{className:"text-center text-5xl font-extrabold"},e.walletBalance||"0",gr.createElement("div",{className:"text-sm font-normal"},e.currency||"SAR")),gr.createElement(p,{className:"mt-6 w-full",onClick:e.handlePayWithWallet},"Pay Now")));import D from"react";import{Controller as Ct,FormProvider as Fl,useForm as Nl}from"react-hook-form";var ux=e=>{let t=e.lang==="ar",r=Nl(),{formState:{errors:o},handleSubmit:n,register:i,control:a}=r,s={display:"flex",padding:0,paddingRight:"0px !important",paddingLeft:"0px !important",flexDirection:{xs:"column",sm:"row",md:"row",lg:"row",xl:"row"}};return D.createElement(T,null,D.createElement(Ce,null,D.createElement(Fe,null,e.texts.orderDetails)),D.createElement(N,null,D.createElement("div",null,D.createElement("div",{className:"rounded border border-gray-300"},D.createElement(To,{pagination:!1,direction:t?"rtl":"ltr",columns:[{hidden:!1,value:"Product"},{hidden:!0,value:"ID"},{hidden:!1,value:"Price"}],borders:"inner",rows:e.products,bordersWidth:"1"})))),D.createElement(Ce,null,D.createElement(Fe,null,e.texts.billingAddress)),D.createElement("form",{onSubmit:n(e.handlePayNow)},D.createElement(N,null,D.createElement("div",null,D.createElement(Fl,{...r},D.createElement("div",null,D.createElement(Ct,{control:a,name:"firstName",rules:{required:e.texts?.required},render:({field:l})=>D.createElement(H,{type:"text",label:e.texts?.firstNameLabel+" *",helpertext:o.firstName?.message,...l,value:l.value??""})}),D.createElement("div",{style:{width:20}}),D.createElement(Ct,{control:a,name:"lastName",rules:{required:e.texts?.required},render:({field:l})=>D.createElement(H,{width:"full",type:"text",label:e.texts?.lastNameLabel+" *",helpertext:o.lastName?.message,...l,value:l.value??""})})),D.createElement(Ct,{control:a,name:"email",render:({field:l})=>D.createElement(H,{width:"full",type:"text",label:e.texts?.emailLabel+" *",helpertext:o.email?.message,...l,value:l.value??""}),rules:{required:e.texts?.emailRequiredText,pattern:{value:/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,message:e.texts?.emailInvalidText}}}),D.createElement("div",{className:"flex flex-col md:flex-row"},D.createElement(Ct,{control:a,name:"streetAddress",rules:{required:e.texts?.required},render:({field:l})=>D.createElement(H,{width:"full",type:"text",label:e.texts?.streetAddressLabel+" *",helpertext:o.streetAddress?.message,...l,value:l.value??""})})),D.createElement("div",{className:"flex flex-col md:flex-row"},D.createElement(Ct,{control:a,name:"province",rules:{required:e.texts?.required},render:({field:l})=>D.createElement(H,{width:"full",type:"text",label:e.texts?.stateLabel+" *",helpertext:o.province?.message,...l,value:l.value??""})}),D.createElement("div",{style:{width:20}}),D.createElement(Ct,{control:a,name:"city",rules:{required:e.texts?.required},render:({field:l})=>D.createElement(H,{width:"full",type:"text",label:e.texts?.cityLabel+" *",helpertext:o.city?.message,...l,value:l.value??""})})),D.createElement("div",{className:"flex flex-col md:flex-row"},D.createElement(Ct,{control:a,name:"buildingNumber",rules:{required:e.texts?.required},render:({field:l})=>D.createElement(H,{width:"full",type:"text",label:e.texts?.buildingNumberLabel+" *",helpertext:o.buildingNumber?.message,...l,value:l.value??""})}),D.createElement("div",{style:{width:20}}),D.createElement(Ct,{control:a,name:"zipCode",rules:{required:e.texts?.required},render:({field:l})=>D.createElement(H,{width:"full",type:"number",label:e.texts?.zipCodeLabel+" *",helpertext:o.zipCode?.message,...l,value:l.value??""})})),D.createElement("div",{className:"mb-3"},D.createElement(Ct,{control:a,name:"country",rules:{required:e.texts?.required},render:({field:l})=>D.createElement(Nt,{native:!0,label:e.texts?.countryLabel+" *",helperText:o.country?.message,options:br,getOptionLabel:w=>w.country_label,onChange:w=>l.onChange(w.country_label),value:l.value??""},D.createElement("option",null),e.countriesList.map((w,C)=>D.createElement("option",{key:C},w)))}))))),D.createElement(de,null,D.createElement(p,{className:"w-full"},e.texts.payNow))," "))};import We from"react";var bx=e=>{let t=e.lang==="ar";return We.createElement(T,null,We.createElement(N,{headless:!0}," ",We.createElement("div",{className:"py-5 text-center text-3xl font-bold dark:text-white"},e.confirmationTitle),We.createElement("div",{className:"py-5 dark:text-white"},We.createElement("div",{className:"mb-2 text-center"},e.texts.successMessage," ",We.createElement("strong",null,e.userEmail)),We.createElement("div",{className:"text-center"},e.texts.yourOrderNumber),We.createElement("div",{className:"text-center font-bold"},e.orderNumber)),We.createElement("div",{className:"flex flex-col items-center justify-center gap-4 py-5 pt-0"},We.createElement(p,{className:"w-full",onClick:e.handlePrint},e.texts.print),We.createElement(p,{className:"w-full",onClick:e.handleHistory},e.texts.history),We.createElement(p,{className:"w-full",onClick:e.handleHome},e.texts.homePage),We.createElement("div",{className:" text-center text-sm dark:text-white"},e.texts.fasterPaymentNote),We.createElement("a",{className:"clickable-link text-xs",onClick:e.handleRefundPolicyLink},e.texts.refundPolicy))))};import Rt from"react";var Mx=e=>Rt.createElement("div",null,Rt.createElement("div",{className:"mb-2 flex w-full justify-between"},Rt.createElement(fe,{design:"tabs",defaultValue:e.currentCycle,options:e.billingCycles,onChangeTab:t=>e.onCycleChange(t)}),Rt.createElement(fe,{design:"tabs",defaultValue:e.currentCurrency,options:e.currencies,onChangeTab:t=>e.onCurrencyChange(t)})),Rt.createElement("div",{className:"flex flex-row justify-between"},e.plans.map((t,r)=>Rt.createElement(Go,{key:r,onPlanClicked:()=>e.onPlanClicked(t),...t,texts:{...t.texts,currencyText:e.currentCurrency,cycleText:e.currentCycle}}))));import oe,{useState as xn}from"react";var Tl=()=>oe.createElement("svg",{className:"h-5 w-5 text-green-500","aria-hidden":"true",fill:"currentColor",viewBox:"0 0 20 20"},oe.createElement("path",{fillRule:"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",clipRule:"evenodd"})),vn=()=>oe.createElement("svg",{className:"h-5 w-5 text-red-500","aria-hidden":"true",fill:"currentColor",viewBox:"0 0 20 20"},oe.createElement("path",{fillRule:"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",clipRule:"evenodd"})),Dx=e=>{let[t,r]=xn("sar"),[o,n]=xn("month");return oe.createElement("div",{id:"detailed-pricing",className:"w-full overflow-x-auto"},oe.createElement("div",{className:"mb-2 flex w-full justify-between"},oe.createElement(fe,{design:"tabs",defaultValue:o,options:e.billingCycles,onChangeTab:i=>e.onCycleChange(i)}),oe.createElement(fe,{design:"tabs",defaultValue:t,options:e.currencies,onChangeTab:i=>e.onCurrencyChange(i)})),oe.createElement("div",{className:" overflow-hidden rounded"},oe.createElement("div",{className:"grid grid-cols-4 gap-x-2 border-b border-t border-gray-200 bg-gray-100 p-4 text-sm font-medium text-gray-900 dark:border-gray-700 dark:bg-gray-800 dark:text-white"},oe.createElement("div",{className:"flex items-center"}),e.plans.map(i=>oe.createElement("div",null,oe.createElement("h5",{className:"text-md 0 font-bold text-gray-500 dark:text-gray-400"},i.texts.title),oe.createElement("div",{className:" flex items-baseline text-gray-900 dark:text-white"},oe.createElement(oe.Fragment,null,oe.createElement("span",{className:"text-5xl font-extrabold tracking-tight"},i.price),oe.createElement("span",{className:"mx-1 text-sm font-semibold"},i.texts.currencyText)),oe.createElement("span",{className:"ml-1 text-xl font-normal text-gray-500 dark:text-gray-400"},"/ ",i.texts.cycleText)),oe.createElement("h5",{className:"text-md font-normal text-gray-500 dark:text-gray-400"},i.texts.subtitle)))),e.plans?.map(i=>i.features.map(a=>oe.createElement("div",{className:"grid grid-cols-4 gap-x-16 border-b border-gray-200 px-4 py-5 text-sm text-gray-700 dark:border-gray-700"},oe.createElement("div",{className:" flex flex-row items-center gap-2 text-gray-500 dark:text-gray-400"},a.text,a.description&&oe.createElement(gt,{side:"right",content:a.description},oe.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 16 16",height:"1em",width:"1em"},oe.createElement("path",{d:"M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"})))),oe.createElement(vn,null),oe.createElement(Tl,null),oe.createElement(vn,null))))))};import me,{useState as kl}from"react";import jl from"clsx";var Ux=e=>{let[t,r]=kl(null),o=[{title:"basic",price:"$49",cycle:"/mo"},{title:"business",price:"$99",cycle:"/mo"},{title:"enterprise",price:"$149",cycle:"/mo"}];return me.createElement("div",{className:"z-10 w-full max-w-screen-sm"},me.createElement("div",{className:"max-w-2xl "},me.createElement("div",{className:"flex flex-row justify-between"},me.createElement(fe,{design:"tabs",options:e.currencies,defaultValue:e.currentCurrency}),me.createElement(fe,{design:"tabs",options:e.billingCycles,defaultValue:e.currentCycle})),o.map(n=>me.createElement("label",{htmlFor:n.title,className:"",onClick:()=>r(n.title)},me.createElement("input",{type:"radio",name:"radio",id:n.title,className:"peer appearance-none"}),me.createElement("div",{className:jl(t===n.title?"peer-checked:border-blue-500":"","peer flex cursor-pointer items-center justify-between rounded-xl border bg-background px-5 py-4 shadow dark:text-white peer-checked:[&_.active]:block peer-checked:[&_.default]:hidden")},me.createElement("div",{className:"peer flex items-center gap-4"},me.createElement(Sl,null),me.createElement(Pl,{title:"Enterprise",subtitle:"For startups and new businesses"})),me.createElement(Ml,{amount:n.price,cycle:n.cycle}))))))},Sl=()=>me.createElement(me.Fragment,null,me.createElement("svg",{fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:"currentColor",className:"default h-8 w-8 text-neutral-500"},me.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"})),me.createElement("svg",{viewBox:"0 0 24 24",fill:"currentColor",className:"active hidden h-8 w-8 text-blue-500"},me.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zm13.36-1.814a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z"}))),Pl=e=>me.createElement("div",{className:"peer flex flex-col items-start "},me.createElement("h2",{className:"font-medium text-neutral-700 dark:text-gray-100 sm:text-xl"},e.title),me.createElement("p",{className:"text-sm text-neutral-500 dark:text-gray-300"},e.subtitle," ")),Ml=e=>me.createElement("h2",{className:"peer text-xl font-semibold text-neutral-900 dark:text-white sm:text-2xl"},e.amount,me.createElement("span",{className:"text-base font-medium text-neutral-400"},e.cycle));import ye from"react";var $x=({referralLink:e,referralCode:t})=>ye.createElement(T,null,ye.createElement(N,{headless:!0},ye.createElement("div",{className:"my-2 mt-0"},ye.createElement("div",{className:"mb-1"},"Referral Code"),ye.createElement("div",{className:"flex flex-row items-center justify-between rounded border bg-background"},ye.createElement("span",{className:"ml-3 font-bold"},t),ye.createElement(p,{onClick:()=>navigator.clipboard.writeText(t)},ye.createElement("span",{className:"bg-red flex items-center justify-center"},ye.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 512 512",height:"1em",width:"1em"},ye.createElement("path",{d:"M464 0c26.51 0 48 21.49 48 48v288c0 26.51-21.49 48-48 48H176c-26.51 0-48-21.49-48-48V48c0-26.51 21.49-48 48-48h288M176 416c-44.112 0-80-35.888-80-80V128H48c-26.51 0-48 21.49-48 48v288c0 26.51 21.49 48 48 48h288c26.51 0 48-21.49 48-48v-48H176z"}))," ")))),ye.createElement("div",{className:"my-2 mt-0"},ye.createElement("div",{className:"mb-1"},"Referral Link"),ye.createElement("div",{className:"flex flex-row items-center justify-between rounded border bg-background"},ye.createElement("span",{className:"ml-3 font-bold"},e),ye.createElement(p,{onClick:()=>navigator.clipboard.writeText(e)},ye.createElement("span",{className:"bg-red flex items-center justify-center"},ye.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 512 512",height:"1em",width:"1em"},ye.createElement("path",{d:"M464 0c26.51 0 48 21.49 48 48v288c0 26.51-21.49 48-48 48H176c-26.51 0-48-21.49-48-48V48c0-26.51 21.49-48 48-48h288M176 416c-44.112 0-80-35.888-80-80V128H48c-26.51 0-48 21.49-48 48v288c0 26.51 21.49 48 48 48h288c26.51 0 48-21.49 48-48v-48H176z"}))," "))))));import re from"react";import{Controller as El,FormProvider as Ll,useForm as Al}from"react-hook-form";var av=({referralLink:e,referralCode:t,withdrawError:r})=>{let o=Al(),{formState:{errors:n},handleSubmit:i,control:a}=o;return re.createElement(T,null,re.createElement(N,{headless:!0},re.createElement("div",null,re.createElement(Ll,{...o},re.createElement(H,{label:"IBAN"}),re.createElement(H,{label:"Holder Name"}),re.createElement(El,{control:a,name:"bank",render:({field:s})=>re.createElement(Nt,{label:"Bank",isCreatable:!1,isMulti:!1,isSearchable:!1,isClearable:!1,options:[{value:"snb",label:"Saudi National Bank"},{value:"bilad",label:"Al Bilad Bank"},{value:"rajihi",label:"Al Rajihi Bank"}],onInputChange:(l,w)=>console.log("changing",l),...s,onChange:(l,w)=>console.log("chooo",l)})}))),re.createElement("div",null,re.createElement(p,{className:"mt-6 w-full"},"Add Bank Account")),r&&re.createElement("div",null,re.createElement(we,{text:"Sorry can't withdraw the money at the moment. Please try again in 2022/11/20",severity:"warning"})),re.createElement("div",{className:"mt-3"},re.createElement("div",{className:"mb-1"},"Settlement Accounts"),re.createElement("div",{className:"rounded"},re.createElement(ao,{bank:"Al Inma Bank",iban:"SA10228094028098329119",accountHolder:"Zakher Masri",default:!0}),re.createElement(ao,{bank:"Al Rajihi Bank",iban:"SA10228094028098329119",accountHolder:"Zakher Masri"}),re.createElement(ao,{bank:"Al Inma Bank",iban:"SA10228094028098329119",accountHolder:"Zakher Masri"})))))},ao=e=>re.createElement("div",{className:"mb-3 flex flex-row items-center justify-between rounded border bg-background p-3"},re.createElement("div",{className:"flex flex-col justify-between"},re.createElement("div",{className:"text-xs"},e.bank),re.createElement("div",null,e.accountHolder),re.createElement("div",{className:"text-xs"},e.iban)),re.createElement("div",{className:"flex flex-row items-center justify-center gap-2"},e.default&&re.createElement(Zt,{label:"Default",size:"small"}),re.createElement(Yt,{size:"small",menuItems:[[{label:"Set Default",disabled:e.default},{label:"Edit"},{label:"Delete"}]]},re.createElement(p,{variant:"outline",size:"icon"},re.createElement("svg",{"aria-label":"Vertical Three Dots Menu Icon",className:"rotate-90",stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 16 16",height:"1em",width:"1em"},re.createElement("path",{d:"M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"}))))));import le from"react";var gv=({referralLink:e,referralCode:t,withdrawError:r})=>le.createElement(T,null,le.createElement(N,{headless:!0},le.createElement("div",{className:"mb-1"},"Stats"),le.createElement("div",{className:"justi flex flex-row gap-1"},le.createElement(lo,{title:"Clicks",number:22}),le.createElement(lo,{title:"Sign-ups",number:32}),le.createElement(lo,{title:"Commission",number:"213.22 SAR"})),le.createElement(p,{className:"mt-6 w-full"},"Withdraw Money"),r&&le.createElement("div",null,le.createElement(we,{text:"Sorry can't withdraw the money at the moment. Please try again in 2022/11/20",severity:"warning"})),le.createElement("div",{className:"mt-3"},le.createElement("div",{className:"mb-1"},"Sign ups"),le.createElement("div",{className:"rounded"},le.createElement(fr,{date:"2020/10/11 @ 9:45 pm",email:"zakher@sikka.io",amount:"3.4 SAR / Month"}),le.createElement(fr,{date:"2022/10/11 @ 9:45 pm",email:"zakher@sikka.io",amount:"3.4 SAR / Month"}),le.createElement(fr,{date:"2022/10/11 @ 9:45 pm",email:"zakher@sikka.io",amount:"3.4 SAR / Month"}),le.createElement(fr,{date:"2022/10/11 @ 9:45 pm",email:"zakher@sikka.io",amount:"3.4 SAR / Month"}),le.createElement(fr,{date:"2022/10/11 @ 9:45 pm",email:"zakher@sikka.io",amount:"3.4 SAR / Month"}))))),lo=e=>le.createElement("div",{className:"w-full rounded border bg-background p-2"},le.createElement("div",{className:"text-sm"},e.title),le.createElement("div",{className:"font-bold"},e.number)),fr=e=>le.createElement("div",{className:"mb-3 rounded border-b bg-background p-2"},le.createElement("div",{className:"text-xs"},e.date),le.createElement("div",{className:"flex flex-row justify-between"},le.createElement("div",null,e.email),le.createElement("div",null,e.amount)));import ft from"react";var Fv=({variant:e="contained",texts:t})=>ft.createElement(T,null,ft.createElement(N,{headless:!0},ft.createElement("div",{className:"flex flex-col items-center dark:text-white"},ft.createElement("div",{className:"text-center text-6xl font-bold "},"404"),ft.createElement("div",{className:"m-2 text-center text-xl font-bold "},t?.pageNotFound??"Page Not Found"),ft.createElement("div",{className:"mb-4 text-center"},t?.ifLost??ft.createElement(ft.Fragment,null,"If you're lost please contact us"," ",ft.createElement("span",{className:"clickable-link"},"help@sikka.io"))),ft.createElement(p,{className:"w-full"},t?.home??"Home"))));import Ft from"react";var Pv=({variant:e="contained",texts:t,onActionClick:r})=>Ft.createElement(T,null,Ft.createElement(N,{headless:!0},Ft.createElement("div",{className:"flex flex-col items-center justify-center text-center "},Ft.createElement("div",{className:"flex h-10 w-10 flex-col items-center justify-center rounded-3xl bg-primary text-6xl font-bold text-primary-foreground"},Ft.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 512 512",height:"0.35em",width:"0.35em"},Ft.createElement("path",{d:"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"}))),Ft.createElement("div",{className:"m-2 text-xl font-bold"},t?.youreCaughtUp??"You're all caught up"))),Ft.createElement(de,null,Ft.createElement(p,{className:"w-full",onClick:()=>r()},t?.actionText??"Go Home")));import Ze from"react";var Bv=e=>Ze.createElement(T,null,Ze.createElement(N,{headless:!0},Ze.createElement("div",null,Ze.createElement("p",{className:"mb-4 max-w-sm"},"The team at Sikka Software is simply amazing. The tech is easy to follow, easy to work with, and infinitely flexible. The solution opportunities created by Tines are endless.")),Ze.createElement("div",{className:"flex flex-row gap-4"},Ze.createElement("svg",{width:"48",height:"48",viewBox:"0 0 48 48",fill:"none"},Ze.createElement("rect",{width:"48",height:"48",rx:"24",fill:"#45BE8B"}),Ze.createElement("path",{d:"M14.1412 22.4427L17.5803 16.5199C17.7671 16.1981 18.1112 16 18.4834 16H20.8581C21.653 16 22.1565 16.8528 21.7725 17.5488L19.3042 22.0225C19.2202 22.1747 19.1762 22.3458 19.1762 22.5196C19.1762 23.0879 19.6369 23.5486 20.2052 23.5486H21.5827C22.1594 23.5486 22.627 24.0162 22.627 24.5929V31.347C22.627 31.9237 22.1594 32.3913 21.5827 32.3913H15.0443C14.4676 32.3913 14 31.9237 14 31.347V22.9671C14 22.7829 14.0487 22.602 14.1412 22.4427Z",fill:"#FFFFFF"}),Ze.createElement("path",{d:"M25.356 22.4427L28.7951 16.5199C28.982 16.1981 29.326 16 29.6982 16H32.0729C32.8679 16 33.3713 16.8528 32.9873 17.5488L30.5191 22.0225C30.4351 22.1747 30.391 22.3458 30.391 22.5196C30.391 23.0879 30.8518 23.5486 31.4201 23.5486H32.7975C33.3743 23.5486 33.8418 24.0162 33.8418 24.5929V31.347C33.8418 31.9237 33.3743 32.3913 32.7975 32.3913H26.2592C25.6824 32.3913 25.2148 31.9237 25.2148 31.347V22.9671C25.2148 22.7829 25.2636 22.602 25.356 22.4427Z",fill:"#FFFFFF"})),Ze.createElement("span",{className:"border border-l "})," ",Ze.createElement("div",null,Ze.createElement("strong",null,"Brent Lassi"),Ze.createElement("div",null," Chief Information Security Officer")))));import Dt from"react";var Vv=({variant:e="contained",texts:t,handleNewsletterSub:r})=>Dt.createElement(T,null,Dt.createElement(Ce,null,Dt.createElement(Fe,null,t?.title),Dt.createElement(ot,null,t?.subtitle)),Dt.createElement(N,null,Dt.createElement("form",{className:"flex flex-row gap-2",onSubmit:o=>{o.preventDefault(),r(o.target[0].value)}},Dt.createElement(At,{type:"email",name:"email",placeholder:"example@sikka.io"}),Dt.createElement(p,null,t?.submit??"Submit"))));import er from"react";var Qv=({variant:e="contained",onActionClick:t,...r})=>er.createElement(T,null,er.createElement(N,{headless:!0,className:"flex flex-row items-center justify-between"},er.createElement("div",{className:"flex flex-col items-start justify-center "},er.createElement("span",{className:"text-lg font-bold"},r.title),er.createElement("span",{className:"text-sm"},r.subtitle)),er.createElement(p,{onClick:()=>t()},r.actionText)));import zt from"react";var Rv=({texts:e})=>zt.createElement(T,null,zt.createElement(N,{headless:!0},zt.createElement("div",{className:"flex flex-col items-center justify-center text-center"},zt.createElement("div",{className:"flex h-10 w-10 flex-col items-center justify-center rounded-3xl bg-primary text-6xl font-bold text-primary-foreground"},zt.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 448 512",height:"0.35em",width:"0.35em"},zt.createElement("path",{d:"M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"}))," "),zt.createElement("div",{className:"m-2 text-xl font-bold"},e?.title??"You don't have permission"),zt.createElement("div",null,e?.subtitle??"If you think this is a problem please contact your administrator or our customer support"))));import{useEffect as vb,useRef as bb,useState as yb}from"react";import{useRef as bn,useState as Bl,useEffect as Il}from"react";function Dl(e){return e.currentTarget instanceof HTMLElement&&e.relatedTarget instanceof HTMLElement?e.currentTarget.contains(e.relatedTarget):!1}function Cb({onBlur:e,onFocus:t}={}){let r=bn(),[o,n]=Bl(!1),i=bn(!1),a=w=>{n(w),i.current=w},s=w=>{i.current||(a(!0),t?.(w))},l=w=>{i.current&&!Dl(w)&&(a(!1),e?.(w))};return Il(()=>{if(r.current)return r.current.addEventListener("focusin",s),r.current.addEventListener("focusout",l),()=>{r.current?.removeEventListener("focusin",s),r.current?.removeEventListener("focusout",l)}},[s,l]),{ref:r,focused:o}}import{useState as zl,useEffect as Hl,useRef as Ol}from"react";function Wl(e,t){try{return e.addEventListener("change",t),()=>e.removeEventListener("change",t)}catch{return e.addListener(t),()=>e.removeListener(t)}}function Vl(e,t){return typeof t=="boolean"?t:typeof window<"u"&&"matchMedia"in window?window.matchMedia(e).matches:!1}function Tb(e,t,{getInitialValueInEffect:r}={getInitialValueInEffect:!0}){let[o,n]=zl(r?t:Vl(e,t)),i=Ol();return Hl(()=>{if("matchMedia"in window)return i.current=window.matchMedia(e),n(i.current.matches),Wl(i.current,a=>n(a.matches))},[e]),o}import{useState as Pb,useEffect as Mb}from"react";import{useEffect as Ul,useState as Gl}from"react";function Bb(e=""){let[t,r]=Gl(e);return Ul(()=>{let n=()=>{let i=window.location.hash.substring(1);r(i||e)};return window.addEventListener("hashchange",n),n(),()=>{window.removeEventListener("hashchange",n)}},[e]),{activeTab:t,handleTabChange:n=>{r(n),window.location.hash=n}}}import{useEffect as _l}from"react";function so(e,t,r){_l(()=>(window.addEventListener(e,t,r),()=>window.removeEventListener(e,t,r)),[e,t])}import{useState as ql,useEffect as Zl}from"react";function mo(){return typeof window<"u"?{x:window.pageXOffset,y:window.pageYOffset}:{x:0,y:0}}function Kl({x:e,y:t}){if(typeof window<"u"){let r={behavior:"smooth"};typeof e=="number"&&(r.left=e),typeof t=="number"&&(r.top=t),window.scrollTo(r)}}function Wb(){let[e,t]=ql({x:0,y:0});return so("scroll",()=>t(mo())),so("resize",()=>t(mo())),Zl(()=>{t(mo())},[]),[e,Kl]}export{t0 as ActionCard,Qv as Announcement,dp as AppLanding,Wg as AppLayout,ff as AppSidebar,Dc as ArrowCarousel,iu as BackToTop,pg as Box,p as Button,T as Card,N as CardContent,ot as CardDescription,de as CardFooter,Ce as CardHeader,Fe as CardTitle,N0 as Carousel,J2 as ChargeWalletForm,y2 as CheckEmail,ux as CheckoutForm,g2 as CodeConfirmation,Dx as ComparingPlans,bx as ConfirmationPage,_2 as CreditCardForm,J0 as Dialog,Sa as DialogContent,La as DialogDescription,Ma as DialogFooter,Pa as DialogHeader,Ea as DialogTitle,$0 as DialogTrigger,Jm as DragDropImages,rc as DraggableCard,kt as DropdownMenu,Pv as EmptyState,Wc as FloatingComment,Jc as FloatingCommentExec,Kc as FloatingCommentSlate,hf as Footer,Ud as HawaAccordion,Iu as HawaAdCard,we as HawaAlert,Qg as HawaAppLayout,rf as HawaAppLayoutSimplified,kf as HawaBanner,bg as HawaBottomAppBar,Ku as HawaButton,Br as HawaCheckbox,Zt as HawaChip,Wm as HawaCodeBlock,go as HawaColorPicker,lf as HawaContainer,fm as HawaCopyrights,_m as HawaDatepicker,cf as HawaGrid,ss as HawaIconCount,du as HawaInlineCode,Tu as HawaItemCard,Wu as HawaLandingCard,Tt as HawaLoading,Yt as HawaMenu,im as HawaModal,es as HawaPanelTabs,Qt as HawaPhoneInput,Uo as HawaPinInput,Go as HawaPricingCard,fe as HawaRadio,fo as HawaRange,zd as HawaSearchBar,Nt as HawaSelect,rd as HawaSettingsRow,Mg as HawaSiteLayout,jm as HawaStats,ym as HawaStepper,Ju as HawaStoreButtons,To as HawaTable,Rd as HawaTabs,H as HawaTextField,ad as HawaTypography,Ux as HorizontalPricing,pe as Icons,At as Input,Tr as InterfaceSettings,Tc as InvoiceAccordion,st as Label,Vv as LeadGenerator,$p as NewPasswordForm,Rv as NoPermission,Fv as NotFound,ox as PayWithWallet,B0 as Popover,Mx as PricingPlans,$x as ReferralAccount,av as ReferralSettlement,gv as ReferralStats,a2 as ResetPasswordForm,D2 as SelectPayment,ya as Separator,un as SidebarGroup,Va as SidebarItem,Bp as SignInBlock,jp as SignInForm,vp as SignInPhone,_p as SignUpForm,dt as Skeleton,n0 as StickyFeatures,gc as SubsectionList,zr as Switch,pa as Tabs,ba as TabsContent,xa as TabsList,va as TabsTrigger,Bv as Testimonial,Zr as Textarea,gu as Timeline,Jr as Toast,Ca as ToastAction,$r as ToastClose,eo as ToastDescription,en as ToastProvider,Rr as ToastTitle,Xr as ToastViewport,Q0 as Toaster,gt as Tooltip,bc as UsageCard,Ec as UserFeedback,Kf as UserProfileForm,x0 as UserReferralSource,$f as UserSettingsForm,_n as buttonVariants,ka as reducer,ja as toast,Lo as useClipboard,Cb as useFocusWithin,Tb as useMediaQuery,Bb as useTabs,rn as useToast,so as useWindowEvent,Wb as useWindowScroll};
4
+ C182.338,118.225,176.597,123.967,169.515,123.967z`}),R.createElement("path",{d:`M123.509,68.5H205v-33c0-8.271-6.395-15-14.667-15h-175C7.062,20.5,0,27.229,0,35.5v152c0,8.271,7.062,15,15.333,15h175
5
+ c8.271,0,14.667-6.729,14.667-15v-34h-81.342L123.509,68.5z`}))),R.createElement("span",null,e.walletLabel)),R.createElement(p,{variant:"outline",size:"heightless",className:m("flex w-full flex-col gap-2",t==="stc-pay"&&"outline outline-4 outline-primary"),disabled:!e.viaSTCPay,onClick:()=>o("stc-pay")},R.createElement("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/stc-pay.png",className:"h-6"}),R.createElement("span",null,e.stcPayLabel)),R.createElement(p,{variant:"outline",size:"heightless",className:m("flex w-full flex-col gap-2",t==="google-pay"&&"outline outline-4 outline-primary"),disabled:!e.viaGooglePay,onClick:()=>o("google-pay")},R.createElement("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/google-pay.png",className:"h-6"}),R.createElement("span",null,e.googlePayLabel)),R.createElement(p,{variant:"outline",size:"heightless",className:m("col-span-2 flex w-full flex-col gap-2",t==="paypal"&&"outline outline-4 outline-primary"),disabled:!e.viaPayPal,onClick:()=>o("paypal")},R.createElement("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/paypal.png",className:"h-6"}),R.createElement("span",null,e.paypalLabel))),R.createElement(me,null,R.createElement(p,{onClick:()=>e.handleContinue(t),className:"w-full",disabled:!t},"Continue")))};import De,{useEffect as Sl,useState as yn}from"react";import{Controller as Wo,useForm as Pl}from"react-hook-form";var lv=e=>{let[t,o]=yn(""),[r,n]=yn(""),i=Pl(),{formState:{errors:a},handleSubmit:s,control:l}=i,y=x=>{let g=/^4[0-9]{0,15}$/m,f=/^5$|^5[0-5][0-9]{0,16}$/m,b=/^3$|^3[47][0-9]{0,13}$/m,h=/^(440647|440795|446404|457865|968208|457997|474491|636120|417633|468540|468541|468542|468543|968201|446393|409201|458456|484783|462220|455708|410621|455036|486094|486095|486096|504300|440533|489318|489319|445564|968211|410685|406996|432328|428671|428672|428673|968206|446672|543357|434107|407197|407395|412565|431361|604906|521076|529415|535825|543085|524130|554180|549760|968209|524514|529741|537767|535989|536023|513213|520058|558563|588982|589005|531095|530906|532013|968204|422817|422818|422819|428331|483010|483011|483012|589206|968207|419593|439954|530060|531196|420132)/,P=/^507803[0-6][0-9]|507808[3-9][0-9]|507809[0-9][0-9]|507810[0-2][0-9]/,F="visa";return x.replace(/[^\d]/g,"").match(h)?F="mada":x.replace(/[^\d]/g,"").match(P)?F="meeza":x.replace(/[^\d]/g,"").match(g)?F="visa":x.replace(/[^\d]/g,"").match(f)?F="mastercard":x.replace(/[^\d]/g,"").match(b)&&(F="amex"),F},w=x=>{let{value:g,name:f}=x.target,b=g;g=g.replace(/\D/g,""),/^3[47]\d{0,13}$/.test(g)?b=g.replace(/(\d{4})/,"$1 ").replace(/(\d{4}) (\d{6})/,"$1 $2 "):/^3(?:0[0-5]|[68]\d)\d{0,11}$/.test(g)?b=g.replace(/(\d{4})/,"$1 ").replace(/(\d{4}) (\d{6})/,"$1 $2 "):/^\d{0,16}$/.test(g)&&(b=g.replace(/(\d{4})/,"$1 ").replace(/(\d{4}) (\d{4})/,"$1 $2 ").replace(/(\d{4}) (\d{4}) (\d{4})/,"$1 $2 $3 ")),console.log("card number is ",b.trimRight()),o(b.trimRight())};return Sl(()=>{let x=y(t);n(x)}),De.createElement(T,null,De.createElement("form",{onSubmit:s(e.handle)},De.createElement(N,{headless:!0},De.createElement("div",{className:"flex flex-row gap-4"},De.createElement(Wo,{control:l,name:"cardNumber",render:({field:x})=>De.createElement(H,{width:"full",name:"cardNumber",placeholder:"1234 1234 1234 1234",type:"number",onChange:w,label:"Card Number",helpertext:a.password?.message,iconInside:De.createElement("img",{src:`https://sikka-images.s3.ap-southeast-1.amazonaws.com/payment-symbols/borderless/${r}.png`,alt:"",className:"h-8"})}),rules:{required:"Card Number is rquired"}}),De.createElement("div",{className:"w-1/4"},De.createElement(Wo,{control:l,name:"cardCVC",render:({field:x})=>De.createElement(H,{width:"full",name:"cardCVC",maxLength:"3",autoComplete:"cc-number",placeholder:"CVC",type:"number",label:"CVC",helpertext:a.password?.message}),rules:{required:"Password is rquired"}}))),De.createElement(Wo,{control:l,name:"cardExpiry",render:({field:x})=>De.createElement(H,{width:"full",name:"cardExpiry",placeholder:"MM / YY",type:"password",label:"Expiry Date",helpertext:a.password?.message}),rules:{required:"Password is rquired"}}),De.createElement(Wo,{control:l,name:"cardName",render:({field:x})=>De.createElement(H,{width:"full",name:"cardName",type:"text",label:"Name on card",helpertext:a.password?.message}),rules:{required:"Card holder name is rquired"}})),De.createElement(me,null,De.createElement(p,{className:"w-full",onClick:e.handlePayWithCreditCard},"Pay with Credit Card"))))};import ot,{useState as Ml}from"react";var fv=e=>{let[t,o]=Ml(0);return ot.createElement(T,null,ot.createElement(N,{headless:!0},ot.createElement("div",{className:"p-4 text-center"},ot.createElement("div",{className:" text-5xl font-extrabold"},Number(t).toLocaleString("en")||"0"),ot.createElement("div",{className:"text-sm font-normal"},e.currency||"SAR")),ot.createElement("div",{className:"mb-2 flex w-full flex-col gap-4 text-center"},ot.createElement("div",{className:"mb-2 flex w-full flex-row gap-4 text-center"},ot.createElement(p,{variant:"outline",className:"h-full w-full"},"10 SAR"),ot.createElement(p,{variant:"outline",className:"h-full w-full"},"50 SAR"),ot.createElement(p,{variant:"outline",className:"h-full w-full"},"100 SAR")),ot.createElement(Dt,{placeholder:"Custom Amount",type:"number",name:"amount"})),ot.createElement(p,{className:"mt-6 w-full"},e.texts.chargeWallet)))};import bo from"react";var yv=e=>bo.createElement(T,null,bo.createElement(N,{headless:!0},bo.createElement("div",{className:"text-center text-5xl font-extrabold"},e.walletBalance||"0",bo.createElement("div",{className:"text-sm font-normal"},e.currency||"SAR")),bo.createElement(p,{className:"mt-6 w-full",onClick:e.handlePayWithWallet},"Pay Now")));import z from"react";import{Controller as Tt,FormProvider as El,useForm as Ll}from"react-hook-form";var Pv=e=>{let t=e.lang==="ar",o=Ll(),{formState:{errors:r},handleSubmit:n,register:i,control:a}=o,s={display:"flex",padding:0,paddingRight:"0px !important",paddingLeft:"0px !important",flexDirection:{xs:"column",sm:"row",md:"row",lg:"row",xl:"row"}};return z.createElement(T,null,z.createElement(Ne,null,z.createElement(Te,null,e.texts.orderDetails)),z.createElement(N,null,z.createElement("div",null,z.createElement("div",{className:"rounded border border-gray-300"},z.createElement(Mr,{pagination:!1,direction:t?"rtl":"ltr",columns:[{hidden:!1,value:"Product"},{hidden:!0,value:"ID"},{hidden:!1,value:"Price"}],borders:"inner",rows:e.products,bordersWidth:"1"})))),z.createElement(Ne,null,z.createElement(Te,null,e.texts.billingAddress)),z.createElement("form",{onSubmit:n(e.handlePayNow)},z.createElement(N,null,z.createElement("div",null,z.createElement(El,{...o},z.createElement("div",null,z.createElement(Tt,{control:a,name:"firstName",rules:{required:e.texts?.required},render:({field:l})=>z.createElement(H,{type:"text",label:e.texts?.firstNameLabel+" *",helpertext:r.firstName?.message,...l,value:l.value??""})}),z.createElement("div",{style:{width:20}}),z.createElement(Tt,{control:a,name:"lastName",rules:{required:e.texts?.required},render:({field:l})=>z.createElement(H,{width:"full",type:"text",label:e.texts?.lastNameLabel+" *",helpertext:r.lastName?.message,...l,value:l.value??""})})),z.createElement(Tt,{control:a,name:"email",render:({field:l})=>z.createElement(H,{width:"full",type:"text",label:e.texts?.emailLabel+" *",helpertext:r.email?.message,...l,value:l.value??""}),rules:{required:e.texts?.emailRequiredText,pattern:{value:/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,message:e.texts?.emailInvalidText}}}),z.createElement("div",{className:"flex flex-col md:flex-row"},z.createElement(Tt,{control:a,name:"streetAddress",rules:{required:e.texts?.required},render:({field:l})=>z.createElement(H,{width:"full",type:"text",label:e.texts?.streetAddressLabel+" *",helpertext:r.streetAddress?.message,...l,value:l.value??""})})),z.createElement("div",{className:"flex flex-col md:flex-row"},z.createElement(Tt,{control:a,name:"province",rules:{required:e.texts?.required},render:({field:l})=>z.createElement(H,{width:"full",type:"text",label:e.texts?.stateLabel+" *",helpertext:r.province?.message,...l,value:l.value??""})}),z.createElement("div",{style:{width:20}}),z.createElement(Tt,{control:a,name:"city",rules:{required:e.texts?.required},render:({field:l})=>z.createElement(H,{width:"full",type:"text",label:e.texts?.cityLabel+" *",helpertext:r.city?.message,...l,value:l.value??""})})),z.createElement("div",{className:"flex flex-col md:flex-row"},z.createElement(Tt,{control:a,name:"buildingNumber",rules:{required:e.texts?.required},render:({field:l})=>z.createElement(H,{width:"full",type:"text",label:e.texts?.buildingNumberLabel+" *",helpertext:r.buildingNumber?.message,...l,value:l.value??""})}),z.createElement("div",{style:{width:20}}),z.createElement(Tt,{control:a,name:"zipCode",rules:{required:e.texts?.required},render:({field:l})=>z.createElement(H,{width:"full",type:"number",label:e.texts?.zipCodeLabel+" *",helpertext:r.zipCode?.message,...l,value:l.value??""})})),z.createElement("div",{className:"mb-3"},z.createElement(Tt,{control:a,name:"country",rules:{required:e.texts?.required},render:({field:l})=>z.createElement(jt,{native:!0,label:e.texts?.countryLabel+" *",helperText:r.country?.message,options:Fo,getOptionLabel:y=>y.country_label,onChange:y=>l.onChange(y.country_label),value:l.value??""},z.createElement("option",null),e.countriesList.map((y,w)=>z.createElement("option",{key:w},y)))}))))),z.createElement(me,null,z.createElement(p,{className:"w-full"},e.texts.payNow))," "))};import _e from"react";var Iv=e=>{let t=e.lang==="ar";return _e.createElement(T,null,_e.createElement(N,{headless:!0}," ",_e.createElement("div",{className:"py-5 text-center text-3xl font-bold dark:text-white"},e.confirmationTitle),_e.createElement("div",{className:"py-5 dark:text-white"},_e.createElement("div",{className:"mb-2 text-center"},e.texts.successMessage," ",_e.createElement("strong",null,e.userEmail)),_e.createElement("div",{className:"text-center"},e.texts.yourOrderNumber),_e.createElement("div",{className:"text-center font-bold"},e.orderNumber)),_e.createElement("div",{className:"flex flex-col items-center justify-center gap-4 py-5 pt-0"},_e.createElement(p,{className:"w-full",onClick:e.handlePrint},e.texts.print),_e.createElement(p,{className:"w-full",onClick:e.handleHistory},e.texts.history),_e.createElement(p,{className:"w-full",onClick:e.handleHome},e.texts.homePage),_e.createElement("div",{className:" text-center text-sm dark:text-white"},e.texts.fasterPaymentNote),_e.createElement("a",{className:"clickable-link text-xs",onClick:e.handleRefundPolicyLink},e.texts.refundPolicy))))};import oo from"react";var Kv=e=>oo.createElement("div",null,oo.createElement("div",{className:"mb-2 flex w-full justify-between"},oo.createElement(ve,{design:"tabs",defaultValue:e.currentCycle,options:e.billingCycles,onChangeTab:t=>e.onCycleChange(t)}),oo.createElement(ve,{design:"tabs",defaultValue:e.currentCurrency,options:e.currencies,onChangeTab:t=>e.onCurrencyChange(t)})),oo.createElement("div",{className:"flex flex-row justify-between"},e.plans.map((t,o)=>oo.createElement(Yr,{key:o,onPlanClicked:()=>e.onPlanClicked(t),...t,texts:{...t.texts,currencyText:e.currentCurrency,cycleText:e.currentCycle}}))));import ie,{useState as wn}from"react";var Al=()=>ie.createElement("svg",{className:"h-5 w-5 text-green-500","aria-hidden":"true",fill:"currentColor",viewBox:"0 0 20 20"},ie.createElement("path",{fillRule:"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",clipRule:"evenodd"})),Cn=()=>ie.createElement("svg",{className:"h-5 w-5 text-red-500","aria-hidden":"true",fill:"currentColor",viewBox:"0 0 20 20"},ie.createElement("path",{fillRule:"evenodd",d:"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",clipRule:"evenodd"})),Rv=e=>{let[t,o]=wn("sar"),[r,n]=wn("month");return ie.createElement("div",{id:"detailed-pricing",className:"w-full overflow-x-auto"},ie.createElement("div",{className:"mb-2 flex w-full justify-between"},ie.createElement(ve,{design:"tabs",defaultValue:r,options:e.billingCycles,onChangeTab:i=>e.onCycleChange(i)}),ie.createElement(ve,{design:"tabs",defaultValue:t,options:e.currencies,onChangeTab:i=>e.onCurrencyChange(i)})),ie.createElement("div",{className:" overflow-hidden rounded"},ie.createElement("div",{className:"grid grid-cols-4 gap-x-2 border-b border-t border-gray-200 bg-gray-100 p-4 text-sm font-medium text-gray-900 dark:border-gray-700 dark:bg-gray-800 dark:text-white"},ie.createElement("div",{className:"flex items-center"}),e.plans.map(i=>ie.createElement("div",null,ie.createElement("h5",{className:"text-md 0 font-bold text-gray-500 dark:text-gray-400"},i.texts.title),ie.createElement("div",{className:" flex items-baseline text-gray-900 dark:text-white"},ie.createElement(ie.Fragment,null,ie.createElement("span",{className:"text-5xl font-extrabold tracking-tight"},i.price),ie.createElement("span",{className:"mx-1 text-sm font-semibold"},i.texts.currencyText)),ie.createElement("span",{className:"ml-1 text-xl font-normal text-gray-500 dark:text-gray-400"},"/ ",i.texts.cycleText)),ie.createElement("h5",{className:"text-md font-normal text-gray-500 dark:text-gray-400"},i.texts.subtitle)))),e.plans?.map(i=>i.features.map(a=>ie.createElement("div",{className:"grid grid-cols-4 gap-x-16 border-b border-gray-200 px-4 py-5 text-sm text-gray-700 dark:border-gray-700"},ie.createElement("div",{className:" flex flex-row items-center gap-2 text-gray-500 dark:text-gray-400"},a.text,a.description&&ie.createElement(vt,{side:"right",content:a.description},ie.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 16 16",height:"1em",width:"1em"},ie.createElement("path",{d:"M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z"})))),ie.createElement(Cn,null),ie.createElement(Al,null),ie.createElement(Cn,null))))))};import ce,{useState as Bl}from"react";import Il from"clsx";var ix=e=>{let[t,o]=Bl(null),r=[{title:"basic",price:"$49",cycle:"/mo"},{title:"business",price:"$99",cycle:"/mo"},{title:"enterprise",price:"$149",cycle:"/mo"}];return ce.createElement("div",{className:"z-10 w-full max-w-screen-sm"},ce.createElement("div",{className:"max-w-2xl "},ce.createElement("div",{className:"flex flex-row justify-between"},ce.createElement(ve,{design:"tabs",options:e.currencies,defaultValue:e.currentCurrency}),ce.createElement(ve,{design:"tabs",options:e.billingCycles,defaultValue:e.currentCycle})),r.map(n=>ce.createElement("label",{htmlFor:n.title,className:"",onClick:()=>o(n.title)},ce.createElement("input",{type:"radio",name:"radio",id:n.title,className:"peer appearance-none"}),ce.createElement("div",{className:Il(t===n.title?"peer-checked:border-blue-500":"","peer flex cursor-pointer items-center justify-between rounded-xl border bg-background px-5 py-4 shadow dark:text-white peer-checked:[&_.active]:block peer-checked:[&_.default]:hidden")},ce.createElement("div",{className:"peer flex items-center gap-4"},ce.createElement(Dl,null),ce.createElement(zl,{title:"Enterprise",subtitle:"For startups and new businesses"})),ce.createElement(Hl,{amount:n.price,cycle:n.cycle}))))))},Dl=()=>ce.createElement(ce.Fragment,null,ce.createElement("svg",{fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:"currentColor",className:"default h-8 w-8 text-neutral-500"},ce.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"})),ce.createElement("svg",{viewBox:"0 0 24 24",fill:"currentColor",className:"active hidden h-8 w-8 text-blue-500"},ce.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zm13.36-1.814a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z"}))),zl=e=>ce.createElement("div",{className:"peer flex flex-col items-start "},ce.createElement("h2",{className:"font-medium text-neutral-700 dark:text-gray-100 sm:text-xl"},e.title),ce.createElement("p",{className:"text-sm text-neutral-500 dark:text-gray-300"},e.subtitle," ")),Hl=e=>ce.createElement("h2",{className:"peer text-xl font-semibold text-neutral-900 dark:text-white sm:text-2xl"},e.amount,ce.createElement("span",{className:"text-base font-medium text-neutral-400"},e.cycle));import we from"react";var px=({referralLink:e,referralCode:t})=>we.createElement(T,null,we.createElement(N,{headless:!0},we.createElement("div",{className:"my-2 mt-0"},we.createElement("div",{className:"mb-1"},"Referral Code"),we.createElement("div",{className:"flex flex-row items-center justify-between rounded border bg-background"},we.createElement("span",{className:"ml-3 font-bold"},t),we.createElement(p,{onClick:()=>navigator.clipboard.writeText(t)},we.createElement("span",{className:"bg-red flex items-center justify-center"},we.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 512 512",height:"1em",width:"1em"},we.createElement("path",{d:"M464 0c26.51 0 48 21.49 48 48v288c0 26.51-21.49 48-48 48H176c-26.51 0-48-21.49-48-48V48c0-26.51 21.49-48 48-48h288M176 416c-44.112 0-80-35.888-80-80V128H48c-26.51 0-48 21.49-48 48v288c0 26.51 21.49 48 48 48h288c26.51 0 48-21.49 48-48v-48H176z"}))," ")))),we.createElement("div",{className:"my-2 mt-0"},we.createElement("div",{className:"mb-1"},"Referral Link"),we.createElement("div",{className:"flex flex-row items-center justify-between rounded border bg-background"},we.createElement("span",{className:"ml-3 font-bold"},e),we.createElement(p,{onClick:()=>navigator.clipboard.writeText(e)},we.createElement("span",{className:"bg-red flex items-center justify-center"},we.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 512 512",height:"1em",width:"1em"},we.createElement("path",{d:"M464 0c26.51 0 48 21.49 48 48v288c0 26.51-21.49 48-48 48H176c-26.51 0-48-21.49-48-48V48c0-26.51 21.49-48 48-48h288M176 416c-44.112 0-80-35.888-80-80V128H48c-26.51 0-48 21.49-48 48v288c0 26.51 21.49 48 48 48h288c26.51 0 48-21.49 48-48v-48H176z"}))," "))))));import ne from"react";import{Controller as Ol,FormProvider as Wl,useForm as Vl}from"react-hook-form";var Fx=({referralLink:e,referralCode:t,withdrawError:o})=>{let r=Vl(),{formState:{errors:n},handleSubmit:i,control:a}=r;return ne.createElement(T,null,ne.createElement(N,{headless:!0},ne.createElement("div",null,ne.createElement(Wl,{...r},ne.createElement(H,{label:"IBAN"}),ne.createElement(H,{label:"Holder Name"}),ne.createElement(Ol,{control:a,name:"bank",render:({field:s})=>ne.createElement(jt,{label:"Bank",isCreatable:!1,isMulti:!1,isSearchable:!1,isClearable:!1,options:[{value:"snb",label:"Saudi National Bank"},{value:"bilad",label:"Al Bilad Bank"},{value:"rajihi",label:"Al Rajihi Bank"}],onInputChange:(l,y)=>console.log("changing",l),...s,onChange:(l,y)=>console.log("chooo",l)})}))),ne.createElement("div",null,ne.createElement(p,{className:"mt-6 w-full"},"Add Bank Account")),o&&ne.createElement("div",null,ne.createElement(Fe,{text:"Sorry can't withdraw the money at the moment. Please try again in 2022/11/20",severity:"warning"})),ne.createElement("div",{className:"mt-3"},ne.createElement("div",{className:"mb-1"},"Settlement Accounts"),ne.createElement("div",{className:"rounded"},ne.createElement(ur,{bank:"Al Inma Bank",iban:"SA10228094028098329119",accountHolder:"Zakher Masri",default:!0}),ne.createElement(ur,{bank:"Al Rajihi Bank",iban:"SA10228094028098329119",accountHolder:"Zakher Masri"}),ne.createElement(ur,{bank:"Al Inma Bank",iban:"SA10228094028098329119",accountHolder:"Zakher Masri"})))))},ur=e=>ne.createElement("div",{className:"mb-3 flex flex-row items-center justify-between rounded border bg-background p-3"},ne.createElement("div",{className:"flex flex-col justify-between"},ne.createElement("div",{className:"text-xs"},e.bank),ne.createElement("div",null,e.accountHolder),ne.createElement("div",{className:"text-xs"},e.iban)),ne.createElement("div",{className:"flex flex-row items-center justify-center gap-2"},e.default&&ne.createElement(Qt,{label:"Default",size:"small"}),ne.createElement(Jt,{size:"small",menuItems:[[{label:"Set Default",disabled:e.default},{label:"Edit"},{label:"Delete"}]]},ne.createElement(p,{variant:"outline",size:"icon"},ne.createElement("svg",{"aria-label":"Vertical Three Dots Menu Icon",className:"rotate-90",stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 16 16",height:"1em",width:"1em"},ne.createElement("path",{d:"M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z"}))))));import se from"react";var Mx=({referralLink:e,referralCode:t,withdrawError:o})=>se.createElement(T,null,se.createElement(N,{headless:!0},se.createElement("div",{className:"mb-1"},"Stats"),se.createElement("div",{className:"justi flex flex-row gap-1"},se.createElement(gr,{title:"Clicks",number:22}),se.createElement(gr,{title:"Sign-ups",number:32}),se.createElement(gr,{title:"Commission",number:"213.22 SAR"})),se.createElement(p,{className:"mt-6 w-full"},"Withdraw Money"),o&&se.createElement("div",null,se.createElement(Fe,{text:"Sorry can't withdraw the money at the moment. Please try again in 2022/11/20",severity:"warning"})),se.createElement("div",{className:"mt-3"},se.createElement("div",{className:"mb-1"},"Sign ups"),se.createElement("div",{className:"rounded"},se.createElement(ho,{date:"2020/10/11 @ 9:45 pm",email:"zakher@sikka.io",amount:"3.4 SAR / Month"}),se.createElement(ho,{date:"2022/10/11 @ 9:45 pm",email:"zakher@sikka.io",amount:"3.4 SAR / Month"}),se.createElement(ho,{date:"2022/10/11 @ 9:45 pm",email:"zakher@sikka.io",amount:"3.4 SAR / Month"}),se.createElement(ho,{date:"2022/10/11 @ 9:45 pm",email:"zakher@sikka.io",amount:"3.4 SAR / Month"}),se.createElement(ho,{date:"2022/10/11 @ 9:45 pm",email:"zakher@sikka.io",amount:"3.4 SAR / Month"}))))),gr=e=>se.createElement("div",{className:"w-full rounded border bg-background p-2"},se.createElement("div",{className:"text-sm"},e.title),se.createElement("div",{className:"font-bold"},e.number)),ho=e=>se.createElement("div",{className:"mb-3 rounded border-b bg-background p-2"},se.createElement("div",{className:"text-xs"},e.date),se.createElement("div",{className:"flex flex-row justify-between"},se.createElement("div",null,e.email),se.createElement("div",null,e.amount)));import xt from"react";var Wx=({variant:e="contained",texts:t})=>xt.createElement(T,null,xt.createElement(N,{headless:!0},xt.createElement("div",{className:"flex flex-col items-center dark:text-white"},xt.createElement("div",{className:"text-center text-6xl font-bold "},"404"),xt.createElement("div",{className:"m-2 text-center text-xl font-bold "},t?.pageNotFound??"Page Not Found"),xt.createElement("div",{className:"mb-4 text-center"},t?.ifLost??xt.createElement(xt.Fragment,null,"If you're lost please contact us"," ",xt.createElement("span",{className:"clickable-link"},"help@sikka.io"))),xt.createElement(p,{className:"w-full"},t?.home??"Home"))));import kt from"react";var qx=({variant:e="contained",texts:t,onActionClick:o})=>kt.createElement(T,null,kt.createElement(N,{headless:!0},kt.createElement("div",{className:"flex flex-col items-center justify-center text-center "},kt.createElement("div",{className:"flex h-10 w-10 flex-col items-center justify-center rounded-3xl bg-primary text-6xl font-bold text-primary-foreground"},kt.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 512 512",height:"0.35em",width:"0.35em"},kt.createElement("path",{d:"M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"}))),kt.createElement("div",{className:"m-2 text-xl font-bold"},t?.youreCaughtUp??"You're all caught up"))),kt.createElement(me,null,kt.createElement(p,{className:"w-full",onClick:()=>o()},t?.actionText??"Go Home")));import Ye from"react";var Jx=e=>Ye.createElement(T,null,Ye.createElement(N,{headless:!0},Ye.createElement("div",null,Ye.createElement("p",{className:"mb-4 max-w-sm"},"The team at Sikka Software is simply amazing. The tech is easy to follow, easy to work with, and infinitely flexible. The solution opportunities created by Tines are endless.")),Ye.createElement("div",{className:"flex flex-row gap-4"},Ye.createElement("svg",{width:"48",height:"48",viewBox:"0 0 48 48",fill:"none"},Ye.createElement("rect",{width:"48",height:"48",rx:"24",fill:"#45BE8B"}),Ye.createElement("path",{d:"M14.1412 22.4427L17.5803 16.5199C17.7671 16.1981 18.1112 16 18.4834 16H20.8581C21.653 16 22.1565 16.8528 21.7725 17.5488L19.3042 22.0225C19.2202 22.1747 19.1762 22.3458 19.1762 22.5196C19.1762 23.0879 19.6369 23.5486 20.2052 23.5486H21.5827C22.1594 23.5486 22.627 24.0162 22.627 24.5929V31.347C22.627 31.9237 22.1594 32.3913 21.5827 32.3913H15.0443C14.4676 32.3913 14 31.9237 14 31.347V22.9671C14 22.7829 14.0487 22.602 14.1412 22.4427Z",fill:"#FFFFFF"}),Ye.createElement("path",{d:"M25.356 22.4427L28.7951 16.5199C28.982 16.1981 29.326 16 29.6982 16H32.0729C32.8679 16 33.3713 16.8528 32.9873 17.5488L30.5191 22.0225C30.4351 22.1747 30.391 22.3458 30.391 22.5196C30.391 23.0879 30.8518 23.5486 31.4201 23.5486H32.7975C33.3743 23.5486 33.8418 24.0162 33.8418 24.5929V31.347C33.8418 31.9237 33.3743 32.3913 32.7975 32.3913H26.2592C25.6824 32.3913 25.2148 31.9237 25.2148 31.347V22.9671C25.2148 22.7829 25.2636 22.602 25.356 22.4427Z",fill:"#FFFFFF"})),Ye.createElement("span",{className:"border border-l "})," ",Ye.createElement("div",null,Ye.createElement("strong",null,"Brent Lassi"),Ye.createElement("div",null," Chief Information Security Officer")))));import Ht from"react";var nb=({variant:e="contained",texts:t,handleNewsletterSub:o})=>Ht.createElement(T,null,Ht.createElement(Ne,null,Ht.createElement(Te,null,t?.title),Ht.createElement(at,null,t?.subtitle)),Ht.createElement(N,null,Ht.createElement("form",{className:"flex flex-row gap-2",onSubmit:r=>{r.preventDefault(),o(r.target[0].value)}},Ht.createElement(Dt,{type:"email",name:"email",placeholder:"example@sikka.io"}),Ht.createElement(p,null,t?.submit??"Submit"))));import ro from"react";var cb=({variant:e="contained",onActionClick:t,...o})=>ro.createElement(T,null,ro.createElement(N,{headless:!0,className:"flex flex-row items-center justify-between"},ro.createElement("div",{className:"flex flex-col items-start justify-center "},ro.createElement("span",{className:"text-lg font-bold"},o.title),ro.createElement("span",{className:"text-sm"},o.subtitle)),ro.createElement(p,{onClick:()=>t()},o.actionText)));import Ot from"react";var vb=({texts:e})=>Ot.createElement(T,null,Ot.createElement(N,{headless:!0},Ot.createElement("div",{className:"flex flex-col items-center justify-center text-center"},Ot.createElement("div",{className:"flex h-10 w-10 flex-col items-center justify-center rounded-3xl bg-primary text-6xl font-bold text-primary-foreground"},Ot.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 448 512",height:"0.35em",width:"0.35em"},Ot.createElement("path",{d:"M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z"}))," "),Ot.createElement("div",{className:"m-2 text-xl font-bold"},e?.title??"You don't have permission"),Ot.createElement("div",null,e?.subtitle??"If you think this is a problem please contact your administrator or our customer support"))));import{useEffect as Bb,useRef as Ib,useState as Db}from"react";import{useRef as Fn,useState as Ul,useEffect as _l}from"react";function Gl(e){return e.currentTarget instanceof HTMLElement&&e.relatedTarget instanceof HTMLElement?e.currentTarget.contains(e.relatedTarget):!1}function Ob({onBlur:e,onFocus:t}={}){let o=Fn(),[r,n]=Ul(!1),i=Fn(!1),a=y=>{n(y),i.current=y},s=y=>{i.current||(a(!0),t?.(y))},l=y=>{i.current&&!Gl(y)&&(a(!1),e?.(y))};return _l(()=>{if(o.current)return o.current.addEventListener("focusin",s),o.current.addEventListener("focusout",l),()=>{o.current?.removeEventListener("focusin",s),o.current?.removeEventListener("focusout",l)}},[s,l]),{ref:o,focused:r}}import{useState as Zl,useEffect as ql,useRef as Kl}from"react";function Ql(e,t){try{return e.addEventListener("change",t),()=>e.removeEventListener("change",t)}catch{return e.addListener(t),()=>e.removeListener(t)}}function Yl(e,t){return typeof t=="boolean"?t:typeof window<"u"&&"matchMedia"in window?window.matchMedia(e).matches:!1}function Ub(e,t,{getInitialValueInEffect:o}={getInitialValueInEffect:!0}){let[r,n]=Zl(o?t:Yl(e,t)),i=Kl();return ql(()=>{if("matchMedia"in window)return i.current=window.matchMedia(e),n(i.current.matches),Ql(i.current,a=>n(a.matches))},[e]),r}import{useState as qb,useEffect as Kb}from"react";import{useEffect as Xl,useState as Jl}from"react";function Jb(e=""){let[t,o]=Jl(e);return Xl(()=>{let n=()=>{let i=window.location.hash.substring(1);o(i||e)};return window.addEventListener("hashchange",n),n(),()=>{window.removeEventListener("hashchange",n)}},[e]),{activeTab:t,handleTabChange:n=>{o(n),window.location.hash=n}}}import{useEffect as $l}from"react";function fr(e,t,o){$l(()=>(window.addEventListener(e,t,o),()=>window.removeEventListener(e,t,o)),[e,t])}import{useState as Rl,useEffect as es}from"react";function pr(){return typeof window<"u"?{x:window.pageXOffset,y:window.pageYOffset}:{x:0,y:0}}function ts({x:e,y:t}){if(typeof window<"u"){let o={behavior:"smooth"};typeof e=="number"&&(o.left=e),typeof t=="number"&&(o.top=t),window.scrollTo(o)}}function rh(){let[e,t]=Rl({x:0,y:0});return fr("scroll",()=>t(pr())),fr("resize",()=>t(pr())),es(()=>{t(pr())},[]),[e,ts]}export{C0 as ActionCard,cb as Announcement,kp as AppLanding,of as AppLayout,Mf as AppSidebar,rc as ArrowCarousel,kc as BackToTop,Eg as Box,p as Button,T as Card,N as CardContent,at as CardDescription,me as CardFooter,Ne as CardHeader,Te as CardTitle,U0 as Carousel,fv as ChargeWalletForm,D2 as CheckEmail,Pv as CheckoutForm,M2 as CodeConfirmation,Rv as ComparingPlans,Iv as ConfirmationPage,lv as CreditCardForm,uu as Dialog,za as DialogContent,Va as DialogDescription,Oa as DialogFooter,Ha as DialogHeader,Wa as DialogTitle,gu as DialogTrigger,i1 as DragDropImages,m1 as DraggableCard,Pt as DropdownMenu,qx as EmptyState,$1 as FeedbackByEmoji,O1 as FeedbackRating,lc as FloatingComment,bc as FloatingCommentExec,fc as FloatingCommentSlate,zf as Footer,Xd as HawaAccordion,o0 as HawaAdCard,Fe as HawaAlert,cf as HawaAppLayout,hf as HawaAppLayoutSimplified,_f as HawaBanner,Bg as HawaBottomAppBar,f0 as HawaButton,Vo as HawaCheckbox,Qt as HawaChip,Qm as HawaCodeBlock,br as HawaColorPicker,Ff as HawaContainer,Cm as HawaCopyrights,$m as HawaDatepicker,jf as HawaGrid,vs as HawaIconCount,Mc as HawaInlineCode,qc as HawaItemCard,l0 as HawaLandingCard,St as HawaLoading,Jt as HawaMenu,gm as HawaModal,ss as HawaPanelTabs,Xt as HawaPhoneInput,So as HawaPinInput,Yr as HawaPricingCard,ve as HawaRadio,hr as HawaRange,Zd as HawaSearchBar,jt as HawaSelect,md as HawaSettingsRow,qg as HawaSiteLayout,Im as HawaStats,jm as HawaStepper,b0 as HawaStoreButtons,Mr as HawaTable,lm as HawaTabs,H as HawaTextField,fd as HawaTypography,ix as HorizontalPricing,xe as Icons,Dt as Input,Lo as InterfaceSettings,A1 as InvoiceAccordion,ct as Label,nb as LeadGenerator,p2 as NewPasswordForm,vb as NoPermission,Wx as NotFound,yv as PayWithWallet,Wr as Popover,Kv as PricingPlans,px as ReferralAccount,Fx as ReferralSettlement,Mx as ReferralStats,F2 as ResetPasswordForm,R2 as SelectPayment,Sa as Separator,xn as SidebarGroup,Xa as SidebarItem,Jp as SignInBlock,Gp as SignInForm,Bp as SignInPhone,l2 as SignUpForm,ut as Skeleton,T0 as StickyFeatures,w1 as SubsectionList,Go as Switch,Na as Tabs,ja as TabsContent,Ta as TabsList,ka as TabsTrigger,Jx as Testimonial,uo as Textarea,Bc as Timeline,rr as Toast,Ea as ToastAction,nr as ToastClose,ar as ToastDescription,an as ToastProvider,ir as ToastTitle,or as ToastViewport,du as Toaster,vt as Tooltip,k1 as UsageCard,mp as UserProfileForm,B0 as UserReferralSource,pp as UserSettingsForm,Yn as buttonVariants,Ia as reducer,Da as toast,zr as useClipboard,Ob as useFocusWithin,Ub as useMediaQuery,Jb as useTabs,sn as useToast,fr as useWindowEvent,rh as useWindowScroll};
6
6
  //# sourceMappingURL=index.mjs.map