authhaven
Version:
Customizable React and TypeScript authentication UI components with support for login, signup, 2FA, and more.
1 lines • 71.3 kB
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("lucide-react"),i=function(){return i=Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},i.apply(this,arguments)};function o(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(e);o<i.length;o++)t.indexOf(i[o])<0&&Object.prototype.propertyIsEnumerable.call(e,i[o])&&(n[i[o]]=e[i[o]])}return n}"function"==typeof SuppressedError&&SuppressedError;var a=function(t){var n=t.buttonChildren,a=t.buttonVariant,l=void 0===a?"solid":a,r=t.buttonSize,s=void 0===r?"md":r,p=t.buttonColor,u=void 0===p?"primary":p,d=t.buttonLeftIcon,c=t.buttonRightIcon,m=t.buttonFullWidth,x=void 0!==m&&m,C=t.buttonRounded,b=void 0!==C&&C,y=t.buttonDisabled,g=void 0!==y&&y,h=t.buttonClassName,S=void 0===h?"":h,f=t.buttonStyle,N=t.buttonOnClick,v=t.primaryButtonColor,I=t.primaryButtonTextColor,k=o(t,["buttonChildren","buttonVariant","buttonSize","buttonColor","buttonLeftIcon","buttonRightIcon","buttonFullWidth","buttonRounded","buttonDisabled","buttonClassName","buttonStyle","buttonOnClick","primaryButtonColor","primaryButtonTextColor"]),L=v||"#2563EB",w=I||"white",j=v?R(v,-10):"#1D4ED8",T=function(){switch(l){case"solid":default:return F(u);case"outline":return B(u);case"ghost":return E(u);case"link":return O(u)}},F=function(e){switch(e){case"primary":default:return{backgroundColor:L,color:w,":hover":{backgroundColor:j}};case"secondary":return{backgroundColor:"#4B5563",color:"white",":hover":{backgroundColor:"#374151"}};case"success":return{backgroundColor:"#10B981",color:"white",":hover":{backgroundColor:"#059669"}};case"danger":return{backgroundColor:"#EF4444",color:"white",":hover":{backgroundColor:"#DC2626"}};case"warning":return{backgroundColor:"#F59E0B",color:"white",":hover":{backgroundColor:"#D97706"}};case"info":return{backgroundColor:"#06B6D4",color:"white",":hover":{backgroundColor:"#0891B2"}};case"light":return{backgroundColor:"#E5E7EB",color:"#1F2937",":hover":{backgroundColor:"#D1D5DB"}};case"dark":return{backgroundColor:"#1F2937",color:"white",":hover":{backgroundColor:"#111827"}}}},B=function(e){switch(e){case"primary":default:return{backgroundColor:"transparent",color:L,border:"1px solid ".concat(L),":hover":{backgroundColor:R(L,95,!0)}};case"secondary":return{backgroundColor:"transparent",color:"#4B5563",border:"1px solid #4B5563",":hover":{backgroundColor:"#F9FAFB"}};case"success":return{backgroundColor:"transparent",color:"#10B981",border:"1px solid #10B981",":hover":{backgroundColor:"#ECFDF5"}};case"danger":return{backgroundColor:"transparent",color:"#EF4444",border:"1px solid #EF4444",":hover":{backgroundColor:"#FEF2F2"}};case"warning":return{backgroundColor:"transparent",color:"#F59E0B",border:"1px solid #F59E0B",":hover":{backgroundColor:"#FFFBEB"}};case"info":return{backgroundColor:"transparent",color:"#06B6D4",border:"1px solid #06B6D4",":hover":{backgroundColor:"#ECFEFF"}};case"light":return{backgroundColor:"transparent",color:"#6B7280",border:"1px solid #E5E7EB",":hover":{backgroundColor:"#F9FAFB"}};case"dark":return{backgroundColor:"transparent",color:"#1F2937",border:"1px solid #1F2937",":hover":{backgroundColor:"#F9FAFB"}}}},E=function(e){switch(e){case"primary":default:return{backgroundColor:"transparent",color:L,":hover":{backgroundColor:R(L,95,!0)}};case"secondary":return{backgroundColor:"transparent",color:"#4B5563",":hover":{backgroundColor:"#F9FAFB"}};case"success":return{backgroundColor:"transparent",color:"#10B981",":hover":{backgroundColor:"#ECFDF5"}};case"danger":return{backgroundColor:"transparent",color:"#EF4444",":hover":{backgroundColor:"#FEF2F2"}};case"warning":return{backgroundColor:"transparent",color:"#F59E0B",":hover":{backgroundColor:"#FFFBEB"}};case"info":return{backgroundColor:"transparent",color:"#06B6D4",":hover":{backgroundColor:"#ECFEFF"}};case"light":return{backgroundColor:"transparent",color:"#9CA3AF",":hover":{backgroundColor:"#F9FAFB"}};case"dark":return{backgroundColor:"transparent",color:"#1F2937",":hover":{backgroundColor:"#F9FAFB"}}}},O=function(e){switch(e){case"primary":default:return{backgroundColor:"transparent",color:L,padding:0,":hover":{textDecoration:"underline"}};case"secondary":return{backgroundColor:"transparent",color:"#4B5563",padding:0,":hover":{textDecoration:"underline"}};case"success":return{backgroundColor:"transparent",color:"#10B981",padding:0,":hover":{textDecoration:"underline"}};case"danger":return{backgroundColor:"transparent",color:"#EF4444",padding:0,":hover":{textDecoration:"underline"}};case"warning":return{backgroundColor:"transparent",color:"#F59E0B",padding:0,":hover":{textDecoration:"underline"}};case"info":return{backgroundColor:"transparent",color:"#06B6D4",padding:0,":hover":{textDecoration:"underline"}};case"light":return{backgroundColor:"transparent",color:"#9CA3AF",padding:0,":hover":{textDecoration:"underline"}};case"dark":return{backgroundColor:"transparent",color:"#1F2937",padding:0,":hover":{textDecoration:"underline"}}}};function R(e,t,n){void 0===n&&(n=!1);var i=parseInt(e.substring(1,3),16),o=parseInt(e.substring(3,5),16),a=parseInt(e.substring(5,7),16);return n?(i=Math.min(255,i+Math.floor(i*(t/100))),o=Math.min(255,o+Math.floor(o*(t/100))),a=Math.min(255,a+Math.floor(a*(t/100)))):(i=Math.max(0,i-Math.floor(i*(t/100))),o=Math.max(0,o-Math.floor(o*(t/100))),a=Math.max(0,a-Math.floor(a*(t/100)))),"#".concat(((1<<24)+(i<<16)+(o<<8)+a).toString(16).slice(1))}var D=i(i(i(i(i(i({},{display:"inline-flex",alignItems:"center",justifyContent:"center",fontWeight:500,minWidth:"150px",minHeight:"44px",cursor:g?"not-allowed":"pointer",opacity:g?.6:1,transition:"background-color 0.2s, border-color 0.2s, color 0.2s"}),T()),function(){switch(s){case"xs":return{fontSize:"0.75rem",padding:"0.25rem 0.5rem"};case"sm":return{fontSize:"0.875rem",padding:"0.375rem 0.75rem"};case"md":default:return{fontSize:"1rem",padding:"0.5rem 1rem"};case"lg":return{fontSize:"1.125rem",padding:"0.625rem 1.25rem"};case"xl":return{fontSize:"1.25rem",padding:"0.75rem 1.5rem"}}}()),x?{width:"100%"}:{}),b?{borderRadius:"9999px"}:{borderRadius:"0.375rem"}),f);return e.jsxs("button",i({className:S,style:D,disabled:g,onClick:N,onMouseOver:function(e){var t=T()[":hover"];t&&Object.entries(t).forEach((function(t){var n=t[0],i=t[1];e.currentTarget.style[n]=i}))},onMouseOut:function(e){var t=T(),n=t[":hover"];n&&Object.keys(n).forEach((function(n){e.currentTarget.style[n]=t[n]||""}))}},k,{children:[d&&e.jsx("span",i({style:{marginRight:"0.5rem"}},{children:d})),n,c&&e.jsx("span",i({style:{marginLeft:"0.5rem"}},{children:c}))]}))},l=function(a){var l=a.inputLabel,r=void 0===l?"":l,s=a.inputLabelStyle,p=a.inputHelperText,u=a.inputHelperTextStyle,d=a.inputFieldStyle,c=a.inputError,m=a.inputHideOnError,x=a.inputErrorStyle,C=a.inputValue,b=void 0===C?"":C,y=a.inputId,g=a.inputName,h=a.inputRequired,S=a.inputContainerClassName,f=a.inputLabelClassName,N=a.inputHelperTextClassName,v=a.inputFieldClassName,I=a.inputErrorClassName,k=a.inputLabelContainerClassName,L=a.inputLabelContainerStyle,w=a.inputLeftIcon,j=a.inputRightIcon,T=a.inputOnChange,F=a.inputstyletype,B=void 0===F?"text":F,E=a.inputRegex,O=a.inputOnValidation,R=a.inputPlaceholder,D=a.inputContainerStyle,H=a.labelMatchBackground,P=o(a,["inputLabel","inputLabelStyle","inputHelperText","inputHelperTextStyle","inputFieldStyle","inputError","inputHideOnError","inputErrorStyle","inputValue","inputId","inputName","inputRequired","inputContainerClassName","inputLabelClassName","inputHelperTextClassName","inputFieldClassName","inputErrorClassName","inputLabelContainerClassName","inputLabelContainerStyle","inputLeftIcon","inputRightIcon","inputOnChange","inputstyletype","inputRegex","inputOnValidation","inputPlaceholder","inputContainerStyle","labelMatchBackground"]),V=t.useRef(null),z=t.useState(!1),A=z[0],W=z[1],M=t.useState(b),q=M[0],U=M[1],Z=t.useState(!0),_=Z[0],$=Z[1],G=A||q.length>0,K=function(e){if(!E)return!0;try{var t=new RegExp(E).test(e);return $(t),O&&O(t),t}catch(e){return console.error("Invalid regex pattern:",e),!0}};return t.useEffect((function(){U(b),K(b)}),[b,E]),e.jsxs("div",i({style:i({display:"flex",flexDirection:"column",width:"100%",maxWidth:"560px",textAlign:"left",marginBottom:"10px"},D),className:S,id:y},{children:[e.jsxs("div",i({className:k,style:i(i({backgroundColor:"transparent",display:"flex",flexDirection:"column",justifyContent:"left",alignItems:"flex-start",border:"1px solid ".concat(c?"red":A?"blue":"black"),borderRadius:"5px",padding:"4px",marginTop:"4px",marginBottom:"4px"},L),{position:"relative"})},{children:[e.jsxs("div",i({style:i({position:"absolute",top:G?"-10px":"20px",left:G?"12px":w?"38px":"15px",fontSize:G?"14px":"17px",transition:"all 0.2s ease-in-out",backgroundColor:G?H||"white":"transparent",padding:G?"0 4px ":"0",zIndex:1,color:c?"red":"black"},s),className:f},{children:[r,h&&e.jsx("span",i({style:{color:"red",marginLeft:"2px"}},{children:"*"}))]})),e.jsxs("div",i({className:v,style:i({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",width:"100%",paddingTop:G?"4px":"0",minHeight:"54px"},d)},{children:[w&&e.jsx("div",i({style:{display:"flex",alignItems:"center",marginLeft:"8px"}},{children:w})),e.jsx("input",i({ref:V,name:g,value:q,onChange:function(e){var t=e.target.value;U(t);var n=K(t);T&&T(t,n)},onFocus:function(){W(!0)},onBlur:function(){W(!1),K(q)},placeholder:r?"":R,style:{borderColor:"transparent",outline:"none",padding:"8px",width:"100%",fontSize:"16px"},type:B},P)),w?"":j?e.jsx("div",i({style:{display:"flex",alignItems:"center",marginRight:"8px"}},{children:j})):e.jsx(n.Mail,{size:20,style:{marginRight:"12px"}})]}))]})),(c||!_)&&e.jsx("div",i({style:i({color:"red",fontSize:"14px",marginTop:"4px"},x),className:I},{children:c})),p&&(m&&c?null:e.jsx("div",i({className:N,style:i({},u)},{children:p})))]}))},r=function(a){var l=a.inputValue,r=void 0===l?"":l,s=a.inputLabel,p=void 0===s?"":s,u=a.inputLabelStyle,d=a.inputHelperText,c=a.inputHelperTextStyle,m=a.inputFieldStyle,x=a.inputError,C=a.inputHideOnError,b=a.inputErrorStyle,y=a.inputPlaceholder,g=a.inputId,h=a.inputName,S=a.inputRequired,f=a.inputContainerClassName,N=a.inputLabelClassName,v=a.inputHelperTextClassName,I=a.inputFieldClassName,k=a.inputErrorClassName,L=a.inputLabelContainerClassName,w=a.inputLabelContainerStyle,j=a.inputLeftIcon,T=a.inputRightIcon,F=a.inputOnChange,B=a.inputstyletype,E=void 0===B?"text":B,O=a.inputRegex,R=a.inputContainerStyle,D=a.inputOnValidation,H=o(a,["inputValue","inputLabel","inputLabelStyle","inputHelperText","inputHelperTextStyle","inputFieldStyle","inputError","inputHideOnError","inputErrorStyle","inputPlaceholder","inputId","inputName","inputRequired","inputContainerClassName","inputLabelClassName","inputHelperTextClassName","inputFieldClassName","inputErrorClassName","inputLabelContainerClassName","inputLabelContainerStyle","inputLeftIcon","inputRightIcon","inputOnChange","inputstyletype","inputRegex","inputContainerStyle","inputOnValidation"]),P=t.useRef(null),V=t.useState(!1),z=V[0],A=V[1],W=t.useState(r),M=W[0],q=W[1],U=t.useState(!0),Z=U[0],_=U[1];z||M.length;var $=function(e){if(!O)return!0;try{var t=new RegExp(O).test(e);return _(t),D&&D(t),t}catch(e){return console.error("Invalid regex pattern:",e),!0}};return t.useEffect((function(){q(r),$(r)}),[r,O]),e.jsxs("div",i({style:i({display:"flex",flexDirection:"column",width:"100%",maxWidth:"560px",textAlign:"left"},R),className:f,id:g},{children:[e.jsxs("div",i({style:i(i({display:"flex",flexDirection:"row",alignItems:"center"},u),{color:x?"red":"black"}),className:N},{children:[p,S&&e.jsx("span",i({style:{color:"red",marginLeft:"4px"}},{children:"*"}))]})),e.jsxs("div",i({className:L,style:i({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",border:"1px solid ".concat(x?"red":z?"blue":"black"),borderRadius:"5px",padding:"4px",marginTop:"4px",marginBottom:"4px",minHeight:"54px"},w)},{children:[j&&e.jsx("div",i({style:{display:"flex",alignItems:"center",marginLeft:"8px"}},{children:j})),e.jsx("input",i({ref:P,name:h,value:M,onChange:function(e){var t=e.target.value;q(t),$(t),F&&F(t,Z)},onFocus:function(){A(!0)},onBlur:function(){A(!1),$(M)},placeholder:y,className:I,style:i({borderColor:"transparent",outline:"none",padding:"8px",width:"100%",fontSize:"16px"},m),type:E},H)),T?e.jsx("div",i({style:{display:"flex",alignItems:"center",marginRight:"8px"}},{children:T})):e.jsx(n.Mail,{size:20,style:{color:"#666",marginRight:"8px"}})]})),(x||!Z)&&e.jsx("div",i({style:i({color:"red",fontSize:"14px",marginTop:"4px"},b),className:k},{children:x})),d&&(C&&x?null:e.jsx("div",i({className:v,style:i({},c)},{children:d})))]}))},s=function(a){var l=a.inputLabel,r=void 0===l?"":l,s=a.inputLabelStyle,p=a.inputHelperText,u=a.inputHelperTextStyle,d=a.inputFieldStyle,c=a.inputError,m=a.inputHideOnError,x=a.inputErrorStyle,C=a.inputValue,b=void 0===C?"":C,y=a.inputId,g=a.inputName,h=a.inputRequired,S=a.inputContainerClassName,f=a.inputLabelClassName,N=a.inputHelperTextClassName,v=a.inputFieldClassName,I=a.inputErrorClassName,k=a.inputLabelContainerClassName,L=a.inputLabelContainerStyle,w=a.inputLeftIcon,j=a.inputRightIcon,T=a.inputOnChange,F=a.inputContainerStyle,B=a.inputPlaceholder,E=a.labelMatchBackground,O=o(a,["inputLabel","inputLabelStyle","inputHelperText","inputHelperTextStyle","inputFieldStyle","inputError","inputHideOnError","inputErrorStyle","inputValue","inputId","inputName","inputRequired","inputContainerClassName","inputLabelClassName","inputHelperTextClassName","inputFieldClassName","inputErrorClassName","inputLabelContainerClassName","inputLabelContainerStyle","inputLeftIcon","inputRightIcon","inputOnChange","inputContainerStyle","inputPlaceholder","labelMatchBackground"]),R=t.useRef(null),D=t.useState(!1),H=D[0],P=D[1],V=t.useState(b),z=V[0],A=V[1],W=t.useState(!1),M=W[0],q=W[1];console.log("inputHideOnError",m);var U=H||z.length>0;return t.useEffect((function(){A(b)}),[b]),e.jsxs("div",i({style:i({display:"flex",flexDirection:"column",width:"100%",maxWidth:"560px",textAlign:"left",marginBottom:"10px"},F),className:S,id:y},{children:[e.jsxs("div",i({className:k,style:i(i({backgroundColor:"transparent",display:"flex",flexDirection:"column",justifyContent:"left",alignItems:"flex-start",border:"1px solid ".concat(c?"red":H?"blue":"black"),borderRadius:"5px",padding:"4px",marginTop:"4px",marginBottom:"4px"},L),{position:"relative"})},{children:[e.jsxs("div",i({style:i({position:"absolute",top:U?"-10px":"20px",left:U?"12px":w?"38px":"15px",fontSize:U?"14px":"17px",transition:"all 0.2s ease-in-out",backgroundColor:U?E||"white":"transparent",padding:U?"0 4px ":"0",zIndex:1,color:c?"red":"black"},s),className:f},{children:[r,h&&e.jsx("span",i({style:{color:"red",marginLeft:"2px"}},{children:"*"}))]})),e.jsxs("div",i({className:k,style:i({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",width:"100%",paddingTop:U?"4px":"0",minHeight:"54px"},L)},{children:[w&&e.jsx("div",i({style:{display:"flex",alignItems:"center",marginLeft:"8px"}},{children:w})),e.jsx("input",i({ref:R,name:g,value:z,onChange:function(e){var t=e.target.value;A(t),T&&T(t)},onFocus:function(){P(!0)},onBlur:function(){P(!1)},className:v,style:i({borderColor:"transparent",outline:"none",padding:"8px",width:"100%",fontSize:"16px"},d),type:M?"text":"password",placeholder:r?"":B},O)),j&&e.jsx("div",i({style:{display:"flex",alignItems:"center",marginRight:"8px"}},{children:j})),e.jsx("button",i({type:"button",onClick:function(){q(!M)},style:{background:"transparent",border:"none",cursor:"pointer",padding:"4px",marginRight:"8px",display:"flex",alignItems:"center",justifyContent:"center"},"aria-label":M?"Hide password":"Show password"},{children:M?e.jsx(n.EyeOff,{size:20,style:{color:"#666"}}):e.jsx(n.Eye,{size:20,style:{color:"#666"}})}))]}))]})),c&&e.jsx("div",i({style:i({color:"red",fontSize:"14px",marginTop:"4px"},x),className:I},{children:c})),p&&(m&&c?null:e.jsx("div",i({className:N,style:i({},u)},{children:p})))]}))},p=function(a){var l=a.inputValue,r=void 0===l?"":l,s=a.inputLabel,p=void 0===s?"":s,u=a.inputLabelStyle,d=a.inputHelperText,c=a.inputHelperTextStyle,m=a.inputFieldStyle,x=a.inputError,C=a.inputHideOnError,b=a.inputErrorStyle,y=a.inputPlaceholder,g=a.inputId,h=a.inputName,S=a.inputRequired,f=a.inputContainerClassName,N=a.inputLabelClassName,v=a.inputHelperTextClassName,I=a.inputFieldClassName,k=a.inputErrorClassName,L=a.inputLabelContainerClassName,w=a.inputLabelContainerStyle,j=a.inputLeftIcon,T=a.inputRightIcon,F=a.inputOnChange,B=a.inputContainerStyle,E=o(a,["inputValue","inputLabel","inputLabelStyle","inputHelperText","inputHelperTextStyle","inputFieldStyle","inputError","inputHideOnError","inputErrorStyle","inputPlaceholder","inputId","inputName","inputRequired","inputContainerClassName","inputLabelClassName","inputHelperTextClassName","inputFieldClassName","inputErrorClassName","inputLabelContainerClassName","inputLabelContainerStyle","inputLeftIcon","inputRightIcon","inputOnChange","inputContainerStyle"]),O=t.useRef(null),R=t.useState(!1),D=R[0],H=R[1],P=t.useState(r),V=P[0],z=P[1],A=t.useState(!1),W=A[0],M=A[1];return t.useEffect((function(){z(r)}),[r]),e.jsxs("div",i({style:i({display:"flex",flexDirection:"column",width:"100%",maxWidth:"560px",textAlign:"left"},B),className:f,id:g},{children:[e.jsxs("div",i({style:i(i({display:"flex",flexDirection:"row",alignItems:"center"},u),{color:x?"red":"black"}),className:N},{children:[p,S&&e.jsx("span",i({style:{color:"red",marginLeft:"4px"}},{children:"*"}))]})),e.jsxs("div",i({className:L,style:i({display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center",border:"1px solid ".concat(x?"red":D?"blue":"black"),borderRadius:"5px",padding:"4px",marginTop:"4px",marginBottom:"4px",minHeight:"54px"},w)},{children:[j&&e.jsx("div",i({style:{display:"flex",alignItems:"center",marginLeft:"8px"}},{children:j})),e.jsx("input",i({ref:O,name:h,value:V,onChange:function(e){var t=e.target.value;z(t),F&&F(t)},onFocus:function(){H(!0)},onBlur:function(){H(!1)},placeholder:y,className:I,style:i({borderColor:"transparent",outline:"none",padding:"8px",width:"100%",fontSize:"16px"},m),type:W?"text":"password"},E)),T&&e.jsx("div",i({style:{display:"flex",alignItems:"center",marginRight:"8px"}},{children:T})),e.jsx("button",i({type:"button",onClick:function(){M(!W)},style:{background:"transparent",border:"none",cursor:"pointer",padding:"4px",marginRight:"4px",display:"flex",alignItems:"center",justifyContent:"center"},"aria-label":W?"Hide password":"Show password"},{children:W?e.jsx(n.EyeOff,{size:20,style:{color:"#666"}}):e.jsx(n.Eye,{size:20,style:{color:"#666"}})}))]})),x&&e.jsx("div",i({style:i({color:"red",fontSize:"14px",marginTop:"4px"},b),className:k},{children:x})),d&&(C&&x?null:e.jsx("div",i({className:v,style:i({},c)},{children:d})))]}))},u=function(t){var n=t.text,o=t.textStyle,a=t.textClassName,l=void 0===a?"":a,r=t.as,s=void 0===r?"p":r,p=t.containerStyle,u=t.containerClassName,d=void 0===u?"":u,c=t.children,m=t.onClick,x=s,C=n||c;return p||d?e.jsx("div",i({style:p,className:d},{children:e.jsx(x,i({style:o,className:l,onClick:m},{children:C}))})):e.jsx(x,i({style:o,className:l,onClick:m},{children:C}))},d=function(n){var o=n.digitCount,a=void 0===o?4:o,l=n.value,r=void 0===l?"":l,s=n.onChange,p=n.digitStyle,u=n.digitClassName,d=void 0===u?"":u,c=n.containerStyle,m=n.containerClassName,x=void 0===m?"":m,C=n.digitPlaceholder,b=void 0===C?"":C,y=n.error,g=void 0!==y&&y,h=n.errorMessage,S=void 0===h?"":h,f=n.errorStyle,N=n.errorClassName,v=void 0===N?"":N,I=n.disabled,k=void 0!==I&&I,L=n.onComplete,w=t.useRef([]);t.useEffect((function(){w.current=w.current.slice(0,a)}),[a]);var j=r.split("").slice(0,a),T=function(e,t){var n,i=t.target.value.slice(-1);if(/^\d*$/.test(i)||""===i){var o=function(e,t,n){if(n||2===arguments.length)for(var i,o=0,a=t.length;o<a;o++)!i&&o in t||(i||(i=Array.prototype.slice.call(t,0,o)),i[o]=t[o]);return e.concat(i||Array.prototype.slice.call(t))}([],j,!0);o[e]=i;var l=o.join("");s(l),""!==i&&e<a-1&&(null===(n=w.current[e+1])||void 0===n||n.focus()),l.length===a&&L&&L(l)}},F=function(e){var t,n;e.preventDefault();var i=e.clipboardData.getData("text").replace(/\D/g,"").slice(0,a);i.length>0&&(s(i),i.length===a?(null===(t=w.current[a-1])||void 0===t||t.focus(),L&&L(i)):null===(n=w.current[i.length])||void 0===n||n.focus())};return e.jsxs("div",{children:[e.jsx("div",i({style:i({display:"flex",gap:"10px",justifyContent:"center"},c),className:x},{children:Array.from({length:a}).map((function(t,n){return e.jsx("input",{ref:function(e){return w.current[n]=e},type:"text",maxLength:1,value:j[n]||"",onChange:function(e){return T(n,e)},onKeyDown:function(e){return function(e,t){var n,i,o;"Backspace"===t.key&&!j[e]&&e>0&&(null===(n=w.current[e-1])||void 0===n||n.focus()),"ArrowLeft"===t.key&&e>0&&(null===(i=w.current[e-1])||void 0===i||i.focus()),"ArrowRight"===t.key&&e<a-1&&(null===(o=w.current[e+1])||void 0===o||o.focus())}(n,e)},onPaste:F,disabled:k,placeholder:b,style:i({width:"50px",height:"60px",fontSize:"24px",textAlign:"center",border:"1px solid #ccc",borderRadius:"8px",outline:"none",boxShadow:g?"0 0 0 2px rgba(220, 38, 38, 0.2)":"none",borderColor:g?"#dc2626":void 0},p),className:d,inputMode:"numeric",pattern:"[0-9]*",autoComplete:"one-time-code"},n)}))})),g&&S&&e.jsx("div",i({style:i({color:"#dc2626",fontSize:"14px",marginTop:"8px",textAlign:"center"},f),className:v},{children:S}))]})};exports.CustomButton=a,exports.CustomInputLabelInternal=l,exports.CustomInputLabelOver=r,exports.CustomPasswordInternal=s,exports.CustomPasswordOver=p,exports.CustomTextBox=u,exports.DigitInput=d,exports.ForgotPasswordSelection=function(t){var n=t.mainContainerStyle,l=t.mainContainerClassName,r=void 0===l?"":l,s=t.logo,p=t.logoSectionClassName,d=t.logoStyle,c=t.title,m=void 0===c?"Forgot Password?":c,x=t.titleStyle,C=t.titleClassName,b=void 0===C?"":C,y=t.subtitleText,g=void 0===y?"Please select option to send link reset password":y,h=t.subtitleStyle,S=t.subtitleClassName,f=void 0===S?"":S,N=t.optionsContainerStyle,v=t.optionsContainerClassName,I=void 0===v?"":v,k=t.emailOptionTitle,L=void 0===k?"Reset Via Email":k,w=t.emailOptionDescription,j=void 0===w?"Code will be sent to your registered email address.":w,T=t.emailOptionContainerStyle,F=t.emailOptionContainerClassName,B=void 0===F?"":F,E=t.emailOptionTitleStyle,O=t.emailOptionTitleClassName,R=void 0===O?"":O,D=t.emailOptionDescriptionStyle,H=t.emailOptionDescriptionClassName,P=void 0===H?"":H,V=t.emailIcon,z=t.emailIconContainerStyle,A=t.emailIconContainerClassName,W=void 0===A?"":A,M=t.phoneOptionTitle,q=void 0===M?"Reset Via Phone":M,U=t.phoneOptionDescription,Z=void 0===U?"Code will be sent to your registered Phone Number.":U,_=t.phoneOptionContainerStyle,$=t.phoneOptionContainerClassName,G=void 0===$?"":$,K=t.phoneOptionTitleStyle,Y=t.phoneOptionTitleClassName,J=void 0===Y?"":Y,Q=t.phoneOptionDescriptionStyle,X=t.phoneOptionDescriptionClassName,ee=void 0===X?"":X,te=t.phoneIcon,ne=t.phoneIconContainerStyle,ie=t.phoneIconContainerClassName,oe=void 0===ie?"":ie,ae=t.selectedOption,le=void 0===ae?null:ae,re=t.onOptionSelect,se=void 0===re?function(){}:re,pe=t.selectedOptionIndicatorStyle,ue=t.selectedOptionIndicatorClassName,de=void 0===ue?"":ue,ce=t.sendCodeButtonText,me=void 0===ce?"Send Code":ce,xe=t.onSendCode,Ce=void 0===xe?function(){}:xe,be=t.sendCodeButtonStyle,ye=t.sendCodeButtonClassName,ge=void 0===ye?"":ye,he=t.resendLinkText,Se=void 0===he?"Resend":he,fe=t.onResend,Ne=void 0===fe?function(){}:fe,ve=t.resendContainerStyle,Ie=t.resendContainerClassName,ke=void 0===Ie?"":Ie,Le=t.didntReceiveText,we=void 0===Le?"Didn't received link?":Le,je=t.didntReceiveTextStyle,Te=t.didntReceiveTextClassName,Fe=void 0===Te?"":Te,Be=t.resendLinkStyle,Ee=t.resendLinkClassName,Oe=void 0===Ee?"":Ee,Re=t.cancelButtonText,De=void 0===Re?"Cancel":Re,He=t.onCancel,Pe=void 0===He?function(){}:He,Ve=t.cancelButtonStyle,ze=t.cancelButtonClassName,Ae=void 0===ze?"":ze,We=t.buttonColor,Me=void 0===We?"primary":We,qe=t.buttonVariant,Ue=void 0===qe?"solid":qe,Ze=t.buttonDisabled,_e=void 0!==Ze&&Ze,$e=t.buttonFullWidth,Ge=void 0===$e||$e,Ke=o(t,["mainContainerStyle","mainContainerClassName","logo","logoSectionClassName","logoStyle","title","titleStyle","titleClassName","subtitleText","subtitleStyle","subtitleClassName","optionsContainerStyle","optionsContainerClassName","emailOptionTitle","emailOptionDescription","emailOptionContainerStyle","emailOptionContainerClassName","emailOptionTitleStyle","emailOptionTitleClassName","emailOptionDescriptionStyle","emailOptionDescriptionClassName","emailIcon","emailIconContainerStyle","emailIconContainerClassName","phoneOptionTitle","phoneOptionDescription","phoneOptionContainerStyle","phoneOptionContainerClassName","phoneOptionTitleStyle","phoneOptionTitleClassName","phoneOptionDescriptionStyle","phoneOptionDescriptionClassName","phoneIcon","phoneIconContainerStyle","phoneIconContainerClassName","selectedOption","onOptionSelect","selectedOptionIndicatorStyle","selectedOptionIndicatorClassName","sendCodeButtonText","onSendCode","sendCodeButtonStyle","sendCodeButtonClassName","resendLinkText","onResend","resendContainerStyle","resendContainerClassName","didntReceiveText","didntReceiveTextStyle","didntReceiveTextClassName","resendLinkStyle","resendLinkClassName","cancelButtonText","onCancel","cancelButtonStyle","cancelButtonClassName","buttonColor","buttonVariant","buttonDisabled","buttonFullWidth"]),Ye=e.jsx("div",i({style:i({width:"40px",height:"40px",borderRadius:"50%",backgroundColor:"#6B68D8",display:"flex",justifyContent:"center",alignItems:"center"},z),className:W},{children:e.jsxs("svg",i({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[e.jsx("path",{d:"M3 7.8C3 6.11984 3 5.27976 3.32698 4.63803C3.6146 4.07354 4.07354 3.6146 4.63803 3.32698C5.27976 3 6.11984 3 7.8 3H16.2C17.8802 3 18.7202 3 19.362 3.32698C19.9265 3.6146 20.3854 4.07354 20.673 4.63803C21 5.27976 21 6.11984 21 7.8V16.2C21 17.8802 21 18.7202 20.673 19.362C20.3854 19.9265 19.9265 20.3854 19.362 20.673C18.7202 21 17.8802 21 16.2 21H7.8C6.11984 21 5.27976 21 4.63803 20.673C4.07354 20.3854 3.6146 19.9265 3.32698 19.362C3 18.7202 3 17.8802 3 16.2V7.8Z",stroke:"white",strokeWidth:"2"}),e.jsx("path",{d:"M3 9L10.2 13.65C10.8802 14.1 11.2202 14.325 11.5839 14.3941C11.8279 14.4514 12.1721 14.4514 12.4161 14.3941C12.7798 14.325 13.1198 14.1 13.8 13.65L21 9",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}))})),Je=e.jsx("div",i({style:i({width:"40px",height:"40px",borderRadius:"50%",backgroundColor:"#6B68D8",display:"flex",justifyContent:"center",alignItems:"center"},ne),className:oe},{children:e.jsx("svg",i({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e.jsx("path",{d:"M14.5 6.5C15.2372 6.64382 15.9689 6.96892 16.5 7.5C17.0311 8.03108 17.3562 8.76284 17.5 9.5M15 3C16.5768 3.16 18.0268 3.75543 19.1679 4.75944C20.309 5.76345 21.0023 7.11769 21 8.5M20.9995 16.4767V19.1864C21.0037 20.2223 20.0723 21.0873 19.0265 20.9929C10.0001 21 3.00006 13.935 3.00713 4.96919C2.91294 3.92895 3.77364 3.00106 4.80817 3.00009H7.52331C7.96253 2.99577 8.38835 3.151 8.72138 3.43684C9.66819 4.24949 10.2772 7.00777 10.0429 8.10428C9.85994 8.96036 8.99696 9.55929 8.41026 10.1448C9.69864 12.4062 11.5747 14.2785 13.8405 15.5644C14.4272 14.9788 15.0274 14.1176 15.8851 13.935C16.9855 13.7008 19.7615 14.3106 20.5709 15.264C20.858 15.6021 21.0105 16.0337 20.9995 16.4767Z",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}))})),Qe=e.jsx("div",i({style:i({width:"24px",height:"24px",borderRadius:"50%",backgroundColor:"#6B68D8",display:"flex",justifyContent:"center",alignItems:"center"},pe),className:de},{children:e.jsx("svg",i({width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e.jsx("path",{d:"M13.3334 4L6.00008 11.3333L2.66675 8",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}))}));return e.jsxs("div",i({style:i({maxWidth:"500px",margin:"0 auto",padding:"24px",backgroundColor:"#FFFFFF",borderRadius:"16px",boxShadow:"0px 4px 20px rgba(0, 0, 0, 0.1)",height:"fit-content"},n),className:r},{children:[s&&e.jsx("div",i({className:p,style:i(i({},d),{display:"flex",justifyContent:"center",alignItems:"center",width:"100%",height:"100%",padding:"12px 0",margin:"12px 0"})},{children:s})),e.jsx(u,{as:"h1",text:m,textStyle:i({color:"black",fontSize:"32px",fontWeight:"bold",textAlign:"center",marginBottom:"12px"},x),textClassName:b}),e.jsx(u,{text:g,textStyle:i({color:"darkgray",fontSize:"16px",textAlign:"center",marginBottom:"24px"},h),textClassName:f}),e.jsxs("div",i({style:i({display:"flex",flexDirection:"column",gap:"16px",marginBottom:"24px"},N),className:I},{children:[e.jsxs("div",i({style:i({display:"flex",alignItems:"center",padding:"16px",borderRadius:"12px",cursor:"pointer",border:"email"===le?"1px solid #6B68D8":"1px solid black"},T),className:B,onClick:function(){return se("email")}},{children:[V||Ye,e.jsxs("div",i({style:{marginLeft:"16px",flex:1}},{children:[e.jsx(u,{as:"h3",text:L,textStyle:i({color:"black",fontSize:"18px",fontWeight:"600",marginBottom:"4px"},E),textClassName:R}),e.jsx(u,{text:j,textStyle:i({color:"darkgray",fontSize:"14px"},D),textClassName:P})]})),"email"===le&&Qe]})),e.jsxs("div",i({style:i({display:"flex",alignItems:"center",padding:"16px",borderRadius:"12px",cursor:"pointer",border:"phone"===le?"1px solid #6B68D8":"1px solid black"},_),className:G,onClick:function(){return se("phone")}},{children:[te||Je,e.jsxs("div",i({style:{marginLeft:"16px",flex:1}},{children:[e.jsx(u,{as:"h3",text:q,textStyle:i({color:"black",fontSize:"18px",fontWeight:"600",marginBottom:"4px"},K),textClassName:J}),e.jsx(u,{text:Z,textStyle:i({color:"darkgray",fontSize:"14px"},Q),textClassName:ee})]})),"phone"===le&&Qe]}))]})),e.jsx(a,i({buttonChildren:me,buttonColor:Me,buttonVariant:Ue,buttonFullWidth:Ge,buttonDisabled:!le||_e,buttonOnClick:Ce,buttonStyle:i({padding:"16px",backgroundColor:"#9D8DF8",fontSize:"16px",fontWeight:"600",marginBottom:"16px"},be),buttonClassName:ge},Ke)),e.jsx(a,{buttonChildren:De,buttonColor:"light",buttonVariant:"ghost",buttonFullWidth:Ge,buttonOnClick:Pe,buttonStyle:i({padding:"16px",fontSize:"16px",fontWeight:"600",marginBottom:"16px"},Ve),buttonClassName:Ae}),e.jsxs("div",i({style:i({display:"flex",justifyContent:"center",alignItems:"center",gap:"8px"},ve),className:ke},{children:[e.jsx(u,{text:we,textStyle:i({color:"#C8C8D8",fontSize:"14px"},je),textClassName:Fe}),e.jsx(u,{as:"span",text:Se,textStyle:i({color:"#9D8DF8",fontSize:"14px",fontWeight:"600",cursor:"pointer"},Be),textClassName:Oe,onClick:Ne})]}))]}))},exports.ForgotPasswordTraditional=function(t){var n=t.mainContainerStyle,l=t.mainContainerClassName,p=void 0===l?"":l,d=t.logo,c=t.logoSectionClassName,m=t.logoStyle,x=t.title,C=void 0===x?"Forgot your password?":x,b=t.titleStyle,y=t.titleClassName,g=void 0===y?"":y,h=t.descriptionText,S=void 0===h?"A code will be sent to your email to help reset password":h,f=t.descriptionStyle,N=t.descriptionClassName,v=void 0===N?"":N,I=t.formContainerStyle,k=t.formContainerClassName,L=void 0===k?"":k,w=t.emailInputLabel,j=void 0===w?"Email Address":w,T=t.emailInputValue,F=void 0===T?"":T,B=t.handleEmailChange,E=t.labelPosition,O=void 0===E?"over":E,R=t.emailInputError,D=t.emailInputHelperText,H=t.emailInputPlaceholder,P=void 0===H?"Enter your email address":H,V=t.onResetPassword,z=void 0===V?function(){}:V,A=t.resetButtonText,W=void 0===A?"Reset password":A,M=t.resetButtonStyle,q=t.resetButtonClassName,U=void 0===q?"":q,Z=t.backToLoginText,_=void 0===Z?"Back to login":Z,$=t.onBackToLogin,G=void 0===$?function(){}:$,K=t.backToLoginStyle,Y=t.backToLoginClassName,J=void 0===Y?"":Y,Q=t.cancelButtonText,X=void 0===Q?"Cancel":Q,ee=t.onCancel,te=void 0===ee?function(){}:ee,ne=t.cancelButtonStyle,ie=t.cancelButtonClassName,oe=void 0===ie?"":ie,ae=t.buttonColor,le=void 0===ae?"primary":ae,re=t.buttonVariant,se=void 0===re?"solid":re,pe=t.buttonDisabled,ue=void 0!==pe&&pe,de=t.buttonFullWidth,ce=void 0===de||de,me=t.inputLeftIcon,xe=t.inputRightIcon,Ce=t.inputContainerClassName,be=void 0===Ce?"":Ce,ye=t.inputContainerStyle,ge=t.inputLabelClassName,he=void 0===ge?"":ge,Se=t.inputLabelStyle,fe=t.inputFieldClassName,Ne=void 0===fe?"":fe,ve=t.inputFieldStyle,Ie=t.inputErrorClassName,ke=void 0===Ie?"":Ie,Le=t.inputErrorStyle,we=t.inputHelperTextClassName,je=void 0===we?"":we,Te=t.inputHelperTextStyle,Fe=o(t,["mainContainerStyle","mainContainerClassName","logo","logoSectionClassName","logoStyle","title","titleStyle","titleClassName","descriptionText","descriptionStyle","descriptionClassName","formContainerStyle","formContainerClassName","emailInputLabel","emailInputValue","handleEmailChange","labelPosition","emailInputError","emailInputHelperText","emailInputPlaceholder","onResetPassword","resetButtonText","resetButtonStyle","resetButtonClassName","backToLoginText","onBackToLogin","backToLoginStyle","backToLoginClassName","cancelButtonText","onCancel","cancelButtonStyle","cancelButtonClassName","buttonColor","buttonVariant","buttonDisabled","buttonFullWidth","inputLeftIcon","inputRightIcon","inputContainerClassName","inputContainerStyle","inputLabelClassName","inputLabelStyle","inputFieldClassName","inputFieldStyle","inputErrorClassName","inputErrorStyle","inputHelperTextClassName","inputHelperTextStyle"]),Be={inputLabel:j,inputValue:F,inputOnChange:B,inputError:R,inputHelperText:D,inputPlaceholder:P,inputLeftIcon:me,inputRightIcon:xe,inputContainerClassName:be,inputContainerStyle:ye,inputLabelClassName:he,inputLabelStyle:Se,inputFieldClassName:Ne,inputFieldStyle:ve,inputErrorClassName:ke,inputErrorStyle:Le,inputHelperTextClassName:je,inputHelperTextStyle:Te,inputRegex:"^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$",inputstyletype:"email",inputRequired:!0};return e.jsxs("div",i({style:i({maxWidth:"500px",margin:"0 auto",padding:"24px",backgroundColor:"#FFFFFF",borderRadius:"16px",boxShadow:"0px 4px 20px rgba(0, 0, 0, 0.1)",height:"fit-content"},n),className:p},{children:[d&&e.jsx("div",i({className:c,style:i(i({},m),{display:"flex",justifyContent:"center",alignItems:"center",width:"100%",height:"100%",padding:"12px 0",margin:"12px 0"})},{children:d})),e.jsx(u,{as:"h1",text:C,textStyle:i({fontSize:"28px",fontWeight:"bold",textAlign:"center",marginBottom:"12px",color:"#333333"},b),textClassName:g}),e.jsx(u,{text:S,textStyle:i({fontSize:"16px",textAlign:"center",marginBottom:"24px",color:"#666666"},f),textClassName:v}),e.jsxs("form",i({style:i({display:"flex",flexDirection:"column",gap:"20px"},I),className:L,onSubmit:function(e){e.preventDefault(),z()}},{children:["over"===O?e.jsx(r,i({},Be)):e.jsx(s,i({},Be)),e.jsx(a,i({buttonChildren:W,buttonColor:le,buttonVariant:se,buttonFullWidth:ce,buttonDisabled:!F||ue,buttonOnClick:z,type:"submit",buttonStyle:i({padding:"12px",fontSize:"16px",fontWeight:"600",marginTop:"8px"},M),buttonClassName:U},Fe)),e.jsx(a,{buttonChildren:X,buttonColor:"light",buttonVariant:"ghost",buttonFullWidth:ce,buttonOnClick:te,buttonStyle:i({padding:"12px",fontSize:"16px",fontWeight:"600"},ne),buttonClassName:oe}),e.jsx("div",i({style:{display:"flex",justifyContent:"center",alignItems:"center",marginTop:"8px"}},{children:e.jsx(u,{as:"span",text:_,textStyle:i({color:"#3B82F6",fontSize:"14px",fontWeight:"600",cursor:"pointer"},K),textClassName:J,onClick:G})}))]}))]}))},exports.Login=function(t){var u=t.mainLoginSectionStyle,d=t.emailInputLabel,c=t.emailInputValue,m=t.handleInputEmailChange,x=t.emailInputId,C=t.emailInputRequired,b=t.emailInputRegex,y=t.emailInputError,g=t.emailInputRightIcon,h=t.emailInputHelperText,S=t.labelPosition,f=void 0===S?"over":S,N=t.passwordInputLabel,v=t.passwordInputValue,I=t.handleInputPasswordChange,k=t.passwordInputId,L=t.passwordInputRequired,w=t.passwordInputError,j=t.passwordInputHelperText,T=t.passwordInputLeftIcon,F=t.logo,B=t.logoSectionClassName,E=t.logoStyle,O=t.title,R=t.subTitle,D=t.titleSectionStyle,H=t.titleSectionClassName,P=t.titleStyle,V=t.titleClassName,z=t.subTitleStyle,A=t.subTitleClassName,W=t.checkBokSectionClassName,M=t.checkBoxSectionStyle,q=t.checkboxStyle,U=t.primaryColorCheckbox,Z=t.checkboxClassName,_=t.onCheckboxClick,$=t.rememberMeValue,G=t.rememberMeLabel,K=t.rememberMeLabelStyle,Y=t.rememberMeLabelClassName,J=t.buttonSectionClassName,Q=t.buttonSectionStyle,X=t.submitLabel,ee=t.primaryButtonColor,te=t.primaryButtonTextColor,ne=t.buttonStyle,ie=t.buttonRightIcon,oe=t.buttonVariant,ae=t.buttonSize,le=t.buttonColor,re=t.buttonLeftIcon,se=t.buttonFullWidth,pe=t.buttonRounded,ue=t.buttonDisabled,de=t.buttonClassName,ce=t.buttonOnClick,me=t.buttonType,xe=void 0===me?"submit":me,Ce=t.buttonChildren,be=t.linksSectionStyle,ye=t.linksSectionClassName,ge=t.noAccountLabel,he=void 0===ge?"Don't have an account?".concat(" "):ge,Se=t.onCreateAccount,fe=t.noAccountLabelStyle,Ne=t.noAccountLabelClassName,ve=t.createAccountLabellinkStyle,Ie=t.createAccountLabellinkClassName,ke=t.createAccountLabel,Le=void 0===ke?"Sign Up":ke,we=t.forgotPasswordLabel,je=void 0===we?"Forgot password":we,Te=t.forgotPasswordLabelPStyle,Fe=t.forgotPasswordLabelPClassName,Be=t.forgotPasswordLabelAStyle,Ee=t.forgotPasswordLabelAClassName,Oe=t.onForgotPassword,Re=t.emailInputLabelStyle,De=t.emailHelperTextStyle,He=t.emailInputFieldStyle,Pe=t.emailInputHideOnError,Ve=t.emailInputErrorStyle,ze=t.emailInputContainerClassName,Ae=t.emailInputLabelClassName,We=t.emailInputHelperTextClassName,Me=t.emailInputFieldClassName,qe=t.emailInputErrorClassName,Ue=t.emailInputLabelContainerClassName,Ze=t.emailInputLabelContainerStyle,_e=t.emailInputLeftIcon,$e=t.emailInputOnValidation,Ge=t.emailInputPlaceholder,Ke=t.emailInputContainerStyle,Ye=t.passwordInputLabelStyle,Je=t.passwordInputHelperTextStyle,Qe=t.passwordInputFieldStyle,Xe=t.passwordInputHideOnError,et=t.passwordInputErrorStyle,tt=t.passwordInputPlaceholder,nt=t.passwordInputContainerClassName,it=t.passwordInputLabelClassName,ot=t.passwordInputHelperTextClassName,at=t.passwordInputFieldClassName,lt=t.passwordInputErrorClassName,rt=t.passwordInputLabelContainerClassName,st=t.passwordInputLabelContainerStyle,pt=t.passwordInputContainerStyle,ut=t.labelMatchBackground,dt=o(t,["mainLoginSectionStyle","emailInputLabel","emailInputValue","handleInputEmailChange","emailInputId","emailInputRequired","emailInputRegex","emailInputError","emailInputRightIcon","emailInputHelperText","labelPosition","passwordInputLabel","passwordInputValue","handleInputPasswordChange","passwordInputId","passwordInputRequired","passwordInputError","passwordInputHelperText","passwordInputLeftIcon","logo","logoSectionClassName","logoStyle","title","subTitle","titleSectionStyle","titleSectionClassName","titleStyle","titleClassName","subTitleStyle","subTitleClassName","checkBokSectionClassName","checkBoxSectionStyle","checkboxStyle","primaryColorCheckbox","checkboxClassName","onCheckboxClick","rememberMeValue","rememberMeLabel","rememberMeLabelStyle","rememberMeLabelClassName","buttonSectionClassName","buttonSectionStyle","submitLabel","primaryButtonColor","primaryButtonTextColor","buttonStyle","buttonRightIcon","buttonVariant","buttonSize","buttonColor","buttonLeftIcon","buttonFullWidth","buttonRounded","buttonDisabled","buttonClassName","buttonOnClick","buttonType","buttonChildren","linksSectionStyle","linksSectionClassName","noAccountLabel","onCreateAccount","noAccountLabelStyle","noAccountLabelClassName","createAccountLabellinkStyle","createAccountLabellinkClassName","createAccountLabel","forgotPasswordLabel","forgotPasswordLabelPStyle","forgotPasswordLabelPClassName","forgotPasswordLabelAStyle","forgotPasswordLabelAClassName","onForgotPassword","emailInputLabelStyle","emailHelperTextStyle","emailInputFieldStyle","emailInputHideOnError","emailInputErrorStyle","emailInputContainerClassName","emailInputLabelClassName","emailInputHelperTextClassName","emailInputFieldClassName","emailInputErrorClassName","emailInputLabelContainerClassName","emailInputLabelContainerStyle","emailInputLeftIcon","emailInputOnValidation","emailInputPlaceholder","emailInputContainerStyle","passwordInputLabelStyle","passwordInputHelperTextStyle","passwordInputFieldStyle","passwordInputHideOnError","passwordInputErrorStyle","passwordInputPlaceholder","passwordInputContainerClassName","passwordInputLabelClassName","passwordInputHelperTextClassName","passwordInputFieldClassName","passwordInputErrorClassName","passwordInputLabelContainerClassName","passwordInputLabelContainerStyle","passwordInputContainerStyle","labelMatchBackground"]);console.log("emailInputHideOnError",Pe),console.log("passwordInputHideOnError",Xe);var ct;return e.jsxs("div",i({style:i({minWidth:"270px",height:"fit-content",backgroundColor:"#ffff",display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",maxWidth:"500px",margin:"0 auto",padding:"24px",borderRadius:"16px",boxShadow:"0px 4px 20px rgba(0, 0, 0, 0.1)"},u)},{children:[F&&e.jsx("div",i({className:B,style:i(i({},E),{display:"flex",justifyContent:"center",alignItems:"center",width:"100%",height:"100%",padding:"12px 0",margin:"12px 0"})},{children:F})),O&&e.jsxs("div",i({style:i(i({},D),{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",width:"100%",height:"100%",padding:"12px 0",margin:"12px 0"}),className:H},{children:[e.jsx("p",i({style:i(i({},P),{fontSize:"32px",margin:"5px"}),className:V},{children:O})),e.jsx("p",i({style:i(i({},z),{fontSize:"18px",margin:"5px"}),className:A},{children:R}))]})),e.jsxs("div",i({style:{width:"100%",height:"fit-content"}},{children:[(ct=i({inputLabel:d,inputValue:c,inputOnChange:m,inputstyletype:"email",inputName:"email",inputId:x,inputRequired:C,inputRegex:b,inputError:y,inputHelperText:h,inputRightIcon:g,inputLabelStyle:Re,inputHelperTextStyle:De,inputFieldStyle:He,inputHideOnError:Pe,inputErrorStyle:Ve,inputContainerClassName:ze,inputLabelClassName:Ae,inputHelperTextClassName:We,inputFieldClassName:Me,inputErrorClassName:qe,inputLabelContainerClassName:Ue,inputLabelContainerStyle:Ze,inputLeftIcon:_e,inputOnValidation:$e,inputPlaceholder:Ge,inputContainerStyle:Ke,labelMatchBackground:ut},dt),"internal"===f?e.jsx(l,i({},ct)):e.jsx(r,i({},ct))),function(){var t={inputLabel:N,inputValue:v,inputOnChange:I,inputstyletype:"password",inputName:"password",inputId:k,inputRequired:L,inputError:w,inputHelperText:j,inputLeftIcon:T,inputLabelStyle:Ye,inputHelperTextStyle:Je,inputFieldStyle:Qe,inputHideOnError:Xe,inputErrorStyle:et,inputPlaceholder:tt,inputContainerClassName:nt,inputLabelClassName:it,inputHelperTextClassName:ot,inputFieldClassName:at,inputErrorClassName:lt,inputLabelContainerClassName:rt,inputLabelContainerStyle:st,inputContainerStyle:pt,labelMatchBackground:ut,props:dt};return"internal"===f?e.jsx(s,i({},t)):e.jsx(p,i({},t))}()]})),e.jsxs("div",i({style:i(i({},M),{display:"flex",alignItems:"center",marginBottom:"22px",width:"100%",padding:"12px 0"}),className:W},{children:[e.jsx("div",i({style:i(i({},q),{width:"24px",height:"24px",backgroundColor:$?U:"white",borderRadius:"6px",border:"2px solid ".concat($?U:"#CBD5E0"),display:"flex",alignItems:"center",justifyContent:"center",marginRight:"12px",cursor:"pointer"}),className:Z,onClick:function(e){return _&&_(e)},role:"checkbox","aria-checked":$,tabIndex:0},{children:$&&e.jsx(n.Check,{size:16,color:"red"})})),e.jsx("label",i({style:i({cursor:"pointer"},K),className:Y},{children:G}))]})),e.jsx("div",i({style:i({},Q),className:J},{children:e.jsx(a,{primaryButtonColor:ee,primaryButtonTextColor:te,buttonStyle:ne,buttonRightIcon:ie,buttonVariant:oe,buttonSize:ae,buttonColor:le,buttonLeftIcon:re,buttonFullWidth:se,buttonRounded:pe,buttonDisabled:ue,buttonClassName:de,buttonOnClick:ce,type:xe,buttonChildren:Ce||X})})),e.jsxs("div",i({style:i(i({},be),{display:"flex",flexDirection:"column",width:"100%",justifyContent:"center",alignItems:"center",margin:"10px 0"}),className:ye},{children:[e.jsxs("p",i({style:i(i({},fe),{padding:"0",margin:"2px 0"}),className:Ne},{children:[he,e.jsx("a",i({href:"#",onClick:function(e){e.preventDefault(),Se&&Se()},style:i({},ve),className:Ie},{children:Le}))]})),e.jsx("p",i({style:i(i({},Te),{padding:" 0",margin:"2px 0"}),className:Fe},{children:e.jsx("a",i({href:"#",onClick:function(e){e.preventDefault(),Oe&&Oe()},style:i({},Be),className:Ee},{children:je}))}))]}))]}))},exports.ResetPassword=function(t){var n=t.mainContainerStyle,l=t.mainContainerClassName,r=void 0===l?"":l,d=t.logo,c=t.logoSectionClassName,m=t.logoStyle,x=t.title,C=void 0===x?"Set new password":x,b=t.titleStyle,y=t.titleClassName,g=void 0===y?"":y,h=t.descriptionText,S=void 0===h?"Your new password must be different to previously used passwords.":h,f=t.descriptionStyle,N=t.descriptionClassName,v=void 0===N?"":N,I=t.formContainerStyle,k=t.formContainerClassName,L=void 0===k?"":k,w=t.passwordInputLabel,j=void 0===w?"Password":w,T=t.passwordInputValue,F=void 0===T?"":T,B=t.handlePasswordChange,E=t.labelPosition,O=void 0===E?"over":E,R=t.passwordInputError,D=t.passwordInputHelperText,H=void 0===D?"Must be at least 8 characters.":D,P=t.passwordInputPlaceholder,V=void 0===P?"••••••••":P,z=t.passwordInputContainerStyle,A=t.passwordInputContainerClassName,W=void 0===A?"":A,M=t.confirmPasswordInputLabel,q=void 0===M?"Confirm password":M,U=t.confirmPasswordInputValue,Z=void 0===U?"":U,_=t.handleConfirmPasswordChange,$=t.confirmPasswordInputError,G=t.confirmPasswordInputHelperText,K=t.confirmPasswordInputPlaceholder,Y=void 0===K?"••••••••":K,J=t.confirmPasswordInputContainerStyle,Q=t.confirmPasswordInputContainerClassName,X=void 0===Q?"":Q,ee=t.onResetPassword,te=void 0===ee?function(){}:ee,ne=t.resetButtonText,ie=void 0===ne?"Reset password":ne,oe=t.resetButtonStyle,ae=t.resetButtonClassName,le=void 0===ae?"":ae,re=t.backToLoginText,se=void 0===re?"Back to log in":re,pe=t.onBackToLogin,ue=void 0===pe?function(){}:pe,de=t.backToLoginStyle,ce=t.backToLoginClassName,me=void 0===ce?"":ce,xe=t.buttonColor,Ce=void 0===xe?"primary":xe,be=t.buttonVariant,ye=void 0===be?"solid":be,ge=t.buttonDisabled,he=void 0!==ge&&ge,Se=t.buttonFullWidth,fe=void 0===Se||Se,Ne=t.inputLeftIcon,ve=t.inputRightIcon,Ie=t.inputContainerClassName,ke=void 0===Ie?"":Ie,Le=t.inputContainerStyle,we=t.inputLabelClassName,je=void 0===we?"":we,Te=t.inputLabelStyle,Fe=t.inputFieldClassName,Be=void 0===Fe?"":Fe,Ee=t.inputFieldStyle,Oe=t.inputErrorClassName,Re=void 0===Oe?"":Oe,De=t.inputErrorStyle,He=t.inputHelperTextClassName,Pe=void 0===He?"":He,Ve=t.inputHelperTextStyle,ze=o(t,["mainContainerStyle","mainContainerClassName","logo","logoSectionClassName","logoStyle","title","titleStyle","titleClassName","descriptionText","descriptionStyle","descriptionClassName","formContainerStyle","formContainerClassName","passwordInputLabel","passwordInputValue","handlePasswordChange","labelPosition","passwordInputError","passwordInputHelperText","passwordInputPlaceholder","passwordInputContainerStyle","passwordInputContainerClassName","confirmPasswordInputLabel","confirmPasswordInputValue","handleConfirmPasswordChange","confirmPasswordInputError","confirmPasswordInputHelperText","confirmPasswordInputPlaceholder","confirmPasswordInputContainerStyle","confirmPasswordInputContainerClassName","onResetPassword","resetButtonText","resetButtonStyle","resetButtonClassName","backToLoginText","onBackToLogin","backToLoginStyle","backToLoginClassName","buttonColor","buttonVariant","buttonDisabled","buttonFullWidth","inputLeftIcon","inputRightIcon","inputContainerClassName","inputContainerStyle","inputLabelClassName","inputLabelStyle","inputFieldClassName","inputFieldStyle","inputErrorClassName","inputErrorStyle","inputHelperTextClassName","inputHelperTextStyle"]),Ae={inputLabel:j,inputValue:F,inputOnChange:B,inputError:R,inputHelperText:H,inputPlaceholder:V,inputLeftIcon:Ne,inputRightIcon:ve,inputContainerClassName:ke,inputContainerStyle:i(i({},Le),z),inputLabelClassName:je,inputLabelStyle:Te,inputFieldClassName:Be,inputFieldStyle:Ee,inputErrorClassName:Re,inputErrorStyle:De,inputHelperTextClassName:Pe,inputHelperTextStyle:Ve,inputstyletype:"password",inputRequired:!0},We={inputLabel:q,inputValue:Z,inputOnChange:_,inputError:$,inputHelperText:G,inputPlaceholder:Y,inputLeftIcon:Ne,inputRightIcon:ve,inputContainerClassName:ke,inputContainerStyle:i(i({},Le),J),inputLabelClassName:je,inputLabelStyle:Te,inputFieldClassName:Be,inputFieldStyle:Ee,inputErrorClassName:Re,inputErrorStyle:De,inputHelperTextClassName:Pe,inputHelperTextStyle:Ve,inputstyletype:"password",inputRequired:!0};return e.jsxs("div",i({style:i({maxWidth:"500px",margin:"0 auto",padding:"24px",backgroundColor:"#FFFFFF",borderRadius:"16px",boxShadow:"0px 4px 20px rgba(0, 0, 0, 0.1)",height:"fit-content"},n),className:r},{children:[d&&e.jsx("div",i({className:c,style:i(i({},m),{display:"flex",justifyContent:"center",alignItems:"center",width:"100%",height:"100%",padding:"12px 0",margin:"12px 0"})},{children:d})),e.jsx(u,{as:"h1",text:C,textStyle:i({fontSize:"24px",fontWeight:"bold",textAlign:"center",marginBottom:"8px",color:"#333333"},b),textClassName:g}),e.jsx(u,{text:S,textStyle:i({fontSize:"16px",textAlign:"center",marginBottom:"24px",color:"#666666"},f),textClassName:v}),e.jsxs("form",i({style:i({display:"flex",flexDirection:"column",gap:"16px"},I),className:L,onSubmit:function(e){e.preventDefault(),te()}},{children:[e.jsx("div",i({style:z,className:W},{children:"over"===O?e.jsx(p,i({},Ae)):e.jsx(s,i({},Ae))})),e.jsx(