@sikka/hawa 0.2.23-beta → 0.2.24-beta

package/dist/index.umd.js

@@ -228,3 +228,4 @@ Defaulting to \`${Eg}\`.`}function _2(e){return yB.includes(e)}const W2=L2,V2=je
                   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
                   C182.338,118.225,176.597,123.967,169.515,123.967z`}),s.jsx("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
                   c8.271,0,14.667-6.729,14.667-15v-34h-81.342L123.509,68.5z`})]})}),s.jsx("span",{children:e.walletLabel})]}),s.jsxs(qe,{variant:"outline",size:"heightless",className:Ve("flex w-full flex-col gap-2",t==="stc-pay"&&"outline outline-4 outline-primary"),disabled:!e.viaSTCPay,onClick:()=>r("stc-pay"),children:[s.jsx("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/stc-pay.png",className:"h-6"}),s.jsx("span",{children:e.stcPayLabel})]}),s.jsxs(qe,{variant:"outline",size:"heightless",className:Ve("flex w-full flex-col gap-2",t==="google-pay"&&"outline outline-4 outline-primary"),disabled:!e.viaGooglePay,onClick:()=>r("google-pay"),children:[s.jsx("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/google-pay.png",className:"h-6"}),s.jsx("span",{children:e.googlePayLabel})]}),s.jsxs(qe,{variant:"outline",size:"heightless",className:Ve("col-span-2 flex w-full flex-col gap-2",t==="paypal"&&"outline outline-4 outline-primary"),disabled:!e.viaPayPal,onClick:()=>r("paypal"),children:[s.jsx("img",{src:"https://sikka-images.s3.ap-southeast-1.amazonaws.com/payments/paypal.png",className:"h-6"}),s.jsx("span",{children:e.paypalLabel})]})]}),s.jsx(Fn,{children:s.jsx(qe,{onClick:()=>e.handleContinue(t),className:"w-full",disabled:!t,children:"Continue"})})]})},_O=e=>{const[t,r]=h.useState(""),[n,a]=h.useState(""),o=Xa(),{formState:{errors:i},handleSubmit:l,control:u}=o,c=p=>{const x=/^4[0-9]{0,15}$/m,C=/^5$|^5[0-5][0-9]{0,16}$/m,E=/^3$|^3[47][0-9]{0,13}$/m,v=/^(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)/,A=/^507803[0-6][0-9]|507808[3-9][0-9]|507809[0-9][0-9]|507810[0-2][0-9]/;let S="visa";return p.replace(/[^\d]/g,"").match(v)?S="mada":p.replace(/[^\d]/g,"").match(A)?S="meeza":p.replace(/[^\d]/g,"").match(x)?S="visa":p.replace(/[^\d]/g,"").match(C)?S="mastercard":p.replace(/[^\d]/g,"").match(E)&&(S="amex"),S},m=p=>{let{value:x,name:C}=p.target,E=x;x=x.replace(/\D/g,""),/^3[47]\d{0,13}$/.test(x)?E=x.replace(/(\d{4})/,"$1 ").replace(/(\d{4}) (\d{6})/,"$1 $2 "):/^3(?:0[0-5]|[68]\d)\d{0,11}$/.test(x)?E=x.replace(/(\d{4})/,"$1 ").replace(/(\d{4}) (\d{6})/,"$1 $2 "):/^\d{0,16}$/.test(x)&&(E=x.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 ",E.trimRight()),r(E.trimRight())};return h.useEffect(()=>{let p=c(t);a(p)}),s.jsx(Gt,{children:s.jsxs("form",{onSubmit:l(e.handle),children:[s.jsxs($t,{headless:!0,children:[s.jsxs("div",{className:"flex flex-row gap-4",children:[s.jsx(kt,{control:u,name:"cardNumber",render:({field:p})=>{var x;return s.jsx(Rt,{width:"full",name:"cardNumber",placeholder:"1234 1234 1234 1234",type:"number",onChange:m,label:"Card Number",helpertext:(x=i.password)==null?void 0:x.message,iconInside:s.jsx("img",{src:`https://sikka-images.s3.ap-southeast-1.amazonaws.com/payment-symbols/borderless/${n}.png`,alt:"",className:"h-8"})})},rules:{required:"Card Number is rquired"}}),s.jsx("div",{className:"w-1/4",children:s.jsx(kt,{control:u,name:"cardCVC",render:({field:p})=>{var x;return s.jsx(Rt,{width:"full",name:"cardCVC",maxLength:"3",autoComplete:"cc-number",placeholder:"CVC",type:"number",label:"CVC",helpertext:(x=i.password)==null?void 0:x.message})},rules:{required:"Password is rquired"}})})]}),s.jsx(kt,{control:u,name:"cardExpiry",render:({field:p})=>{var x;return s.jsx(Rt,{width:"full",name:"cardExpiry",placeholder:"MM / YY",type:"password",label:"Expiry Date",helpertext:(x=i.password)==null?void 0:x.message})},rules:{required:"Password is rquired"}}),s.jsx(kt,{control:u,name:"cardName",render:({field:p})=>{var x;return s.jsx(Rt,{width:"full",name:"cardName",type:"text",label:"Name on card",helpertext:(x=i.password)==null?void 0:x.message})},rules:{required:"Card holder name is rquired"}})]}),s.jsx(Fn,{children:s.jsx(qe,{className:"w-full",onClick:e.handlePayWithCreditCard,children:"Pay with Credit Card"})})]})})},WO=e=>{const[t,r]=h.useState(0);return s.jsx(Gt,{children:s.jsxs($t,{headless:!0,children:[s.jsxs("div",{className:"p-4 text-center",children:[s.jsx("div",{className:" text-5xl font-extrabold",children:Number(t).toLocaleString("en")||"0"}),s.jsx("div",{className:"text-sm font-normal",children:e.currency||"SAR"})]}),s.jsxs("div",{className:"mb-2 flex w-full flex-col gap-4 text-center",children:[s.jsxs("div",{className:"mb-2 flex w-full flex-row gap-4 text-center",children:[s.jsx(qe,{variant:"outline",className:"h-full w-full",children:"10 SAR"}),s.jsx(qe,{variant:"outline",className:"h-full w-full",children:"50 SAR"}),s.jsx(qe,{variant:"outline",className:"h-full w-full",children:"100 SAR"})]}),s.jsx(As,{placeholder:"Custom Amount",type:"number",name:"amount"})]}),s.jsx(qe,{className:"mt-6 w-full",children:e.texts.chargeWallet})]})})},VO=e=>s.jsx(Gt,{children:s.jsxs($t,{headless:!0,children:[s.jsxs("div",{className:"text-center text-5xl font-extrabold",children:[e.walletBalance||"0",s.jsx("div",{className:"text-sm font-normal",children:e.currency||"SAR"})]}),s.jsx(qe,{className:"mt-6 w-full",onClick:e.handlePayWithWallet,children:"Pay Now"})]})}),HO=e=>{var l,u,c,m,p,x,C,E,v,A;let t=e.lang==="ar";const r=Xa(),{formState:{errors:n},handleSubmit:a,register:o,control:i}=r;return s.jsxs(Gt,{children:[s.jsx(Ca,{children:s.jsx(wa,{children:e.texts.orderDetails})}),s.jsx($t,{children:s.jsx("div",{children:s.jsx("div",{className:"rounded border border-gray-300",children:s.jsx(Cb,{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"})})})}),s.jsx(Ca,{children:s.jsx(wa,{children:e.texts.billingAddress})}),s.jsxs("form",{onSubmit:a(e.handlePayNow),children:[s.jsx($t,{children:s.jsx("div",{children:s.jsxs(mu,{...r,children:[s.jsxs("div",{children:[s.jsx(kt,{control:i,name:"firstName",rules:{required:(l=e.texts)==null?void 0:l.required},render:({field:S})=>{var j,O;return s.jsx(Rt,{type:"text",label:((j=e.texts)==null?void 0:j.firstNameLabel)+" *",helpertext:(O=n.firstName)==null?void 0:O.message,...S,value:S.value??""})}}),s.jsx("div",{style:{width:20}}),s.jsx(kt,{control:i,name:"lastName",rules:{required:(u=e.texts)==null?void 0:u.required},render:({field:S})=>{var j,O;return s.jsx(Rt,{width:"full",type:"text",label:((j=e.texts)==null?void 0:j.lastNameLabel)+" *",helpertext:(O=n.lastName)==null?void 0:O.message,...S,value:S.value??""})}})]}),s.jsx(kt,{control:i,name:"email",render:({field:S})=>{var j,O;return s.jsx(Rt,{width:"full",type:"text",label:((j=e.texts)==null?void 0:j.emailLabel)+" *",helpertext:(O=n.email)==null?void 0:O.message,...S,value:S.value??""})},rules:{required:(c=e.texts)==null?void 0:c.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:(m=e.texts)==null?void 0:m.emailInvalidText}}}),s.jsx("div",{className:"flex flex-col md:flex-row",children:s.jsx(kt,{control:i,name:"streetAddress",rules:{required:(p=e.texts)==null?void 0:p.required},render:({field:S})=>{var j,O;return s.jsx(Rt,{width:"full",type:"text",label:((j=e.texts)==null?void 0:j.streetAddressLabel)+" *",helpertext:(O=n.streetAddress)==null?void 0:O.message,...S,value:S.value??""})}})}),s.jsxs("div",{className:"flex flex-col md:flex-row",children:[s.jsx(kt,{control:i,name:"province",rules:{required:(x=e.texts)==null?void 0:x.required},render:({field:S})=>{var j,O;return s.jsx(Rt,{width:"full",type:"text",label:((j=e.texts)==null?void 0:j.stateLabel)+" *",helpertext:(O=n.province)==null?void 0:O.message,...S,value:S.value??""})}}),s.jsx("div",{style:{width:20}}),s.jsx(kt,{control:i,name:"city",rules:{required:(C=e.texts)==null?void 0:C.required},render:({field:S})=>{var j,O;return s.jsx(Rt,{width:"full",type:"text",label:((j=e.texts)==null?void 0:j.cityLabel)+" *",helpertext:(O=n.city)==null?void 0:O.message,...S,value:S.value??""})}})]}),s.jsxs("div",{className:"flex flex-col md:flex-row",children:[s.jsx(kt,{control:i,name:"buildingNumber",rules:{required:(E=e.texts)==null?void 0:E.required},render:({field:S})=>{var j,O;return s.jsx(Rt,{width:"full",type:"text",label:((j=e.texts)==null?void 0:j.buildingNumberLabel)+" *",helpertext:(O=n.buildingNumber)==null?void 0:O.message,...S,value:S.value??""})}}),s.jsx("div",{style:{width:20}}),s.jsx(kt,{control:i,name:"zipCode",rules:{required:(v=e.texts)==null?void 0:v.required},render:({field:S})=>{var j,O;return s.jsx(Rt,{width:"full",type:"number",label:((j=e.texts)==null?void 0:j.zipCodeLabel)+" *",helpertext:(O=n.zipCode)==null?void 0:O.message,...S,value:S.value??""})}})]}),s.jsx("div",{className:"mb-3",children:s.jsx(kt,{control:i,name:"country",rules:{required:(A=e.texts)==null?void 0:A.required},render:({field:S})=>{var j,O;return s.jsxs(Hl,{native:!0,label:((j=e.texts)==null?void 0:j.countryLabel)+" *",helperText:(O=n.country)==null?void 0:O.message,options:wb,getOptionLabel:L=>L.country_label,onChange:L=>S.onChange(L.country_label),value:S.value??"",children:[s.jsx("option",{}),e.countriesList.map((L,M)=>s.jsx("option",{children:L},M))]})}})})]})})}),s.jsx(Fn,{children:s.jsx(qe,{className:"w-full",children:e.texts.payNow})})," "]})]})},zO=e=>(e.lang,s.jsx(Gt,{children:s.jsxs($t,{headless:!0,children:[" ",s.jsx("div",{className:"py-5 text-center text-3xl font-bold dark:text-white",children:e.confirmationTitle}),s.jsxs("div",{className:"py-5 dark:text-white",children:[s.jsxs("div",{className:"mb-2 text-center",children:[e.texts.successMessage," ",s.jsx("strong",{children:e.userEmail})]}),s.jsx("div",{className:"text-center",children:e.texts.yourOrderNumber}),s.jsx("div",{className:"text-center font-bold",children:e.orderNumber})]}),s.jsxs("div",{className:"flex flex-col items-center justify-center gap-4 py-5 pt-0",children:[s.jsx(qe,{className:"w-full",onClick:e.handlePrint,children:e.texts.print}),s.jsx(qe,{className:"w-full",onClick:e.handleHistory,children:e.texts.history}),s.jsx(qe,{className:"w-full",onClick:e.handleHome,children:e.texts.homePage}),s.jsx("div",{className:" text-center text-sm dark:text-white",children:e.texts.fasterPaymentNote}),s.jsx("a",{className:"clickable-link text-xs",onClick:e.handleRefundPolicyLink,children:e.texts.refundPolicy})]})]})})),GO=e=>s.jsxs("div",{children:[s.jsxs("div",{className:"mb-2 flex w-full justify-between",children:[s.jsx(yn,{design:"tabs",defaultValue:e.currentCycle,options:e.billingCycles,onChangeTab:t=>e.onCycleChange(t)}),s.jsx(yn,{design:"tabs",defaultValue:e.currentCurrency,options:e.currencies,onChangeTab:t=>e.onCurrencyChange(t)})]}),s.jsx("div",{className:"flex flex-row justify-between",children:e.plans.map((t,r)=>s.jsx(C2,{onPlanClicked:()=>e.onPlanClicked(t),...t,texts:{...t.texts,currencyText:e.currentCurrency,cycleText:e.currentCycle}},r))})]}),ZO=()=>s.jsx("svg",{className:"h-5 w-5 text-green-500","aria-hidden":"true",fill:"currentColor",viewBox:"0 0 20 20",children:s.jsx("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"})}),bw=()=>s.jsx("svg",{className:"h-5 w-5 text-red-500","aria-hidden":"true",fill:"currentColor",viewBox:"0 0 20 20",children:s.jsx("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"})}),UO=e=>{var o;const[t,r]=h.useState("sar"),[n,a]=h.useState("month");return s.jsxs("div",{id:"detailed-pricing",className:"w-full overflow-x-auto",children:[s.jsxs("div",{className:"mb-2 flex w-full justify-between",children:[s.jsx(yn,{design:"tabs",defaultValue:n,options:e.billingCycles,onChangeTab:i=>e.onCycleChange(i)}),s.jsx(yn,{design:"tabs",defaultValue:t,options:e.currencies,onChangeTab:i=>e.onCurrencyChange(i)})]}),s.jsxs("div",{className:" overflow-hidden rounded",children:[s.jsxs("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",children:[s.jsx("div",{className:"flex items-center"}),e.plans.map(i=>s.jsxs("div",{children:[s.jsx("h5",{className:"text-md 0 font-bold text-gray-500 dark:text-gray-400",children:i.texts.title}),s.jsxs("div",{className:" flex items-baseline  text-gray-900 dark:text-white",children:[s.jsxs(s.Fragment,{children:[s.jsx("span",{className:"text-5xl font-extrabold tracking-tight",children:i.price}),s.jsx("span",{className:"mx-1 text-sm font-semibold",children:i.texts.currencyText})]}),s.jsxs("span",{className:"ml-1 text-xl font-normal text-gray-500 dark:text-gray-400",children:["/ ",i.texts.cycleText]})]}),s.jsx("h5",{className:"text-md  font-normal text-gray-500 dark:text-gray-400",children:i.texts.subtitle})]}))]}),(o=e.plans)==null?void 0:o.map(i=>i.features.map(l=>s.jsxs("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",children:[s.jsxs("div",{className:"  flex flex-row items-center gap-2  text-gray-500 dark:text-gray-400",children:[l.text,l.description&&s.jsx(ms,{side:"right",content:l.description,children:s.jsx("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 16 16",height:"1em",width:"1em",children:s.jsx("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"})})})]}),s.jsx(bw,{}),s.jsx(ZO,{}),s.jsx(bw,{})]})))]})]})},XO=e=>{const[t,r]=h.useState(null);let n=[{title:"basic",price:"$49",cycle:"/mo"},{title:"business",price:"$99",cycle:"/mo"},{title:"enterprise",price:"$149",cycle:"/mo"}];return s.jsx("div",{className:"z-10 w-full max-w-screen-sm",children:s.jsxs("div",{className:"max-w-2xl ",children:[s.jsxs("div",{className:"flex flex-row justify-between",children:[s.jsx(yn,{design:"tabs",options:e.currencies,defaultValue:e.currentCurrency}),s.jsx(yn,{design:"tabs",options:e.billingCycles,defaultValue:e.currentCycle})]}),n.map(a=>s.jsxs("label",{htmlFor:a.title,className:"",onClick:()=>r(a.title),children:[s.jsx("input",{type:"radio",name:"radio",id:a.title,className:"peer appearance-none"}),s.jsxs("div",{className:$e(t===a.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"),children:[s.jsxs("div",{className:"peer flex items-center gap-4",children:[s.jsx(YO,{}),s.jsx(JO,{title:"Enterprise",subtitle:"For startups and new businesses"})]}),s.jsx(QO,{amount:a.price,cycle:a.cycle})]})]}))]})})},YO=()=>s.jsxs(s.Fragment,{children:[s.jsx("svg",{fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:"currentColor",className:"default h-8 w-8 text-neutral-500",children:s.jsx("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"})}),s.jsx("svg",{viewBox:"0 0 24 24",fill:"currentColor",className:"active hidden h-8 w-8 text-blue-500",children:s.jsx("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"})})]}),JO=e=>s.jsxs("div",{className:"peer flex flex-col items-start ",children:[s.jsx("h2",{className:"font-medium text-neutral-700 dark:text-gray-100 sm:text-xl",children:e.title}),s.jsxs("p",{className:"text-sm text-neutral-500 dark:text-gray-300",children:[e.subtitle," "]})]}),QO=e=>s.jsxs("h2",{className:"peer text-xl font-semibold text-neutral-900 dark:text-white sm:text-2xl",children:[e.amount,s.jsx("span",{className:"text-base font-medium text-neutral-400",children:e.cycle})]}),KO=({referralLink:e,referralCode:t})=>s.jsx(Gt,{children:s.jsxs($t,{headless:!0,children:[s.jsxs("div",{className:"my-2 mt-0",children:[s.jsx("div",{className:"mb-1",children:"Referral Code"}),s.jsxs("div",{className:"flex flex-row items-center justify-between rounded border bg-background",children:[s.jsx("span",{className:"ml-3 font-bold",children:t}),s.jsx(qe,{onClick:()=>navigator.clipboard.writeText(t),children:s.jsxs("span",{className:"bg-red flex items-center justify-center",children:[s.jsx("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 512 512",height:"1em",width:"1em",children:s.jsx("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"})})," "]})})]})]}),s.jsxs("div",{className:"my-2 mt-0",children:[s.jsx("div",{className:"mb-1",children:"Referral Link"}),s.jsxs("div",{className:"flex flex-row items-center justify-between rounded border bg-background",children:[s.jsx("span",{className:"ml-3 font-bold",children:e}),s.jsx(qe,{onClick:()=>navigator.clipboard.writeText(e),children:s.jsxs("span",{className:"bg-red flex items-center justify-center",children:[s.jsx("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 512 512",height:"1em",width:"1em",children:s.jsx("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"})})," "]})})]})]})]})}),qO=({referralLink:e,referralCode:t,withdrawError:r})=>{const n=Xa(),{formState:{errors:a},handleSubmit:o,control:i}=n;return s.jsx(Gt,{children:s.jsxs($t,{headless:!0,children:[s.jsx("div",{children:s.jsxs(mu,{...n,children:[s.jsx(Rt,{label:"IBAN"}),s.jsx(Rt,{label:"Holder Name"}),s.jsx(kt,{control:i,name:"bank",render:({field:l})=>s.jsx(Hl,{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:(u,c)=>console.log("changing",u),...l,onChange:(u,c)=>console.log("chooo",u)})})]})}),s.jsx("div",{children:s.jsx(qe,{className:"mt-6 w-full",children:"Add Bank Account"})}),r&&s.jsx("div",{children:s.jsx(qn,{text:"Sorry can't withdraw the money at the moment. Please try again in 2022/11/20",severity:"warning"})}),s.jsxs("div",{className:"mt-3",children:[s.jsx("div",{className:"mb-1",children:"Settlement Accounts"}),s.jsxs("div",{className:"rounded",children:[s.jsx(tm,{bank:"Al Inma Bank",iban:"SA10228094028098329119",accountHolder:"Zakher Masri",default:!0}),s.jsx(tm,{bank:"Al Rajihi Bank",iban:"SA10228094028098329119",accountHolder:"Zakher Masri"}),s.jsx(tm,{bank:"Al Inma Bank",iban:"SA10228094028098329119",accountHolder:"Zakher Masri"})]})]})]})})},tm=e=>s.jsxs("div",{className:"mb-3 flex flex-row items-center justify-between rounded border bg-background p-3",children:[s.jsxs("div",{className:"flex flex-col justify-between",children:[s.jsx("div",{className:"text-xs",children:e.bank}),s.jsx("div",{children:e.accountHolder}),s.jsx("div",{className:"text-xs",children:e.iban})]}),s.jsxs("div",{className:"flex flex-row items-center justify-center gap-2",children:[e.default&&s.jsx(bc,{label:"Default",size:"small"}),s.jsx(dd,{size:"small",menuItems:[[{label:"Set Default",disabled:e.default},{label:"Edit"},{label:"Delete"}]],children:s.jsx(qe,{variant:"outline",size:"icon",children:s.jsx("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",children:s.jsx("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"})})})})]})]}),eN=({referralLink:e,referralCode:t,withdrawError:r})=>s.jsx(Gt,{children:s.jsxs($t,{headless:!0,children:[s.jsx("div",{className:"mb-1",children:"Stats"}),s.jsxs("div",{className:"justi flex flex-row gap-1",children:[s.jsx(rm,{title:"Clicks",number:22}),s.jsx(rm,{title:"Sign-ups",number:32}),s.jsx(rm,{title:"Commission",number:"213.22 SAR"})]}),s.jsx(qe,{className:"mt-6 w-full",children:"Withdraw Money"}),r&&s.jsx("div",{children:s.jsx(qn,{text:"Sorry can't withdraw the money at the moment. Please try again in 2022/11/20",severity:"warning"})}),s.jsxs("div",{className:"mt-3",children:[s.jsx("div",{className:"mb-1",children:"Sign ups"}),s.jsxs("div",{className:"rounded",children:[s.jsx(bu,{date:"2020/10/11 @ 9:45 pm",email:"zakher@sikka.io",amount:"3.4 SAR / Month"}),s.jsx(bu,{date:"2022/10/11 @ 9:45 pm",email:"zakher@sikka.io",amount:"3.4 SAR / Month"}),s.jsx(bu,{date:"2022/10/11 @ 9:45 pm",email:"zakher@sikka.io",amount:"3.4 SAR / Month"}),s.jsx(bu,{date:"2022/10/11 @ 9:45 pm",email:"zakher@sikka.io",amount:"3.4 SAR / Month"}),s.jsx(bu,{date:"2022/10/11 @ 9:45 pm",email:"zakher@sikka.io",amount:"3.4 SAR / Month"})]})]})]})}),rm=e=>s.jsxs("div",{className:"w-full rounded border bg-background p-2",children:[s.jsx("div",{className:"text-sm",children:e.title}),s.jsx("div",{className:"font-bold",children:e.number})]}),bu=e=>s.jsxs("div",{className:"mb-3 rounded border-b bg-background p-2",children:[s.jsx("div",{className:"text-xs",children:e.date}),s.jsxs("div",{className:"flex flex-row justify-between",children:[s.jsx("div",{children:e.email}),s.jsx("div",{children:e.amount})]})]}),tN=({variant:e="contained",texts:t})=>s.jsx(Gt,{children:s.jsx($t,{headless:!0,children:s.jsxs("div",{className:"flex flex-col items-center dark:text-white",children:[s.jsx("div",{className:"text-center text-6xl font-bold ",children:"404"}),s.jsx("div",{className:"m-2 text-center text-xl font-bold ",children:(t==null?void 0:t.pageNotFound)??"Page Not Found"}),s.jsx("div",{className:"mb-4 text-center",children:(t==null?void 0:t.ifLost)??s.jsxs(s.Fragment,{children:["If you're lost please contact us"," ",s.jsx("span",{className:"clickable-link",children:"help@sikka.io"})]})}),s.jsx(qe,{className:"w-full",children:(t==null?void 0:t.home)??"Home"})]})})}),rN=({variant:e="contained",texts:t,onActionClick:r})=>s.jsxs(Gt,{children:[s.jsx($t,{headless:!0,children:s.jsxs("div",{className:"flex flex-col items-center justify-center text-center ",children:[s.jsx("div",{className:"flex h-10 w-10 flex-col items-center justify-center rounded-3xl bg-primary text-6xl font-bold text-primary-foreground",children:s.jsx("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 512 512",height:"0.35em",width:"0.35em",children:s.jsx("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"})})}),s.jsx("div",{className:"m-2 text-xl font-bold",children:(t==null?void 0:t.youreCaughtUp)??"You're all caught up"})]})}),s.jsx(Fn,{children:s.jsx(qe,{className:"w-full",onClick:()=>r(),children:(t==null?void 0:t.actionText)??"Go Home"})})]}),nN=e=>s.jsx(Gt,{children:s.jsxs($t,{headless:!0,children:[s.jsx("div",{children:s.jsx("p",{className:"mb-4 max-w-sm",children:"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."})}),s.jsxs("div",{className:"flex flex-row gap-4",children:[s.jsxs("svg",{width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",children:[s.jsx("rect",{width:"48",height:"48",rx:"24",fill:"#45BE8B"}),s.jsx("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"}),s.jsx("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"})]}),s.jsx("span",{className:"border border-l "})," ",s.jsxs("div",{children:[s.jsx("strong",{children:"Brent Lassi"}),s.jsx("div",{children:" Chief Information Security Officer"})]})]})]})}),aN=({variant:e="contained",texts:t,handleNewsletterSub:r})=>s.jsxs(Gt,{children:[s.jsxs(Ca,{children:[s.jsx(wa,{children:t==null?void 0:t.title}),s.jsx(ii,{children:t==null?void 0:t.subtitle})]}),s.jsx($t,{children:s.jsxs("form",{className:"flex flex-row gap-2",onSubmit:n=>{n.preventDefault(),r(n.target[0].value)},children:[s.jsx(As,{type:"email",name:"email",placeholder:"example@sikka.io"}),s.jsx(qe,{children:(t==null?void 0:t.submit)??"Submit"})]})})]}),oN=({variant:e="contained",onActionClick:t,...r})=>s.jsx(Gt,{children:s.jsxs($t,{headless:!0,className:"flex flex-row items-center justify-between",children:[s.jsxs("div",{className:"flex flex-col items-start justify-center ",children:[s.jsx("span",{className:"text-lg font-bold",children:r.title}),s.jsx("span",{className:"text-sm",children:r.subtitle})]}),s.jsx(qe,{onClick:()=>t(),children:r.actionText})]})}),iN=({texts:e})=>s.jsx(Gt,{children:s.jsx($t,{headless:!0,children:s.jsxs("div",{className:"flex flex-col items-center justify-center text-center",children:[s.jsxs("div",{className:"flex h-10 w-10 flex-col items-center justify-center rounded-3xl bg-primary text-6xl font-bold  text-primary-foreground",children:[s.jsx("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 448 512",height:"0.35em",width:"0.35em",children:s.jsx("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"})})," "]}),s.jsx("div",{className:"m-2 text-xl font-bold",children:(e==null?void 0:e.title)??"You don't have permission"}),s.jsx("div",{children:(e==null?void 0:e.subtitle)??"If you think this is a problem please contact your administrator or our customer support"})]})})});function sN(e){return e.currentTarget instanceof HTMLElement&&e.relatedTarget instanceof HTMLElement?e.currentTarget.contains(e.relatedTarget):!1}function lN({onBlur:e,onFocus:t}={}){const r=h.useRef(),[n,a]=h.useState(!1),o=h.useRef(!1),i=c=>{a(c),o.current=c},l=c=>{o.current||(i(!0),t==null||t(c))},u=c=>{o.current&&!sN(c)&&(i(!1),e==null||e(c))};return h.useEffect(()=>{if(r.current)return r.current.addEventListener("focusin",l),r.current.addEventListener("focusout",u),()=>{var c,m;(c=r.current)==null||c.removeEventListener("focusin",l),(m=r.current)==null||m.removeEventListener("focusout",u)}},[l,u]),{ref:r,focused:n}}function uN(e,t){try{return e.addEventListener("change",t),()=>e.removeEventListener("change",t)}catch{return e.addListener(t),()=>e.removeListener(t)}}function cN(e,t){return typeof t=="boolean"?t:typeof window<"u"&&"matchMedia"in window?window.matchMedia(e).matches:!1}function dN(e,t,{getInitialValueInEffect:r}={getInitialValueInEffect:!0}){const[n,a]=h.useState(r?t:cN(e,t)),o=h.useRef();return h.useEffect(()=>{if("matchMedia"in window)return o.current=window.matchMedia(e),a(o.current.matches),uN(o.current,i=>a(i.matches))},[e]),n}function fN(e=""){const[t,r]=h.useState(e);return h.useEffect(()=>{const a=()=>{const o=window.location.hash.substring(1);r(o||e)};return window.addEventListener("hashchange",a),a(),()=>{window.removeEventListener("hashchange",a)}},[e]),{activeTab:t,handleTabChange:a=>{r(a),window.location.hash=a}}}function nm(e,t,r){h.useEffect(()=>(window.addEventListener(e,t,r),()=>window.removeEventListener(e,t,r)),[e,t])}function am(){return typeof window<"u"?{x:window.pageXOffset,y:window.pageYOffset}:{x:0,y:0}}function hN({x:e,y:t}){if(typeof window<"u"){const r={behavior:"smooth"};typeof e=="number"&&(r.left=e),typeof t=="number"&&(r.top=t),window.scrollTo(r)}}function pN(){const[e,t]=h.useState({x:0,y:0});return nm("scroll",()=>t(am())),nm("resize",()=>t(am())),h.useEffect(()=>{t(am())},[]),[e,hN]}Ae.ActionCard=iB,Ae.Announcement=oN,Ae.AppLanding=TO,Ae.AppLayout=JP,Ae.AppSidebar=sO,Ae.ArrowCarousel=q6,Ae.BackToTop=Xk,Ae.Box=bP,Ae.Button=qe,Ae.Card=Gt,Ae.CardContent=$t,Ae.CardDescription=ii,Ae.CardFooter=Fn,Ae.CardHeader=Ca,Ae.CardTitle=wa,Ae.Carousel=cB,Ae.ChargeWalletForm=WO,Ae.CheckEmail=$O,Ae.CheckoutForm=HO,Ae.CodeConfirmation=RO,Ae.ComparingPlans=UO,Ae.ConfirmationPage=zO,Ae.CreditCardForm=_O,Ae.Dialog=mP,Ae.DialogContent=EC,Ae.DialogDescription=FC,Ae.DialogFooter=SC,Ae.DialogHeader=DC,Ae.DialogTitle=AC,Ae.DialogTrigger=vP,Ae.DragDropImages=j6,Ae.DraggableCard=I6,Ae.DropdownMenu=Xl,Ae.EmptyState=rN,Ae.FeedbackByEmoji=X6,Ae.FeedbackRating=O6,Ae.FloatingComment=tj,Ae.FloatingCommentExec=Uk,Ae.FloatingCommentSlate=Lk,Ae.Footer=cO,Ae.HawaAccordion=JA,Ae.HawaAdCard=Kk,Ae.HawaAlert=qn,Ae.HawaAppLayout=tO,Ae.HawaAppLayoutSimplified=rO,Ae.HawaBanner=dO,Ae.HawaBottomAppBar=xP,Ae.HawaButton=aB,Ae.HawaCheckbox=Xf,Ae.HawaChip=bc,Ae.HawaCodeBlock=IF,Ae.HawaColorPicker=g0,Ae.HawaContainer=oO,Ae.HawaCopyrights=tF,Ae.HawaDatepicker=TF,Ae.HawaGrid=iO,Ae.HawaIconCount=Dw,Ae.HawaInlineCode=Yk,Ae.HawaItemCard=Qk,Ae.HawaLandingCard=qk,Ae.HawaLoading=us,Ae.HawaMenu=dd,Ae.HawaModal=eF,Ae.HawaPanelTabs=Ew,Ae.HawaPhoneInput=cd,Ae.HawaPinInput=yg,Ae.HawaPricingCard=C2,Ae.HawaRadio=yn,Ae.HawaRange=m0,Ae.HawaSearchBar=YA,Ae.HawaSelect=Hl,Ae.HawaSettingsRow=U9,Ae.HawaSiteLayout=yP,Ae.HawaStats=nF,Ae.HawaStepper=rF,Ae.HawaStoreButtons=oB,Ae.HawaTable=Cb,Ae.HawaTabs=qA,Ae.HawaTextField=Rt,Ae.HawaTypography=X9,Ae.HorizontalPricing=XO,Ae.Icons=zr,Ae.Input=As,Ae.InterfaceSettings=Cg,Ae.InvoiceAccordion=P6,Ae.Label=ti,Ae.LeadGenerator=aN,Ae.NewPasswordForm=NO,Ae.NoPermission=iN,Ae.NotFound=tN,Ae.PayWithWallet=VO,Ae.Popover=lx,Ae.PricingPlans=GO,Ae.ReferralAccount=KO,Ae.ReferralSettlement=qO,Ae.ReferralStats=eN,Ae.ResetPasswordForm=MO,Ae.SelectPayment=LO,Ae.Separator=V2,Ae.SidebarGroup=HC,Ae.SidebarItem=zC,Ae.SignInBlock=PO,Ae.SignInForm=BO,Ae.SignInPhone=kO,Ae.SignUpForm=OO,Ae.Skeleton=ri,Ae.StickyFeatures=sB,Ae.SubsectionList=T6,Ae.Switch=Lh,Ae.Tabs=N2,Ae.TabsContent=$2,Ae.TabsList=M2,Ae.TabsTrigger=R2,Ae.Test=ww,Ae.Testimonial=nN,Ae.Textarea=xd,Ae.Timeline=Jk,Ae.Toast=Ig,Ae.ToastAction=iC,Ae.ToastClose=Tg,Ae.ToastDescription=Bg,Ae.ToastProvider=oC,Ae.ToastTitle=kg,Ae.ToastViewport=jg,Ae.Toaster=YB,Ae.Tooltip=ms,Ae.UsageCard=B6,Ae.UserProfileForm=jO,Ae.UserReferralSource=lB,Ae.UserSettingsForm=IO,Ae.buttonVariants=i1,Ae.reducer=lC,Ae.toast=uC,Ae.useClipboard=jb,Ae.useFocusWithin=lN,Ae.useMediaQuery=dN,Ae.useTabs=fN,Ae.useToast=cC,Ae.useWindowEvent=nm,Ae.useWindowScroll=pN,Object.defineProperty(Ae,Symbol.toStringTag,{value:"Module"})});
+//# sourceMappingURL=index.umd.js.map