@sikka/hawa 0.1.109 → 0.2.0
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/.github/workflows/{hawa-ci.yml → hawa-beta.yml} +4 -3
- package/.github/workflows/hawa-main.yml +40 -0
- package/dist/index.d.mts +22 -1
- package/dist/index.d.ts +22 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2 -2
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/elements/index.ts +1 -0
package/dist/index.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import Rt,{useEffect as vn,useState as bn}from"react";import yn from"clsx";var Ar=e=>{let[t,r]=bn(e.val);return vn(()=>{e.onChange(t)},[t]),Rt.createElement("div",{className:yn(e.centered?"flex h-full items-center justify-center":"flex h-full items-start ")},Rt.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)&&Rt.createElement("div",{className:" flex cursor-pointer flex-col py-2",onClick:o=>r(!t)},e.label&&Rt.createElement("label",{className:"mx-2 text-sm font-medium text-gray-900 dark:text-gray-300"},e.label),e.helperText&&Rt.createElement("p",{className:"mx-2 mt-1 text-xs text-red-600 dark:text-red-500"},e.helperText)))};import Dt,{useState as hn}from"react";var Dl=e=>{let[t,r]=hn(e.defaultValue);return Dt.createElement("div",null,Dt.createElement("div",{className:"mb-4 border-b border-gray-200 dark:border-gray-700"},Dt.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)=>Dt.createElement("li",{key:n,className:"mr-2",role:"presentation"},Dt.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))))),Dt.createElement("div",{id:"myTabContent"},e.options.map((o,n)=>Dt.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 lo from"react";import so from"clsx";var Gt=({label:e,size:t="normal",icon:r,color:o,dot:n,dotType:a="available"})=>{let i="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"},C={available:"bg-green-500",unavailable:"bg-red-500"};return lo.createElement("span",{className:so(i,s[t],o?`bg-${o}-100 text-${o}-500`:"bg-layoutPrimary-500")},n&&lo.createElement("span",{className:so(l[t],C[a])}),r&&r,e)};import Br from"react";var Gl=e=>Br.createElement("div",{className:"flex h-fit flex-row items-center gap-2 px-2"},Br.createElement("div",null,e.icon),Br.createElement("div",{className:"text-sm"},e.count));import dt from"react";import Oe from"react";import*as gr from"react";import*as Ir from"@radix-ui/react-label";import{cva as Fn}from"class-variance-authority";import{clsx as wn}from"clsx";import{twMerge as Cn}from"tailwind-merge";function u(...e){return Cn(wn(e))}var Nn=Fn("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),lt=gr.forwardRef(({className:e,...t},r)=>gr.createElement(Ir.Root,{ref:r,className:u(Nn(),e),...t}));lt.displayName=Ir.Root.displayName;import Tn from"react";function st({className:e,...t}){return Tn.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"},a={small:"w-full max-w-2xs",normal:"w-1/2",full:"w-full"},i="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 Oe.createElement("div",{className:u(i,n[e],a[t])},o.label&&Oe.createElement(lt,null,o.label),o.isLoading?Oe.createElement(st,{className:"h-[38px] w-full"}):Oe.createElement(Oe.Fragment,null,Oe.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")}),Oe.createElement(Oe.Fragment,null,Oe.createElement("div",{className:u("relative")},o.icon&&Oe.createElement("div",{className:"absolute left-3 top-1/2 -translate-y-1/2"},o.icon),Oe.createElement("input",{...o,className:u(s,o.icon&&"pl-10",r&&"border-transparent bg-transparent px-0"),disabled:r})),o.iconInside&&Oe.createElement("div",{className:"absolute right-1 top-[41px] -translate-y-1/2"},o.iconInside),o.helpertext?Oe.createElement("p",{className:"mb-0 mt-0 text-xs text-red-600 dark:text-red-500"},o.helpertext):null)))};import pr,{useState as kn}from"react";var mo=e=>{let[t,r]=kn(e.color);return pr.createElement("div",{className:"flex w-fit flex-row rounded border p-0"},pr.createElement("div",{style:{backgroundColor:t},className:"rounded-bl-lg rounded-tl-lg"},pr.createElement("input",{type:"color",value:t,onChange:o=>{r(o.target.value),e.handleChange(o)},className:"opacity-0"})),pr.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 qt,{useState as jn}from"react";var co=({value:e,handleChange:t,startElement:r,endElement:o,label:n,...a})=>{let[i,s]=jn(e);return qt.createElement("div",{...a},n&&qt.createElement("label",{htmlFor:"default-range",className:"mb-2 block text-sm font-medium text-gray-900 dark:text-gray-300"},n),qt.createElement("div",{className:"flex w-fit flex-row items-center justify-center"},qt.createElement("div",{className:"mr-2"},r)," ",qt.createElement("input",{id:"default-range",type:"range",value:i,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"}),qt.createElement("div",{className:"ml-2"},o)," "))};import ve,{useState as uo,useRef as Sn,useEffect as Pn}from"react";var ge=({design:e="default",width:t="default",orientation:r="horizontal",...o})=>{let[n,a]=uo(o.defaultValue),i="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"},C={default:"max-w-fit",full:"w-full"},[w,y]=uo(null),p=Sn(null);switch(Pn(()=>{if(p.current&&p.current.parentNode){let g=window.getComputedStyle(p.current.parentNode).direction;y(g)}}),e){case"tabs":return ve.createElement("ul",{ref:p,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",C[t],l[r])},o.options?.map((g,v)=>ve.createElement("li",{"aria-current":"page",onClick:()=>{a(g.value),o.onChangeTab(g.value)},className:u("w-full cursor-pointer ",r==="horizontal"&&w==="ltr"&&"rounded-none first:rounded-l last:rounded-r",r==="horizontal"&&w==="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?i:s),key:v},g.icon&&g.icon,g.label)));case"bordered":return ve.createElement("div",{className:u(l[r],"gap-4")},o.options.map((g,v)=>ve.createElement("div",{className:"rounded border border-gray-200 "},ve.createElement("div",{className:"radio-item radio-item-bordered flex items-center transition-all",key:v+1},ve.createElement("input",{disabled:g.disabled,id:g.value.toString(),type:"radio",value:g.value,name:"bordered-radio"}),ve.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 ve.createElement("ul",{className:u(l[r],"gap-4")},o.options?.map((g,v)=>ve.createElement("li",null,ve.createElement("input",{type:"radio",id:g.value.toString(),name:"cards-radio",value:g.value.toString(),className:"peer hidden",required:!0,disabled:g.disabled}),ve.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")},ve.createElement("div",{className:"block h-full w-full"},ve.createElement("div",{className:"w-full text-lg font-semibold"},g.label),ve.createElement("div",{className:"w-full"},g.sublabel))))));default:return ve.createElement("div",{className:u(l[r],"gap-2")},o.options.map((g,v)=>ve.createElement("div",{className:"radio-item radio-item-default flex items-center transition-all",key:v+1},ve.createElement("input",{disabled:g.disabled,id:g.value.toString(),type:"radio",value:g.value,name:"default-radio"}),ve.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 Mn from"clsx";import pt from"react";import En from"react-select";import Ln from"react-select/creatable";var An=({cx:e,children:t,getStyles:r,innerProps:o,innerRef:n,size:a="normal",...i})=>pt.createElement("div",{ref:n,className:Mn({small:"h-7 text-xs",normal:"h-[2.36rem] text-sm",large:""}[a],"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),Bn=({cx:e,children:t,getStyles:r,innerProps:o,innerRef:n,...a})=>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),In=({cx:e,children:t,getStyles:r,innerProps:o,innerRef:n,size:a="normal",...i})=>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),Ft=e=>pt.createElement("div",{className:" flex w-full flex-col gap-2"},e.label&&pt.createElement(lt,null,e.label),e.isLoading?pt.createElement(st,{className:"h-[38px] w-full"}):e.isCreatable?pt.createElement(Ln,{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(En,{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:An,Option:In,Menu:Bn},getOptionLabel:e.getOptionLabel}),e.helperText&&pt.createElement("p",{className:"mt-2 text-sm text-red-600 dark:text-red-500"},e.helperText));import*as Ve from"react";import*as er from"@radix-ui/react-switch";var Dn={default:"h-[25px] w-[42px]",sm:"h-[20px] w-[37px]"},zn={default:"h-[21px] w-[21px]",sm:"h-[16px] w-[16px]"},Dr=Ve.forwardRef(({className:e,size:t="default",label:r,...o},n)=>{let[a,i]=Ve.useState(null),s=Ve.useRef(null);return Ve.useEffect(()=>{if(s.current&&s.current.parentNode){let l=window.getComputedStyle(s.current.parentNode).direction;i(l)}}),Ve.createElement("div",{className:"flex flex-row items-center",ref:s},Ve.createElement(er.Root,{className:u("relative cursor-pointer rounded-full bg-primary/20 outline-none data-[state=checked]:bg-primary",e,Dn[t]),...o,ref:n},Ve.createElement(er.Thumb,{className:u(zn[t],"block rounded-full bg-white transition-transform duration-100 will-change-transform data-[state=checked]:bg-primary-foreground dark:bg-background",a==="rtl"?"-translate-x-0.5 data-[state=checked]:-translate-x-[19px]":"translate-x-0.5 data-[state=checked]:translate-x-[19px]")})),r&&Ve.createElement("span",{className:"mx-2 text-sm font-medium text-gray-900 dark:text-gray-300"},r))});Dr.displayName=er.Root.displayName;var Hs=({settingsLabel:e,settingsType:t,settingsDescription:r,colorProps:o,rangeProps:n,radioProps:a,switchProps:i,selectProps:s})=>dt.createElement("div",{className:"flex max-h-fit flex-row items-center justify-between rounded align-middle"},dt.createElement("div",null,dt.createElement("div",{className:"text-sm"},e),r&&dt.createElement("div",{className:"text-xs"},r)," "),t==="text"&&dt.createElement(H,{margin:"none",width:"small"}),t==="boolean"&&dt.createElement(Dr,{...i}),t==="range"&&dt.createElement(co,{...n}),t==="color"&&dt.createElement(mo,{...o}),t==="radio"&&dt.createElement(ge,{...a}),t==="select"&&dt.createElement(Ft,{...s}));import Hn from"react";var Us=e=>Hn.createElement("div",null,e.children);import Ue,{useRef as Vn,useState as Un,useEffect as _n}from"react";import zr from"clsx";import*as tr from"react";import{cva as Wn}from"class-variance-authority";import ft from"react";import fr from"clsx";var xr=({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"},a={pulse:"animate-in fade-in duration-1000",bounce:"animate-bounce"};switch(e.split("-")[0]){case"dots":return ft.createElement("div",{className:"flex flex-row gap-2"},ft.createElement("div",{className:fr("animate-bounce rounded-full delay-100 repeat-infinite",t==="button"?"h-2 w-2":n[t],a[e.split("-")[1]],r||"bg-primary")}),ft.createElement("div",{className:fr("animate-bounce rounded-full delay-200 repeat-infinite",t==="button"?"h-2 w-2":n[t],a[e.split("-")[1]],r||"bg-primary")}),ft.createElement("div",{className:fr("animate-bounce rounded-full delay-300 repeat-infinite",t==="button"?"h-2 w-2":n[t],a[e.split("-")[1]],r||"bg-primary")}));default:return ft.createElement("div",{className:"flex flex-row gap-x-3"},ft.createElement("div",{"aria-label":"Loading...",role:"status"},ft.createElement("svg",{className:fr(n[t],"animate-spin"),viewBox:"3 3 18 18"},ft.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"}),ft.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 On=Wn("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"}}),f=tr.forwardRef(({className:e,variant:t,size:r,asChild:o=!1,isLoading:n,children:a,...i},s)=>{let l="button",C=t==="outline"||t==="ghost"||t==="neoBrutalism"?"bg-primary":"bg-primary-foreground";return tr.createElement(l,{className:u(On({variant:t,size:r,className:e})),ref:s,...i},n?tr.createElement(xr,{design:"dots-pulse",color:C,size:"button"}):a)});f.displayName="Button";var he=({variant:e="normal",direction:t="ltr",severity:r="info",duration:o,icon:n,className:a,...i})=>{let s=Vn(null),[l,C]=Un(!1);_n(()=>{if(o){let p=setTimeout(()=>{C(!0)},o),g=setTimeout(()=>{C(!0),s.current.removeChild(s.current.children[0])},o+1e3);return()=>{clearTimeout(p),clearTimeout(g)}}},[o]);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 Ue.createElement("div",{ref:s},Ue.createElement("div",{className:zr("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",a),role:"alert",dir:t},Ue.createElement("div",{className:"flex flex-row"},n&&Ue.createElement("div",{className:t==="rtl"?"pl-2 pt-1":"pr-2 pt-1"},n),Ue.createElement("div",{className:"flex flex-col"},Ue.createElement("span",{className:zr("font-medium",t==="rtl"?"ml-8":"mr-8")},i.title),Ue.createElement("span",null,i.text),i.actions&&Ue.createElement("div",{className:"mt-2 flex flex-row gap-2"},i.actions.map((p,g)=>Ue.createElement(f,{key:g,variant:p.variant,onClick:p.onClick()},p.label))))),!i.persistant&&Ue.createElement("button",{type:"button",className:zr("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[r],t==="rtl"?"left-2":"right-2"),"data-dismiss-target":"#alert-default","aria-label":"Close",onClick:()=>{C(!0),setTimeout(()=>{s.current.removeChild(s.current.children[0])},200)}},Ue.createElement("span",{className:"sr-only"},"Close"),Ue.createElement("svg",{"aria-label":"Close Icon","aria-hidden":"true",className:"h-5 w-5",fill:"currentColor",viewBox:"0 0 20 20"},Ue.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 ta,useState as zt}from"react";import mt from"clsx";import{useState as go,useEffect as Gn}from"react";var qn=(e,t)=>{let r=[],o=Math.ceil(e?.length/t),n=1;for(let a=1;a<=o;a++)r.push(a);return r},Zn=(e,t,r)=>e?.slice((t-1)*r,t*r),Kn=(e,t,r)=>t!==null?e?.sort((o,n)=>{let a=o[t].value,i=n[t].value;return typeof a=="string"&&typeof i=="string"?r==="asc"?a.localeCompare(i):i.localeCompare(a):r==="asc"?a-i:i-a}):e,Qn=(e,t,r,o,n)=>{let[a,i]=go([]),[s,l]=go([]);return Gn(()=>{if(e){let C=qn(e,r);i([...C]);let w=Kn(e,o,n),y=Zn(w,t,r);l([...y])}},[e,i,t,r,o,n]),{slice:s,range:a}},po=Qn;import*as I from"react";import*as G from"@radix-ui/react-dropdown-menu";var Yn=G.Root,Xn=G.Trigger;var fo=G.Portal,Jn=G.Sub;var xo=I.forwardRef(({className:e,inset:t,children:r,...o},n)=>I.createElement(G.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"}))));xo.displayName=G.SubTrigger.displayName;var vo=I.forwardRef(({className:e,...t},r)=>I.createElement(G.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}));vo.displayName=G.SubContent.displayName;var bo=I.forwardRef(({className:e,sideOffset:t=4,...r},o)=>I.createElement(G.Portal,null,I.createElement(G.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})));bo.displayName=G.Content.displayName;var Hr=I.forwardRef(({className:e,inset:t,...r},o)=>I.createElement(G.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));Hr.displayName=G.Item.displayName;var $n=I.forwardRef(({className:e,children:t,checked:r,...o},n)=>I.createElement(G.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(G.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));$n.displayName=G.CheckboxItem.displayName;var Rn=I.forwardRef(({className:e,children:t,...r},o)=>I.createElement(G.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(G.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));Rn.displayName=G.RadioItem.displayName;var yo=I.forwardRef(({className:e,inset:t,...r},o)=>I.createElement(G.Label,{ref:o,className:u("px-2 py-1.5 text-sm font-semibold",t&&"pl-8",e),...r}));yo.displayName=G.Label.displayName;var ho=I.forwardRef(({className:e,...t},r)=>I.createElement(G.Separator,{ref:r,className:u("-mx-1 my-1 h-px bg-muted",e),...t}));ho.displayName=G.Separator.displayName;var ea=({className:e,...t})=>I.createElement("span",{className:u("ml-auto text-xs tracking-widest opacity-60",e),...t});ea.displayName="DropdownMenuShortcut";var Nt=({trigger:e,items:t,direction:r,onItemSelect:o,sideOffset:n,side:a,className:i,triggerClassname:s,align:l,alignOffset:C,selectCallback:w,size:y="default",width:p="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(Yn,{dir:r},I.createElement(Xn,{asChild:!0,className:s},e),I.createElement(fo,null,I.createElement(bo,{side:a,sideOffset:n,className:u(i,g[p],"flex flex-col gap-2"),align:l,alignOffset:C},t.map((b,P)=>b.type==="separator"?I.createElement(ho,{key:P}):b.type==="label"?I.createElement(yo,{key:P},b.label):b.subitems?I.createElement(Jn,{key:P},I.createElement(xo,{className:u(v[y]),dir:r},b.icon&&b.icon,b.label&&b.label),I.createElement(fo,null,I.createElement(vo,null,b.subitems.map((F,z)=>I.createElement(Hr,{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(),w&&w(F.value)}},F.icon&&F.icon,F.label&&F.label))))):I.createElement(Hr,{key:P,disabled:b.disabled,onSelect:F=>{b.presist&&F.preventDefault(),b.action&&b.action(),w&&w(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 wo=()=>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"})),Co=({size:e="normal",bodyColor:t="white",headerColor:r="gray-200",borders:o="all",highlightFirst:n=!1,direction:a="ltr",bordersWidth:i="1",pagination:s=!0,...l})=>{let[C,w]=zt(10),[y,p]=zt(null),[g,v]=zt(1),[b,P]=zt(null),[F,z]=zt(l.rows),[re,j]=zt(null),[U,R]=zt(null),{slice:A,range:S}=po(l.rows,g,C,re,U),J=a==="rtl",ue={normal:"py-3 px-6",small:"px-3 py-1"},Ze=(W,d)=>{d&&(j(W),R(m=>m==="asc"?"desc":"asc"))},$=()=>{A?.length<1&&g!==1&&v(g-1),y&&v(y)};return ta(()=>{$()},[A,g]),M.createElement("div",{className:"relative flex flex-col gap-2 "},l.isLoading?M.createElement(st,{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:mt("w-full rounded bg-muted text-left text-sm text-muted-foreground",`bg-${r}`)},M.createElement("thead",{className:mt("bg-muted text-xs uppercase text-muted-foreground ",o==="rows"||o==="all"||o==="inner"?"border-b ":"")},M.createElement("tr",null,l.columns.map((W,d)=>{if(!W.hidden)return M.createElement("th",{onClick:()=>W.sortable&&Ze(d,W.sortable),key:d,scope:"col",colSpan:2,className:mt(W.sortable?"cursor-pointer hover:bg-muted-foreground/10":"",ue[e],d!==0&&(o==="cols"||o==="all"||o==="inner")?`border-r border-r-[${i}px] border-l border-l-[${i}px]`:"")},W.value,re===d&&M.createElement("span",null,U==="asc"?" \u25B2":" \u25BC"))}),l.actions?M.createElement("th",{scope:"col",className:mt(ue[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((W,d)=>{let m=d==A?.length-1;return M.createElement("tr",{key:d,className:mt(" text-mute-foreground border bg-background",l.clickable?"hover:bg-gray-100":"",!m&&(o==="all"||o==="rows"||o==="inner")?`border-b border-b-[${i}px]`:"")},W?.map((x,h)=>{let c=h===0,k=h===W?.length-1,_=J&&m&&k&&!l.actions,O=J&&m&&c,E=!J&&m&&c,K=!J&&m&&k&&!l.actions;if(!x.hidden)return M.createElement("td",{colSpan:2,key:h,className:mt(ue[e],n&&c?"font-bold":"font-normal",O?"rounded-bl-none rounded-br":_||E?"rounded-bl rounded-br-none":K?"rounded-bl-none rounded-br":"",!c&&!k&&(o==="cols"||o==="inner"||o==="all")?`border-l border-l-[${i}px] border-r border-r-[${i}px]`:!c&&l.actions&&(o==="cols"||o==="inner"||o==="all")?`border-l border-l-[${i}px] border-r border-r-[${i}px]`:"")},x.value," ",x.suffix&&x.suffix)}),l.actions&&M.createElement("td",{align:J?"right":"left",className:u(J&&m&&"rounded-bl rounded-br-none",!J&&m&&"rounded-bl-none rounded-br"),colSpan:1},M.createElement("div",{className:"flex items-center justify-center"},M.createElement(Nt,{width:l.actionsWidth,size:l.actionsSize,direction:a,side:"right",items:l.actions,selectCallback:x=>l.handleActionClick(x,W),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:mt("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",a==="rtl"&&"rotate-0"),onClick:()=>g<=1?v(S.length):v(g-1)},M.createElement(wo,null)),M.createElement("div",{className:"flex flex-row items-center overflow-clip rounded transition-all"},S.length>6&&S.map((W,d)=>{if(d<=0)return M.createElement("button",{key:d,className:mt("w-10 p-1 text-xs hover:bg-gray-200",g===W?"bg-primary text-primary-foreground hover:bg-primary":"bg-gray-100"),onClick:()=>v(W)},W)}),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:W=>p(parseInt(W.target.value)),onKeyDown:W=>{W.key==="Enter"&&(v(y),p(null))}}),S?.length>6&&S.map((W,d)=>{if(d>=S.length-1)return M.createElement("button",{key:d,className:mt("w-10 p-1 text-xs hover:bg-gray-200",g===W?"bg-primary text-primary-foreground hover:bg-primary":"bg-gray-100"),onClick:()=>v(W)},W)}),S?.length<=6&&S.map((W,d)=>M.createElement("button",{key:d,className:mt("w-10 p-1 text-xs",g===W?"bg-primary text-primary-foreground ":"border bg-background hover:bg-primary/10 dark:hover:bg-primary/10",a==="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(W)},W))),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",a==="rtl"&&"rotate-180")},M.createElement(wo,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:C,className:"h-6 cursor-pointer rounded border bg-background px-2 text-xs",onChange:W=>{w(parseInt(W.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 ra from"react";var yd=e=>ra.createElement(H,{type:"search",...e});import Ht,{useState as oa}from"react";import Fo from"clsx";var Nd=e=>{let[t,r]=oa(!1);return Ht.createElement("div",{className:"h-fit w-full"},Ht.createElement("button",{id:"accordion-collapse-heading-"+e.index,type:"button",className:Fo(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},Ht.createElement("span",null,e.title),Ht.createElement("svg",{"data-accordion-icon":"",className:`h-6 w-6 ${t?"":"rotate-180"} shrink-0 transition-all`,fill:"currentColor",viewBox:"0 0 20 20"},Ht.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"}))),Ht.createElement("div",{id:"accordion-collapse-body-"+e.index,"aria-labelledby":"accordion-collapse-heading-"+e.index,className:Fo(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")},Ht.createElement("p",{className:"mb-2 text-gray-500 dark:text-gray-400"},e.content)))};import et,{useState as aa}from"react";var na=[{country_label:"Saudi Arabia",code:"SA",unicode:"🇸🇦",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:"🇦🇪",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:"🇧🇭",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:"🇰🇼",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:"🇶🇦",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:"🇴🇲",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:"🇦🇩",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:"🇦🇫",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:"🇦🇬",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:"🇦🇮",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:"🇦🇱",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:"🇦🇲",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:"🇦🇴",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:"🇦🇶",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:"🇦🇷",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:"🇦🇸",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:"🇦🇹",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:"🇦🇺",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:"🇦🇼",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:"🇦🇽",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:"🇦🇿",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:"🇧🇦",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:"🇧🇧",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:"🇧🇩",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:"🇧🇪",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:"🇧🇫",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:"🇧🇬",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:"🇧🇮",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:"🇧🇯",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:"🇧🇱",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:"🇧🇲",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:"🇧🇳",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:"🇧🇴",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:"🇧🇷",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:"🇧🇸",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:"🇧🇹",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:"🇧🇼",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:"🇧🇾",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:"🇧🇿",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:"🇨🇦",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:"🇨🇨",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:"🇨🇩",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:"🇨🇫",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:"🇨🇬",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:"🇨🇭",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:"🇨🇮",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:"🇨🇰",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:"🇨🇱",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:"🇨🇲",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:"🇨🇳",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:"🇨🇴",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:"🇨🇷",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:"🇨🇺",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:"🇨🇻",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:"🇨🇽",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:"🇨🇾",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:"🇨🇿",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:"🇩🇪",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:"🇩🇯",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:"🇩🇰",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:"🇩🇲",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:"🇩🇴",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:"🇩🇿",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:"🇪🇨",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:"🇪🇪",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:"🇪🇬",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:"🇪🇷",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:"🇪🇸",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:"🇪🇹",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:"🇫🇮",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:"🇫🇯",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:"🇫🇰",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:"🇫🇲",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:"🇫🇴",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:"🇫🇷",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:"🇬🇦",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:"🇬🇧",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:"🇬🇩",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:"🇬🇪",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:"🇬🇫",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:"🇬🇬",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:"🇬🇭",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:"🇬🇮",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:"🇬🇱",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:"🇬🇲",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:"🇬🇳",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:"🇬🇵",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:"🇬🇶",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:"🇬🇷",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:"🇬🇸",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:"🇬🇹",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:"🇬🇺",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:"🇬🇼",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:"🇬🇾",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:"🇭🇰",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:"🇭🇳",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:"🇭🇷",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:"🇭🇹",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:"🇭🇺",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:"🇮🇩",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:"🇮🇪",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:"🇮🇱",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:"🇮🇲",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:"🇮🇳",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:"🇮🇴",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:"🇮🇶",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:"🇮🇷",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:"🇮🇸",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:"🇮🇹",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:"🇯🇪",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:"🇯🇲",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:"🇯🇴",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:"🇯🇵",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:"🇰🇪",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:"🇰🇬",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:"🇰🇭",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:"🇰🇮",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:"🇰🇲",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:"🇰🇳",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:"🇰🇵",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:"🇰🇷",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:"🇰🇾",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:"🇰🇿",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:"🇱🇦",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:"🇱🇧",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:"🇱🇨",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:"🇱🇮",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:"🇱🇰",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:"🇱🇷",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:"🇱🇸",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:"🇱🇹",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:"🇱🇺",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:"🇱🇻",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:"🇱🇾",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:"🇲🇦",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:"🇲🇨",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:"🇲🇩",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:"🇲🇪",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:"🇲🇫",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:"🇲🇬",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:"🇲🇭",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:"🇲🇰",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:"🇲🇱",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:"🇲🇲",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:"🇲🇳",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:"🇲🇴",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:"🇲🇵",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:"🇲🇶",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:"🇲🇷",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:"🇲🇸",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:"🇲🇹",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:"🇲🇺",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:"🇲🇻",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:"🇲🇼",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:"🇲🇽",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:"🇲🇾",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:"🇲🇿",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:"🇳🇦",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:"🇳🇨",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:"🇳🇪",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:"🇳🇫",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:"🇳🇬",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:"🇳🇮",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:"🇳🇱",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:"🇳🇴",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:"🇳🇵",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:"🇳🇷",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:"🇳🇺",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:"🇳🇿",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:"🇵🇦",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:"🇵🇪",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:"🇵🇫",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:"🇵🇬",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:"🇵🇭",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:"🇵🇰",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:"🇵🇱",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:"🇵🇲",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:"🇵🇳",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:"🇵🇷",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:"🇵🇸",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:"🇵🇹",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:"🇵🇼",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:"🇵🇾",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:"🇷🇪",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:"🇷🇴",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:"🇷🇸",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:"🇷🇺",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:"🇷🇼",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:"🇸🇧",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:"🇸🇨",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:"🇸🇩",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:"🇸🇪",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:"🇸🇬",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:"🇸🇭",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:"🇸🇮",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:"🇸🇯",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:"🇸🇰",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:"🇸🇱",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:"🇸🇲",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:"🇸🇳",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:"🇸🇴",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:"🇸🇷",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:"🇸🇸",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:"🇸🇹",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:"🇸🇻",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:"🇸🇾",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:"🇸🇿",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:"🇹🇨",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:"🇹🇩",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:"🇹🇬",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:"🇹🇭",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:"🇹🇯",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:"🇹🇰",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:"🇹🇱",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:"🇹🇲",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:"🇹🇳",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:"🇹🇴",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:"🇹🇷",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:"🇹🇹",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:"🇹🇻",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:"🇹🇼",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:"🇹🇿",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:"🇺🇦",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:"🇺🇬",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:"🇺🇸",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:"🇺🇾",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:"🇺🇿",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:"🇻🇦",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:"🇻🇨",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:"🇻🇪",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:"🇻🇬",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:"🇻🇮",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:"🇻🇳",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:"🇻🇺",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:"🇼🇫",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:"🇼🇸",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:"🇾🇪",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:"🇾🇹",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:"🇿🇦",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:"🇿🇲",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:"🇿🇼",image:"https://cdn.jsdelivr.net/npm/country-flag-emoji-json@2.0.0/dist/images/ZW.svg",label:"+263"}],vr=na;import ia from"react-select";var la=({cx:e,children:t,getStyles:r,innerProps:o,innerRef:n,...a})=>et.createElement("div",{className:"absolute z-50 w-[190px] rounded border bg-background",ref:n,...o},t),sa=({cx:e,children:t,getStyles:r,innerProps:o,innerRef:n,...a})=>et.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},et.createElement("div",{className:"flex flex-row items-center justify-center gap-1"},et.createElement("img",{className:"h-8 w-8",src:a.data.image}),et.createElement("span",{className:"text-[10px]"},a.data.country_label)),t),Zt=e=>{let[t,r]=aa("+966");return et.createElement("div",{className:"mb-3 flex flex-col"},e.label&&et.createElement("label",{className:"mb-2 block text-sm font-medium"},e.label),et.createElement("div",{dir:"ltr",className:"flex flex-row "},et.createElement(ia,{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:sa,Menu:la,DropdownIndicator:()=>null,IndicatorSeparator:()=>null},options:vr,isMulti:!1,isSearchable:!0,isClearable:!1,placeholder:"+966",unstyled:!0,defaultValue:e.preferredCountry,value:t,onChange:(o,n)=>r(o)}),et.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&&et.createElement("p",{className:"mb-1 mt-1 text-xs text-red-600 dark:text-red-500"},e.helperText)))};import rr,{useState as da}from"react";var Id=({orientation:e="horizontal",direction:t="ltr",width:r="normal",marginBetween:o=0,pill:n=!1,...a})=>{let[i,s]=da(a.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"},C={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"},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"}},p={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 rr.createElement("div",{dir:t,className:u(p[e],a.options[i]?"border-b-2":"border-b-0")},rr.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 ":"",w[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")},a.options?.map((v,b)=>rr.createElement("button",{key:b,"aria-current":"page",onClick:()=>{s(v.value),a?.onChangeTab(v)},className:u(v.value===i?[l[e],t==="rtl"?"rounded-r":"rounded-l"]:C[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))),rr.createElement("div",{className:"flex-1 transition-all"},a.options.map((v,b)=>rr.createElement("div",{key:b,className:u(i===v.value?"":"hidden")},v.content))))};import tt,{useEffect as ma}from"react";import No from"clsx";var Vd=({open:e,title:t,onClose:r,closeOnClickOutside:o=!0,...n})=>{let a="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 ma(()=>(o&&e&&(window.onclick=i=>{i.stopPropagation(),r()}),()=>window.onclick=null),[e]),tt.createElement("div",{className:No(a,e?"z-10 opacity-100 ":"invisible -z-10 opacity-0")},tt.createElement("div",{className:No("absolute h-screen w-full bg-gray-500 opacity-50",e?"opacity-50":"opacity-0")}),tt.createElement("div",{className:"relative w-1/2 max-w-md rounded bg-white p-1 shadow-lg dark:bg-gray-700"},tt.createElement("div",{className:"flex items-start justify-between rounded-t p-3 dark:border-gray-600"},tt.createElement("h3",{className:"text-xl font-semibold text-gray-900 dark:text-white"},t),tt.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:i=>{r()}},tt.createElement("svg",{"aria-hidden":"true",className:"h-5 w-5",fill:"currentColor",viewBox:"0 0 20 20"},tt.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"})),tt.createElement("span",{className:"sr-only"},"Close modal"))),tt.createElement("div",{className:"space-y-6 p-3"},n.children),tt.createElement("div",{className:"mx-2 flex items-center justify-end space-x-1 p-0 dark:border-gray-600"},n.actions)))};import ct,{useEffect as ca,useRef as To,useState as or}from"react";import ko from"clsx";var Kt=({menuItems:e,withHeader:t,direction:r="ltr",headerTitle:o,headerSubtitle:n,size:a="normal",children:i,onClickOutside:s,actionedItem:l,position:C="top-right"})=>{let[w,y]=or(!1),p=To(null),[g,v]=or(null),[b,P]=or(null),F=To(null),[z,re]=or(null),[j,U]=or(null);ca(()=>{U(F.current?.getBoundingClientRect().height),re(F.current?.getBoundingClientRect().width),v(p.current?.getBoundingClientRect().height),P(p.current?.getBoundingClientRect().width);let ue=Ze=>{F.current&&!F.current.contains(Ze.target)&&y(!1)};return document.addEventListener("click",ue,!0),()=>{document.removeEventListener("click",ue,!0)}},[s]);let R="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,J=5;switch(C){case"top-right":S=r==="rtl"?`${z-b}px, -${j+g+J}px`:`0px, -${j+g+J}px`;break;case"top-left":S=r==="rtl"?`0px, -${j+g+J}px`:`-${z-b}px, -${j+g+J}px`;break;case"bottom-right":S=r==="rtl"?`-0px, ${J}px`:`-${b-z}px, ${J}px`;break;case"bottom-left":S=r==="rtl"?`0px, ${J}px`:`-${z-b}px,${J}px`;break;case"right-bottom":S=r==="rtl"?`${z+J}px, -${g}px`:`${b+J}px, -${g}px`;break;case"right-top":S=r==="rtl"?`${z+J}px, -${j}px`:`${b+J}px, -${j}px`;break;case"left-bottom":S=r==="rtl"?`-${b+J}px, -${g}px`:`-${z+J}px, -${g}px`;break;case"left-top":S=r==="rtl"?`-${b+J}px, -${j}px`:`-${z+J}px, -${j}px`;break;default:S=`-${z/2}px, -${g+j/2}px`;break}return ct.createElement("div",{onClick:()=>{y(!w)}},ct.createElement("div",{ref:p},i),ct.createElement("div",{ref:F,style:{position:"absolute",width:"max-content",transform:`translate(${S})`,maxWidth:"200px"},className:ko(R,w?"opacity-100":"invisible opacity-0")},t&&ct.createElement("div",{className:"px-4 py-3 text-xs text-gray-900 dark:text-white"},ct.createElement("div",null,o),ct.createElement("div",{className:"truncate font-medium"},n)),e?.map((ue,Ze)=>ct.createElement("ul",{key:Ze,className:"bg-layout-1200 flex flex-col gap-1 p-1 text-gray-700 dark:text-gray-200"},ue?.map(($,W)=>$.element?ct.createElement("li",{key:W,className:"cursor-pointer items-center rounded hover:bg-gray-200 rtl:flex-row-reverse dark:hover:bg-gray-600 dark:hover:text-white"},$.element):ct.createElement("li",{key:W,onClick:()=>{$.disabled?console.log("button is disabled"):$?.action(l)},className:ko("transition-all",$.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":$.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[a])},$.icon&&ct.createElement("div",{className:a==="small"?"mr-1 rtl:ml-1":"mr-2 rtl:ml-2"},$.icon),$.label))))))};import nr from"react";var Xd=e=>nr.createElement("div",{className:"my-2 flex flex-col items-center justify-center gap-1 text-xs text-gray-400"},e.withLogo?nr.createElement("a",{href:e.onLogoClicked},nr.createElement("div",{className:"cursor-pointer"},nr.createElement("image",{href:e.logoURL,width:100,height:50}))):null,nr.createElement("div",null,e.version),e.credits?e.credits:null);import Tt from"react";import jo from"clsx";var tm=({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 Tt.createElement("div",{className:jo(r[e]," flex-wrap justify-start gap-4")},t.steps.map((n,a)=>Tt.createElement("div",{key:a,className:"my-2 flex w-auto flex-row flex-wrap justify-start "},Tt.createElement("div",{className:e==="vertical"?"flex w-full flex-row items-center":a+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"},Tt.createElement("div",{className:"flex flex-row gap-2 "},Tt.createElement("div",{className:jo("flex h-6 w-6 min-w-[24px] items-center justify-center rounded ring-2 ring-primary/20 ring-offset-2",a+1<=t.currentStep?"bg-primary text-primary-foreground ":"bg-primary/20")},a+1<=t.currentStep?Tt.createElement("svg",{"aria-label":"Check Mark",stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 512 512",height:"0.60em",width:"0.60em"},Tt.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"})):a+1),Tt.createElement("div",{className:"whitespace-nowrap"},n))))))};import xt from"react";import*as He from"react";var T=He.forwardRef(({className:e,clickable:t=!1,...r},o)=>He.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 we=He.forwardRef(({className:e,...t},r)=>He.createElement("div",{ref:r,className:u("flex flex-col space-y-1.5 p-6",e),...t}));we.displayName="CardHeader";var Ce=He.forwardRef(({className:e,...t},r)=>He.createElement("h3",{ref:r,className:u("text-2xl font-semibold leading-none tracking-tight",e),...t}));Ce.displayName="CardTitle";var rt=He.forwardRef(({className:e,...t},r)=>He.createElement("p",{ref:r,className:u("text-sm text-muted-foreground",e),...t}));rt.displayName="CardDescription";var N=He.forwardRef(({headless:e,className:t,...r},o)=>He.createElement("div",{ref:o,className:u("p-6",e?"pt-6":"pt-0",t),...r}));N.displayName="CardContent";var se=He.forwardRef(({className:e,...t},r)=>He.createElement("div",{ref:r,className:u("flex items-center p-6 pt-0",e),...t}));se.displayName="CardFooter";var dm=({variant:e="default",...t})=>xt.createElement(T,{onClick:t.handleClick,clickable:!!t.handleClick},xt.createElement(we,{className:"flex flex-row items-center justify-between space-y-0 pb-2"},xt.createElement(Ce,{className:"text-sm font-medium"},t.label),t.icon&&t.icon),xt.createElement(N,null,t.isLoading?xt.createElement(st,{className:"h-8 w-3/4"}):xt.createElement("div",{className:"text-2xl font-bold"},t.number),t.isLoading&&t.helperText?xt.createElement(st,{className:"mt-2 h-4 w-1/2"}):t.helperText&&xt.createElement("p",{className:"text-xs text-muted-foreground"},t.helperText),t.isLoading&&t.chart?xt.createElement(st,{className:"mt-2 h-4 w-1/2"}):t.chart));import Fe,{useState as ga}from"react";import kt from"react";import*as Ke from"@radix-ui/react-tooltip";var So=kt.forwardRef(({className:e,sideOffset:t=4,...r},o)=>kt.createElement(Ke.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}));So.displayName=Ke.Content.displayName;var ua=kt.forwardRef(({className:e,...t},r)=>kt.createElement(Ke.Arrow,{ref:r,className:u(e),...t}));ua.displayName=Ke.Arrow.displayName;var ut=({side:e,open:t,content:r,children:o,defaultOpen:n,onOpenChange:a,delayDuration:i=300,...s})=>kt.createElement(Ke.TooltipProvider,{delayDuration:i},kt.createElement(Ke.Root,{open:t,defaultOpen:n,onOpenChange:a},kt.createElement(Ke.Trigger,{asChild:!0},o),kt.createElement(So,{side:e,align:"center",...s},r)));import{useState as Wr}from"react";function Po({timeout:e=2e3}={}){let[t,r]=Wr(null),[o,n]=Wr(!1),[a,i]=Wr(null),s=w=>{clearTimeout(a),i(setTimeout(()=>n(!1),e)),n(w)};return{copy:w=>{"clipboard"in navigator?navigator.clipboard.writeText(w).then(()=>s(!0)).catch(y=>r(y)):r(new Error("useClipboard: navigator.clipboard is not supported"))},reset:()=>{n(!1),r(null),clearTimeout(a)},error:t,copied:o}}var Cm=({tabs:e,code:t,fileName:r,width:o="full"})=>{let n=Po(),[a,i]=ga(0);return Fe.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&&Fe.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,C)=>Fe.createElement("div",{className:u(a===C?" border-b-2 border-primary":"bg-transparent")},Fe.createElement("div",{onClick:()=>i(C),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&&Fe.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"},Fe.createElement("div",{className:u("mb-1 w-full max-w-[52px] rounded-inner p-2 py-1 text-center text-[0.75rem]")},r)),Fe.createElement("pre",null,Fe.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")},Fe.createElement("div",{className:"flex min-h-[37.75px] w-full flex-col justify-center p-4 "},e?e[a].code:t),Fe.createElement("div",{className:"flex w-fit flex-row items-center gap-2 p-2"},Fe.createElement(ut,{open:n.copied,side:"left",content:Fe.createElement("div",null,"Copied!")},Fe.createElement(f,{size:"icon",onClick:()=>n.copy(e?e[a].code:t)},Fe.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"},Fe.createElement("rect",{width:"14",height:"14",x:"8",y:"8",rx:"2",ry:"2"}),Fe.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 Or,{useState as pa}from"react";var km=()=>{let[e,t]=pa("");return Or.createElement("div",{className:"relative inline-block text-left"},Or.createElement("span",{className:"rounded-md shadow-sm"},Or.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 q,{useEffect as Vr,useState as Mo}from"react";import{useDropzone as fa}from"react-dropzone";import xa from"clsx";var Am=({texts:e,files:t,setFiles:r,setDeletedFiles:o,onAcceptedFiles:n,errorMessages:a,maxFiles:i,accept:s,showPreview:l,onDeleteFile:C,onClearFiles:w,disclaimer:y,maxSize:p,label:g,termsLink:v,privacyLink:b})=>{let[P,F]=Mo(0),[z,re]=Mo(0),{getRootProps:j,getInputProps:U,fileRejections:R,acceptedFiles:A,isDragActive:S}=fa({multiple:!0,accept:s,maxSize:p,maxFiles:i,onDrop:$=>{r($.map((W,d)=>Object.assign(W,{preview:URL.createObjectURL(W)})))}});Vr(()=>()=>{t?.forEach($=>{URL.revokeObjectURL($.preview)})},[t]),Vr(()=>{r(A)},[A,P]),w=()=>{A.length=0,A.splice(0,A.length),r([])};let J=()=>{A.length=0,r([])};Vr(()=>{if(p>0){let W=["Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"],d=Math.floor(Math.log(p)/Math.log(1024));re(parseFloat((p/Math.pow(1024,d)).toFixed(2))+" "+W[d])}},[p]);let ue=R.map(($,W)=>{switch($.errors[0].code){case"file-too-large":return q.createElement(he,{text:$.file.name,title:e.fileTooLarge,severity:"error"});case"too-many-files":return q.createElement(he,{text:$.file.name,title:e.tooManyFiles,severity:"error"});case"file-invalid-type":return q.createElement(he,{text:$.file.name,title:e.invalidFileType,severity:"error"});default:return q.createElement(he,{text:$.file.name,title:$.errors[0].code,severity:"error"})}}),Ze=t?.map(($,W)=>q.createElement("div",{className:"relative rounded"},q.createElement("button",{onClick:d=>{d.stopPropagation(),A.splice(A.indexOf($),1),F(Math.random),C($)},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(${$.preview})`,backgroundSize:"cover",backgroundPosition:"center",border:"1px solid black"},className:"rounded-lg",key:$.name})));return q.createElement("div",null,g&&q.createElement("div",{className:"mb-2 block text-sm font-medium text-gray-900 dark:text-gray-300"},g),q.createElement("div",{className:xa("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")},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," ",z)),A.length>0&&q.createElement("div",{className:"flex justify-center rounded-lg p-2 "},q.createElement(f,{onClick:J},"Clear All")),A.length>0&&Ze&&l?q.createElement("aside",{className:"flex flex-row flex-wrap justify-center gap-2 rounded-lg p-2"},Ze):null,q.createElement("div",{className:"px-4"},R[0]?.errors[0]?.code&&ue)),y&&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:v,className:"clickable-link text-muted-foreground/50"},e.terms??"Terms")," ",e.and??"and"," ",q.createElement("a",{href:b,className:"clickable-link text-muted-foreground/50"},e.privacyPolicy??"Privacy Policy")))};import ar from"react";var Hm=e=>ar.createElement("div",{className:"flex flex-row rounded bg-layoutPrimary-500 p-4"},ar.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"},ar.createElement("svg",{className:"h-6 w-6","aria-hidden":"true",fill:"currentColor",viewBox:"0 0 20 20"},ar.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"}))),ar.createElement("div",{className:"p-4"},e.children));import Vm from"react";import jt,{useState as va}from"react";import ba from"clsx";var Ym=({subsections:e})=>{let[t,r]=va(null);return jt.createElement("div",{className:"w-full max-w-2xs rounded bg-layoutPrimary-500 p-4 "},e.map((o,n)=>jt.createElement("div",{key:n,className:"my-0"},o.title&&jt.createElement("div",{className:"my-4 font-bold"},o.title),o.sections.map((a,i)=>jt.createElement(ya,{key:i,onItemClick:()=>r(a.value),selected:t,value:a.value,icon:a.icon,title:a.label,chip:"Upgrade"})))))},ya=({title:e,value:t,icon:r,chip:o,selected:n,onItemClick:a})=>jt.createElement("div",{onClick:a,className:ba("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")},jt.createElement("div",{className:"flex w-full flex-row items-center justify-start gap-2"},r," ",jt.createElement("span",null,e)),o&&jt.createElement(Gt,{label:"Upgrade",size:"normal"})," ");import ot from"react";var ec=e=>ot.createElement("div",{className:"flex w-full flex-col gap-0 border p-4"},ot.createElement("div",{className:"flex flex-row items-center gap-2"},ot.createElement("span",{className:"bg-white-200"},e.title),e.tooltip&&ot.createElement(ut,{content:e.tooltip,side:"right"},ot.createElement("svg",{stroke:"currentColor","aria-label":"Exclamation Circle",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 16 16",height:"1em",width:"1em"},ot.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"})))),ot.createElement("div",{className:"bg-white-100 flex flex-row"},ot.createElement("div",null,e.currentUsage),ot.createElement("div",null," (",e.percent,"%)")),ot.createElement("div",{className:"mt-2 h-2.5 w-full rounded-full bg-gray-200 dark:bg-gray-700"},ot.createElement("div",{className:"h-2.5 rounded-full bg-primary",style:{width:`${e.percent??0}%`}})));import Y,{useState as ha}from"react";import Ur from"clsx";var lc=({direction:e="ltr",texts:t={total:"Total",plan:"Plan",usage:"Usage",amount:"Amount",price:"Price"},...r})=>{let o=i=>Y.createElement("div",{className:Ur(i.start?"items-start":"items-end","flex w-full flex-col")},Y.createElement("div",{className:" text-sm text-gray-500"},i.label),Y.createElement("div",{className:" whitespace-nowrap"},i.text)),[n,a]=ha(!1);return Y.createElement("div",{className:"flex w-full flex-col"},Y.createElement("div",{className:"flex w-full flex-row items-center gap-2 border p-4 "},r.invoiceActions&&Y.createElement("div",{className:Ur("transition-all hover:cursor-pointer ",e==="rtl"?"rotate-180":"",n?"rotate-90":""),onClick:()=>a(!n)},Y.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 20 20","aria-hidden":"true",height:"2em",width:"2em"},Y.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"}))),Y.createElement("div",{className:"flex w-full cursor-pointer flex-col gap-0",onClick:()=>a(!n)},Y.createElement("div",{className:"flex flex-row items-center gap-2"},Y.createElement("span",{className:"bg-white-200"},r.invoiceTitle),r.status&&Y.createElement(Gt,{size:"small",label:r.status})),Y.createElement("div",{className:"font-sm text-gray-400"},r.invoiceSubtitle)),Y.createElement("div",{className:"flex flex-row items-center gap-2"},Y.createElement("div",{className:"whitespace-nowrap"},r.total),Y.createElement(Kt,{direction:e,position:e==="rtl"?"bottom-right":"bottom-left",menuItems:r.invoiceActions},Y.createElement("div",{className:" p-2"},Y.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 16 16",height:"1em",width:"1em"},Y.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&&Y.createElement("div",{className:Ur(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")},Y.createElement("div",{className:"border-b pb-2"},r.invoiceDescription),r.products?.map((i,s)=>Y.createElement("div",{key:s,className:"flex flex-row border-b pb-4"},Y.createElement("div",{className:"w-full"},Y.createElement(o,{start:!0,label:t.plan,text:i.plan})),Y.createElement("div",{className:"flex w-full flex-row gap-20 "},Y.createElement(o,{label:t.usage,text:`${i.usage} SAR`}),Y.createElement(o,{label:t.price,text:`${i.price} SAR`}),Y.createElement(o,{label:t.amount,text:`${i.amount} SAR`})))),Y.createElement("div",{className:"flex flex-row justify-between"},Y.createElement("div",null,t.total)," ",Y.createElement("div",null,r.total))))};import Ne,{useEffect as wa,useRef as Ca,useState as br}from"react";import _r from"clsx";var gc=({position:e="bottom-right",...t})=>{let[r,o]=br(!1),[n,a]=br(!1),[i,s]=br(null),[l,C]=br(5),w=Ca(null),y={"bottom-right":"right-4","bottom-left":"left-4"};wa(()=>{let g=setTimeout(()=>{l>=0&&C(l-1)},1e3);return()=>{clearTimeout(g)}},[l]);let p=()=>{o(!0),setTimeout(()=>{w.current.removeChild(w.current.children[0])},200)};return Ne.createElement("div",{ref:w,className:_r("fixed bottom-4 ",y[e])},Ne.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")},Ne.createElement("div",{className:"absolute left-2 top-2 p-1.5 text-sm"},t.title),Ne.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:()=>p()},Ne.createElement("svg",{"aria-hidden":"true",className:"h-5 w-5",fill:"currentColor",viewBox:"0 0 20 20"},Ne.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"}))),Ne.createElement("div",{className:"mt-8"},t.question),Ne.createElement("div",{className:"flex w-full flex-row gap-1 rounded"},t.options.map(g=>Ne.createElement("span",{onClick:()=>{t.onOptionClicked(g),s(g),a(!0);let v=setTimeout(()=>{o(!0)},4800);setTimeout(()=>{w.current.removeChild(w.current.children[0]),clearTimeout(v)},5300)},className:_r("w-full cursor-pointer rounded border p-4 text-center transition-all ",i===g?"bg-gray-500 text-white":"border bg-background hover:bg-gray-300 dark:hover:bg-gray-700")},g))),t.texts&&Ne.createElement("div",{className:" flex flex-row justify-between text-xs"},Ne.createElement("span",null,t.texts.least),Ne.createElement("span",null,t.texts.most)),n&&Ne.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"},Ne.createElement("span",{className:"font-bold text-white"},"Thank you for your answer. This box will disappear in"," "+l," seconds"),Ne.createElement("div",{className:"flex flex-row gap-2"},Ne.createElement(f,{onClick:()=>p()},"Close")))))};import St,{useEffect as Fa,useState as Na}from"react";import Ta from"clsx";var Eo=e=>St.createElement("svg",{onClick:e.onClick||(()=>{}),className:Ta("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"},St.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"})),bc=e=>{let[t,r]=Na(e.index||0);Fa(()=>{console.log(`INDEX CHANGED TO: ${t}`)},[t]);let o={small:["",-8],medium:["2",-11],big:["3",-16]};return St.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"},St.createElement(Eo,{direction:"left",disabled:t==0,onClick:()=>{t!=0&&r(t-1)}}),St.createElement("div",{className:"relative m-5 my-0 box-border flex h-full flex-col items-center justify-center py-6 pt-0 "},St.createElement("div",null,e.items[t].icon),St.createElement("div",{className:"absolute bottom-1 mb-0 mt-2 select-none"},e.items[t].label)),St.createElement(Eo,{direction:"right",disabled:t==e.items.length-1,onClick:()=>{t!=e.items.length-1&&r(t+1)}}))};import vt,{useRef as Lo,useState as ka,useEffect as Ao}from"react";import ja from"clsx";var Sa=e=>vt.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),Bo={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"}},nt="\u200B",Cc=e=>{let[t,r]=ka({content:"",stylings:[],revert:[0,0],clipboard:[],events:{paste:{is:!1,length:null},drop:{is:!1,text:null,drag:null}}}),o=Lo(null),n=Lo(t),a=d=>{n.current=d,r(d)},i=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),C=d=>{let m=window.getSelection(),x=Array.from(o.current.childNodes);x=x.filter(O=>!["#text","BR"].includes(O.nodeName));let h=m[d],c=h.parentNode,k=0,_=h.nodeName=="DIV"&&Array.from(h.classList).includes("line");if(c.nodeName=="SPAN"){let O=i(c);k+=s(c.parentNode,O);let E=i(c.parentNode);k+=l(E)}if(Array.from(c.classList).includes("line")){if(h.nodeName=="#text"){let E=i(h);k+=s(c,E)}let O=i(c);k+=l(O)}if(_){let O=i(h);k=l(O)}return c==o.current&&!_?0:k},w=()=>{if(document.activeElement!=o.current)return[0,0];let d=window.getSelection(),m=C("anchorNode"),x=C("focusNode");return[m+d.anchorOffset,x+d.focusOffset].sort((c,k)=>c-k)};Ao(()=>{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 K=k[E],le=K.textContent.length+c;x==null&&d>=c&&d<=le&&(x=k[E],d-=c),h==null&&m>c&&m<=le&&(h=k[E],m-=c),c+=K.textContent.length}var _=document.createRange(),O=window.getSelection();_.setStart(x.firstChild,d),_.setEnd(h.firstChild,m),O.removeAllRanges(),O.addRange(_)},1)},[t.revert]);let y=(d,m)=>{let x=[];for(let h=d;h<=m;h++)x.push(h);return x},p=(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 p(x,h).size==0?2:1},P=(d,m,x,h)=>{let[c,k,_]=d.find(([E,K,le])=>E==0);m=m.filter((E,K)=>K!=k);let O=[{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 O=O.filter(E=>E.start!=E.finish),m=[...m,...O],m},F=(d,m,x,h)=>{let c=d.filter(([E,K,le])=>E==1).map(([E,K,le])=>[K,le]);c.push([-1,x]);let k=c.map(([E,K])=>K.start).sort((E,K)=>E-K)[0],_=c.map(([E,K])=>K.finish).sort((E,K)=>K-E)[0],O=c.map(E=>E[0]);return m=m.filter((E,K)=>!O.includes(K)),m.push({type:h,start:k,finish:_}),m},z=d=>{let m=n.current.stylings.slice(),[x,h]=w();if(x==h)return;let c={type:d,start:x,finish:h},k=[];for(let O=0;O<m.length;O++){let E=m[O],K=b(c,E);K!=-1&&k.push([K,O,E])}let _;k.find(([O,E,K])=>O==1)?_=F(k,m,c,d):k.find(([O,E,K])=>O==0)?_=P(k,m,c,d):(k.find(([O,E,K])=>O==2)||k.length==0)&&(_=[...m,c]),a({...t,stylings:_,revert:[x,h]})},re=(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]},R=(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=R(d,x-m,m):d=A(d,x,h+Math.abs(m))),d),J=(d,m,x,h)=>{let c=n.current.events.paste.length,k=x-c,_=k,O=k+c-m;return d=A(d,_,O),d=R(d,k,c,!1),d=d.concat(n.current.clipboard.map(E=>({...E,start:E.start+k,finish:E.finish+k}))),d},ue=(d,m,x,h)=>{console.log(`Dropped at: ${[x,h]}`);let c=n.current.events.drop.text.length,[k,_]=n.current.events.drop.drag,O=x-k,E=j(d,k,_),K=k,le=_;if(O>0&&(d=R(d,h,c,!1),d=A(d,K,le)),O<0){let Ae=x;d=A(d,K,le),d=R(d,Ae,c,!1)}return d=d.concat(E.map(Ae=>({...Ae,start:Ae.start+x,finish:Ae.finish+x}))),d},Ze=(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=J(c,h,m,x):n.current.events.drop.is?c=ue(c,h,m,x):c=S(c,h,m,x),a({...n.current,content:d,stylings:c,revert:[m,x],events:{paste:{is:!1,length:null},drop:{is:!1,text:null,drag:null}}})},0))},$=()=>{let d=n.current.content,m=[...n.current.stylings],x=[],h=d.split("").map((c,k)=>c==nt?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],O=d.slice(k,_),E=j(m,k,_),K=[],le=E.map(({start:ye,finish:Re})=>[ye,Re]).flat().sort((ye,Re)=>ye-Re);le=le.filter((ye,Re)=>le.indexOf(ye)==Re),le[0]!=0&&le.unshift(0);let Ae=O.length;le[le.length-1]!=Ae&&le.push(Ae);for(let ye=0;ye<le.length-1;ye++){let Re=le[ye],fn=le[ye+1];K.push({content:O.substring(Re,fn),types:re(E,Re).map(xn=>xn.type)})}x.push(K)}return x};Ao(()=>{let d=$().map((m,x)=>`<div class="line" data-line-index="${x}">${m.map((h,c)=>`<span class="${h.types.map(k=>Bo[k].css).join(" ")}" data-child-index="${c}">${h.content}</span>`).join("")}</div>`).join("");o.current.innerHTML=d},[t.content,t.stylings,t.revert]);let W=()=>{switch(e.rtl||"disabled"){case"enabled":return"rtl";case"disabled":return"ltr";case"auto":return"ltr"}};return vt.createElement("div",{className:"align-center box-border flex h-min w-[400px] flex-col items-center justify-center rounded shadow-md"},vt.createElement("div",{className:ja("flex w-full flex-row justify-start p-2")},Object.entries(Bo).map(([d,m])=>vt.createElement(Sa,{name:m.content,key:`property-${d}`,onMouseDown:x=>{x.preventDefault(),z(d)}}))),vt.createElement("div",{className:"h-[1px] w-full bg-slate-600"},"\xA0"),vt.createElement("div",{className:"selection-ignore box-border w-full p-2"},vt.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:W()},onPaste:d=>{d.preventDefault();let m=d.clipboardData.getData("text/plain");m=m.replaceAll(`
|
|
2
|
-
`,""),m=m.replaceAll("\r",""),document.execCommand("insertHTML",!1,m),a({...n.current,events:{...n.current.events,paste:{is:!0,length:m.length}}})},onInput:d=>{let[m,x]=w(),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,nt),m==0&&!c.startsWith(nt)&&(_.splice(m,0,nt),m+=1,x+=1),h=_.join(""),m+=1,x+=1}else{let _=window.getSelection(),{anchorNode:O,focusNode:E}=_,K=d.nativeEvent.data;if(O.parentNode==E.parentNode&&O.parentNode.nodeName=="SPAN"&&_.anchorOffset<=1&&_.focusOffset<=1&&k=="insertText"){let le=i(O.parentNode.parentNode),Ae=c;c.startsWith(nt)&&(Ae=Ae.slice(1));let ye=Ae.split(nt)[le];console.log(Ae.split(nt)),ye=ye.split(""),ye.splice(0,0,K),ye=ye.join("");let Re=Ae.split(nt);Re[le]=ye,h=Re.join(nt),c.startsWith(nt)&&(h=nt+h),m+=1,x+=1}}Ze(h,m,x)},onCopy:()=>{let[d,m]=w(),x=n.current.stylings.slice();x=j(x,d,m),a({...t,clipboard:x})},onDrop:d=>{let m=d.dataTransfer.getData("text");m.trim()!=""&&a({...n.current,events:{...n.current.events,drop:{is:!0,text:m,drag:w()}}})}})),vt.createElement("div",{className:"h-[1px] w-full bg-slate-600"},"\xA0"),vt.createElement("button",{className:"my-1 rounded bg-cyan-800 p-2 py-1 text-white",onClick:()=>{(e.onSubmit||(()=>{}))(t.content,t.stylings)}},"Submit"))};import Be,{useState as Pa,useCallback as Ma}from"react";import{Editor as yr,createEditor as Ea}from"slate";import{Slate as La,Editable as Aa,withReact as Ba}from"slate-react";var Ia=[{type:"paragraph",children:[{text:""}]}],Da={bold:{fontWeight:"bold"},italic:{fontStyle:"italic"},underline:{textDecoration:"underline"},strikethrough:{textDecoration:"line-through"}},za=e=>{let t=Object.assign({},e.leaf);delete t.text;let r=Object.entries(t).filter(([n,a])=>a).map(([n,a])=>n),o={};return r.length!=0&&r.map(n=>{Object.entries(Da[n]).map(([a,i])=>{o[a]=i})}),Be.createElement("span",{...e.attributes,style:o},e.children)},hr=e=>Be.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),Pc=()=>{let[e]=Pa(()=>Ba(Ea())),t=Ma(o=>Be.createElement(za,{...o}),[]),r=(o,n)=>{o.preventDefault();let a=yr.marks(e)[n]||!1;console.log(yr.marks(e)),yr.addMark(e,n,!a)};return Be.createElement("div",{className:"align-center box-border flex h-min w-[400px] flex-col items-center justify-center rounded bg-blue-300 shadow-md"},Be.createElement("div",{className:"flex w-full flex-row justify-start p-2"},Be.createElement(hr,{name:"B",onMouseDown:o=>{r(o,"bold")}}),Be.createElement(hr,{name:"I",onMouseDown:o=>{r(o,"italic")}}),Be.createElement(hr,{name:"U",onMouseDown:o=>{r(o,"underline")}}),Be.createElement(hr,{name:"S",onMouseDown:o=>{r(o,"strikethrough")}})),Be.createElement("div",{className:"h-[1px] w-full bg-slate-600"},"\xA0"),Be.createElement("div",{className:"w-full"},Be.createElement(La,{editor:e,initialValue:Ia},Be.createElement(Aa,{renderLeaf:t,className:"h-[150px] p-2",onKeyDown:o=>{if(o.ctrlKey)switch(o.key){case"b":{o.preventDefault(),yr.addMark(e,"bold",!0);break}}}}))),Be.createElement("div",{className:"h-[1px] w-full bg-slate-600"},"\xA0"),Be.createElement("button",{className:"my-1 rounded bg-cyan-800 p-2 py-1 text-white"},"Submit"))};import Te from"react";import Ha from"react-dom/server";var Wa="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",Io=e=>Te.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),Oa=e=>Te.createElement("div",{className:"group relative w-fit"},Te.createElement("img",{src:`data:image/pngg;charset=utf-8;base64,${Wa}`}),Te.createElement("div",{className:"absolute right-0 top-0 text-red-900 opacity-0 transition-all hover:opacity-50 group-hover:opacity-100"},Te.createElement("svg",{"aria-label":"Close Icon","aria-hidden":"true",className:"h-4 w-4",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"})))),Va={bold:"B",italic:"I",underline:"U",strikeThrough:"S",subscript:"SubS",superscript:"SuperS",removeFormat:"Plain"},Ac=e=>Te.createElement("div",{className:"align-center box-border flex h-min w-[400px] flex-col items-center justify-center rounded shadow-md"},Te.createElement("div",{className:"flex w-full flex-row justify-start p-2"},Object.entries(Va).map(([t,r])=>Te.createElement(Io,{name:r,key:`property-${t}`,onMouseDown:o=>{o.preventDefault(),document.execCommand(t,!1,null),console.log(`Executing ${t}`)}})),Te.createElement(Io,{name:"Image",key:"property-insertImage",onMouseDown:t=>{t.preventDefault();let r=Ha.renderToString(Te.createElement(Oa,null));document.execCommand("insertHTML",!1,r)}})),Te.createElement("div",{className:"h-[1px] w-full bg-slate-600"},"\xA0"),Te.createElement("div",{className:" box-border w-full p-2"},Te.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"})),Te.createElement("div",{className:"h-[1px] w-full bg-slate-600"},"\xA0"),Te.createElement("button",{className:"my-1 rounded bg-cyan-800 p-2 py-1 text-white",onClick:()=>{}},"Submit"));import Gr,{useState as Do,useEffect as Ua,useRef as zo}from"react";import{clsx as _a}from"clsx";var Vc=({...e})=>{let[t,r]=Do(!1),[o,n]=Do(null),a=zo(o),i=p=>{a.current=p,n(p)},s=zo(null),l=()=>{let p=e.anchor.current;return[p.scrollTop,p.scrollLeft]},C=()=>{let[p,g]=l(),v=e.anchor.current.getBoundingClientRect();r(p>=v.height+(e.paddingThreshold||100))},w=()=>{e.anchor.current.scrollTo({top:0,behavior:"smooth"})};Ua(()=>{if(!e.anchor.current)return;e.anchor.current.addEventListener("scroll",C);let p=setInterval(()=>{if(!e.anchor.current)return;let g=e.anchor.current.getBoundingClientRect();if(a.current==null)return i(g);a.current.top==g.top&&a.current.left==g.left&&a.current.width==g.width&&a.current.height==g.height||i(g)},1);return()=>{e.anchor.current?.removeEventListener("scroll",C),clearInterval(p)}},[]);let y=()=>{if(!e.anchor.current)return{};let p=e.corner||"bottom-right",[g,v]=p.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 Gr.createElement(f,{className:u("fixed cursor-pointer rounded transition-all",t?"pointer-events-all opacity-100":"pointer-events-none opacity-0"),onClick:w,style:{...y(),transitionProperty:"opacity, background-color"},ref:s,size:"icon"},Gr.createElement("svg",{className:_a("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"},Gr.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 Ga from"react";var qc=e=>Ga.createElement("code",{className:"inline-code"},e.text);import Wt from"react";var Yc=e=>Wt.createElement("div",null,Wt.createElement("ol",{className:"relative border-l border-gray-200 dark:border-gray-700"},e.steps.map(t=>Wt.createElement("li",{className:"mb-10 ml-4"},Wt.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"}),Wt.createElement("time",{className:"mb-1 text-sm font-normal leading-none text-gray-400 dark:text-gray-500"},t.date),Wt.createElement("h3",{className:"text-lg font-semibold text-gray-900 dark:text-white"},t.title),Wt.createElement("p",{className:"mb-4 text-base font-normal text-gray-500 dark:text-gray-400"},t.description),t.actions))));import Ho,{useEffect as qa,useState as Za}from"react";import Ka from"clsx";var Wo=({label:e,icon:t,digits:r,width:o="normal",getPins:n,...a})=>{let[i,s]=Za(Array.from(Array(r))),l=(w,y)=>{let p=0;w.key==="Backspace"&&(w.target.value.length===0?p=y-1:p=y,document.getElementById(`input-${p}`)?.focus())};qa(()=>{i.includes(void 0)||n(i)});let C=(w,y)=>{if(/^\d*$/.test(w.target.value)){let p=[...i];p[y]=w.target.value,s(p),w.target.value.length===1?document.getElementById(`input-${y+1}`)?.focus():w.target.value.length===0&&document.getElementById(`input-${y-1}`)?.focus()}else{let p=[...i];p[y]="",s(p);return}};return Ho.createElement("div",{className:"flex w-full flex-row justify-center gap-2"},i.map((w,y)=>Ho.createElement("input",{key:y,type:"text",maxLength:1,value:w,id:`input-${y}`,pattern:"[0-9]*",className:Ka("h-10 rounded border bg-background text-center",o==="full"?"w-full":"w-10"),onChange:p=>C(p,y),onKeyDown:p=>l(p,y),onFocus:p=>p.target.select(),...a})))};import Ie,{useEffect as Qa,useState as Ya}from"react";import wr from"clsx";var l0=({actions:e,counts:t,content:r,headerActions:o,clickableImage:n,clickableImageAction:a,clickableImageActionText:i,clickableImageActionIcon:s,header:l,cardImage:C,orientation:w="vertical",...y})=>{let p="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]=Ya(!1);function z(){F(!P)}return Qa(()=>(window.onclick=()=>{P&&F(!1)},()=>window.onclick=null),[P]),Ie.createElement("div",{className:wr(p,g[w]),...y},C&&Ie.createElement("div",{className:"group relative overflow-clip"},Ie.createElement("img",{src:"https://via.placeholder.com/50",className:wr(v[w],n?"overflow-clip transition-all group-hover:blur-lg":"")}),n&&Ie.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 "},Ie.createElement(f,{variant:"secondary",onClick:a,className:"flex flex-row gap-2"},s,i))),Ie.createElement("div",{className:"relative w-full p-6"},o&&Ie.createElement("div",{className:"max-h- bg-red absolute right-0 top-0 flex justify-end pr-3 pt-3"},Ie.createElement(Nt,{items:o,trigger:Ie.createElement("div",{className:wr(b),onClick:z},Ie.createElement("span",{className:"sr-only"},"Open dropdown"),Ie.createElement("svg",{className:"h-6 w-6","aria-hidden":"true",fill:"currentColor",viewBox:"0 0 20 20"},Ie.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&&Ie.createElement("h5",{className:"mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white"},l),r&&Ie.createElement("span",{className:"w-full font-normal text-gray-700 dark:text-gray-400"},r),e||t?Ie.createElement("div",{className:wr("mt-3 flex items-center rounded-b-lg dark:text-white ",e&&t?"justify-between":"justify-end")},t,e):null))};import Xa from"clsx";import De from"react";var Oo=({size:e="medium",direction:t="ltr",currentPlan:r=!1,...o})=>De.createElement("div",{dir:t==="rtl"?"rtl":"ltr",className:Xa(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")},De.createElement("h5",{className:"text-md 0 font-bold text-primary/70"},o.texts.title),De.createElement("div",{className:" text-primary/ flex items-baseline"},De.createElement(De.Fragment,null,De.createElement("span",{className:"text-5xl font-extrabold tracking-tight"},o.price),De.createElement("span",{className:"mx-1 text-sm font-semibold"},o.texts.currencyText)),De.createElement("span",{className:"ml-1 text-xl font-normal text-primary/70"},"/ ",o.texts.cycleText)),De.createElement("h5",{className:"text-md font-normal text-primary/70"},o.texts.subtitle),o.features&&De.createElement("ul",{role:"list",className:"space-y-0 "},o.features?.map((i,s)=>De.createElement("li",{key:s,className:"flex "},De.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"},De.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"})),De.createElement("span",{className:"flex items-center text-center font-normal leading-tight text-primary/70 "},i.text)))),De.createElement(f,{onClick:o.onPlanClicked,disabled:r,className:"w-full"},o.texts.buttonText));import Ja from"clsx";import Pt,{useState as $a,useEffect as Ra,useRef as ei}from"react";var v0=({orientation:e,...t})=>{let r=ei(null),[o,n]=$a(!1),a=0;Ra(()=>{if(a){let l=setTimeout(()=>{n(!0)},a),C=setTimeout(()=>{n(!0),r.current.removeChild(r.current.children[0])},a+1e3);return()=>{clearTimeout(l),clearTimeout(C)}}},[a]);let i={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 Pt.createElement("div",{ref:r},Pt.createElement("div",{className:Ja(i[e],"dark:text-white"),...t},Pt.createElement("div",{className:"flex aspect-square w-full max-w-fit items-start "},Pt.createElement("img",{src:t.imageURL?t.imageURL:"https://via.placeholder.com/50",className:s[e]})),Pt.createElement("div",{className:"w-full text-xs"},Pt.createElement("div",{className:"font-bold"},t.title),Pt.createElement("div",{className:"text-[12px]"},t.description)),Pt.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 ti from"clsx";import Qt from"react";var C0=({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 Qt.createElement("div",{className:ti(r[e],"flex flex-col p-10","relative overflow-hidden dark:text-white",t.className),...t},t.texts?.titleTip&&Qt.createElement("div",{className:"text-sm text-red-600"},t.texts?.titleTip),t.imageURL&&Qt.createElement("img",{className:"absolute -bottom-10 -right-10 h-40 w-auto ",src:t.imageURL}),t.texts?.title&&Qt.createElement("div",{className:"mt-2 text-lg font-medium"},t.texts?.title," "),t.texts?.description&&Qt.createElement("div",{className:"z-10 mt-4 text-sm"},t.texts?.description),t.texts?.linkText&&Qt.createElement("div",{className:"z-10 mt-6 text-sm underline underline-offset-8"},t.texts?.linkText))};import Ot,{useState as Vo}from"react";import ir from"clsx";var ri="cursor-default pointer-events-none",oi={contained:"text-gray-300 bg-gray-100",outlined:"text-gray-300 border-gray-300"},Uo="cursor-pointer justify-center items-center text-center font-medium transition-all ",_o={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"},Go={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"},ni={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"},ai={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"}},P0=({className:e,variant:t="contained",color:r="default",size:o="default",width:n="normal",disabled:a=!1,isLoading:i=!1,tooltip:s,tooltipSize:l="normal",tooltipPosition:C="top-left",tooltipDirection:w="ltr",margins:y="2",children:p,badge:g,edgeCorner:v=!1,feedback:b,...P})=>{let[F,z]=Vo(!1),[re,j]=Vo(p),U=R=>{P.onClick&&P.onClick(R),b&&!F&&(j(b),z(!0),setTimeout(()=>{j(p),z(!1)},2e3))};return Ot.createElement("div",{className:ir("relative",y!=="none"?`my-${y}`:"m-0",ni[n])},Ot.createElement("button",{className:a?ir(e,Uo,v?"rounded-inner":"rounded",qo[t],_o[o],Go[n],ri,oi[t]):ir(e,"overflow-x-clip",Uo,v?"rounded-inner":"rounded",qo[t],_o[o],ai[t][r],Go[n]),disabled:a,onClick:U},i?Ot.createElement(xr,{design:"dots-pulse",color:"bg-white",size:"button"}):Ot.createElement("div",{className:ir(" 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?Ot.createElement("div",{className:"w-full text-center"},re):null,Ot.createElement("div",{className:"flex w-full select-none flex-row items-center justify-center gap-2 whitespace-nowrap"},P.startIcon&&P.startIcon,p,P.endIcon&&P.endIcon))),g&&Ot.createElement("div",{className:ir(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 Z from"react";var A0=e=>Z.createElement("div",{className:"flex justify-center"},Z.createElement("div",null,e.store==="apple"?e.mode==="dark"?Z.createElement("div",{className:"mt-3 flex h-14 w-48 items-center justify-center rounded-lg bg-black text-white"},Z.createElement("div",{className:"mr-3"},Z.createElement("svg",{viewBox:"0 0 384 512",width:"30"},Z.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"}))),Z.createElement("div",null,Z.createElement("div",{className:"text-xs"},"Download on the"),Z.createElement("div",{className:"font-sans -mt-1 text-2xl font-semibold"},"App Store"))):Z.createElement("div",{className:"mt-3 flex h-14 w-48 items-center justify-center rounded-lg border border-black bg-transparent text-black"},Z.createElement("div",{className:"mr-3"},Z.createElement("svg",{viewBox:"0 0 384 512",width:"30"},Z.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"}))),Z.createElement("div",null,Z.createElement("div",{className:"text-xs"},"Download on the"),Z.createElement("div",{className:"font-sans -mt-1 text-2xl font-semibold"},"App Store"))):e.mode==="dark"?Z.createElement("div",{className:"mt-3 flex h-14 w-48 items-center justify-center rounded-lg bg-black text-white"},Z.createElement("div",{className:"mr-3"},Z.createElement("svg",{viewBox:"30 336.7 120.9 129.2",width:"30"},Z.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"}),Z.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"}),Z.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"}),Z.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"}))),Z.createElement("div",null,Z.createElement("div",{className:"text-xs"},"GET IT ON"),Z.createElement("div",{className:"font-sans -mt-1 text-xl font-semibold"},"Google Play"))):Z.createElement("div",{className:"mt-3 flex h-14 w-48 items-center justify-center rounded-lg border border-black bg-white text-black"},Z.createElement("div",{className:"mr-3"},Z.createElement("svg",{viewBox:"30 336.7 120.9 129.2",width:"30"},Z.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"}),Z.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"}),Z.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"}),Z.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"}))),Z.createElement("div",null,Z.createElement("div",{className:"text-xs"},"GET IT ON"),Z.createElement("div",{className:"font-sans -mt-1 text-xl font-semibold"},"Google Play")))));import at,{useState as ii}from"react";var z0=e=>{let[t,r]=ii(!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 Qe from"react";var O0=e=>Qe.createElement("div",{className:"bg-white py-24 sm:py-32"},Qe.createElement("div",{className:"mx-auto flex max-w-5xl flex-col items-start gap-10 px-6 md:flex-row lg:px-8"},Qe.createElement("div",{className:"w-full md:sticky md:top-10 md:w-[28rem]"},Qe.createElement("h2",{className:"text-lg font-semibold leading-8 tracking-tight text-indigo-600"},e.tag),Qe.createElement("p",{className:"mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl"},e.title),Qe.createElement("p",{className:"mb-2 mt-6 text-base leading-7 text-gray-600"},e.description)),Qe.createElement("div",{className:"mt-5 w-full min-w-0 flex-1 md:mt-0"},Qe.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=>Qe.createElement("div",{className:"relative rounded-lg bg-gray-50 p-10"},Qe.createElement("div",{className:"flex h-10 w-10 items-center justify-center rounded-lg bg-indigo-600"},t.icon),Qe.createElement("dt",{className:"mt-4 text-lg font-semibold leading-7 text-gray-900"},t.title),Qe.createElement("dd",{className:"mt-2 text-base leading-7 text-gray-600"},t.description)))))));import Ye,{useEffect as li,useRef as si,useState as Cr}from"react";import Zo from"clsx";import*as Mt from"react";var qr=Mt.forwardRef(({className:e,label:t,...r},o)=>Mt.createElement(Mt.Fragment,null,t&&Mt.createElement(lt,{htmlFor:r.id},t),Mt.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})));qr.displayName="Textarea";var $0=({position:e="bottom-right",...t})=>{let[r,o]=Cr(!1),[n,a]=Cr(!1),[i,s]=Cr(null),[l,C]=Cr(5),w=si(null),y={"bottom-right":"right-4","bottom-left":"left-4"};li(()=>{let g=setTimeout(()=>{l>=0&&C(l-1)},1e3);return()=>{clearTimeout(g)}},[l]);let p=()=>{o(!0),setTimeout(()=>{w.current.removeChild(w.current.children[0])},200)};return Ye.createElement(T,{ref:w,className:Zo("fixed bottom-4 p-4 ",y[e])},Ye.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:()=>p()},Ye.createElement("svg",{"aria-hidden":"true",className:"h-5 w-5",fill:"currentColor",viewBox:"0 0 20 20"},Ye.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"}))),Ye.createElement(N,{headless:!0},Ye.createElement("div",{className:Zo("flex flex-col gap-4",r?"opacity-0":"opacity-100")},Ye.createElement("div",{className:"mt-4 font-bold"},t.question),Ye.createElement("div",{className:"flex w-full flex-row gap-1 rounded "},Ye.createElement(ge,{orientation:"vertical",options:t.options})),Ye.createElement("div",null,Ye.createElement(qr,null))),Ye.createElement(f,{className:"mt-4 w-full"},"Submit")))};import Kr from"react";import{useState as Zr,useRef as di}from"react";var mi=e=>{let[t,r]=Zr(!1),[o,n]=Zr(0),[a,i]=Zr(0),s=di(null),l=v=>Math.round(v/e)*e,C=v=>{r(!0),n(v.pageX-s.current.offsetLeft),i(s.current.scrollLeft)},w=()=>{t&&p()},y=()=>{t&&p()},p=()=>{r(!1);let v=l(s.current.scrollLeft);s.current.scrollTo({left:v,behavior:"smooth"})};return{containerRef:s,handleMouseDown:C,handleMouseLeave:w,handleMouseUp:y,handleMouseMove:v=>{if(!t)return;v.preventDefault();let P=v.pageX-s.current.offsetLeft-o;s.current.scrollLeft=a-P}}},Ko=mi;var nu=({images:e})=>{let{containerRef:r,handleMouseDown:o,handleMouseLeave:n,handleMouseUp:a,handleMouseMove:i}=Ko(1016);return Kr.createElement("div",{className:"flex cursor-pointer snap-x items-center justify-center gap-4 overflow-x-hidden",onMouseDown:o,onMouseLeave:n,onMouseUp:a,onMouseMove:i,ref:r},e.map((s,l)=>Kr.createElement("div",{key:l,className:"h-96 w-[1000px] flex-shrink-0"},Kr.createElement("img",{src:s,alt:`Carousel Image ${l}`,width:1016,className:"h-full w-full rounded-lg object-cover"}))))};import*as Fr from"react";var Et=Fr.forwardRef(({className:e,preview:t,type:r,...o},n)=>Fr.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}));Et.displayName="Input";import Vt,{useState as Qo}from"react";var Nr=({orientation:e="horizontal",width:t="default",...r})=>{let[o,n]=Qo(r.currentColorMode),[a,i]=Qo(r.currentLanguage);return Vt.createElement("div",{className:u({horizontal:"flex flex-row justify-between",vertical:"flex flex-col items-center gap-2"}[e])},Vt.createElement(ge,{width:t,defaultValue:a,onChangeTab:l=>{r.handleLanguage(l),i(l)},design:"tabs",options:[{value:"ar",label:"\u0639\u0631\u0628\u064A"},{value:"en",label:"English"}]}),Vt.createElement(ge,{width:t,defaultValue:o,onChangeTab:l=>{r.handleColorMode(l),n(l)},design:"tabs",options:[{value:"light",label:Vt.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"},Vt.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:Vt.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"},Vt.createElement("path",{d:"M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"}))}]}))};import*as Lt from"react";import*as bt from"@radix-ui/react-popover";var Yo=Lt.forwardRef(({className:e,align:t="center",sideOffset:r=4,...o},n)=>Lt.createElement(bt.Portal,null,Lt.createElement(bt.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})));Yo.displayName=bt.Content.displayName;var pu=({trigger:e,children:t,className:r,align:o="center",side:n,sideOffset:a=4})=>Lt.createElement(bt.Root,null,Lt.createElement(bt.Trigger,null,e),Lt.createElement(Yo,{side:n,className:r,align:o,sideOffset:a},t));import*as ze from"react";import*as Xe from"@radix-ui/react-tabs";var Xo=ze.createContext({orientation:"vertical"}),ci=ze.forwardRef(({className:e,orientation:t,...r},o)=>ze.createElement(Xe.Root,{ref:o,className:u("flex gap-2",t==="horizontal"?"flex-row":"flex-col",e),...r},ze.createElement(Xo.Provider,{value:{orientation:t}},r.children)));ci.displayName=Xe.Root.displayName;var ui=ze.forwardRef(({className:e,...t},r)=>{let{orientation:o}=ze.useContext(Xo);return ze.createElement(Xe.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})});ui.displayName=Xe.List.displayName;var gi=ze.forwardRef(({className:e,...t},r)=>ze.createElement(Xe.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}));gi.displayName=Xe.Trigger.displayName;var pi=ze.forwardRef(({className:e,...t},r)=>ze.createElement(Xe.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}));pi.displayName=Xe.Content.displayName;import*as Tr from"react";import*as Qr from"@radix-ui/react-separator";var fi=Tr.forwardRef(({className:e,orientation:t="horizontal",decorative:r=!0,...o},n)=>Tr.createElement(Qr.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}));fi.displayName=Qr.Root.displayName;import*as ke from"react";import*as ce from"@radix-ui/react-toast";import{cva as xi}from"class-variance-authority";var vi=xi("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"}}),Jo=ce.Provider,Yr=ke.forwardRef(({className:e,...t},r)=>ke.createElement(ce.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}));Yr.displayName=ce.Viewport.displayName;var Xr=ke.forwardRef(({className:e,variant:t,severity:r="none",direction:o,...n},a)=>ke.createElement(ce.Root,{ref:a,className:u(vi({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}));Xr.displayName=ce.Root.displayName;var bi=ke.forwardRef(({className:e,...t},r)=>ke.createElement(ce.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}));bi.displayName=ce.Action.displayName;var Jr=ke.forwardRef(({className:e,...t},r)=>ke.createElement(ce.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},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"}))));Jr.displayName=ce.Close.displayName;var $r=ke.forwardRef(({className:e,...t},r)=>ke.createElement(ce.Title,{ref:r,className:u("text-sm font-semibold",e),...t}));$r.displayName=ce.Title.displayName;var Rr=ke.forwardRef(({className:e,...t},r)=>ke.createElement(ce.Description,{ref:r,className:u("text-sm opacity-90",e),...t}));Rr.displayName=ce.Description.displayName;import Ut from"react";import*as Sr from"react";var yi=5,hi=1e5;var eo=0;function wi(){return eo=(eo+1)%Number.MAX_VALUE,eo.toString()}var to=new Map,$o=e=>{if(to.has(e))return;let t=setTimeout(()=>{to.delete(e),lr({type:"REMOVE_TOAST",toastId:e})},hi);to.set(e,t)},Ci=(e,t)=>{switch(t.type){case"ADD_TOAST":return{...e,toasts:[t.toast,...e.toasts].slice(0,yi)};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?$o(r):e.toasts.forEach(o=>{$o(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)}}},kr=[],jr={toasts:[]};function lr(e){jr=Ci(jr,e),kr.forEach(t=>{t(jr)})}function Fi({...e}){let t=wi(),r=n=>lr({type:"UPDATE_TOAST",toast:{...n,id:t}}),o=()=>lr({type:"DISMISS_TOAST",toastId:t});return lr({type:"ADD_TOAST",toast:{...e,id:t,open:!0,onOpenChange:n=>{n||o()}}}),{id:t,dismiss:o,update:r}}function Ro(){let[e,t]=Sr.useState(jr);return Sr.useEffect(()=>(kr.push(t),()=>{let r=kr.indexOf(t);r>-1&&kr.splice(r,1)}),[e]),{...e,toast:Fi,dismiss:r=>lr({type:"DISMISS_TOAST",toastId:r})}}function Su(e){let{toasts:t}=Ro(),r=e.direction==="rtl";return Ut.createElement(Jo,{swipeDirection:r?"left":"right"},t.map(function({id:o,title:n,description:a,action:i,...s}){return Ut.createElement(Xr,{direction:e.direction,key:o,...s},Ut.createElement("div",{className:"grid gap-1 text-start"},n&&Ut.createElement($r,null,n),a&&Ut.createElement(Rr,null,a)),i,Ut.createElement(Jr,null))}),Ut.createElement(Yr,{className:u("gap-2",r&&"fixed left-0")}))}import*as pe from"react";import*as me from"@radix-ui/react-dialog";var Eu=me.Root,Lu=me.Trigger,en=({className:e,...t})=>pe.createElement(me.Portal,{className:u(e),...t});en.displayName=me.Portal.displayName;var tn=pe.forwardRef(({className:e,...t},r)=>pe.createElement(me.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}));tn.displayName=me.Overlay.displayName;var Ni=pe.forwardRef(({className:e,children:t,...r},o)=>pe.createElement(en,null,pe.createElement(tn,null),pe.createElement(me.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,pe.createElement(me.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"},pe.createElement("svg",{"aria-label":"Close Icon","aria-hidden":"true",className:"h-5 w-5",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"})),pe.createElement("span",{className:"sr-only"},"Close")))));Ni.displayName=me.Content.displayName;var Ti=({className:e,...t})=>pe.createElement("div",{className:u("flex flex-col space-y-1.5 text-center sm:text-left",e),...t});Ti.displayName="DialogHeader";var ki=({className:e,...t})=>pe.createElement("div",{className:u("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t});ki.displayName="DialogFooter";var ji=pe.forwardRef(({className:e,...t},r)=>pe.createElement(me.Title,{ref:r,className:u("text-lg font-semibold leading-none tracking-tight",e),...t}));ji.displayName=me.Title.displayName;var Si=pe.forwardRef(({className:e,...t},r)=>pe.createElement(me.Description,{ref:r,className:u("text-sm text-muted-foreground",e),...t}));Si.displayName=me.Description.displayName;import Pi from"react";var Q1=e=>Pi.createElement("div",null,e.children);import sr from"react";var J1=e=>sr.createElement("div",{className:"fixed bottom-0 top-auto left-0 m-0 w-full max-w-full p-1"},sr.createElement("div",{className:"flex w-full flex-row items-center justify-evenly rounded bg-gray-200"},e.appBarContent.map((t,r)=>sr.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},sr.createElement("div",null,t.icon),sr.createElement("div",{className:"mt-2 text-sm"},t.label)))));import _e,{useEffect as Ii,useRef as rn,useState as ro}from"react";import on from"clsx";import{useState as Mi}from"react";var Ei=(e=!1)=>{let[t,r]=Mi(e);return{isOpen:t,onOpen:()=>r(!0),onClose:()=>r(!1)}},Yt=Ei;import{useState as Li,useEffect as Ai}from"react";var Bi=()=>{let[e,t]=Li(window?.innerWidth),r=()=>{t(window?.innerWidth)};return Ai(()=>{if(typeof window<"u")return window?.addEventListener("resize",r),()=>{window?.removeEventListener("resize",r)}},[]),e},At=Bi;var dg=({direction:e="rtl",navigationSize:t="md",...r})=>{let[o,n]=ro(!1),[a,i]=ro(!1),{isOpen:s,onClose:l,onOpen:C}=Yt(!1),w=rn(null),y=rn(null),p;typeof window<"u"?p=At():p=1200;let[g,v]=ro(!1);Ii(()=>{let j=U=>{w.current&&!w.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",p>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",p>600?"w-14 hover:w-40":"w-0",o?"w-40":"w-14"],F={sm:"h-10",md:"",lg:"h-24"},z=[],re=[];return _e.createElement("div",{className:"h-full w-full"},_e.createElement("div",{className:on("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")},p>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:on(" relative top-14")},r.children))};import Q,{useEffect as Hi,useRef as Wi,useState as Pr}from"react";import yt from"clsx";import*as oe from"react";import*as Je from"@radix-ui/react-accordion";var Di=Je.Root,nn="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",an=oe.forwardRef(({className:e,...t},r)=>oe.createElement(Je.Item,{ref:r,className:u(e),...t}));an.displayName="AccordionItem";var ln=oe.forwardRef(({className:e,showArrow:t,children:r,...o},n)=>oe.createElement(Je.Header,{className:"flex"},oe.createElement(Je.Trigger,{ref:n,className:u(nn,e),...o},r,t&&oe.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"},oe.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"})))));ln.displayName=Je.Trigger.displayName;var sn=oe.forwardRef(({className:e,children:t,...r},o)=>oe.createElement(Je.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},oe.createElement("div",null,t)));sn.displayName=Je.Content.displayName;var dn=({title:e,items:t,selectedItem:r,openedItem:o,setOpenedItem:n,onItemClick:a,onSubItemClick:i,direction:s,isOpen:l})=>oe.createElement("div",null,e&&oe.createElement("h3",{className:"mb-1 font-bold"},e),oe.createElement("ul",{className:"flex flex-col gap-2"},oe.createElement(Di,{value:o,type:"single",onValueChange:C=>{n(C)},collapsible:!0,className:"flex flex-col gap-1"},t.map((C,w)=>oe.createElement(zi,{isOpen:l,selectedItem:r,key:w,direction:s,item:C,onItemClick:a,onSubItemClick:i}))))),zi=({item:e,onItemClick:t,onSubItemClick:r,direction:o,isOpen:n=!0,...a})=>{let i=s=>a.selectedItem===s?"bg-primary text-primary-foreground cursor-default":"hover:bg-primary/10";return e.subitems?oe.createElement(an,{value:e.value,className:"overflow-x-clip",dir:o},oe.createElement(ln,{className:u("overflow-x-clip",a.selectedItem===e.value?"cursor-default bg-primary text-primary-foreground":"hover:bg-primary/10",e.subitems&&e.subitems.some(s=>a.selectedItem===s.value)?"bg-primary text-primary-foreground hover:bg-primary":""),showArrow:n},oe.createElement("div",{className:u(!n&&"py-1","flex w-fit flex-row items-center gap-2")},e.icon,n&&oe.createElement("span",{className:u("transition-all ",n?"opacity-100":"opacity-0")},e.label))),e.subitems&&oe.createElement(sn,{className:" mt-1 h-full rounded "},oe.createElement("div",{className:u("flex h-full flex-col gap-2 bg-foreground/5 p-1")},e.subitems.map((s,l)=>oe.createElement("li",{key:l,onClick:C=>{C.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",i(s.value))},s.icon,s.label))))):oe.createElement("div",{dir:o,onClick:()=>{e.onClick(),t&&t([e.value])},className:u(nn,i(e.value),"overflow-x-clip ")},oe.createElement("div",{className:"flex flex-row items-center gap-2 "},e.icon,oe.createElement("span",{className:u("whitespace-nowrap transition-all",n?"opacity-100":"opacity-0")},e.label)))};var yg=({direction:e="ltr",drawerSize:t="md",onSettingsClick:r,DrawerFooterActions:o,currentPage:n,clickedItem:a,design:i="default",...s})=>{let l=56,C=200,w={opened:{sm:"100",md:C,lg:"250"},closed:{sm:l,md:l,lg:l}},y=Wi(null),p=e==="rtl",[g,v]=Pr(""),[b,P]=Pr(n),F;typeof window<"u"?F=At():F=1200;let[z,re]=Pr(F>600),[j,U]=Pr(F>600),R=F>600?w[z?"opened":"closed"][t]:0;return Hi(()=>{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]),Q.createElement("div",{className:"fixed left-0"},s.topBar&&Q.createElement("div",{className:yt("fixed left-0 right-0 top-0 z-30 flex h-14 w-full items-center justify-between bg-primary-foreground p-2",p?"flex-row-reverse":"flex-row")},F>600?Q.createElement("div",{className:yt("dark:text-white",p?[F>600?"mr-14":"mr-2",z?"mr-40":""]:[F>600?"ml-14":"ml-2",z?"ml-40":""]),style:p?{marginRight:`${w[z?"opened":"closed"][t]}px`}:{marginLeft:`${w[z?"opened":"closed"][t]}px`}},s.pageTitle):Q.createElement("div",{dir:e,className:"flex items-center justify-center gap-0.5"},Q.createElement("div",{onClick:()=>U(!0),className:"z-40 mx-1 cursor-pointer rounded p-2 transition-all hover:bg-gray-100"},Q.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:0,viewBox:"0 0 20 20","aria-hidden":"true",height:"1.6em",width:"1.6em"},Q.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?Q.createElement("div",{className:"text-sm"},s.pageTitle):Q.createElement("div",null)),Q.createElement("div",{className:yt("flex gap-2 dark:text-white",p?"flex-row-reverse":"flex-row")},F>600?Q.createElement("div",{className:p?"text-left text-xs":"text-right text-xs"},Q.createElement("div",{className:"font-bold"},s.username)," ",Q.createElement("div",null,s.email)):null,Q.createElement(Nt,{triggerClassname:"mx-2",align:"end",alignOffset:8,side:"bottom",sideOffset:5,width:s.profileMenuWidth,direction:p?"rtl":"ltr",items:s.profileMenuItems,onItemSelect:A=>console.log("selecting item ",A),trigger:Q.createElement("div",{className:"relative h-8 w-8 cursor-pointer overflow-clip rounded ring-1 ring-primary/30 dark:bg-gray-600"},s.avatarImage?Q.createElement("img",{src:s.avatarImage,alt:"User Avatar"}):Q.createElement("svg",{"aria-label":"Avatar Icon",className:"absolute -left-1 h-10 w-10 text-gray-400",fill:"currentColor",viewBox:"0 0 20 20"},Q.createElement("path",{fillRule:"evenodd",d:"M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z",clipRule:"evenodd"})))}))),Q.createElement("div",{className:yt("fixed z-40 flex flex-col justify-between overflow-x-clip transition-all",i==="floating"?p?"right-5 top-5":"bottom-5 left-5 top-5":p?"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:()=>{z?U(!0):(v(""),U(!1))},ref:y},Q.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?C:56}px`:`${j?C:0}px`}},Q.createElement("img",{className:yt("h-9 opacity-0 transition-all",j?"visible opacity-100":"invisible opacity-0"),src:s.logoLink}),F>600?Q.createElement("img",{className:yt("fixed h-9 transition-all",i==="floating"?p?"right-7.5 top-7":"left-7.5 top-7":p?"right-2.5 top-2.5":"left-2.5 top-2.5",j?"invisible opacity-0":"visible opacity-100"),src:s.logoSymbol}):null),Q.createElement("div",{className:yt("fixed bottom-14 bg-primary-foreground p-2 py-2 transition-all",i==="floating"?"top-[76px]":"top-14",j?"overflow-auto":"overflow-hidden"),style:{height:i==="floating"?"calc(100% - 152px)":"calc(100% - 112px)",width:F>600?`${j?C:56}px`:`${j?C:0}px`}},Q.createElement(dn,{direction:e,onItemClick:A=>{a&&a(A)},onSubItemClick:A=>{a&&a(A)},selectedItem:n,openedItem:g,setOpenedItem:A=>v(A),isOpen:j,items:s.drawerItems})),Q.createElement("div",{className:yt("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",i==="floating"?"bottom-5":"bottom-0"),style:{width:F>600?`${j?C:56}px`:`${j?C:0}px`}},o&&j?Q.createElement(Q.Fragment,null,o):null,F>600&&j?Q.createElement(ut,{side:"left",delayDuration:500,content:z?s.texts?.collapseSidebar||"Collapse Sidebar":s.texts?.expandSidebar||"Expand Sidebar"},Q.createElement(f,{variant:"light",onClick:()=>{re(!z),s.onDrawerExpand&&s.onDrawerExpand(z)},size:"smallIcon"},Q.createElement("svg",{className:yt("h-6 w-6 shrink-0 text-primary transition-all disabled:bg-gray-200 ",z?p?"-rotate-90":"rotate-90":p?"rotate-90":"-rotate-90"),fill:"currentColor",viewBox:"0 0 20 20"},Q.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)),Q.createElement("div",{className:"fixed overflow-y-auto transition-all",style:i==="floating"?p?{height:`calc(100% - ${s.topBar?"56":"0"}px)`,width:`calc(100% - ${R+20}px)`,left:"0px",top:s.topBar?"56px":"0px"}:{height:`calc(100% - ${s.topBar?"56":"0"}px)`,width:`calc(100% - ${R+20}px)`,left:`${R+20}px`,top:s.topBar?"56px":"0px"}:p?{height:`calc(100% - ${s.topBar?"56":"0"}px)`,width:`calc(100% - ${R}px)`,left:"0px",top:s.topBar?"56px":"0px"}:{height:`calc(100% - ${s.topBar?"56":"0"}px)`,width:`calc(100% - ${R}px)`,left:`${R}px`,top:s.topBar?"56px":"0px"}},s.children))};import L,{useEffect as Oi,useRef as Vi,useState as oo}from"react";import fe from"clsx";import{FaChevronRight as mn}from"react-icons/fa";var jg=({direction:e="rtl",drawerSize:t="md",onSettingsClick:r,...o})=>{let[n,a]=oo(!1),[i,s]=oo(""),{isOpen:l,onClose:C,onOpen:w}=Yt(!1),[y,p]=oo(!1),g=Vi(null),v=e==="rtl",b;typeof window<"u"?b=At():b=1200,Oi(()=>{let re=j=>{g.current&&!g.current.contains(j.target)&&!y&&a(!1)};return document.addEventListener("click",re,!0),()=>{document.removeEventListener("click",re,!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:fe("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:fe(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:()=>a(!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:fe("flex gap-2",v?"flex-row-reverse":"flex-row")},b>600?L.createElement("div",{className:fe(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(Kt,{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:()=>{a(!0)},onMouseLeave:()=>a(!!y),ref:g,className:fe(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:fe("no-scrollbar",o.topBar?"":"mt-2",n?"overflow-auto":"overflow-hidden")},L.createElement("div",{dir:e,className:fe("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:fe("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:fe("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((re,j)=>L.createElement("div",{key:j,className:fe("flex flex-col items-stretch justify-center")},re?.map((U,R)=>L.createElement("div",{key:R,id:"test",className:"flex flex-col"},L.createElement("div",{onClick:()=>{U.subItems?i===U.slug?s(""):s(U.slug):U.action()},className:fe(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:fe("mx-2 whitespace-nowrap text-sm transition-all",n?"opacity-100":"opacity-0")},U.label)),U.subItems&&L.createElement("div",{className:fe(i&&U.slug===i?"-rotate-90":"rotate-90")},L.createElement(mn,{fontSize:11}))),U.subItems&&L.createElement("div",{className:fe("m-1 flex cursor-pointer flex-col gap-0 overflow-clip whitespace-nowrap rounded bg-layoutPrimary-300 p-1 transition-all",i==U.slug&&n?"":"my-0 py-0",v?"text-right":"text-left"),style:{height:i==U.slug&&n?6+33*U.subItems?.length:0}},U.subItems?.map((A,S)=>L.createElement("div",{key:S,className:fe("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:fe("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:fe("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:fe("relative left-0 top-0 transition-all",n?" opacity-100":" opacity-0")},L.createElement("div",{onClick:()=>p(!y),className:"w-fit cursor-pointer rounded bg-gray-300 p-2 transition-all hover:bg-gray-400"},L.createElement(mn,{fontSize:14,className:fe("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 Ui,useRef as _i,useState as no}from"react";import je from"clsx";var Ig=({direction:e="rtl",drawerSize:t="md",onSettingsClick:r,DrawerFooterActions:o,...n})=>{let[a,i]=no(!1),[s,l]=no(""),{isOpen:C,onClose:w,onOpen:y}=Yt(!1),[p,g]=no(!1),v=_i(null),b=e==="rtl",P;typeof window<"u"?P=At():P=1200,Ui(()=>{let R=A=>{v.current&&!v.current.contains(A.target)&&!p&&i(!1)};return document.addEventListener("click",R,!0),()=>{document.removeEventListener("click",R,!0)}},[p]);let F="fixed top-0 z-40 flex h-full flex-col justify-between overflow-x-clip bg-card transition-all",z=56,re=200,j={opened:{sm:"100",md:re,lg:"250"},closed:{sm:"56",md:"56",lg:"56"}},U=P>600?j[p?"opened":"closed"][t]:0;return B.createElement("div",{className:"fixed left-0"},n.topBar&&B.createElement("div",{className:je("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:je("dark:text-white",b?[P>600?"mr-14":"mr-2",p?"mr-40":""]:[P>600?"ml-14":"ml-2",p?"ml-40":""]),style:b?{marginRight:`${j[p?"opened":"closed"][t]}px`}:{marginLeft:`${j[p?"opened":"closed"][t]}px`}},n.pageTitle):B.createElement("div",{dir:e,className:"flex items-center justify-center gap-0.5"},B.createElement("div",{onClick:()=>i(!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:je("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(Nt,{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(Gi,null)),items:n.profileMenuItems,onItemSelect:R=>console.log("selecting item ",R)}))),B.createElement("div",{className:je("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?a?`${j.opened[t]}px`:`${j.closed[t]}px`:a?`${j.opened[t]}px`:"0px"},onMouseEnter:()=>{i(!0)},onMouseLeave:()=>i(!!p),ref:v},B.createElement("div",{dir:e,className:je("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?`${a?re:56}px`:`${a?re:0}px`}},B.createElement("img",{className:je("h-9 opacity-0 transition-all",a?"visible opacity-100":"invisible opacity-0"),src:n.logoLink}),P>600?B.createElement("img",{className:je("fixed top-2.5 h-9 transition-all",b?"right-2.5":"left-2.5",a?"invisible opacity-0":"visible opacity-100"),src:n.logoSymbol}):null),B.createElement("div",{className:je("fixed bottom-14 top-14 bg-primary-foreground py-2 transition-all",a?"overflow-auto":"overflow-hidden"),style:{height:"calc(100% - 112px)",width:P>600?`${a?re:56}px`:`${a?re:0}px`}},n.drawerItems?.map((R,A)=>B.createElement("div",{key:A,className:je("flex select-none flex-col items-stretch justify-center transition-all")},R?.map((S,J)=>B.createElement("div",{key:J,id:"test",className:"flex flex-col"},B.createElement("div",{onClick:()=>{S.subItems?s===S.slug?l(""):l(S.slug):S.action()},className:je(n.currentPage===S.slug||S.subItems?.find(ue=>ue.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:je("mx-2 whitespace-nowrap text-sm transition-all",a?"opacity-100":"opacity-0")},S.label)),S.subItems&&B.createElement(qi,{pointing:s&&S.slug===s?"up":"down"})),S.subItems&&B.createElement("div",{className:je("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&&a?"":"my-0 py-0",b?"text-right":"text-left"),style:{height:s==S.slug&&a?6+35*S.subItems?.length:0}},S.subItems?.map((ue,Ze)=>B.createElement("div",{key:Ze,className:je("flex flex-row gap-2 overflow-x-clip rounded-inner p-2 px-2 text-xs",b?"text-right":"text-left",n.currentPage===ue.slug?"bg-primary text-white":"hover:bg-primary-foreground hover:text-primary "),dir:e,onClick:()=>{ue.action()}},B.createElement("div",{className:"flex items-center justify-center"},ue.icon),B.createElement("div",{className:"flex flex-row justify-between"},ue.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:je("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?`${a?re:56}px`:`${a?re:0}px`}},o&&a?B.createElement(B.Fragment,null,o):null,P>600&&a?B.createElement(ut,{side:"left",delayDuration:500,content:p?n.texts?.collapseSidebar||"Collapse Sidebar":n.texts?.expandSidebar||"Expand Sidebar"},B.createElement(f,{variant:"light",onClick:()=>g(!p),size:"smallIcon"},B.createElement("svg",{className:je("h-6 w-6 shrink-0 text-primary transition-all disabled:bg-gray-200 ",p?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))},Gi=()=>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"})),qi=({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:je("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 Zi from"react";import Ki from"clsx";var Wg=({maxWidth:e="normal",variant:t="contained",centered:r=!1,direction:o="ltr",...n})=>{let a="flex w-full flex-col rounded p-4",i={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 Zi.createElement("div",{className:Ki(a,i[e],s[t],r?"flex items-center text-center":""),dir:o},n.children)};import Qi from"react";var _g=e=>Qi.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 Xt from"react";var Zg=({isOpen:e,onClose:t,items:r})=>e?Xt.createElement("div",{className:"fixed inset-0 z-40 flex bg-gray-600 bg-opacity-75"},Xt.createElement("div",{className:"w-1/3 rounded-l-lg bg-gray-800 shadow-2xl"},Xt.createElement("button",{onClick:t,className:"p-4 text-gray-400 hover:text-white focus:text-white focus:outline-none"},"Close"),Xt.createElement("nav",null,r.map((o,n)=>Xt.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)))),Xt.createElement("div",{className:"w-2/3 bg-gray-50"})):null;import{BsInstagram as Yi,BsTwitter as Xi}from"react-icons/bs";import{FaSnapchatGhost as Ji,FaTiktok as $i}from"react-icons/fa";var $g=({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(f,{size:"smallIcon",variant:"ghost"},React.createElement(Xi,null)),t.socialLinks.instagram&&React.createElement(f,{size:"smallIcon",variant:"ghost"},React.createElement(Yi,null)),t.socialLinks.tiktok&&React.createElement(f,{size:"smallIcon",variant:"ghost"},React.createElement($i,null)),t.socialLinks.snapchat&&React.createElement(f,{size:"smallIcon",variant:"ghost"},React.createElement(Ji,null))));import Ge,{useRef as Ri,useState as el}from"react";import dr from"clsx";var np=({design:e="floating",...t})=>{let r=Ri(null),[o,n]=el(!1),a={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 Ge.createElement("div",{ref:r},Ge.createElement("div",{dir:t.direction,className:dr(a[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")},Ge.createElement("div",{className:"mb-3 flex w-full flex-col items-center justify-start md:mb-0 md:flex-row md:items-center"},Ge.createElement("div",{className:dr(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&&Ge.createElement("img",{src:t.logoURL,className:"mr-2 h-6",alt:"Flowbite Logo"}),t.title&&Ge.createElement("span",{className:"self-center whitespace-nowrap text-lg font-semibold dark:text-white"},t.title)),t.text&&Ge.createElement("p",{className:dr("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&&Ge.createElement("div",{className:dr("flex flex-shrink-0 items-center justify-center ",t.direction==="rtl"?"ml-0 md:ml-10":"mr-0 md:mr-10")},Ge.createElement(f,{onClick:t.onActionClick},t.actionText)),Ge.createElement("button",{type:"button",className:dr("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)}},Ge.createElement("span",{className:"sr-only"},"Close"),Ge.createElement("svg",{"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 Se from"react";import{Controller as mr,FormProvider as tl,useForm as rl}from"react-hook-form";var Tp=e=>{let t=rl(),{inputs:r}=e,{formState:{errors:o},handleSubmit:n,control:a}=t;return Se.createElement(T,null,Se.createElement("form",{onSubmit:n(i=>e.handleUpdateProfile(i))},Se.createElement(N,{headless:!0},Se.createElement(tl,{...t},Se.createElement(mr,{control:a,name:"fullName",render:({field:i})=>Se.createElement(H,{width:"full",type:"text",label:e.texts.fullNameLabel,placeholder:e.texts.fullNamePlaceholder,helpertext:o.fullName?.message,...i,value:i.value??""})}),Se.createElement(mr,{control:a,name:"phoneNumber",render:({field:i})=>Se.createElement(Zt,{label:"Phone number"})}),Se.createElement(mr,{control:a,name:"email",render:({field:i})=>Se.createElement(H,{width:"full",type:"text",label:e.texts.emailLabel,helpertext:o.email?.message,placeholder:e.texts.emailPlaceholder,...i,value:i.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}}}),Se.createElement(mr,{control:a,name:"password",render:({field:i})=>Se.createElement(H,{width:"full",type:"password",label:e.texts.passwordLabel,placeholder:e.texts.passwordPlaceholder,helpertext:o.password?.message,...i,value:i.value??""}),rules:{required:e.texts.passwordRequiredText}}),Se.createElement(mr,{control:a,name:"confirmPassword",render:({field:i})=>Se.createElement(H,{width:"full",type:"password",label:e.texts.confirmPasswordLabel,placeholder:e.texts.confirmPasswordPlaceholder,helpertext:o.confirmPassword?.message,...i,value:i.value??""}),rules:{required:e.texts.confirmPasswordRequiredText}}))),Se.createElement(se,null,Se.createElement(f,{className:"w-full",type:"submit"},e.texts.updateProfile))))};import Mr from"react";var Mp=e=>Mr.createElement(T,null,Mr.createElement(N,{headless:!0},Mr.createElement("div",{className:"mb-2 text-sm font-bold"},e.blockTitle),Mr.createElement("div",{className:"flex flex-col gap-4 rounded p-2"},e.children)));import ae from"react";var xe={logo:e=>React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 256 256",...e},React.createElement("rect",{width:"256",height:"256",fill:"none"}),React.createElement("line",{x1:"208",y1:"128",x2:"128",y2:"208",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),React.createElement("line",{x1:"192",y1:"40",x2:"40",y2:"192",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"})),mail:e=>React.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},React.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"}),React.createElement("polyline",{points:"22,6 12,13 2,6"})),phone:e=>React.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},React.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=>React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",...e},React.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=>React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",...e},React.createElement("path",{fill:"currentColor",d:"M7.462 0H0v7.19h7.462V0zM16 0H8.538v7.19H16V0zM7.462 8.211H0V16h7.462V8.211zm8.538 0H8.538V16H16V8.211z"})),gitHub:e=>React.createElement("svg",{viewBox:"0 0 438.549 438.549",...e},React.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=>React.createElement("svg",{viewBox:"0 0 25 25",fill:"none",...e},React.createElement("path",{d:"M12 25C7.58173 25 4 21.4183 4 17C4 12.5817 7.58173 9 12 9V25Z",fill:"currentcolor"}),React.createElement("path",{d:"M12 0H4V8H12V0Z",fill:"currentcolor"}),React.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=>React.createElement("svg",{role:"img",viewBox:"0 0 24 24",fill:"currentColor",...e},React.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=>React.createElement("svg",{viewBox:"0 0 24 24",...e},React.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=>React.createElement("svg",{viewBox:"0 0 24 24",...e},React.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=>React.createElement("svg",{viewBox:"0 0 24 24",...e},React.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=>React.createElement("svg",{viewBox:"0 0 24 24",...e},React.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=>React.createElement("svg",{viewBox:"0 0 24 24",...e},React.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=>React.createElement("svg",{role:"img",viewBox:"0 0 24 24",...e},React.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=>React.createElement("svg",{role:"img",viewBox:"0 0 24 24",...e},React.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=>React.createElement("svg",{role:"img",viewBox:"0 0 24 24",...e},React.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=>React.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},React.createElement("path",{d:"M21 12a9 9 0 1 1-6.219-8.56"}))};var Up=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(f,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:e.handleGoogle},ae.createElement(xe.google,{className:"h-4 w-4"}),e.texts?.continueWithGoogle??"Continue With Google"),e.viaGithub&&ae.createElement(f,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:e.handleGithub},ae.createElement(xe.gitHub,{className:"h-4 w-4"}),e.texts?.continueWithGithub??"Continue With Github"),e.viaTwitter&&ae.createElement(f,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:e.handleTwitter},ae.createElement(xe.twitter,{className:"h-4 w-4"}),e.texts?.continueWithTwitter??"Continue With Twitter"),e.viaApple&&ae.createElement(f,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:e.handleApple},ae.createElement(xe.apple,{className:"h-4 w-4"}),e.texts?.continueWithApple??"Continue With Apple"),e.viaMicrosoft&&ae.createElement(f,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:e.handleMicrosoft},ae.createElement(xe.microsoft,{className:"h-4 w-4"}),e.texts?.continueWithMicrosoft??"Continue With Microsoft"),e.viaEmail&&ae.createElement(f,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:e.handleEmail},ae.createElement(xe.mail,{className:"h-4 w-4"}),e.texts?.continueWithEmail??"Continue With Email"),e.viaPhone&&ae.createElement(f,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:e.handlePhone},ae.createElement(xe.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(ge,{onChangeTab:e.handleLanguage,design:"tabs",options:[{value:"ar",label:"\u0639\u0631\u0628\u064A"},{value:"en",label:"English"}]}),ae.createElement(ge,{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 _t,{useState as ol}from"react";import{Controller as nl,useForm as al}from"react-hook-form";var Xp=e=>{let t=al(),{formState:{errors:r},handleSubmit:o,control:n}=t,[a,i]=ol("");return _t.createElement(T,null,_t.createElement(N,{headless:!0},_t.createElement("form",{onSubmit:s=>{s.preventDefault(),e.handleSignIn(a)}},_t.createElement(nl,{control:n,name:"phone",render:({field:s})=>_t.createElement(Zt,{country:e.country??"",label:e.label??"",handleChange:l=>i(l.target.value),...s}),rules:{required:e.phoneRequiredText}}),_t.createElement("div",{className:"mt-2"}),_t.createElement(f,{className:"w-full"},e.SignInButtonText))))};import ne from"react";import{Controller as Er,useForm as il}from"react-hook-form";var lf=e=>{let{formState:{errors:t},handleSubmit:r,control:o}=il();return ne.createElement("div",{className:"flex flex-col gap-4"},ne.createElement(T,{dir:e.direction},ne.createElement(N,{headless:!0},ne.createElement("form",{onSubmit:r(n=>e.handleSignIn(n))},e.showError&&ne.createElement(he,{title:e.errorTitle,text:e.errorText,severity:"error"}),e.signInType==="email"?ne.createElement(Er,{control:o,name:"email",render:({field:n})=>ne.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"?ne.createElement(Er,{control:o,name:"username",render:({field:n})=>ne.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}}):ne.createElement(Er,{control:o,name:"phone",render:({field:n})=>ne.createElement(Zt,{label:"Phone number"}),rules:{required:e.texts.phoneRequiredText}}),e.signInType!=="phone"&&ne.createElement(ne.Fragment,null,ne.createElement(Er,{control:o,name:"password",render:({field:n})=>ne.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&&ne.createElement("div",{onClick:e.handleForgotPassword,className:"mb-3 w-fit cursor-pointer text-xs dark:text-gray-300"},e.texts.forgotPasswordText)),ne.createElement(f,{className:"mt-4 w-full",isLoading:e.isLoading},e.texts.signInText),!e.withoutSignUp&&ne.createElement("div",{className:"p-3 text-center text-sm font-normal dark:text-gray-300"},e.texts.newUserText," ",ne.createElement("span",{onClick:e.handleRouteToSignUp,className:"clickable-link"},e.texts.createAccount)))),e.viaGithub||e.viaGoogle||e.viaTwitter?ne.createElement(se,{className:u(e.logosOnly?"flex flex-row gap-2 justify-center":"grid grid-cols-1 gap-2")},e.viaGoogle&&ne.createElement(f,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:e.handleGoogleSignIn},ne.createElement(xe.google,{className:"h-4 w-4"}),!e.logosOnly&&e.texts.signInViaGoogleLabel),e.viaGithub&&ne.createElement(f,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:e.handleGithubSignIn},ne.createElement(xe.gitHub,{className:"h-4 w-4"}),!e.logosOnly&&e.texts.signInViaGithubLabel),e.viaTwitter&&ne.createElement(f,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:e.handleTwitterSignIn},ne.createElement(xe.twitter,{className:"h-4 w-4"}),!e.logosOnly&&e.texts.signInViaTwitterLabel)):null),ne.createElement(Nr,{currentColorMode:e.currentColorMode,currentLanguage:e.currentLanguage,handleColorMode:e.handleColorMode,handleLanguage:e.handleLanguage}))};function pf(){return React.createElement(T,null,React.createElement(we,{className:"space-y-1"},React.createElement(Ce,{className:"text-2xl"},"Create an account"),React.createElement(rt,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(f,{variant:"outline"},React.createElement(xe.gitHub,{className:"mr-2 h-4 w-4"}),"Github"),React.createElement(f,{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(lt,{htmlFor:"email"},"Email"),React.createElement(Et,{id:"email",type:"email",placeholder:"m@example.com"})),React.createElement("div",{className:"grid gap-2"},React.createElement(lt,{htmlFor:"password"},"Password"),React.createElement(Et,{id:"password",type:"password"}))),React.createElement(se,null,React.createElement(f,{className:"w-full"},"Create account")))}import V from"react";import{Controller as ht,FormProvider as ll,useForm as sl}from"react-hook-form";var Nf=e=>{let t=sl(),{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(he,{title:e.errorTitle,text:e.errorText,severity:"error"}),V.createElement(ll,{...t},V.createElement("form",{onSubmit:o(a=>e.handleSignUp(a))},V.createElement("div",null,e.signUpFields.map((a,i)=>{if(a==="fullname")return V.createElement(ht,{key:i,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(a==="email")return V.createElement(ht,{key:i,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(a==="username")return V.createElement(ht,{key:i,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(ht,{control:n,name:"password",render:({field:a})=>V.createElement(H,{width:"full",type:"password",autoComplete:"new-password",label:e.texts.passwordLabel,placeholder:e.texts.passwordPlaceholder,helpertext:r.password?.message,onChange:a.onChange,value:a.value??""}),rules:{required:e.texts.passwordRequiredText}}),V.createElement(ht,{control:n,name:"confirm_password",render:({field:a})=>V.createElement(H,{width:"full",type:"password",autoComplete:"new-password",label:e.texts.confirmPasswordLabel,placeholder:e.texts.confirmPasswordPlaceholder,helpertext:r.confirm_password?.message,onChange:a.onChange,value:a.value??""}),rules:{required:e.texts.passwordRequiredText}}),e.showRefCode&&V.createElement(ht,{control:n,name:"refCode",render:({field:a})=>V.createElement(H,{width:"full",type:"text",label:e.texts.refCode,placeholder:e.texts.passwordPlaceholder,helpertext:r.password?.message,value:a.value??"",onChange:a.onChange})}),e.showUserSource&&V.createElement("div",null,V.createElement(ht,{control:n,name:"reference",render:({field:a})=>V.createElement(Ft,{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:i=>{a.onChange(i.value)}})})),e.showTermsOption&&V.createElement(ht,{control:n,name:"terms_accepted",render:({field:a})=>V.createElement(Ar,{id:"terms_accepted",helperText:r.terms_accepted?.message,onChange:i=>a.onChange(i),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(ht,{control:n,name:"newsletter_accepted",render:({field:a})=>V.createElement(Ar,{id:"newsletter_accepted",label:e.texts.subscribeToNewsletter,onChange:a.onChange})}),V.createElement(f,{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(se,{className:u(e.logosOnly?"flex flex-row justify-center gap-2":"grid grid-cols-1 gap-2")},e.viaGoogle&&V.createElement(f,{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(f,{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(f,{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(Nr,{currentColorMode:e.currentColorMode,currentLanguage:e.currentLanguage,handleColorMode:e.handleColorMode,handleLanguage:e.handleLanguage}))};import Pe,{useState as dl}from"react";import{Controller as cn,FormProvider as ml,useForm as cl}from"react-hook-form";var Lf=e=>{let[t,r]=dl(!1),o=cl(),{formState:{errors:n},handleSubmit:a,control:i}=o,s=l=>{l.password===l.confirmPassword?e.handleNewPassword():r(!0)};return Pe.createElement(T,{dir:e.direction},t&&Pe.createElement(he,{text:e.texts.passwordMatchError,severity:"error"}),e.passwordChanged?Pe.createElement(N,{headless:!0},Pe.createElement("div",{className:"text-center"},e.texts.passwordChanged)):Pe.createElement(ml,{...o},Pe.createElement("form",{onSubmit:a(s)},!e.headless&&Pe.createElement(we,null,Pe.createElement(Ce,null,"Create Password"),Pe.createElement(rt,null,"Set a new password for your account")),Pe.createElement(N,{headless:e.headless},Pe.createElement(cn,{control:i,name:"password",render:({field:l})=>Pe.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}}),Pe.createElement(cn,{control:i,name:"confirmPassword",render:({field:l})=>Pe.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}})),Pe.createElement(se,null,Pe.createElement(f,{className:"w-full",type:"submit"},e.texts.updatePassword)))))};import Me from"react";import{Controller as ul,useForm as gl}from"react-hook-form";var Of=e=>{let t=gl(),{formState:{errors:r},handleSubmit:o,register:n,control:a}=t;return Me.createElement(T,{dir:e.direction},e.sent?Me.createElement(N,{headless:!0},Me.createElement("div",{className:"text-center"},e.texts?.emailSentText)):Me.createElement(Me.Fragment,null,!e.headless&&Me.createElement(we,null,Me.createElement(Ce,null,"Reset Password"),Me.createElement(rt,null,"Enter your email to reset your account password")),Me.createElement("form",{onSubmit:o(e.handleResetPassword)},Me.createElement(N,{headless:e.headless},Me.createElement(ul,{control:a,name:"email",render:({field:i})=>Me.createElement(H,{width:"full",type:"text",label:e.texts?.emailLabel,helpertext:r.email?.message,placeholder:e.texts?.emailPlaceholder,...i,value:i.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}}}),Me.createElement("div",{className:"pb-2 text-start text-sm dark:text-gray-300"},e.texts?.dontHaveAccount??"Don't have an account? ",Me.createElement("span",{onClick:e.handleRouteToSignUp,className:"clickable-link"},e.texts?.signUpText??"Sign Up"))),Me.createElement(se,null,Me.createElement(f,{type:"submit",className:"w-full"},e.texts?.resetPassword)))))};import Ee,{useState as pl}from"react";var Kf=e=>{let[t,r]=pl(null);return Ee.createElement(T,null,Ee.createElement(N,{headless:!0},e.showError&&Ee.createElement(he,{title:e.errorTitle,text:e.errorText,severity:"error"}),Ee.createElement("div",{className:"mb-4 dark:text-white"},Ee.createElement("div",{className:"text-lg font-bold"},e.texts.checkYourPhone??"Please check your phone"),Ee.createElement("div",{className:"text-muted-foreground"},Ee.createElement("span",null,e.texts.weSentCode??"We've sent a code to "),Ee.createElement("span",null,e.phoneNumber))," "),Ee.createElement("form",{onSubmit:o=>{o.preventDefault(),t&&e.submitConfirmation(t)}},Ee.createElement(Wo,{width:"full",digits:6,getPins:o=>r(o)}),Ee.createElement("div",{className:" py-2 text-center text-xs text-muted-foreground"},Ee.createElement("span",null,e.texts.didntGetCode??"Didn't get the code?")," ",Ee.createElement("span",{className:"clickable-link"},e.texts.resendCode??"Click to resend")),Ee.createElement("div",{className:"mt-4 grid grid-cols-2 gap-2"},Ee.createElement(f,{variant:"secondary"},e.texts.cancel??"Cancel"),Ee.createElement(f,null,e.texts.confirm??"Confirm")))))};import it from"react";var Rf=({texts:e,handleResend:t})=>it.createElement(T,null,it.createElement(N,{headless:!0},it.createElement("div",{className:"flex flex-col items-center justify-center text-center"},it.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"},it.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"},it.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"}),it.createElement("polyline",{points:"22,6 12,13 2,6"}))),it.createElement("div",{className:"m-2 text-xl font-bold"},e?.checkEmail??"Check you email"),it.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."))),it.createElement(se,{className:"flex flex-col justify-center "},it.createElement("span",{className:"clickable-link text-sm",onClick:t},e?.resendEmail??"Resend Email")));import X,{useState as fl}from"react";var x2=e=>{let[t,r]=fl("");return X.createElement(T,null,X.createElement(we,null,X.createElement(Ce,null,"Choose Payment Method"),X.createElement(rt,null,"And you'll be directed to the next step to complete the payment")),X.createElement(N,{className:"grid grid-cols-2 gap-4"},X.createElement(f,{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")},X.createElement("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/mada.png",className:"h-6"}),X.createElement("span",null,e.madaLabel)),X.createElement(f,{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")},X.createElement("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/apple-pay.png",className:"h-11"}),X.createElement("span",null,e.applePayLabel)),X.createElement(f,{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")},X.createElement("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/visa-master.png",className:"h-6"}),X.createElement("span",null,e.visaMasterLabel)),X.createElement(f,{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")},X.createElement("svg",{version:"1.1",fill:"currentColor",viewBox:"0 0 223 223",className:"h-6 w-6"},X.createElement("g",null,X.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
|
|
2
|
+
`,""),m=m.replaceAll("\r",""),document.execCommand("insertHTML",!1,m),a({...n.current,events:{...n.current.events,paste:{is:!0,length:m.length}}})},onInput:d=>{let[m,x]=w(),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,nt),m==0&&!c.startsWith(nt)&&(_.splice(m,0,nt),m+=1,x+=1),h=_.join(""),m+=1,x+=1}else{let _=window.getSelection(),{anchorNode:O,focusNode:E}=_,K=d.nativeEvent.data;if(O.parentNode==E.parentNode&&O.parentNode.nodeName=="SPAN"&&_.anchorOffset<=1&&_.focusOffset<=1&&k=="insertText"){let le=i(O.parentNode.parentNode),Ae=c;c.startsWith(nt)&&(Ae=Ae.slice(1));let ye=Ae.split(nt)[le];console.log(Ae.split(nt)),ye=ye.split(""),ye.splice(0,0,K),ye=ye.join("");let Re=Ae.split(nt);Re[le]=ye,h=Re.join(nt),c.startsWith(nt)&&(h=nt+h),m+=1,x+=1}}Ze(h,m,x)},onCopy:()=>{let[d,m]=w(),x=n.current.stylings.slice();x=j(x,d,m),a({...t,clipboard:x})},onDrop:d=>{let m=d.dataTransfer.getData("text");m.trim()!=""&&a({...n.current,events:{...n.current.events,drop:{is:!0,text:m,drag:w()}}})}})),vt.createElement("div",{className:"h-[1px] w-full bg-slate-600"},"\xA0"),vt.createElement("button",{className:"my-1 rounded bg-cyan-800 p-2 py-1 text-white",onClick:()=>{(e.onSubmit||(()=>{}))(t.content,t.stylings)}},"Submit"))};import Be,{useState as Pa,useCallback as Ma}from"react";import{Editor as yr,createEditor as Ea}from"slate";import{Slate as La,Editable as Aa,withReact as Ba}from"slate-react";var Ia=[{type:"paragraph",children:[{text:""}]}],Da={bold:{fontWeight:"bold"},italic:{fontStyle:"italic"},underline:{textDecoration:"underline"},strikethrough:{textDecoration:"line-through"}},za=e=>{let t=Object.assign({},e.leaf);delete t.text;let r=Object.entries(t).filter(([n,a])=>a).map(([n,a])=>n),o={};return r.length!=0&&r.map(n=>{Object.entries(Da[n]).map(([a,i])=>{o[a]=i})}),Be.createElement("span",{...e.attributes,style:o},e.children)},hr=e=>Be.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),Pc=()=>{let[e]=Pa(()=>Ba(Ea())),t=Ma(o=>Be.createElement(za,{...o}),[]),r=(o,n)=>{o.preventDefault();let a=yr.marks(e)[n]||!1;console.log(yr.marks(e)),yr.addMark(e,n,!a)};return Be.createElement("div",{className:"align-center box-border flex h-min w-[400px] flex-col items-center justify-center rounded bg-blue-300 shadow-md"},Be.createElement("div",{className:"flex w-full flex-row justify-start p-2"},Be.createElement(hr,{name:"B",onMouseDown:o=>{r(o,"bold")}}),Be.createElement(hr,{name:"I",onMouseDown:o=>{r(o,"italic")}}),Be.createElement(hr,{name:"U",onMouseDown:o=>{r(o,"underline")}}),Be.createElement(hr,{name:"S",onMouseDown:o=>{r(o,"strikethrough")}})),Be.createElement("div",{className:"h-[1px] w-full bg-slate-600"},"\xA0"),Be.createElement("div",{className:"w-full"},Be.createElement(La,{editor:e,initialValue:Ia},Be.createElement(Aa,{renderLeaf:t,className:"h-[150px] p-2",onKeyDown:o=>{if(o.ctrlKey)switch(o.key){case"b":{o.preventDefault(),yr.addMark(e,"bold",!0);break}}}}))),Be.createElement("div",{className:"h-[1px] w-full bg-slate-600"},"\xA0"),Be.createElement("button",{className:"my-1 rounded bg-cyan-800 p-2 py-1 text-white"},"Submit"))};import Te from"react";import Ha from"react-dom/server";var Wa="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",Io=e=>Te.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),Oa=e=>Te.createElement("div",{className:"group relative w-fit"},Te.createElement("img",{src:`data:image/pngg;charset=utf-8;base64,${Wa}`}),Te.createElement("div",{className:"absolute right-0 top-0 text-red-900 opacity-0 transition-all hover:opacity-50 group-hover:opacity-100"},Te.createElement("svg",{"aria-label":"Close Icon","aria-hidden":"true",className:"h-4 w-4",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"})))),Va={bold:"B",italic:"I",underline:"U",strikeThrough:"S",subscript:"SubS",superscript:"SuperS",removeFormat:"Plain"},Ac=e=>Te.createElement("div",{className:"align-center box-border flex h-min w-[400px] flex-col items-center justify-center rounded shadow-md"},Te.createElement("div",{className:"flex w-full flex-row justify-start p-2"},Object.entries(Va).map(([t,r])=>Te.createElement(Io,{name:r,key:`property-${t}`,onMouseDown:o=>{o.preventDefault(),document.execCommand(t,!1,null),console.log(`Executing ${t}`)}})),Te.createElement(Io,{name:"Image",key:"property-insertImage",onMouseDown:t=>{t.preventDefault();let r=Ha.renderToString(Te.createElement(Oa,null));document.execCommand("insertHTML",!1,r)}})),Te.createElement("div",{className:"h-[1px] w-full bg-slate-600"},"\xA0"),Te.createElement("div",{className:" box-border w-full p-2"},Te.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"})),Te.createElement("div",{className:"h-[1px] w-full bg-slate-600"},"\xA0"),Te.createElement("button",{className:"my-1 rounded bg-cyan-800 p-2 py-1 text-white",onClick:()=>{}},"Submit"));import Gr,{useState as Do,useEffect as Ua,useRef as zo}from"react";import{clsx as _a}from"clsx";var Vc=({...e})=>{let[t,r]=Do(!1),[o,n]=Do(null),a=zo(o),i=p=>{a.current=p,n(p)},s=zo(null),l=()=>{let p=e.anchor.current;return[p.scrollTop,p.scrollLeft]},C=()=>{let[p,g]=l(),v=e.anchor.current.getBoundingClientRect();r(p>=v.height+(e.paddingThreshold||100))},w=()=>{e.anchor.current.scrollTo({top:0,behavior:"smooth"})};Ua(()=>{if(!e.anchor.current)return;e.anchor.current.addEventListener("scroll",C);let p=setInterval(()=>{if(!e.anchor.current)return;let g=e.anchor.current.getBoundingClientRect();if(a.current==null)return i(g);a.current.top==g.top&&a.current.left==g.left&&a.current.width==g.width&&a.current.height==g.height||i(g)},1);return()=>{e.anchor.current?.removeEventListener("scroll",C),clearInterval(p)}},[]);let y=()=>{if(!e.anchor.current)return{};let p=e.corner||"bottom-right",[g,v]=p.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 Gr.createElement(f,{className:u("fixed cursor-pointer rounded transition-all",t?"pointer-events-all opacity-100":"pointer-events-none opacity-0"),onClick:w,style:{...y(),transitionProperty:"opacity, background-color"},ref:s,size:"icon"},Gr.createElement("svg",{className:_a("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"},Gr.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 Ga from"react";var qc=e=>Ga.createElement("code",{className:"inline-code"},e.text);import Wt from"react";var Yc=e=>Wt.createElement("div",null,Wt.createElement("ol",{className:"relative border-l border-gray-200 dark:border-gray-700"},e.steps.map(t=>Wt.createElement("li",{className:"mb-10 ml-4"},Wt.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"}),Wt.createElement("time",{className:"mb-1 text-sm font-normal leading-none text-gray-400 dark:text-gray-500"},t.date),Wt.createElement("h3",{className:"text-lg font-semibold text-gray-900 dark:text-white"},t.title),Wt.createElement("p",{className:"mb-4 text-base font-normal text-gray-500 dark:text-gray-400"},t.description),t.actions))));import Ho,{useEffect as qa,useState as Za}from"react";import Ka from"clsx";var Wo=({label:e,icon:t,digits:r,width:o="normal",getPins:n,...a})=>{let[i,s]=Za(Array.from(Array(r))),l=(w,y)=>{let p=0;w.key==="Backspace"&&(w.target.value.length===0?p=y-1:p=y,document.getElementById(`input-${p}`)?.focus())};qa(()=>{i.includes(void 0)||n(i)});let C=(w,y)=>{if(/^\d*$/.test(w.target.value)){let p=[...i];p[y]=w.target.value,s(p),w.target.value.length===1?document.getElementById(`input-${y+1}`)?.focus():w.target.value.length===0&&document.getElementById(`input-${y-1}`)?.focus()}else{let p=[...i];p[y]="",s(p);return}};return Ho.createElement("div",{className:"flex w-full flex-row justify-center gap-2"},i.map((w,y)=>Ho.createElement("input",{key:y,type:"text",maxLength:1,value:w,id:`input-${y}`,pattern:"[0-9]*",className:Ka("h-10 rounded border bg-background text-center",o==="full"?"w-full":"w-10"),onChange:p=>C(p,y),onKeyDown:p=>l(p,y),onFocus:p=>p.target.select(),...a})))};import Ie,{useEffect as Qa,useState as Ya}from"react";import wr from"clsx";var l0=({actions:e,counts:t,content:r,headerActions:o,clickableImage:n,clickableImageAction:a,clickableImageActionText:i,clickableImageActionIcon:s,header:l,cardImage:C,orientation:w="vertical",...y})=>{let p="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]=Ya(!1);function z(){F(!P)}return Qa(()=>(window.onclick=()=>{P&&F(!1)},()=>window.onclick=null),[P]),Ie.createElement("div",{className:wr(p,g[w]),...y},C&&Ie.createElement("div",{className:"group relative overflow-clip"},Ie.createElement("img",{src:"https://via.placeholder.com/50",className:wr(v[w],n?"overflow-clip transition-all group-hover:blur-lg":"")}),n&&Ie.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 "},Ie.createElement(f,{variant:"secondary",onClick:a,className:"flex flex-row gap-2"},s,i))),Ie.createElement("div",{className:"relative w-full p-6"},o&&Ie.createElement("div",{className:"max-h- bg-red absolute right-0 top-0 flex justify-end pr-3 pt-3"},Ie.createElement(Nt,{items:o,trigger:Ie.createElement("div",{className:wr(b),onClick:z},Ie.createElement("span",{className:"sr-only"},"Open dropdown"),Ie.createElement("svg",{className:"h-6 w-6","aria-hidden":"true",fill:"currentColor",viewBox:"0 0 20 20"},Ie.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&&Ie.createElement("h5",{className:"mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white"},l),r&&Ie.createElement("span",{className:"w-full font-normal text-gray-700 dark:text-gray-400"},r),e||t?Ie.createElement("div",{className:wr("mt-3 flex items-center rounded-b-lg dark:text-white ",e&&t?"justify-between":"justify-end")},t,e):null))};import Xa from"clsx";import De from"react";var Oo=({size:e="medium",direction:t="ltr",currentPlan:r=!1,...o})=>De.createElement("div",{dir:t==="rtl"?"rtl":"ltr",className:Xa(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")},De.createElement("h5",{className:"text-md 0 font-bold text-primary/70"},o.texts.title),De.createElement("div",{className:" text-primary/ flex items-baseline"},De.createElement(De.Fragment,null,De.createElement("span",{className:"text-5xl font-extrabold tracking-tight"},o.price),De.createElement("span",{className:"mx-1 text-sm font-semibold"},o.texts.currencyText)),De.createElement("span",{className:"ml-1 text-xl font-normal text-primary/70"},"/ ",o.texts.cycleText)),De.createElement("h5",{className:"text-md font-normal text-primary/70"},o.texts.subtitle),o.features&&De.createElement("ul",{role:"list",className:"space-y-0 "},o.features?.map((i,s)=>De.createElement("li",{key:s,className:"flex "},De.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"},De.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"})),De.createElement("span",{className:"flex items-center text-center font-normal leading-tight text-primary/70 "},i.text)))),De.createElement(f,{onClick:o.onPlanClicked,disabled:r,className:"w-full"},o.texts.buttonText));import Ja from"clsx";import Pt,{useState as $a,useEffect as Ra,useRef as ei}from"react";var v0=({orientation:e,...t})=>{let r=ei(null),[o,n]=$a(!1),a=0;Ra(()=>{if(a){let l=setTimeout(()=>{n(!0)},a),C=setTimeout(()=>{n(!0),r.current.removeChild(r.current.children[0])},a+1e3);return()=>{clearTimeout(l),clearTimeout(C)}}},[a]);let i={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 Pt.createElement("div",{ref:r},Pt.createElement("div",{className:Ja(i[e],"dark:text-white"),...t},Pt.createElement("div",{className:"flex aspect-square w-full max-w-fit items-start "},Pt.createElement("img",{src:t.imageURL?t.imageURL:"https://via.placeholder.com/50",className:s[e]})),Pt.createElement("div",{className:"w-full text-xs"},Pt.createElement("div",{className:"font-bold"},t.title),Pt.createElement("div",{className:"text-[12px]"},t.description)),Pt.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 ti from"clsx";import Qt from"react";var C0=({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 Qt.createElement("div",{className:ti(r[e],"flex flex-col p-10","relative overflow-hidden dark:text-white",t.className),...t},t.texts?.titleTip&&Qt.createElement("div",{className:"text-sm text-red-600"},t.texts?.titleTip),t.imageURL&&Qt.createElement("img",{className:"absolute -bottom-10 -right-10 h-40 w-auto ",src:t.imageURL}),t.texts?.title&&Qt.createElement("div",{className:"mt-2 text-lg font-medium"},t.texts?.title," "),t.texts?.description&&Qt.createElement("div",{className:"z-10 mt-4 text-sm"},t.texts?.description),t.texts?.linkText&&Qt.createElement("div",{className:"z-10 mt-6 text-sm underline underline-offset-8"},t.texts?.linkText))};import Ot,{useState as Vo}from"react";import ir from"clsx";var ri="cursor-default pointer-events-none",oi={contained:"text-gray-300 bg-gray-100",outlined:"text-gray-300 border-gray-300"},Uo="cursor-pointer justify-center items-center text-center font-medium transition-all ",_o={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"},Go={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"},ni={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"},ai={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"}},P0=({className:e,variant:t="contained",color:r="default",size:o="default",width:n="normal",disabled:a=!1,isLoading:i=!1,tooltip:s,tooltipSize:l="normal",tooltipPosition:C="top-left",tooltipDirection:w="ltr",margins:y="2",children:p,badge:g,edgeCorner:v=!1,feedback:b,...P})=>{let[F,z]=Vo(!1),[re,j]=Vo(p),U=R=>{P.onClick&&P.onClick(R),b&&!F&&(j(b),z(!0),setTimeout(()=>{j(p),z(!1)},2e3))};return Ot.createElement("div",{className:ir("relative",y!=="none"?`my-${y}`:"m-0",ni[n])},Ot.createElement("button",{className:a?ir(e,Uo,v?"rounded-inner":"rounded",qo[t],_o[o],Go[n],ri,oi[t]):ir(e,"overflow-x-clip",Uo,v?"rounded-inner":"rounded",qo[t],_o[o],ai[t][r],Go[n]),disabled:a,onClick:U},i?Ot.createElement(xr,{design:"dots-pulse",color:"bg-white",size:"button"}):Ot.createElement("div",{className:ir(" 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?Ot.createElement("div",{className:"w-full text-center"},re):null,Ot.createElement("div",{className:"flex w-full select-none flex-row items-center justify-center gap-2 whitespace-nowrap"},P.startIcon&&P.startIcon,p,P.endIcon&&P.endIcon))),g&&Ot.createElement("div",{className:ir(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 Z from"react";var A0=e=>Z.createElement("div",{className:"flex justify-center"},Z.createElement("div",null,e.store==="apple"?e.mode==="dark"?Z.createElement("div",{className:"mt-3 flex h-14 w-48 items-center justify-center rounded-lg bg-black text-white"},Z.createElement("div",{className:"mr-3"},Z.createElement("svg",{viewBox:"0 0 384 512",width:"30"},Z.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"}))),Z.createElement("div",null,Z.createElement("div",{className:"text-xs"},"Download on the"),Z.createElement("div",{className:"font-sans -mt-1 text-2xl font-semibold"},"App Store"))):Z.createElement("div",{className:"mt-3 flex h-14 w-48 items-center justify-center rounded-lg border border-black bg-transparent text-black"},Z.createElement("div",{className:"mr-3"},Z.createElement("svg",{viewBox:"0 0 384 512",width:"30"},Z.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"}))),Z.createElement("div",null,Z.createElement("div",{className:"text-xs"},"Download on the"),Z.createElement("div",{className:"font-sans -mt-1 text-2xl font-semibold"},"App Store"))):e.mode==="dark"?Z.createElement("div",{className:"mt-3 flex h-14 w-48 items-center justify-center rounded-lg bg-black text-white"},Z.createElement("div",{className:"mr-3"},Z.createElement("svg",{viewBox:"30 336.7 120.9 129.2",width:"30"},Z.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"}),Z.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"}),Z.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"}),Z.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"}))),Z.createElement("div",null,Z.createElement("div",{className:"text-xs"},"GET IT ON"),Z.createElement("div",{className:"font-sans -mt-1 text-xl font-semibold"},"Google Play"))):Z.createElement("div",{className:"mt-3 flex h-14 w-48 items-center justify-center rounded-lg border border-black bg-white text-black"},Z.createElement("div",{className:"mr-3"},Z.createElement("svg",{viewBox:"30 336.7 120.9 129.2",width:"30"},Z.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"}),Z.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"}),Z.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"}),Z.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"}))),Z.createElement("div",null,Z.createElement("div",{className:"text-xs"},"GET IT ON"),Z.createElement("div",{className:"font-sans -mt-1 text-xl font-semibold"},"Google Play")))));import at,{useState as ii}from"react";var z0=e=>{let[t,r]=ii(!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 Qe from"react";var O0=e=>Qe.createElement("div",{className:"bg-white py-24 sm:py-32"},Qe.createElement("div",{className:"mx-auto flex max-w-5xl flex-col items-start gap-10 px-6 md:flex-row lg:px-8"},Qe.createElement("div",{className:"w-full md:sticky md:top-10 md:w-[28rem]"},Qe.createElement("h2",{className:"text-lg font-semibold leading-8 tracking-tight text-indigo-600"},e.tag),Qe.createElement("p",{className:"mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl"},e.title),Qe.createElement("p",{className:"mb-2 mt-6 text-base leading-7 text-gray-600"},e.description)),Qe.createElement("div",{className:"mt-5 w-full min-w-0 flex-1 md:mt-0"},Qe.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=>Qe.createElement("div",{className:"relative rounded-lg bg-gray-50 p-10"},Qe.createElement("div",{className:"flex h-10 w-10 items-center justify-center rounded-lg bg-indigo-600"},t.icon),Qe.createElement("dt",{className:"mt-4 text-lg font-semibold leading-7 text-gray-900"},t.title),Qe.createElement("dd",{className:"mt-2 text-base leading-7 text-gray-600"},t.description)))))));import Ye,{useEffect as li,useRef as si,useState as Cr}from"react";import Zo from"clsx";import*as Mt from"react";var qr=Mt.forwardRef(({className:e,label:t,...r},o)=>Mt.createElement(Mt.Fragment,null,t&&Mt.createElement(lt,{htmlFor:r.id},t),Mt.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})));qr.displayName="Textarea";var $0=({position:e="bottom-right",...t})=>{let[r,o]=Cr(!1),[n,a]=Cr(!1),[i,s]=Cr(null),[l,C]=Cr(5),w=si(null),y={"bottom-right":"right-4","bottom-left":"left-4"};li(()=>{let g=setTimeout(()=>{l>=0&&C(l-1)},1e3);return()=>{clearTimeout(g)}},[l]);let p=()=>{o(!0),setTimeout(()=>{w.current.removeChild(w.current.children[0])},200)};return Ye.createElement(T,{ref:w,className:Zo("fixed bottom-4 p-4 ",y[e])},Ye.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:()=>p()},Ye.createElement("svg",{"aria-hidden":"true",className:"h-5 w-5",fill:"currentColor",viewBox:"0 0 20 20"},Ye.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"}))),Ye.createElement(N,{headless:!0},Ye.createElement("div",{className:Zo("flex flex-col gap-4",r?"opacity-0":"opacity-100")},Ye.createElement("div",{className:"mt-4 font-bold"},t.question),Ye.createElement("div",{className:"flex w-full flex-row gap-1 rounded "},Ye.createElement(ge,{orientation:"vertical",options:t.options})),Ye.createElement("div",null,Ye.createElement(qr,null))),Ye.createElement(f,{className:"mt-4 w-full"},"Submit")))};var pe={logo:e=>React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 256 256",...e},React.createElement("rect",{width:"256",height:"256",fill:"none"}),React.createElement("line",{x1:"208",y1:"128",x2:"128",y2:"208",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"}),React.createElement("line",{x1:"192",y1:"40",x2:"40",y2:"192",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"16"})),mail:e=>React.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},React.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"}),React.createElement("polyline",{points:"22,6 12,13 2,6"})),phone:e=>React.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},React.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=>React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",...e},React.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=>React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",...e},React.createElement("path",{fill:"currentColor",d:"M7.462 0H0v7.19h7.462V0zM16 0H8.538v7.19H16V0zM7.462 8.211H0V16h7.462V8.211zm8.538 0H8.538V16H16V8.211z"})),gitHub:e=>React.createElement("svg",{viewBox:"0 0 438.549 438.549",...e},React.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=>React.createElement("svg",{viewBox:"0 0 25 25",fill:"none",...e},React.createElement("path",{d:"M12 25C7.58173 25 4 21.4183 4 17C4 12.5817 7.58173 9 12 9V25Z",fill:"currentcolor"}),React.createElement("path",{d:"M12 0H4V8H12V0Z",fill:"currentcolor"}),React.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=>React.createElement("svg",{role:"img",viewBox:"0 0 24 24",fill:"currentColor",...e},React.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=>React.createElement("svg",{viewBox:"0 0 24 24",...e},React.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=>React.createElement("svg",{viewBox:"0 0 24 24",...e},React.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=>React.createElement("svg",{viewBox:"0 0 24 24",...e},React.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=>React.createElement("svg",{viewBox:"0 0 24 24",...e},React.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=>React.createElement("svg",{viewBox:"0 0 24 24",...e},React.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=>React.createElement("svg",{role:"img",viewBox:"0 0 24 24",...e},React.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=>React.createElement("svg",{role:"img",viewBox:"0 0 24 24",...e},React.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=>React.createElement("svg",{role:"img",viewBox:"0 0 24 24",...e},React.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=>React.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},React.createElement("path",{d:"M21 12a9 9 0 1 1-6.219-8.56"}))};import Kr from"react";import{useState as Zr,useRef as di}from"react";var mi=e=>{let[t,r]=Zr(!1),[o,n]=Zr(0),[a,i]=Zr(0),s=di(null),l=v=>Math.round(v/e)*e,C=v=>{r(!0),n(v.pageX-s.current.offsetLeft),i(s.current.scrollLeft)},w=()=>{t&&p()},y=()=>{t&&p()},p=()=>{r(!1);let v=l(s.current.scrollLeft);s.current.scrollTo({left:v,behavior:"smooth"})};return{containerRef:s,handleMouseDown:C,handleMouseLeave:w,handleMouseUp:y,handleMouseMove:v=>{if(!t)return;v.preventDefault();let P=v.pageX-s.current.offsetLeft-o;s.current.scrollLeft=a-P}}},Ko=mi;var au=({images:e})=>{let{containerRef:r,handleMouseDown:o,handleMouseLeave:n,handleMouseUp:a,handleMouseMove:i}=Ko(1016);return Kr.createElement("div",{className:"flex cursor-pointer snap-x items-center justify-center gap-4 overflow-x-hidden",onMouseDown:o,onMouseLeave:n,onMouseUp:a,onMouseMove:i,ref:r},e.map((s,l)=>Kr.createElement("div",{key:l,className:"h-96 w-[1000px] flex-shrink-0"},Kr.createElement("img",{src:s,alt:`Carousel Image ${l}`,width:1016,className:"h-full w-full rounded-lg object-cover"}))))};import*as Fr from"react";var Et=Fr.forwardRef(({className:e,preview:t,type:r,...o},n)=>Fr.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}));Et.displayName="Input";import Vt,{useState as Qo}from"react";var Nr=({orientation:e="horizontal",width:t="default",...r})=>{let[o,n]=Qo(r.currentColorMode),[a,i]=Qo(r.currentLanguage);return Vt.createElement("div",{className:u({horizontal:"flex flex-row justify-between",vertical:"flex flex-col items-center gap-2"}[e])},Vt.createElement(ge,{width:t,defaultValue:a,onChangeTab:l=>{r.handleLanguage(l),i(l)},design:"tabs",options:[{value:"ar",label:"\u0639\u0631\u0628\u064A"},{value:"en",label:"English"}]}),Vt.createElement(ge,{width:t,defaultValue:o,onChangeTab:l=>{r.handleColorMode(l),n(l)},design:"tabs",options:[{value:"light",label:Vt.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"},Vt.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:Vt.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"},Vt.createElement("path",{d:"M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"}))}]}))};import*as Lt from"react";import*as bt from"@radix-ui/react-popover";var Yo=Lt.forwardRef(({className:e,align:t="center",sideOffset:r=4,...o},n)=>Lt.createElement(bt.Portal,null,Lt.createElement(bt.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})));Yo.displayName=bt.Content.displayName;var fu=({trigger:e,children:t,className:r,align:o="center",side:n,sideOffset:a=4})=>Lt.createElement(bt.Root,null,Lt.createElement(bt.Trigger,null,e),Lt.createElement(Yo,{side:n,className:r,align:o,sideOffset:a},t));import*as ze from"react";import*as Xe from"@radix-ui/react-tabs";var Xo=ze.createContext({orientation:"vertical"}),ci=ze.forwardRef(({className:e,orientation:t,...r},o)=>ze.createElement(Xe.Root,{ref:o,className:u("flex gap-2",t==="horizontal"?"flex-row":"flex-col",e),...r},ze.createElement(Xo.Provider,{value:{orientation:t}},r.children)));ci.displayName=Xe.Root.displayName;var ui=ze.forwardRef(({className:e,...t},r)=>{let{orientation:o}=ze.useContext(Xo);return ze.createElement(Xe.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})});ui.displayName=Xe.List.displayName;var gi=ze.forwardRef(({className:e,...t},r)=>ze.createElement(Xe.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}));gi.displayName=Xe.Trigger.displayName;var pi=ze.forwardRef(({className:e,...t},r)=>ze.createElement(Xe.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}));pi.displayName=Xe.Content.displayName;import*as Tr from"react";import*as Qr from"@radix-ui/react-separator";var fi=Tr.forwardRef(({className:e,orientation:t="horizontal",decorative:r=!0,...o},n)=>Tr.createElement(Qr.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}));fi.displayName=Qr.Root.displayName;import*as ke from"react";import*as ce from"@radix-ui/react-toast";import{cva as xi}from"class-variance-authority";var vi=xi("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"}}),Jo=ce.Provider,Yr=ke.forwardRef(({className:e,...t},r)=>ke.createElement(ce.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}));Yr.displayName=ce.Viewport.displayName;var Xr=ke.forwardRef(({className:e,variant:t,severity:r="none",direction:o,...n},a)=>ke.createElement(ce.Root,{ref:a,className:u(vi({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}));Xr.displayName=ce.Root.displayName;var bi=ke.forwardRef(({className:e,...t},r)=>ke.createElement(ce.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}));bi.displayName=ce.Action.displayName;var Jr=ke.forwardRef(({className:e,...t},r)=>ke.createElement(ce.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},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"}))));Jr.displayName=ce.Close.displayName;var $r=ke.forwardRef(({className:e,...t},r)=>ke.createElement(ce.Title,{ref:r,className:u("text-sm font-semibold",e),...t}));$r.displayName=ce.Title.displayName;var Rr=ke.forwardRef(({className:e,...t},r)=>ke.createElement(ce.Description,{ref:r,className:u("text-sm opacity-90",e),...t}));Rr.displayName=ce.Description.displayName;import Ut from"react";import*as Sr from"react";var yi=5,hi=1e5;var eo=0;function wi(){return eo=(eo+1)%Number.MAX_VALUE,eo.toString()}var to=new Map,$o=e=>{if(to.has(e))return;let t=setTimeout(()=>{to.delete(e),lr({type:"REMOVE_TOAST",toastId:e})},hi);to.set(e,t)},Ci=(e,t)=>{switch(t.type){case"ADD_TOAST":return{...e,toasts:[t.toast,...e.toasts].slice(0,yi)};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?$o(r):e.toasts.forEach(o=>{$o(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)}}},kr=[],jr={toasts:[]};function lr(e){jr=Ci(jr,e),kr.forEach(t=>{t(jr)})}function Fi({...e}){let t=wi(),r=n=>lr({type:"UPDATE_TOAST",toast:{...n,id:t}}),o=()=>lr({type:"DISMISS_TOAST",toastId:t});return lr({type:"ADD_TOAST",toast:{...e,id:t,open:!0,onOpenChange:n=>{n||o()}}}),{id:t,dismiss:o,update:r}}function Ro(){let[e,t]=Sr.useState(jr);return Sr.useEffect(()=>(kr.push(t),()=>{let r=kr.indexOf(t);r>-1&&kr.splice(r,1)}),[e]),{...e,toast:Fi,dismiss:r=>lr({type:"DISMISS_TOAST",toastId:r})}}function Pu(e){let{toasts:t}=Ro(),r=e.direction==="rtl";return Ut.createElement(Jo,{swipeDirection:r?"left":"right"},t.map(function({id:o,title:n,description:a,action:i,...s}){return Ut.createElement(Xr,{direction:e.direction,key:o,...s},Ut.createElement("div",{className:"grid gap-1 text-start"},n&&Ut.createElement($r,null,n),a&&Ut.createElement(Rr,null,a)),i,Ut.createElement(Jr,null))}),Ut.createElement(Yr,{className:u("gap-2",r&&"fixed left-0")}))}import*as fe from"react";import*as me from"@radix-ui/react-dialog";var Lu=me.Root,Au=me.Trigger,en=({className:e,...t})=>fe.createElement(me.Portal,{className:u(e),...t});en.displayName=me.Portal.displayName;var tn=fe.forwardRef(({className:e,...t},r)=>fe.createElement(me.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}));tn.displayName=me.Overlay.displayName;var Ni=fe.forwardRef(({className:e,children:t,...r},o)=>fe.createElement(en,null,fe.createElement(tn,null),fe.createElement(me.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,fe.createElement(me.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"},fe.createElement("svg",{"aria-label":"Close Icon","aria-hidden":"true",className:"h-5 w-5",fill:"currentColor",viewBox:"0 0 20 20"},fe.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"})),fe.createElement("span",{className:"sr-only"},"Close")))));Ni.displayName=me.Content.displayName;var Ti=({className:e,...t})=>fe.createElement("div",{className:u("flex flex-col space-y-1.5 text-center sm:text-left",e),...t});Ti.displayName="DialogHeader";var ki=({className:e,...t})=>fe.createElement("div",{className:u("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t});ki.displayName="DialogFooter";var ji=fe.forwardRef(({className:e,...t},r)=>fe.createElement(me.Title,{ref:r,className:u("text-lg font-semibold leading-none tracking-tight",e),...t}));ji.displayName=me.Title.displayName;var Si=fe.forwardRef(({className:e,...t},r)=>fe.createElement(me.Description,{ref:r,className:u("text-sm text-muted-foreground",e),...t}));Si.displayName=me.Description.displayName;import Pi from"react";var X1=e=>Pi.createElement("div",null,e.children);import sr from"react";var R1=e=>sr.createElement("div",{className:"fixed bottom-0 top-auto left-0 m-0 w-full max-w-full p-1"},sr.createElement("div",{className:"flex w-full flex-row items-center justify-evenly rounded bg-gray-200"},e.appBarContent.map((t,r)=>sr.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},sr.createElement("div",null,t.icon),sr.createElement("div",{className:"mt-2 text-sm"},t.label)))));import _e,{useEffect as Ii,useRef as rn,useState as ro}from"react";import on from"clsx";import{useState as Mi}from"react";var Ei=(e=!1)=>{let[t,r]=Mi(e);return{isOpen:t,onOpen:()=>r(!0),onClose:()=>r(!1)}},Yt=Ei;import{useState as Li,useEffect as Ai}from"react";var Bi=()=>{let[e,t]=Li(window?.innerWidth),r=()=>{t(window?.innerWidth)};return Ai(()=>{if(typeof window<"u")return window?.addEventListener("resize",r),()=>{window?.removeEventListener("resize",r)}},[]),e},At=Bi;var cg=({direction:e="rtl",navigationSize:t="md",...r})=>{let[o,n]=ro(!1),[a,i]=ro(!1),{isOpen:s,onClose:l,onOpen:C}=Yt(!1),w=rn(null),y=rn(null),p;typeof window<"u"?p=At():p=1200;let[g,v]=ro(!1);Ii(()=>{let j=U=>{w.current&&!w.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",p>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",p>600?"w-14 hover:w-40":"w-0",o?"w-40":"w-14"],F={sm:"h-10",md:"",lg:"h-24"},z=[],re=[];return _e.createElement("div",{className:"h-full w-full"},_e.createElement("div",{className:on("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")},p>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:on(" relative top-14")},r.children))};import Q,{useEffect as Hi,useRef as Wi,useState as Pr}from"react";import yt from"clsx";import*as oe from"react";import*as Je from"@radix-ui/react-accordion";var Di=Je.Root,nn="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",an=oe.forwardRef(({className:e,...t},r)=>oe.createElement(Je.Item,{ref:r,className:u(e),...t}));an.displayName="AccordionItem";var ln=oe.forwardRef(({className:e,showArrow:t,children:r,...o},n)=>oe.createElement(Je.Header,{className:"flex"},oe.createElement(Je.Trigger,{ref:n,className:u(nn,e),...o},r,t&&oe.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"},oe.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"})))));ln.displayName=Je.Trigger.displayName;var sn=oe.forwardRef(({className:e,children:t,...r},o)=>oe.createElement(Je.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},oe.createElement("div",null,t)));sn.displayName=Je.Content.displayName;var dn=({title:e,items:t,selectedItem:r,openedItem:o,setOpenedItem:n,onItemClick:a,onSubItemClick:i,direction:s,isOpen:l})=>oe.createElement("div",null,e&&oe.createElement("h3",{className:"mb-1 font-bold"},e),oe.createElement("ul",{className:"flex flex-col gap-2"},oe.createElement(Di,{value:o,type:"single",onValueChange:C=>{n(C)},collapsible:!0,className:"flex flex-col gap-1"},t.map((C,w)=>oe.createElement(zi,{isOpen:l,selectedItem:r,key:w,direction:s,item:C,onItemClick:a,onSubItemClick:i}))))),zi=({item:e,onItemClick:t,onSubItemClick:r,direction:o,isOpen:n=!0,...a})=>{let i=s=>a.selectedItem===s?"bg-primary text-primary-foreground cursor-default":"hover:bg-primary/10";return e.subitems?oe.createElement(an,{value:e.value,className:"overflow-x-clip",dir:o},oe.createElement(ln,{className:u("overflow-x-clip",a.selectedItem===e.value?"cursor-default bg-primary text-primary-foreground":"hover:bg-primary/10",e.subitems&&e.subitems.some(s=>a.selectedItem===s.value)?"bg-primary text-primary-foreground hover:bg-primary":""),showArrow:n},oe.createElement("div",{className:u(!n&&"py-1","flex w-fit flex-row items-center gap-2")},e.icon,n&&oe.createElement("span",{className:u("transition-all ",n?"opacity-100":"opacity-0")},e.label))),e.subitems&&oe.createElement(sn,{className:" mt-1 h-full rounded "},oe.createElement("div",{className:u("flex h-full flex-col gap-2 bg-foreground/5 p-1")},e.subitems.map((s,l)=>oe.createElement("li",{key:l,onClick:C=>{C.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",i(s.value))},s.icon,s.label))))):oe.createElement("div",{dir:o,onClick:()=>{e.onClick(),t&&t([e.value])},className:u(nn,i(e.value),"overflow-x-clip ")},oe.createElement("div",{className:"flex flex-row items-center gap-2 "},e.icon,oe.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:a,design:i="default",...s})=>{let l=56,C=200,w={opened:{sm:"100",md:C,lg:"250"},closed:{sm:l,md:l,lg:l}},y=Wi(null),p=e==="rtl",[g,v]=Pr(""),[b,P]=Pr(n),F;typeof window<"u"?F=At():F=1200;let[z,re]=Pr(F>600),[j,U]=Pr(F>600),R=F>600?w[z?"opened":"closed"][t]:0;return Hi(()=>{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]),Q.createElement("div",{className:"fixed left-0"},s.topBar&&Q.createElement("div",{className:yt("fixed left-0 right-0 top-0 z-30 flex h-14 w-full items-center justify-between bg-primary-foreground p-2",p?"flex-row-reverse":"flex-row")},F>600?Q.createElement("div",{className:yt("dark:text-white",p?[F>600?"mr-14":"mr-2",z?"mr-40":""]:[F>600?"ml-14":"ml-2",z?"ml-40":""]),style:p?{marginRight:`${w[z?"opened":"closed"][t]}px`}:{marginLeft:`${w[z?"opened":"closed"][t]}px`}},s.pageTitle):Q.createElement("div",{dir:e,className:"flex items-center justify-center gap-0.5"},Q.createElement("div",{onClick:()=>U(!0),className:"z-40 mx-1 cursor-pointer rounded p-2 transition-all hover:bg-gray-100"},Q.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:0,viewBox:"0 0 20 20","aria-hidden":"true",height:"1.6em",width:"1.6em"},Q.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?Q.createElement("div",{className:"text-sm"},s.pageTitle):Q.createElement("div",null)),Q.createElement("div",{className:yt("flex gap-2 dark:text-white",p?"flex-row-reverse":"flex-row")},F>600?Q.createElement("div",{className:p?"text-left text-xs":"text-right text-xs"},Q.createElement("div",{className:"font-bold"},s.username)," ",Q.createElement("div",null,s.email)):null,Q.createElement(Nt,{triggerClassname:"mx-2",align:"end",alignOffset:8,side:"bottom",sideOffset:5,width:s.profileMenuWidth,direction:p?"rtl":"ltr",items:s.profileMenuItems,onItemSelect:A=>console.log("selecting item ",A),trigger:Q.createElement("div",{className:"relative h-8 w-8 cursor-pointer overflow-clip rounded ring-1 ring-primary/30 dark:bg-gray-600"},s.avatarImage?Q.createElement("img",{src:s.avatarImage,alt:"User Avatar"}):Q.createElement("svg",{"aria-label":"Avatar Icon",className:"absolute -left-1 h-10 w-10 text-gray-400",fill:"currentColor",viewBox:"0 0 20 20"},Q.createElement("path",{fillRule:"evenodd",d:"M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z",clipRule:"evenodd"})))}))),Q.createElement("div",{className:yt("fixed z-40 flex flex-col justify-between overflow-x-clip transition-all",i==="floating"?p?"right-5 top-5":"bottom-5 left-5 top-5":p?"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:()=>{z?U(!0):(v(""),U(!1))},ref:y},Q.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?C:56}px`:`${j?C:0}px`}},Q.createElement("img",{className:yt("h-9 opacity-0 transition-all",j?"visible opacity-100":"invisible opacity-0"),src:s.logoLink}),F>600?Q.createElement("img",{className:yt("fixed h-9 transition-all",i==="floating"?p?"right-7.5 top-7":"left-7.5 top-7":p?"right-2.5 top-2.5":"left-2.5 top-2.5",j?"invisible opacity-0":"visible opacity-100"),src:s.logoSymbol}):null),Q.createElement("div",{className:yt("fixed bottom-14 bg-primary-foreground p-2 py-2 transition-all",i==="floating"?"top-[76px]":"top-14",j?"overflow-auto":"overflow-hidden"),style:{height:i==="floating"?"calc(100% - 152px)":"calc(100% - 112px)",width:F>600?`${j?C:56}px`:`${j?C:0}px`}},Q.createElement(dn,{direction:e,onItemClick:A=>{a&&a(A)},onSubItemClick:A=>{a&&a(A)},selectedItem:n,openedItem:g,setOpenedItem:A=>v(A),isOpen:j,items:s.drawerItems})),Q.createElement("div",{className:yt("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",i==="floating"?"bottom-5":"bottom-0"),style:{width:F>600?`${j?C:56}px`:`${j?C:0}px`}},o&&j?Q.createElement(Q.Fragment,null,o):null,F>600&&j?Q.createElement(ut,{side:"left",delayDuration:500,content:z?s.texts?.collapseSidebar||"Collapse Sidebar":s.texts?.expandSidebar||"Expand Sidebar"},Q.createElement(f,{variant:"light",onClick:()=>{re(!z),s.onDrawerExpand&&s.onDrawerExpand(z)},size:"smallIcon"},Q.createElement("svg",{className:yt("h-6 w-6 shrink-0 text-primary transition-all disabled:bg-gray-200 ",z?p?"-rotate-90":"rotate-90":p?"rotate-90":"-rotate-90"),fill:"currentColor",viewBox:"0 0 20 20"},Q.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)),Q.createElement("div",{className:"fixed overflow-y-auto transition-all",style:i==="floating"?p?{height:`calc(100% - ${s.topBar?"56":"0"}px)`,width:`calc(100% - ${R+20}px)`,left:"0px",top:s.topBar?"56px":"0px"}:{height:`calc(100% - ${s.topBar?"56":"0"}px)`,width:`calc(100% - ${R+20}px)`,left:`${R+20}px`,top:s.topBar?"56px":"0px"}:p?{height:`calc(100% - ${s.topBar?"56":"0"}px)`,width:`calc(100% - ${R}px)`,left:"0px",top:s.topBar?"56px":"0px"}:{height:`calc(100% - ${s.topBar?"56":"0"}px)`,width:`calc(100% - ${R}px)`,left:`${R}px`,top:s.topBar?"56px":"0px"}},s.children))};import L,{useEffect as Oi,useRef as Vi,useState as oo}from"react";import xe from"clsx";import{FaChevronRight as mn}from"react-icons/fa";var Pg=({direction:e="rtl",drawerSize:t="md",onSettingsClick:r,...o})=>{let[n,a]=oo(!1),[i,s]=oo(""),{isOpen:l,onClose:C,onOpen:w}=Yt(!1),[y,p]=oo(!1),g=Vi(null),v=e==="rtl",b;typeof window<"u"?b=At():b=1200,Oi(()=>{let re=j=>{g.current&&!g.current.contains(j.target)&&!y&&a(!1)};return document.addEventListener("click",re,!0),()=>{document.removeEventListener("click",re,!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:xe("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:xe(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:()=>a(!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:xe("flex gap-2",v?"flex-row-reverse":"flex-row")},b>600?L.createElement("div",{className:xe(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(Kt,{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:()=>{a(!0)},onMouseLeave:()=>a(!!y),ref:g,className:xe(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:xe("no-scrollbar",o.topBar?"":"mt-2",n?"overflow-auto":"overflow-hidden")},L.createElement("div",{dir:e,className:xe("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:xe("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:xe("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((re,j)=>L.createElement("div",{key:j,className:xe("flex flex-col items-stretch justify-center")},re?.map((U,R)=>L.createElement("div",{key:R,id:"test",className:"flex flex-col"},L.createElement("div",{onClick:()=>{U.subItems?i===U.slug?s(""):s(U.slug):U.action()},className:xe(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:xe("mx-2 whitespace-nowrap text-sm transition-all",n?"opacity-100":"opacity-0")},U.label)),U.subItems&&L.createElement("div",{className:xe(i&&U.slug===i?"-rotate-90":"rotate-90")},L.createElement(mn,{fontSize:11}))),U.subItems&&L.createElement("div",{className:xe("m-1 flex cursor-pointer flex-col gap-0 overflow-clip whitespace-nowrap rounded bg-layoutPrimary-300 p-1 transition-all",i==U.slug&&n?"":"my-0 py-0",v?"text-right":"text-left"),style:{height:i==U.slug&&n?6+33*U.subItems?.length:0}},U.subItems?.map((A,S)=>L.createElement("div",{key:S,className:xe("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:xe("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:xe("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:xe("relative left-0 top-0 transition-all",n?" opacity-100":" opacity-0")},L.createElement("div",{onClick:()=>p(!y),className:"w-fit cursor-pointer rounded bg-gray-300 p-2 transition-all hover:bg-gray-400"},L.createElement(mn,{fontSize:14,className:xe("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 Ui,useRef as _i,useState as no}from"react";import je from"clsx";var zg=({direction:e="rtl",drawerSize:t="md",onSettingsClick:r,DrawerFooterActions:o,...n})=>{let[a,i]=no(!1),[s,l]=no(""),{isOpen:C,onClose:w,onOpen:y}=Yt(!1),[p,g]=no(!1),v=_i(null),b=e==="rtl",P;typeof window<"u"?P=At():P=1200,Ui(()=>{let R=A=>{v.current&&!v.current.contains(A.target)&&!p&&i(!1)};return document.addEventListener("click",R,!0),()=>{document.removeEventListener("click",R,!0)}},[p]);let F="fixed top-0 z-40 flex h-full flex-col justify-between overflow-x-clip bg-card transition-all",z=56,re=200,j={opened:{sm:"100",md:re,lg:"250"},closed:{sm:"56",md:"56",lg:"56"}},U=P>600?j[p?"opened":"closed"][t]:0;return B.createElement("div",{className:"fixed left-0"},n.topBar&&B.createElement("div",{className:je("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:je("dark:text-white",b?[P>600?"mr-14":"mr-2",p?"mr-40":""]:[P>600?"ml-14":"ml-2",p?"ml-40":""]),style:b?{marginRight:`${j[p?"opened":"closed"][t]}px`}:{marginLeft:`${j[p?"opened":"closed"][t]}px`}},n.pageTitle):B.createElement("div",{dir:e,className:"flex items-center justify-center gap-0.5"},B.createElement("div",{onClick:()=>i(!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:je("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(Nt,{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(Gi,null)),items:n.profileMenuItems,onItemSelect:R=>console.log("selecting item ",R)}))),B.createElement("div",{className:je("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?a?`${j.opened[t]}px`:`${j.closed[t]}px`:a?`${j.opened[t]}px`:"0px"},onMouseEnter:()=>{i(!0)},onMouseLeave:()=>i(!!p),ref:v},B.createElement("div",{dir:e,className:je("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?`${a?re:56}px`:`${a?re:0}px`}},B.createElement("img",{className:je("h-9 opacity-0 transition-all",a?"visible opacity-100":"invisible opacity-0"),src:n.logoLink}),P>600?B.createElement("img",{className:je("fixed top-2.5 h-9 transition-all",b?"right-2.5":"left-2.5",a?"invisible opacity-0":"visible opacity-100"),src:n.logoSymbol}):null),B.createElement("div",{className:je("fixed bottom-14 top-14 bg-primary-foreground py-2 transition-all",a?"overflow-auto":"overflow-hidden"),style:{height:"calc(100% - 112px)",width:P>600?`${a?re:56}px`:`${a?re:0}px`}},n.drawerItems?.map((R,A)=>B.createElement("div",{key:A,className:je("flex select-none flex-col items-stretch justify-center transition-all")},R?.map((S,J)=>B.createElement("div",{key:J,id:"test",className:"flex flex-col"},B.createElement("div",{onClick:()=>{S.subItems?s===S.slug?l(""):l(S.slug):S.action()},className:je(n.currentPage===S.slug||S.subItems?.find(ue=>ue.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:je("mx-2 whitespace-nowrap text-sm transition-all",a?"opacity-100":"opacity-0")},S.label)),S.subItems&&B.createElement(qi,{pointing:s&&S.slug===s?"up":"down"})),S.subItems&&B.createElement("div",{className:je("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&&a?"":"my-0 py-0",b?"text-right":"text-left"),style:{height:s==S.slug&&a?6+35*S.subItems?.length:0}},S.subItems?.map((ue,Ze)=>B.createElement("div",{key:Ze,className:je("flex flex-row gap-2 overflow-x-clip rounded-inner p-2 px-2 text-xs",b?"text-right":"text-left",n.currentPage===ue.slug?"bg-primary text-white":"hover:bg-primary-foreground hover:text-primary "),dir:e,onClick:()=>{ue.action()}},B.createElement("div",{className:"flex items-center justify-center"},ue.icon),B.createElement("div",{className:"flex flex-row justify-between"},ue.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:je("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?`${a?re:56}px`:`${a?re:0}px`}},o&&a?B.createElement(B.Fragment,null,o):null,P>600&&a?B.createElement(ut,{side:"left",delayDuration:500,content:p?n.texts?.collapseSidebar||"Collapse Sidebar":n.texts?.expandSidebar||"Expand Sidebar"},B.createElement(f,{variant:"light",onClick:()=>g(!p),size:"smallIcon"},B.createElement("svg",{className:je("h-6 w-6 shrink-0 text-primary transition-all disabled:bg-gray-200 ",p?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))},Gi=()=>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"})),qi=({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:je("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 Zi from"react";import Ki from"clsx";var Vg=({maxWidth:e="normal",variant:t="contained",centered:r=!1,direction:o="ltr",...n})=>{let a="flex w-full flex-col rounded p-4",i={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 Zi.createElement("div",{className:Ki(a,i[e],s[t],r?"flex items-center text-center":""),dir:o},n.children)};import Qi from"react";var qg=e=>Qi.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 Xt from"react";var Qg=({isOpen:e,onClose:t,items:r})=>e?Xt.createElement("div",{className:"fixed inset-0 z-40 flex bg-gray-600 bg-opacity-75"},Xt.createElement("div",{className:"w-1/3 rounded-l-lg bg-gray-800 shadow-2xl"},Xt.createElement("button",{onClick:t,className:"p-4 text-gray-400 hover:text-white focus:text-white focus:outline-none"},"Close"),Xt.createElement("nav",null,r.map((o,n)=>Xt.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)))),Xt.createElement("div",{className:"w-2/3 bg-gray-50"})):null;import{BsInstagram as Yi,BsTwitter as Xi}from"react-icons/bs";import{FaSnapchatGhost as Ji,FaTiktok as $i}from"react-icons/fa";var ep=({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(f,{size:"smallIcon",variant:"ghost"},React.createElement(Xi,null)),t.socialLinks.instagram&&React.createElement(f,{size:"smallIcon",variant:"ghost"},React.createElement(Yi,null)),t.socialLinks.tiktok&&React.createElement(f,{size:"smallIcon",variant:"ghost"},React.createElement($i,null)),t.socialLinks.snapchat&&React.createElement(f,{size:"smallIcon",variant:"ghost"},React.createElement(Ji,null))));import Ge,{useRef as Ri,useState as el}from"react";import dr from"clsx";var ip=({design:e="floating",...t})=>{let r=Ri(null),[o,n]=el(!1),a={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 Ge.createElement("div",{ref:r},Ge.createElement("div",{dir:t.direction,className:dr(a[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")},Ge.createElement("div",{className:"mb-3 flex w-full flex-col items-center justify-start md:mb-0 md:flex-row md:items-center"},Ge.createElement("div",{className:dr(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&&Ge.createElement("img",{src:t.logoURL,className:"mr-2 h-6",alt:"Flowbite Logo"}),t.title&&Ge.createElement("span",{className:"self-center whitespace-nowrap text-lg font-semibold dark:text-white"},t.title)),t.text&&Ge.createElement("p",{className:dr("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&&Ge.createElement("div",{className:dr("flex flex-shrink-0 items-center justify-center ",t.direction==="rtl"?"ml-0 md:ml-10":"mr-0 md:mr-10")},Ge.createElement(f,{onClick:t.onActionClick},t.actionText)),Ge.createElement("button",{type:"button",className:dr("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)}},Ge.createElement("span",{className:"sr-only"},"Close"),Ge.createElement("svg",{"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 Se from"react";import{Controller as mr,FormProvider as tl,useForm as rl}from"react-hook-form";var jp=e=>{let t=rl(),{inputs:r}=e,{formState:{errors:o},handleSubmit:n,control:a}=t;return Se.createElement(T,null,Se.createElement("form",{onSubmit:n(i=>e.handleUpdateProfile(i))},Se.createElement(N,{headless:!0},Se.createElement(tl,{...t},Se.createElement(mr,{control:a,name:"fullName",render:({field:i})=>Se.createElement(H,{width:"full",type:"text",label:e.texts.fullNameLabel,placeholder:e.texts.fullNamePlaceholder,helpertext:o.fullName?.message,...i,value:i.value??""})}),Se.createElement(mr,{control:a,name:"phoneNumber",render:({field:i})=>Se.createElement(Zt,{label:"Phone number"})}),Se.createElement(mr,{control:a,name:"email",render:({field:i})=>Se.createElement(H,{width:"full",type:"text",label:e.texts.emailLabel,helpertext:o.email?.message,placeholder:e.texts.emailPlaceholder,...i,value:i.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}}}),Se.createElement(mr,{control:a,name:"password",render:({field:i})=>Se.createElement(H,{width:"full",type:"password",label:e.texts.passwordLabel,placeholder:e.texts.passwordPlaceholder,helpertext:o.password?.message,...i,value:i.value??""}),rules:{required:e.texts.passwordRequiredText}}),Se.createElement(mr,{control:a,name:"confirmPassword",render:({field:i})=>Se.createElement(H,{width:"full",type:"password",label:e.texts.confirmPasswordLabel,placeholder:e.texts.confirmPasswordPlaceholder,helpertext:o.confirmPassword?.message,...i,value:i.value??""}),rules:{required:e.texts.confirmPasswordRequiredText}}))),Se.createElement(se,null,Se.createElement(f,{className:"w-full",type:"submit"},e.texts.updateProfile))))};import Mr from"react";var Lp=e=>Mr.createElement(T,null,Mr.createElement(N,{headless:!0},Mr.createElement("div",{className:"mb-2 text-sm font-bold"},e.blockTitle),Mr.createElement("div",{className:"flex flex-col gap-4 rounded p-2"},e.children)));import ae from"react";var _p=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(f,{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(f,{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(f,{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(f,{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(f,{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(f,{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(f,{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(ge,{onChangeTab:e.handleLanguage,design:"tabs",options:[{value:"ar",label:"\u0639\u0631\u0628\u064A"},{value:"en",label:"English"}]}),ae.createElement(ge,{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 _t,{useState as ol}from"react";import{Controller as nl,useForm as al}from"react-hook-form";var Jp=e=>{let t=al(),{formState:{errors:r},handleSubmit:o,control:n}=t,[a,i]=ol("");return _t.createElement(T,null,_t.createElement(N,{headless:!0},_t.createElement("form",{onSubmit:s=>{s.preventDefault(),e.handleSignIn(a)}},_t.createElement(nl,{control:n,name:"phone",render:({field:s})=>_t.createElement(Zt,{country:e.country??"",label:e.label??"",handleChange:l=>i(l.target.value),...s}),rules:{required:e.phoneRequiredText}}),_t.createElement("div",{className:"mt-2"}),_t.createElement(f,{className:"w-full"},e.SignInButtonText))))};import ne from"react";import{Controller as Er,useForm as il}from"react-hook-form";var sf=e=>{let{formState:{errors:t},handleSubmit:r,control:o}=il();return ne.createElement("div",{className:"flex flex-col gap-4"},ne.createElement(T,{dir:e.direction},ne.createElement(N,{headless:!0},ne.createElement("form",{onSubmit:r(n=>e.handleSignIn(n))},e.showError&&ne.createElement(he,{title:e.errorTitle,text:e.errorText,severity:"error"}),e.signInType==="email"?ne.createElement(Er,{control:o,name:"email",render:({field:n})=>ne.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"?ne.createElement(Er,{control:o,name:"username",render:({field:n})=>ne.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}}):ne.createElement(Er,{control:o,name:"phone",render:({field:n})=>ne.createElement(Zt,{label:"Phone number"}),rules:{required:e.texts.phoneRequiredText}}),e.signInType!=="phone"&&ne.createElement(ne.Fragment,null,ne.createElement(Er,{control:o,name:"password",render:({field:n})=>ne.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&&ne.createElement("div",{onClick:e.handleForgotPassword,className:"mb-3 w-fit cursor-pointer text-xs dark:text-gray-300"},e.texts.forgotPasswordText)),ne.createElement(f,{className:"mt-4 w-full",isLoading:e.isLoading},e.texts.signInText),!e.withoutSignUp&&ne.createElement("div",{className:"p-3 text-center text-sm font-normal dark:text-gray-300"},e.texts.newUserText," ",ne.createElement("span",{onClick:e.handleRouteToSignUp,className:"clickable-link"},e.texts.createAccount)))),e.viaGithub||e.viaGoogle||e.viaTwitter?ne.createElement(se,{className:u(e.logosOnly?"flex flex-row gap-2 justify-center":"grid grid-cols-1 gap-2")},e.viaGoogle&&ne.createElement(f,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:e.handleGoogleSignIn},ne.createElement(pe.google,{className:"h-4 w-4"}),!e.logosOnly&&e.texts.signInViaGoogleLabel),e.viaGithub&&ne.createElement(f,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:e.handleGithubSignIn},ne.createElement(pe.gitHub,{className:"h-4 w-4"}),!e.logosOnly&&e.texts.signInViaGithubLabel),e.viaTwitter&&ne.createElement(f,{className:"flex flex-row items-center gap-2",variant:"outline",onClick:e.handleTwitterSignIn},ne.createElement(pe.twitter,{className:"h-4 w-4"}),!e.logosOnly&&e.texts.signInViaTwitterLabel)):null),ne.createElement(Nr,{currentColorMode:e.currentColorMode,currentLanguage:e.currentLanguage,handleColorMode:e.handleColorMode,handleLanguage:e.handleLanguage}))};function ff(){return React.createElement(T,null,React.createElement(we,{className:"space-y-1"},React.createElement(Ce,{className:"text-2xl"},"Create an account"),React.createElement(rt,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(f,{variant:"outline"},React.createElement(pe.gitHub,{className:"mr-2 h-4 w-4"}),"Github"),React.createElement(f,{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(lt,{htmlFor:"email"},"Email"),React.createElement(Et,{id:"email",type:"email",placeholder:"m@example.com"})),React.createElement("div",{className:"grid gap-2"},React.createElement(lt,{htmlFor:"password"},"Password"),React.createElement(Et,{id:"password",type:"password"}))),React.createElement(se,null,React.createElement(f,{className:"w-full"},"Create account")))}import V from"react";import{Controller as ht,FormProvider as ll,useForm as sl}from"react-hook-form";var Tf=e=>{let t=sl(),{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(he,{title:e.errorTitle,text:e.errorText,severity:"error"}),V.createElement(ll,{...t},V.createElement("form",{onSubmit:o(a=>e.handleSignUp(a))},V.createElement("div",null,e.signUpFields.map((a,i)=>{if(a==="fullname")return V.createElement(ht,{key:i,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(a==="email")return V.createElement(ht,{key:i,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(a==="username")return V.createElement(ht,{key:i,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(ht,{control:n,name:"password",render:({field:a})=>V.createElement(H,{width:"full",type:"password",autoComplete:"new-password",label:e.texts.passwordLabel,placeholder:e.texts.passwordPlaceholder,helpertext:r.password?.message,onChange:a.onChange,value:a.value??""}),rules:{required:e.texts.passwordRequiredText}}),V.createElement(ht,{control:n,name:"confirm_password",render:({field:a})=>V.createElement(H,{width:"full",type:"password",autoComplete:"new-password",label:e.texts.confirmPasswordLabel,placeholder:e.texts.confirmPasswordPlaceholder,helpertext:r.confirm_password?.message,onChange:a.onChange,value:a.value??""}),rules:{required:e.texts.passwordRequiredText}}),e.showRefCode&&V.createElement(ht,{control:n,name:"refCode",render:({field:a})=>V.createElement(H,{width:"full",type:"text",label:e.texts.refCode,placeholder:e.texts.passwordPlaceholder,helpertext:r.password?.message,value:a.value??"",onChange:a.onChange})}),e.showUserSource&&V.createElement("div",null,V.createElement(ht,{control:n,name:"reference",render:({field:a})=>V.createElement(Ft,{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:i=>{a.onChange(i.value)}})})),e.showTermsOption&&V.createElement(ht,{control:n,name:"terms_accepted",render:({field:a})=>V.createElement(Ar,{id:"terms_accepted",helperText:r.terms_accepted?.message,onChange:i=>a.onChange(i),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(ht,{control:n,name:"newsletter_accepted",render:({field:a})=>V.createElement(Ar,{id:"newsletter_accepted",label:e.texts.subscribeToNewsletter,onChange:a.onChange})}),V.createElement(f,{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(se,{className:u(e.logosOnly?"flex flex-row justify-center gap-2":"grid grid-cols-1 gap-2")},e.viaGoogle&&V.createElement(f,{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(f,{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(f,{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(Nr,{currentColorMode:e.currentColorMode,currentLanguage:e.currentLanguage,handleColorMode:e.handleColorMode,handleLanguage:e.handleLanguage}))};import Pe,{useState as dl}from"react";import{Controller as cn,FormProvider as ml,useForm as cl}from"react-hook-form";var Af=e=>{let[t,r]=dl(!1),o=cl(),{formState:{errors:n},handleSubmit:a,control:i}=o,s=l=>{l.password===l.confirmPassword?e.handleNewPassword():r(!0)};return Pe.createElement(T,{dir:e.direction},t&&Pe.createElement(he,{text:e.texts.passwordMatchError,severity:"error"}),e.passwordChanged?Pe.createElement(N,{headless:!0},Pe.createElement("div",{className:"text-center"},e.texts.passwordChanged)):Pe.createElement(ml,{...o},Pe.createElement("form",{onSubmit:a(s)},!e.headless&&Pe.createElement(we,null,Pe.createElement(Ce,null,"Create Password"),Pe.createElement(rt,null,"Set a new password for your account")),Pe.createElement(N,{headless:e.headless},Pe.createElement(cn,{control:i,name:"password",render:({field:l})=>Pe.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}}),Pe.createElement(cn,{control:i,name:"confirmPassword",render:({field:l})=>Pe.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}})),Pe.createElement(se,null,Pe.createElement(f,{className:"w-full",type:"submit"},e.texts.updatePassword)))))};import Me from"react";import{Controller as ul,useForm as gl}from"react-hook-form";var Vf=e=>{let t=gl(),{formState:{errors:r},handleSubmit:o,register:n,control:a}=t;return Me.createElement(T,{dir:e.direction},e.sent?Me.createElement(N,{headless:!0},Me.createElement("div",{className:"text-center"},e.texts?.emailSentText)):Me.createElement(Me.Fragment,null,!e.headless&&Me.createElement(we,null,Me.createElement(Ce,null,"Reset Password"),Me.createElement(rt,null,"Enter your email to reset your account password")),Me.createElement("form",{onSubmit:o(e.handleResetPassword)},Me.createElement(N,{headless:e.headless},Me.createElement(ul,{control:a,name:"email",render:({field:i})=>Me.createElement(H,{width:"full",type:"text",label:e.texts?.emailLabel,helpertext:r.email?.message,placeholder:e.texts?.emailPlaceholder,...i,value:i.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}}}),Me.createElement("div",{className:"pb-2 text-start text-sm dark:text-gray-300"},e.texts?.dontHaveAccount??"Don't have an account? ",Me.createElement("span",{onClick:e.handleRouteToSignUp,className:"clickable-link"},e.texts?.signUpText??"Sign Up"))),Me.createElement(se,null,Me.createElement(f,{type:"submit",className:"w-full"},e.texts?.resetPassword)))))};import Ee,{useState as pl}from"react";var Qf=e=>{let[t,r]=pl(null);return Ee.createElement(T,null,Ee.createElement(N,{headless:!0},e.showError&&Ee.createElement(he,{title:e.errorTitle,text:e.errorText,severity:"error"}),Ee.createElement("div",{className:"mb-4 dark:text-white"},Ee.createElement("div",{className:"text-lg font-bold"},e.texts.checkYourPhone??"Please check your phone"),Ee.createElement("div",{className:"text-muted-foreground"},Ee.createElement("span",null,e.texts.weSentCode??"We've sent a code to "),Ee.createElement("span",null,e.phoneNumber))," "),Ee.createElement("form",{onSubmit:o=>{o.preventDefault(),t&&e.submitConfirmation(t)}},Ee.createElement(Wo,{width:"full",digits:6,getPins:o=>r(o)}),Ee.createElement("div",{className:" py-2 text-center text-xs text-muted-foreground"},Ee.createElement("span",null,e.texts.didntGetCode??"Didn't get the code?")," ",Ee.createElement("span",{className:"clickable-link"},e.texts.resendCode??"Click to resend")),Ee.createElement("div",{className:"mt-4 grid grid-cols-2 gap-2"},Ee.createElement(f,{variant:"secondary"},e.texts.cancel??"Cancel"),Ee.createElement(f,null,e.texts.confirm??"Confirm")))))};import it from"react";var e2=({texts:e,handleResend:t})=>it.createElement(T,null,it.createElement(N,{headless:!0},it.createElement("div",{className:"flex flex-col items-center justify-center text-center"},it.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"},it.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"},it.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"}),it.createElement("polyline",{points:"22,6 12,13 2,6"}))),it.createElement("div",{className:"m-2 text-xl font-bold"},e?.checkEmail??"Check you email"),it.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."))),it.createElement(se,{className:"flex flex-col justify-center "},it.createElement("span",{className:"clickable-link text-sm",onClick:t},e?.resendEmail??"Resend Email")));import X,{useState as fl}from"react";var v2=e=>{let[t,r]=fl("");return X.createElement(T,null,X.createElement(we,null,X.createElement(Ce,null,"Choose Payment Method"),X.createElement(rt,null,"And you'll be directed to the next step to complete the payment")),X.createElement(N,{className:"grid grid-cols-2 gap-4"},X.createElement(f,{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")},X.createElement("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/mada.png",className:"h-6"}),X.createElement("span",null,e.madaLabel)),X.createElement(f,{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")},X.createElement("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/apple-pay.png",className:"h-11"}),X.createElement("span",null,e.applePayLabel)),X.createElement(f,{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")},X.createElement("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/visa-master.png",className:"h-6"}),X.createElement("span",null,e.visaMasterLabel)),X.createElement(f,{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")},X.createElement("svg",{version:"1.1",fill:"currentColor",viewBox:"0 0 223 223",className:"h-6 w-6"},X.createElement("g",null,X.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
4
|
C182.338,118.225,176.597,123.967,169.515,123.967z`}),X.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`}))),X.createElement("span",null,e.walletLabel)),X.createElement(f,{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")},X.createElement("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/stc-pay.png",className:"h-6"}),X.createElement("span",null,e.stcPayLabel)),X.createElement(f,{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")},X.createElement("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/google-pay.png",className:"h-6"}),X.createElement("span",null,e.googlePayLabel)),X.createElement(f,{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")},X.createElement("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/paypal.png",className:"h-6"}),X.createElement("span",null,e.paypalLabel))),X.createElement(se,null,X.createElement(f,{onClick:()=>e.handleContinue(t),className:"w-full",disabled:!t},"Continue")))};import Le,{useEffect as xl,useState as un}from"react";import{Controller as Lr,useForm as vl}from"react-hook-form";var N2=e=>{let[t,r]=un(""),[o,n]=un(""),a=vl(),{formState:{errors:i},handleSubmit:s,control:l}=a,C=y=>{let p=/^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(p)?F="visa":y.replace(/[^\d]/g,"").match(g)?F="mastercard":y.replace(/[^\d]/g,"").match(v)&&(F="amex"),F},w=y=>{let{value:p,name:g}=y.target,v=p;p=p.replace(/\D/g,""),/^3[47]\d{0,13}$/.test(p)?v=p.replace(/(\d{4})/,"$1 ").replace(/(\d{4}) (\d{6})/,"$1 $2 "):/^3(?:0[0-5]|[68]\d)\d{0,11}$/.test(p)?v=p.replace(/(\d{4})/,"$1 ").replace(/(\d{4}) (\d{6})/,"$1 $2 "):/^\d{0,16}$/.test(p)&&(v=p.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 xl(()=>{let y=C(t);n(y)}),Le.createElement(T,null,Le.createElement("form",{onSubmit:s(e.handle)},Le.createElement(N,{headless:!0},Le.createElement("div",{className:"flex flex-row gap-4"},Le.createElement(Lr,{control:l,name:"cardNumber",render:({field:y})=>Le.createElement(H,{width:"full",name:"cardNumber",placeholder:"1234 1234 1234 1234",type:"number",onChange:w,label:"Card Number",helpertext:i.password?.message,iconInside:Le.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"}}),Le.createElement("div",{className:"w-1/4"},Le.createElement(Lr,{control:l,name:"cardCVC",render:({field:y})=>Le.createElement(H,{width:"full",name:"cardCVC",maxLength:"3",autoComplete:"cc-number",placeholder:"CVC",type:"number",label:"CVC",helpertext:i.password?.message}),rules:{required:"Password is rquired"}}))),Le.createElement(Lr,{control:l,name:"cardExpiry",render:({field:y})=>Le.createElement(H,{width:"full",name:"cardExpiry",placeholder:"MM / YY",type:"password",label:"Expiry Date",helpertext:i.password?.message}),rules:{required:"Password is rquired"}}),Le.createElement(Lr,{control:l,name:"cardName",render:({field:y})=>Le.createElement(H,{width:"full",name:"cardName",type:"text",label:"Name on card",helpertext:i.password?.message}),rules:{required:"Card holder name is rquired"}})),Le.createElement(se,null,Le.createElement(f,{className:"w-full",onClick:e.handlePayWithCreditCard},"Pay with Credit Card"))))};import $e,{useState as bl}from"react";var E2=e=>{let[t,r]=bl(0);return $e.createElement(T,null,$e.createElement(N,{headless:!0},$e.createElement("div",{className:"p-4 text-center"},$e.createElement("div",{className:" text-5xl font-extrabold"},Number(t).toLocaleString("en")||"0"),$e.createElement("div",{className:"text-sm font-normal"},e.currency||"SAR")),$e.createElement("div",{className:"mb-2 flex w-full flex-col gap-4 text-center"},$e.createElement("div",{className:"mb-2 flex w-full flex-row gap-4 text-center"},$e.createElement(f,{variant:"outline",className:"h-full w-full"},"10 SAR"),$e.createElement(f,{variant:"outline",className:"h-full w-full"},"50 SAR"),$e.createElement(f,{variant:"outline",className:"h-full w-full"},"100 SAR")),$e.createElement(Et,{placeholder:"Custom Amount",type:"number",name:"amount"})),$e.createElement(f,{className:"mt-6 w-full"},e.texts.chargeWallet)))};import cr from"react";var z2=e=>cr.createElement(T,null,cr.createElement(N,{headless:!0},cr.createElement("div",{className:"text-center text-5xl font-extrabold"},e.walletBalance||"0",cr.createElement("div",{className:"text-sm font-normal"},e.currency||"SAR")),cr.createElement(f,{className:"mt-6 w-full",onClick:e.handlePayWithWallet},"Pay Now")));import D from"react";import{Controller as wt,FormProvider as yl,useForm as hl}from"react-hook-form";var Z2=e=>{let t=e.lang==="ar",r=hl(),{formState:{errors:o},handleSubmit:n,register:a,control:i}=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(we,null,D.createElement(Ce,null,e.texts.orderDetails)),D.createElement(N,null,D.createElement("div",null,D.createElement("div",{className:"rounded border border-gray-300"},D.createElement(Co,{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(we,null,D.createElement(Ce,null,e.texts.billingAddress)),D.createElement("form",{onSubmit:n(e.handlePayNow)},D.createElement(N,null,D.createElement("div",null,D.createElement(yl,{...r},D.createElement("div",null,D.createElement(wt,{control:i,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(wt,{control:i,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(wt,{control:i,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(wt,{control:i,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(wt,{control:i,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(wt,{control:i,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(wt,{control:i,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(wt,{control:i,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(wt,{control:i,name:"country",rules:{required:e.texts?.required},render:({field:l})=>D.createElement(Ft,{native:!0,label:e.texts?.countryLabel+" *",helperText:o.country?.message,options:vr,getOptionLabel:C=>C.country_label,onChange:C=>l.onChange(C.country_label),value:l.value??""},D.createElement("option",null),e.countriesList.map((C,w)=>D.createElement("option",{key:w},C)))}))))),D.createElement(se,null,D.createElement(f,{className:"w-full"},e.texts.payNow))," "))};import We from"react";var $2=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(f,{className:"w-full",onClick:e.handlePrint},e.texts.print),We.createElement(f,{className:"w-full",onClick:e.handleHistory},e.texts.history),We.createElement(f,{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 Jt from"react";var mx=e=>Jt.createElement("div",null,Jt.createElement("div",{className:"mb-2 flex w-full justify-between"},Jt.createElement(ge,{design:"tabs",defaultValue:e.currentCycle,options:e.billingCycles,onChangeTab:t=>e.onCycleChange(t)}),Jt.createElement(ge,{design:"tabs",defaultValue:e.currentCurrency,options:e.currencies,onChangeTab:t=>e.onCurrencyChange(t)})),Jt.createElement("div",{className:"flex flex-row justify-between"},e.plans.map((t,r)=>Jt.createElement(Oo,{key:r,onPlanClicked:()=>e.onPlanClicked(t),...t,texts:{...t.texts,currencyText:e.currentCurrency,cycleText:e.currentCycle}}))));import te,{useState as gn}from"react";var wl=()=>te.createElement("svg",{className:"h-5 w-5 text-green-500","aria-hidden":"true",fill:"currentColor",viewBox:"0 0 20 20"},te.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"})),pn=()=>te.createElement("svg",{className:"h-5 w-5 text-red-500","aria-hidden":"true",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"})),xx=e=>{let[t,r]=gn("sar"),[o,n]=gn("month");return te.createElement("div",{id:"detailed-pricing",className:"w-full overflow-x-auto"},te.createElement("div",{className:"mb-2 flex w-full justify-between"},te.createElement(ge,{design:"tabs",defaultValue:o,options:e.billingCycles,onChangeTab:a=>e.onCycleChange(a)}),te.createElement(ge,{design:"tabs",defaultValue:t,options:e.currencies,onChangeTab:a=>e.onCurrencyChange(a)})),te.createElement("div",{className:" overflow-hidden rounded"},te.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"},te.createElement("div",{className:"flex items-center"}),e.plans.map(a=>te.createElement("div",null,te.createElement("h5",{className:"text-md 0 font-bold text-gray-500 dark:text-gray-400"},a.texts.title),te.createElement("div",{className:" flex items-baseline text-gray-900 dark:text-white"},te.createElement(te.Fragment,null,te.createElement("span",{className:"text-5xl font-extrabold tracking-tight"},a.price),te.createElement("span",{className:"mx-1 text-sm font-semibold"},a.texts.currencyText)),te.createElement("span",{className:"ml-1 text-xl font-normal text-gray-500 dark:text-gray-400"},"/ ",a.texts.cycleText)),te.createElement("h5",{className:"text-md font-normal text-gray-500 dark:text-gray-400"},a.texts.subtitle)))),e.plans?.map(a=>a.features.map(i=>te.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"},te.createElement("div",{className:" flex flex-row items-center gap-2 text-gray-500 dark:text-gray-400"},i.text,i.description&&te.createElement(ut,{side:"right",content:i.description},te.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 16 16",height:"1em",width:"1em"},te.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"})))),te.createElement(pn,null),te.createElement(wl,null),te.createElement(pn,null))))))};import de,{useState as Cl}from"react";import Fl from"clsx";var Cx=e=>{let[t,r]=Cl(null),o=[{title:"basic",price:"$49",cycle:"/mo"},{title:"business",price:"$99",cycle:"/mo"},{title:"enterprise",price:"$149",cycle:"/mo"}];return de.createElement("div",{className:"z-10 w-full max-w-screen-sm"},de.createElement("div",{className:"max-w-2xl "},de.createElement("div",{className:"flex flex-row justify-between"},de.createElement(ge,{design:"tabs",options:e.currencies,defaultValue:e.currentCurrency}),de.createElement(ge,{design:"tabs",options:e.billingCycles,defaultValue:e.currentCycle})),o.map(n=>de.createElement("label",{htmlFor:n.title,className:"",onClick:()=>r(n.title)},de.createElement("input",{type:"radio",name:"radio",id:n.title,className:"peer appearance-none"}),de.createElement("div",{className:Fl(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")},de.createElement("div",{className:"peer flex items-center gap-4"},de.createElement(Nl,null),de.createElement(Tl,{title:"Enterprise",subtitle:"For startups and new businesses"})),de.createElement(kl,{amount:n.price,cycle:n.cycle}))))))},Nl=()=>de.createElement(de.Fragment,null,de.createElement("svg",{fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:"currentColor",className:"default h-8 w-8 text-neutral-500"},de.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"})),de.createElement("svg",{viewBox:"0 0 24 24",fill:"currentColor",className:"active hidden h-8 w-8 text-blue-500"},de.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"}))),Tl=e=>de.createElement("div",{className:"peer flex flex-col items-start "},de.createElement("h2",{className:"font-medium text-neutral-700 dark:text-gray-100 sm:text-xl"},e.title),de.createElement("p",{className:"text-sm text-neutral-500 dark:text-gray-300"},e.subtitle," ")),kl=e=>de.createElement("h2",{className:"peer text-xl font-semibold text-neutral-900 dark:text-white sm:text-2xl"},e.amount,de.createElement("span",{className:"text-base font-medium text-neutral-400"},e.cycle));import be from"react";var Lx=({referralLink:e,referralCode:t})=>be.createElement(T,null,be.createElement(N,{headless:!0},be.createElement("div",{className:"my-2 mt-0"},be.createElement("div",{className:"mb-1"},"Referral Code"),be.createElement("div",{className:"flex flex-row items-center justify-between rounded border bg-background"},be.createElement("span",{className:"ml-3 font-bold"},t),be.createElement(f,{onClick:()=>navigator.clipboard.writeText(t)},be.createElement("span",{className:"bg-red flex items-center justify-center"},be.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 512 512",height:"1em",width:"1em"},be.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"}))," ")))),be.createElement("div",{className:"my-2 mt-0"},be.createElement("div",{className:"mb-1"},"Referral Link"),be.createElement("div",{className:"flex flex-row items-center justify-between rounded border bg-background"},be.createElement("span",{className:"ml-3 font-bold"},e),be.createElement(f,{onClick:()=>navigator.clipboard.writeText(e)},be.createElement("span",{className:"bg-red flex items-center justify-center"},be.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 512 512",height:"1em",width:"1em"},be.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 ee from"react";import{Controller as jl,FormProvider as Sl,useForm as Pl}from"react-hook-form";var Ox=({referralLink:e,referralCode:t,withdrawError:r})=>{let o=Pl(),{formState:{errors:n},handleSubmit:a,control:i}=o;return ee.createElement(T,null,ee.createElement(N,{headless:!0},ee.createElement("div",null,ee.createElement(Sl,{...o},ee.createElement(H,{label:"IBAN"}),ee.createElement(H,{label:"Holder Name"}),ee.createElement(jl,{control:i,name:"bank",render:({field:s})=>ee.createElement(Ft,{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,C)=>console.log("changing",l),...s,onChange:(l,C)=>console.log("chooo",l)})}))),ee.createElement("div",null,ee.createElement(f,{className:"mt-6 w-full"},"Add Bank Account")),r&&ee.createElement("div",null,ee.createElement(he,{text:"Sorry can't withdraw the money at the moment. Please try again in 2022/11/20",severity:"warning"})),ee.createElement("div",{className:"mt-3"},ee.createElement("div",{className:"mb-1"},"Settlement Accounts"),ee.createElement("div",{className:"rounded"},ee.createElement(ao,{bank:"Al Inma Bank",iban:"SA10228094028098329119",accountHolder:"Zakher Masri",default:!0}),ee.createElement(ao,{bank:"Al Rajihi Bank",iban:"SA10228094028098329119",accountHolder:"Zakher Masri"}),ee.createElement(ao,{bank:"Al Inma Bank",iban:"SA10228094028098329119",accountHolder:"Zakher Masri"})))))},ao=e=>ee.createElement("div",{className:"mb-3 flex flex-row items-center justify-between rounded border bg-background p-3"},ee.createElement("div",{className:"flex flex-col justify-between"},ee.createElement("div",{className:"text-xs"},e.bank),ee.createElement("div",null,e.accountHolder),ee.createElement("div",{className:"text-xs"},e.iban)),ee.createElement("div",{className:"flex flex-row items-center justify-center gap-2"},e.default&&ee.createElement(Gt,{label:"Default",size:"small"}),ee.createElement(Kt,{size:"small",menuItems:[[{label:"Set Default",disabled:e.default},{label:"Edit"},{label:"Delete"}]]},ee.createElement(f,{variant:"outline",size:"icon"},ee.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"},ee.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 ie from"react";var Kx=({referralLink:e,referralCode:t,withdrawError:r})=>ie.createElement(T,null,ie.createElement(N,{headless:!0},ie.createElement("div",{className:"mb-1"},"Stats"),ie.createElement("div",{className:"justi flex flex-row gap-1"},ie.createElement(io,{title:"Clicks",number:22}),ie.createElement(io,{title:"Sign-ups",number:32}),ie.createElement(io,{title:"Commission",number:"213.22 SAR"})),ie.createElement(f,{className:"mt-6 w-full"},"Withdraw Money"),r&&ie.createElement("div",null,ie.createElement(he,{text:"Sorry can't withdraw the money at the moment. Please try again in 2022/11/20",severity:"warning"})),ie.createElement("div",{className:"mt-3"},ie.createElement("div",{className:"mb-1"},"Sign ups"),ie.createElement("div",{className:"rounded"},ie.createElement(ur,{date:"2020/10/11 @ 9:45 pm",email:"zakher@sikka.io",amount:"3.4 SAR / Month"}),ie.createElement(ur,{date:"2022/10/11 @ 9:45 pm",email:"zakher@sikka.io",amount:"3.4 SAR / Month"}),ie.createElement(ur,{date:"2022/10/11 @ 9:45 pm",email:"zakher@sikka.io",amount:"3.4 SAR / Month"}),ie.createElement(ur,{date:"2022/10/11 @ 9:45 pm",email:"zakher@sikka.io",amount:"3.4 SAR / Month"}),ie.createElement(ur,{date:"2022/10/11 @ 9:45 pm",email:"zakher@sikka.io",amount:"3.4 SAR / Month"}))))),io=e=>ie.createElement("div",{className:"w-full rounded border bg-background p-2"},ie.createElement("div",{className:"text-sm"},e.title),ie.createElement("div",{className:"font-bold"},e.number)),ur=e=>ie.createElement("div",{className:"mb-3 rounded border-b bg-background p-2"},ie.createElement("div",{className:"text-xs"},e.date),ie.createElement("div",{className:"flex flex-row justify-between"},ie.createElement("div",null,e.email),ie.createElement("div",null,e.amount)));import gt from"react";var ov=({variant:e="contained",texts:t})=>gt.createElement(T,null,gt.createElement(N,{headless:!0},gt.createElement("div",{className:"flex flex-col items-center dark:text-white"},gt.createElement("div",{className:"text-center text-6xl font-bold "},"404"),gt.createElement("div",{className:"m-2 text-center text-xl font-bold "},t?.pageNotFound??"Page Not Found"),gt.createElement("div",{className:"mb-4 text-center"},t?.ifLost??gt.createElement(gt.Fragment,null,"If you're lost please contact us"," ",gt.createElement("span",{className:"clickable-link"},"help@sikka.io"))),gt.createElement(f,{className:"w-full"},t?.home??"Home"))));import Ct from"react";var dv=({variant:e="contained",texts:t,onActionClick:r})=>Ct.createElement(T,null,Ct.createElement(N,{headless:!0},Ct.createElement("div",{className:"flex flex-col items-center justify-center text-center "},Ct.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"},Ct.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 512 512",height:"0.35em",width:"0.35em"},Ct.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"}))),Ct.createElement("div",{className:"m-2 text-xl font-bold"},t?.youreCaughtUp??"You're all caught up"))),Ct.createElement(se,null,Ct.createElement(f,{className:"w-full",onClick:()=>r()},t?.actionText??"Go Home")));import qe from"react";var pv=e=>qe.createElement(T,null,qe.createElement(N,{headless:!0},qe.createElement("div",null,qe.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.")),qe.createElement("div",{className:"flex flex-row gap-4"},qe.createElement("svg",{width:"48",height:"48",viewBox:"0 0 48 48",fill:"none"},qe.createElement("rect",{width:"48",height:"48",rx:"24",fill:"#45BE8B"}),qe.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"}),qe.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"})),qe.createElement("span",{className:"border border-l "})," ",qe.createElement("div",null,qe.createElement("strong",null,"Brent Lassi"),qe.createElement("div",null," Chief Information Security Officer")))));import Bt from"react";var wv=({variant:e="contained",texts:t,handleNewsletterSub:r})=>Bt.createElement(T,null,Bt.createElement(we,null,Bt.createElement(Ce,null,t?.title),Bt.createElement(rt,null,t?.subtitle)),Bt.createElement(N,null,Bt.createElement("form",{className:"flex flex-row gap-2",onSubmit:o=>{o.preventDefault(),r(o.target[0].value)}},Bt.createElement(Et,{type:"email",name:"email",placeholder:"example@sikka.io"}),Bt.createElement(f,null,t?.submit??"Submit"))));import $t from"react";var Sv=({variant:e="contained",onActionClick:t,...r})=>$t.createElement(T,null,$t.createElement(N,{headless:!0,className:"flex flex-row items-center justify-between"},$t.createElement("div",{className:"flex flex-col items-start justify-center "},$t.createElement("span",{className:"text-lg font-bold"},r.title),$t.createElement("span",{className:"text-sm"},r.subtitle)),$t.createElement(f,{onClick:()=>t()},r.actionText)));import It from"react";var Av=({texts:e})=>It.createElement(T,null,It.createElement(N,{headless:!0},It.createElement("div",{className:"flex flex-col items-center justify-center text-center"},It.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"},It.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 448 512",height:"0.35em",width:"0.35em"},It.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"}))," "),It.createElement("div",{className:"m-2 text-xl font-bold"},e?.title??"You don't have permission"),It.createElement("div",null,e?.subtitle??"If you think this is a problem please contact your administrator or our customer support"))));import{useEffect as Jv,useRef as $v,useState as Rv}from"react";export{z0 as ActionCard,Sv as Announcement,Up as AppLanding,yg as AppLayout,Zg as AppSidebar,bc as ArrowCarousel,Vc as BackToTop,Q1 as Box,f as Button,T as Card,N as CardContent,rt as CardDescription,se as CardFooter,we as CardHeader,Ce as CardTitle,nu as Carousel,E2 as ChargeWalletForm,Rf as CheckEmail,Z2 as CheckoutForm,Kf as CodeConfirmation,xx as ComparingPlans,$2 as ConfirmationPage,N2 as CreditCardForm,Eu as Dialog,Ni as DialogContent,Si as DialogDescription,ki as DialogFooter,Ti as DialogHeader,ji as DialogTitle,Lu as DialogTrigger,Am as DragDropImages,Hm as DraggableCard,Nt as DropdownMenu,dv as EmptyState,Cc as FloatingComment,Ac as FloatingCommentExec,Pc as FloatingCommentSlate,$g as Footer,Nd as HawaAccordion,v0 as HawaAdCard,he as HawaAlert,jg as HawaAppLayout,Ig as HawaAppLayoutSimplified,np as HawaBanner,J1 as HawaBottomAppBar,P0 as HawaButton,Ar as HawaCheckbox,Gt as HawaChip,Cm as HawaCodeBlock,mo as HawaColorPicker,Wg as HawaContainer,Xd as HawaCopyrights,km as HawaDatepicker,_g as HawaGrid,Gl as HawaIconCount,qc as HawaInlineCode,l0 as HawaItemCard,C0 as HawaLandingCard,xr as HawaLoading,Kt as HawaMenu,Vd as HawaModal,Dl as HawaPanelTabs,Zt as HawaPhoneInput,Wo as HawaPinInput,Oo as HawaPricingCard,ge as HawaRadio,co as HawaRange,yd as HawaSearchBar,Ft as HawaSelect,Hs as HawaSettingsRow,dg as HawaSiteLayout,dm as HawaStats,tm as HawaStepper,A0 as HawaStoreButtons,Co as HawaTable,Id as HawaTabs,H as HawaTextField,Us as HawaTypography,Cx as HorizontalPricing,Et as Input,Nr as InterfaceSettings,lc as InvoiceAccordion,lt as Label,wv as LeadGenerator,Lf as NewPasswordForm,Av as NoPermission,ov as NotFound,z2 as PayWithWallet,pu as Popover,mx as PricingPlans,Lx as ReferralAccount,Ox as ReferralSettlement,Kx as ReferralStats,Of as ResetPasswordForm,x2 as SelectPayment,fi as Separator,dn as SidebarGroup,zi as SidebarItem,pf as SignInBlock,lf as SignInForm,Xp as SignInPhone,Nf as SignUpForm,st as Skeleton,O0 as StickyFeatures,Ym as SubsectionList,Dr as Switch,ci as Tabs,pi as TabsContent,ui as TabsList,gi as TabsTrigger,pv as Testimonial,qr as Textarea,Yc as Timeline,Xr as Toast,bi as ToastAction,Jr as ToastClose,Rr as ToastDescription,Jo as ToastProvider,$r as ToastTitle,Yr as ToastViewport,Su as Toaster,ut as Tooltip,ec as UsageCard,gc as UserFeedback,Tp as UserProfileForm,$0 as UserReferralSource,Mp as UserSettingsForm,On as buttonVariants,Ci as reducer,Fi as toast,Ro as useToast};
|
|
5
|
+
c8.271,0,14.667-6.729,14.667-15v-34h-81.342L123.509,68.5z`}))),X.createElement("span",null,e.walletLabel)),X.createElement(f,{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")},X.createElement("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/stc-pay.png",className:"h-6"}),X.createElement("span",null,e.stcPayLabel)),X.createElement(f,{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")},X.createElement("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/google-pay.png",className:"h-6"}),X.createElement("span",null,e.googlePayLabel)),X.createElement(f,{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")},X.createElement("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/paypal.png",className:"h-6"}),X.createElement("span",null,e.paypalLabel))),X.createElement(se,null,X.createElement(f,{onClick:()=>e.handleContinue(t),className:"w-full",disabled:!t},"Continue")))};import Le,{useEffect as xl,useState as un}from"react";import{Controller as Lr,useForm as vl}from"react-hook-form";var T2=e=>{let[t,r]=un(""),[o,n]=un(""),a=vl(),{formState:{errors:i},handleSubmit:s,control:l}=a,C=y=>{let p=/^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(p)?F="visa":y.replace(/[^\d]/g,"").match(g)?F="mastercard":y.replace(/[^\d]/g,"").match(v)&&(F="amex"),F},w=y=>{let{value:p,name:g}=y.target,v=p;p=p.replace(/\D/g,""),/^3[47]\d{0,13}$/.test(p)?v=p.replace(/(\d{4})/,"$1 ").replace(/(\d{4}) (\d{6})/,"$1 $2 "):/^3(?:0[0-5]|[68]\d)\d{0,11}$/.test(p)?v=p.replace(/(\d{4})/,"$1 ").replace(/(\d{4}) (\d{6})/,"$1 $2 "):/^\d{0,16}$/.test(p)&&(v=p.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 xl(()=>{let y=C(t);n(y)}),Le.createElement(T,null,Le.createElement("form",{onSubmit:s(e.handle)},Le.createElement(N,{headless:!0},Le.createElement("div",{className:"flex flex-row gap-4"},Le.createElement(Lr,{control:l,name:"cardNumber",render:({field:y})=>Le.createElement(H,{width:"full",name:"cardNumber",placeholder:"1234 1234 1234 1234",type:"number",onChange:w,label:"Card Number",helpertext:i.password?.message,iconInside:Le.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"}}),Le.createElement("div",{className:"w-1/4"},Le.createElement(Lr,{control:l,name:"cardCVC",render:({field:y})=>Le.createElement(H,{width:"full",name:"cardCVC",maxLength:"3",autoComplete:"cc-number",placeholder:"CVC",type:"number",label:"CVC",helpertext:i.password?.message}),rules:{required:"Password is rquired"}}))),Le.createElement(Lr,{control:l,name:"cardExpiry",render:({field:y})=>Le.createElement(H,{width:"full",name:"cardExpiry",placeholder:"MM / YY",type:"password",label:"Expiry Date",helpertext:i.password?.message}),rules:{required:"Password is rquired"}}),Le.createElement(Lr,{control:l,name:"cardName",render:({field:y})=>Le.createElement(H,{width:"full",name:"cardName",type:"text",label:"Name on card",helpertext:i.password?.message}),rules:{required:"Card holder name is rquired"}})),Le.createElement(se,null,Le.createElement(f,{className:"w-full",onClick:e.handlePayWithCreditCard},"Pay with Credit Card"))))};import $e,{useState as bl}from"react";var L2=e=>{let[t,r]=bl(0);return $e.createElement(T,null,$e.createElement(N,{headless:!0},$e.createElement("div",{className:"p-4 text-center"},$e.createElement("div",{className:" text-5xl font-extrabold"},Number(t).toLocaleString("en")||"0"),$e.createElement("div",{className:"text-sm font-normal"},e.currency||"SAR")),$e.createElement("div",{className:"mb-2 flex w-full flex-col gap-4 text-center"},$e.createElement("div",{className:"mb-2 flex w-full flex-row gap-4 text-center"},$e.createElement(f,{variant:"outline",className:"h-full w-full"},"10 SAR"),$e.createElement(f,{variant:"outline",className:"h-full w-full"},"50 SAR"),$e.createElement(f,{variant:"outline",className:"h-full w-full"},"100 SAR")),$e.createElement(Et,{placeholder:"Custom Amount",type:"number",name:"amount"})),$e.createElement(f,{className:"mt-6 w-full"},e.texts.chargeWallet)))};import cr from"react";var H2=e=>cr.createElement(T,null,cr.createElement(N,{headless:!0},cr.createElement("div",{className:"text-center text-5xl font-extrabold"},e.walletBalance||"0",cr.createElement("div",{className:"text-sm font-normal"},e.currency||"SAR")),cr.createElement(f,{className:"mt-6 w-full",onClick:e.handlePayWithWallet},"Pay Now")));import D from"react";import{Controller as wt,FormProvider as yl,useForm as hl}from"react-hook-form";var K2=e=>{let t=e.lang==="ar",r=hl(),{formState:{errors:o},handleSubmit:n,register:a,control:i}=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(we,null,D.createElement(Ce,null,e.texts.orderDetails)),D.createElement(N,null,D.createElement("div",null,D.createElement("div",{className:"rounded border border-gray-300"},D.createElement(Co,{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(we,null,D.createElement(Ce,null,e.texts.billingAddress)),D.createElement("form",{onSubmit:n(e.handlePayNow)},D.createElement(N,null,D.createElement("div",null,D.createElement(yl,{...r},D.createElement("div",null,D.createElement(wt,{control:i,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(wt,{control:i,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(wt,{control:i,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(wt,{control:i,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(wt,{control:i,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(wt,{control:i,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(wt,{control:i,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(wt,{control:i,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(wt,{control:i,name:"country",rules:{required:e.texts?.required},render:({field:l})=>D.createElement(Ft,{native:!0,label:e.texts?.countryLabel+" *",helperText:o.country?.message,options:vr,getOptionLabel:C=>C.country_label,onChange:C=>l.onChange(C.country_label),value:l.value??""},D.createElement("option",null),e.countriesList.map((C,w)=>D.createElement("option",{key:w},C)))}))))),D.createElement(se,null,D.createElement(f,{className:"w-full"},e.texts.payNow))," "))};import We from"react";var R2=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(f,{className:"w-full",onClick:e.handlePrint},e.texts.print),We.createElement(f,{className:"w-full",onClick:e.handleHistory},e.texts.history),We.createElement(f,{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 Jt from"react";var cx=e=>Jt.createElement("div",null,Jt.createElement("div",{className:"mb-2 flex w-full justify-between"},Jt.createElement(ge,{design:"tabs",defaultValue:e.currentCycle,options:e.billingCycles,onChangeTab:t=>e.onCycleChange(t)}),Jt.createElement(ge,{design:"tabs",defaultValue:e.currentCurrency,options:e.currencies,onChangeTab:t=>e.onCurrencyChange(t)})),Jt.createElement("div",{className:"flex flex-row justify-between"},e.plans.map((t,r)=>Jt.createElement(Oo,{key:r,onPlanClicked:()=>e.onPlanClicked(t),...t,texts:{...t.texts,currencyText:e.currentCurrency,cycleText:e.currentCycle}}))));import te,{useState as gn}from"react";var wl=()=>te.createElement("svg",{className:"h-5 w-5 text-green-500","aria-hidden":"true",fill:"currentColor",viewBox:"0 0 20 20"},te.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"})),pn=()=>te.createElement("svg",{className:"h-5 w-5 text-red-500","aria-hidden":"true",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"})),vx=e=>{let[t,r]=gn("sar"),[o,n]=gn("month");return te.createElement("div",{id:"detailed-pricing",className:"w-full overflow-x-auto"},te.createElement("div",{className:"mb-2 flex w-full justify-between"},te.createElement(ge,{design:"tabs",defaultValue:o,options:e.billingCycles,onChangeTab:a=>e.onCycleChange(a)}),te.createElement(ge,{design:"tabs",defaultValue:t,options:e.currencies,onChangeTab:a=>e.onCurrencyChange(a)})),te.createElement("div",{className:" overflow-hidden rounded"},te.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"},te.createElement("div",{className:"flex items-center"}),e.plans.map(a=>te.createElement("div",null,te.createElement("h5",{className:"text-md 0 font-bold text-gray-500 dark:text-gray-400"},a.texts.title),te.createElement("div",{className:" flex items-baseline text-gray-900 dark:text-white"},te.createElement(te.Fragment,null,te.createElement("span",{className:"text-5xl font-extrabold tracking-tight"},a.price),te.createElement("span",{className:"mx-1 text-sm font-semibold"},a.texts.currencyText)),te.createElement("span",{className:"ml-1 text-xl font-normal text-gray-500 dark:text-gray-400"},"/ ",a.texts.cycleText)),te.createElement("h5",{className:"text-md font-normal text-gray-500 dark:text-gray-400"},a.texts.subtitle)))),e.plans?.map(a=>a.features.map(i=>te.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"},te.createElement("div",{className:" flex flex-row items-center gap-2 text-gray-500 dark:text-gray-400"},i.text,i.description&&te.createElement(ut,{side:"right",content:i.description},te.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 16 16",height:"1em",width:"1em"},te.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"})))),te.createElement(pn,null),te.createElement(wl,null),te.createElement(pn,null))))))};import de,{useState as Cl}from"react";import Fl from"clsx";var Fx=e=>{let[t,r]=Cl(null),o=[{title:"basic",price:"$49",cycle:"/mo"},{title:"business",price:"$99",cycle:"/mo"},{title:"enterprise",price:"$149",cycle:"/mo"}];return de.createElement("div",{className:"z-10 w-full max-w-screen-sm"},de.createElement("div",{className:"max-w-2xl "},de.createElement("div",{className:"flex flex-row justify-between"},de.createElement(ge,{design:"tabs",options:e.currencies,defaultValue:e.currentCurrency}),de.createElement(ge,{design:"tabs",options:e.billingCycles,defaultValue:e.currentCycle})),o.map(n=>de.createElement("label",{htmlFor:n.title,className:"",onClick:()=>r(n.title)},de.createElement("input",{type:"radio",name:"radio",id:n.title,className:"peer appearance-none"}),de.createElement("div",{className:Fl(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")},de.createElement("div",{className:"peer flex items-center gap-4"},de.createElement(Nl,null),de.createElement(Tl,{title:"Enterprise",subtitle:"For startups and new businesses"})),de.createElement(kl,{amount:n.price,cycle:n.cycle}))))))},Nl=()=>de.createElement(de.Fragment,null,de.createElement("svg",{fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:"currentColor",className:"default h-8 w-8 text-neutral-500"},de.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"})),de.createElement("svg",{viewBox:"0 0 24 24",fill:"currentColor",className:"active hidden h-8 w-8 text-blue-500"},de.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"}))),Tl=e=>de.createElement("div",{className:"peer flex flex-col items-start "},de.createElement("h2",{className:"font-medium text-neutral-700 dark:text-gray-100 sm:text-xl"},e.title),de.createElement("p",{className:"text-sm text-neutral-500 dark:text-gray-300"},e.subtitle," ")),kl=e=>de.createElement("h2",{className:"peer text-xl font-semibold text-neutral-900 dark:text-white sm:text-2xl"},e.amount,de.createElement("span",{className:"text-base font-medium text-neutral-400"},e.cycle));import be from"react";var Ax=({referralLink:e,referralCode:t})=>be.createElement(T,null,be.createElement(N,{headless:!0},be.createElement("div",{className:"my-2 mt-0"},be.createElement("div",{className:"mb-1"},"Referral Code"),be.createElement("div",{className:"flex flex-row items-center justify-between rounded border bg-background"},be.createElement("span",{className:"ml-3 font-bold"},t),be.createElement(f,{onClick:()=>navigator.clipboard.writeText(t)},be.createElement("span",{className:"bg-red flex items-center justify-center"},be.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 512 512",height:"1em",width:"1em"},be.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"}))," ")))),be.createElement("div",{className:"my-2 mt-0"},be.createElement("div",{className:"mb-1"},"Referral Link"),be.createElement("div",{className:"flex flex-row items-center justify-between rounded border bg-background"},be.createElement("span",{className:"ml-3 font-bold"},e),be.createElement(f,{onClick:()=>navigator.clipboard.writeText(e)},be.createElement("span",{className:"bg-red flex items-center justify-center"},be.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 512 512",height:"1em",width:"1em"},be.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 ee from"react";import{Controller as jl,FormProvider as Sl,useForm as Pl}from"react-hook-form";var Vx=({referralLink:e,referralCode:t,withdrawError:r})=>{let o=Pl(),{formState:{errors:n},handleSubmit:a,control:i}=o;return ee.createElement(T,null,ee.createElement(N,{headless:!0},ee.createElement("div",null,ee.createElement(Sl,{...o},ee.createElement(H,{label:"IBAN"}),ee.createElement(H,{label:"Holder Name"}),ee.createElement(jl,{control:i,name:"bank",render:({field:s})=>ee.createElement(Ft,{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,C)=>console.log("changing",l),...s,onChange:(l,C)=>console.log("chooo",l)})}))),ee.createElement("div",null,ee.createElement(f,{className:"mt-6 w-full"},"Add Bank Account")),r&&ee.createElement("div",null,ee.createElement(he,{text:"Sorry can't withdraw the money at the moment. Please try again in 2022/11/20",severity:"warning"})),ee.createElement("div",{className:"mt-3"},ee.createElement("div",{className:"mb-1"},"Settlement Accounts"),ee.createElement("div",{className:"rounded"},ee.createElement(ao,{bank:"Al Inma Bank",iban:"SA10228094028098329119",accountHolder:"Zakher Masri",default:!0}),ee.createElement(ao,{bank:"Al Rajihi Bank",iban:"SA10228094028098329119",accountHolder:"Zakher Masri"}),ee.createElement(ao,{bank:"Al Inma Bank",iban:"SA10228094028098329119",accountHolder:"Zakher Masri"})))))},ao=e=>ee.createElement("div",{className:"mb-3 flex flex-row items-center justify-between rounded border bg-background p-3"},ee.createElement("div",{className:"flex flex-col justify-between"},ee.createElement("div",{className:"text-xs"},e.bank),ee.createElement("div",null,e.accountHolder),ee.createElement("div",{className:"text-xs"},e.iban)),ee.createElement("div",{className:"flex flex-row items-center justify-center gap-2"},e.default&&ee.createElement(Gt,{label:"Default",size:"small"}),ee.createElement(Kt,{size:"small",menuItems:[[{label:"Set Default",disabled:e.default},{label:"Edit"},{label:"Delete"}]]},ee.createElement(f,{variant:"outline",size:"icon"},ee.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"},ee.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 ie from"react";var Qx=({referralLink:e,referralCode:t,withdrawError:r})=>ie.createElement(T,null,ie.createElement(N,{headless:!0},ie.createElement("div",{className:"mb-1"},"Stats"),ie.createElement("div",{className:"justi flex flex-row gap-1"},ie.createElement(io,{title:"Clicks",number:22}),ie.createElement(io,{title:"Sign-ups",number:32}),ie.createElement(io,{title:"Commission",number:"213.22 SAR"})),ie.createElement(f,{className:"mt-6 w-full"},"Withdraw Money"),r&&ie.createElement("div",null,ie.createElement(he,{text:"Sorry can't withdraw the money at the moment. Please try again in 2022/11/20",severity:"warning"})),ie.createElement("div",{className:"mt-3"},ie.createElement("div",{className:"mb-1"},"Sign ups"),ie.createElement("div",{className:"rounded"},ie.createElement(ur,{date:"2020/10/11 @ 9:45 pm",email:"zakher@sikka.io",amount:"3.4 SAR / Month"}),ie.createElement(ur,{date:"2022/10/11 @ 9:45 pm",email:"zakher@sikka.io",amount:"3.4 SAR / Month"}),ie.createElement(ur,{date:"2022/10/11 @ 9:45 pm",email:"zakher@sikka.io",amount:"3.4 SAR / Month"}),ie.createElement(ur,{date:"2022/10/11 @ 9:45 pm",email:"zakher@sikka.io",amount:"3.4 SAR / Month"}),ie.createElement(ur,{date:"2022/10/11 @ 9:45 pm",email:"zakher@sikka.io",amount:"3.4 SAR / Month"}))))),io=e=>ie.createElement("div",{className:"w-full rounded border bg-background p-2"},ie.createElement("div",{className:"text-sm"},e.title),ie.createElement("div",{className:"font-bold"},e.number)),ur=e=>ie.createElement("div",{className:"mb-3 rounded border-b bg-background p-2"},ie.createElement("div",{className:"text-xs"},e.date),ie.createElement("div",{className:"flex flex-row justify-between"},ie.createElement("div",null,e.email),ie.createElement("div",null,e.amount)));import gt from"react";var nv=({variant:e="contained",texts:t})=>gt.createElement(T,null,gt.createElement(N,{headless:!0},gt.createElement("div",{className:"flex flex-col items-center dark:text-white"},gt.createElement("div",{className:"text-center text-6xl font-bold "},"404"),gt.createElement("div",{className:"m-2 text-center text-xl font-bold "},t?.pageNotFound??"Page Not Found"),gt.createElement("div",{className:"mb-4 text-center"},t?.ifLost??gt.createElement(gt.Fragment,null,"If you're lost please contact us"," ",gt.createElement("span",{className:"clickable-link"},"help@sikka.io"))),gt.createElement(f,{className:"w-full"},t?.home??"Home"))));import Ct from"react";var mv=({variant:e="contained",texts:t,onActionClick:r})=>Ct.createElement(T,null,Ct.createElement(N,{headless:!0},Ct.createElement("div",{className:"flex flex-col items-center justify-center text-center "},Ct.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"},Ct.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 512 512",height:"0.35em",width:"0.35em"},Ct.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"}))),Ct.createElement("div",{className:"m-2 text-xl font-bold"},t?.youreCaughtUp??"You're all caught up"))),Ct.createElement(se,null,Ct.createElement(f,{className:"w-full",onClick:()=>r()},t?.actionText??"Go Home")));import qe from"react";var fv=e=>qe.createElement(T,null,qe.createElement(N,{headless:!0},qe.createElement("div",null,qe.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.")),qe.createElement("div",{className:"flex flex-row gap-4"},qe.createElement("svg",{width:"48",height:"48",viewBox:"0 0 48 48",fill:"none"},qe.createElement("rect",{width:"48",height:"48",rx:"24",fill:"#45BE8B"}),qe.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"}),qe.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"})),qe.createElement("span",{className:"border border-l "})," ",qe.createElement("div",null,qe.createElement("strong",null,"Brent Lassi"),qe.createElement("div",null," Chief Information Security Officer")))));import Bt from"react";var Cv=({variant:e="contained",texts:t,handleNewsletterSub:r})=>Bt.createElement(T,null,Bt.createElement(we,null,Bt.createElement(Ce,null,t?.title),Bt.createElement(rt,null,t?.subtitle)),Bt.createElement(N,null,Bt.createElement("form",{className:"flex flex-row gap-2",onSubmit:o=>{o.preventDefault(),r(o.target[0].value)}},Bt.createElement(Et,{type:"email",name:"email",placeholder:"example@sikka.io"}),Bt.createElement(f,null,t?.submit??"Submit"))));import $t from"react";var Pv=({variant:e="contained",onActionClick:t,...r})=>$t.createElement(T,null,$t.createElement(N,{headless:!0,className:"flex flex-row items-center justify-between"},$t.createElement("div",{className:"flex flex-col items-start justify-center "},$t.createElement("span",{className:"text-lg font-bold"},r.title),$t.createElement("span",{className:"text-sm"},r.subtitle)),$t.createElement(f,{onClick:()=>t()},r.actionText)));import It from"react";var Bv=({texts:e})=>It.createElement(T,null,It.createElement(N,{headless:!0},It.createElement("div",{className:"flex flex-col items-center justify-center text-center"},It.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"},It.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 448 512",height:"0.35em",width:"0.35em"},It.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"}))," "),It.createElement("div",{className:"m-2 text-xl font-bold"},e?.title??"You don't have permission"),It.createElement("div",null,e?.subtitle??"If you think this is a problem please contact your administrator or our customer support"))));import{useEffect as $v,useRef as Rv,useState as eb}from"react";export{z0 as ActionCard,Pv as Announcement,_p as AppLanding,wg as AppLayout,Qg as AppSidebar,bc as ArrowCarousel,Vc as BackToTop,X1 as Box,f as Button,T as Card,N as CardContent,rt as CardDescription,se as CardFooter,we as CardHeader,Ce as CardTitle,au as Carousel,L2 as ChargeWalletForm,e2 as CheckEmail,K2 as CheckoutForm,Qf as CodeConfirmation,vx as ComparingPlans,R2 as ConfirmationPage,T2 as CreditCardForm,Lu as Dialog,Ni as DialogContent,Si as DialogDescription,ki as DialogFooter,Ti as DialogHeader,ji as DialogTitle,Au as DialogTrigger,Am as DragDropImages,Hm as DraggableCard,Nt as DropdownMenu,mv as EmptyState,Cc as FloatingComment,Ac as FloatingCommentExec,Pc as FloatingCommentSlate,ep as Footer,Nd as HawaAccordion,v0 as HawaAdCard,he as HawaAlert,Pg as HawaAppLayout,zg as HawaAppLayoutSimplified,ip as HawaBanner,R1 as HawaBottomAppBar,P0 as HawaButton,Ar as HawaCheckbox,Gt as HawaChip,Cm as HawaCodeBlock,mo as HawaColorPicker,Vg as HawaContainer,Xd as HawaCopyrights,km as HawaDatepicker,qg as HawaGrid,Gl as HawaIconCount,qc as HawaInlineCode,l0 as HawaItemCard,C0 as HawaLandingCard,xr as HawaLoading,Kt as HawaMenu,Vd as HawaModal,Dl as HawaPanelTabs,Zt as HawaPhoneInput,Wo as HawaPinInput,Oo as HawaPricingCard,ge as HawaRadio,co as HawaRange,yd as HawaSearchBar,Ft as HawaSelect,Hs as HawaSettingsRow,cg as HawaSiteLayout,dm as HawaStats,tm as HawaStepper,A0 as HawaStoreButtons,Co as HawaTable,Id as HawaTabs,H as HawaTextField,Us as HawaTypography,Fx as HorizontalPricing,pe as Icons,Et as Input,Nr as InterfaceSettings,lc as InvoiceAccordion,lt as Label,Cv as LeadGenerator,Af as NewPasswordForm,Bv as NoPermission,nv as NotFound,H2 as PayWithWallet,fu as Popover,cx as PricingPlans,Ax as ReferralAccount,Vx as ReferralSettlement,Qx as ReferralStats,Vf as ResetPasswordForm,v2 as SelectPayment,fi as Separator,dn as SidebarGroup,zi as SidebarItem,ff as SignInBlock,sf as SignInForm,Jp as SignInPhone,Tf as SignUpForm,st as Skeleton,O0 as StickyFeatures,Ym as SubsectionList,Dr as Switch,ci as Tabs,pi as TabsContent,ui as TabsList,gi as TabsTrigger,fv as Testimonial,qr as Textarea,Yc as Timeline,Xr as Toast,bi as ToastAction,Jr as ToastClose,Rr as ToastDescription,Jo as ToastProvider,$r as ToastTitle,Yr as ToastViewport,Pu as Toaster,ut as Tooltip,ec as UsageCard,gc as UserFeedback,jp as UserProfileForm,$0 as UserReferralSource,Lp as UserSettingsForm,On as buttonVariants,Ci as reducer,Fi as toast,Ro as useToast};
|
|
6
6
|
//# sourceMappingURL=index.mjs.map
|