@dropins/storefront-auth 0.0.1-alpha6 → 0.0.1-alpha8

package/api.js

@@ -1,8 +1 @@
-import{c as x,a as R,g as S}from"./chunks/createCustomerAddress.js";import{C as s,d as m,p as i,E as n}from"./chunks/getStoreConfig.js";import{g as G,a as K,b as N}from"./chunks/getStoreConfig.js";import{r as A}from"./chunks/requestPasswordResetEmail.js";import{r as M}from"./chunks/resetPassword.js";import{f as c,h as u}from"./chunks/setReCaptchaToken.js";import{g as U,r as H,s as P,a as I,b as V}from"./chunks/setReCaptchaToken.js";import{events as f}from"@dropins/tools/event-bus.js";import{c as y}from"./chunks/confirmEmail.js";import{r as B}from"./chunks/resendConfirmationEmail.js";import{c as $,i as j}from"./chunks/initialize.js";import"./chunks/transform-attributes-form.js";import"@dropins/tools/recaptcha.js";import"@dropins/tools/fetch-graphql.js";import"@dropins/tools/lib.js";const E=e=>{var r,o,a;let t="";return(r=e==null?void 0:e.errors)!=null&&r.length&&(t=((o=e==null?void 0:e.errors[0])==null?void 0:o.message)||"Unknown error"),{message:t,success:!!((a=e==null?void 0:e.data)!=null&&a.revokeCustomerToken)}},h=`
-  mutation REVOKE_CUSTOMER_TOKEN {
-    revokeCustomerToken {
-      result
-    }
-  }
-`,O=async()=>await c(h,{method:"POST"}).then(e=>{const t=E(e);if(t!=null&&t.success)[s.auth_dropin_user_token,s.auth_dropin_firstname].forEach(r=>{m(r)}),f.emit("authenticated",!1),i(n.SIGN_OUT,{logoutAttempt:!0});else{const r=`
-          ERROR revokeCustomerToken: ${t.message}`;console.error(r)}return t}).catch(u);export{$ as config,y as confirmEmail,x as createCustomer,R as createCustomerAddress,c as fetchGraphQl,S as getAttributesForm,U as getConfig,G as getCustomerData,K as getCustomerToken,N as getStoreConfig,j as initialize,H as removeFetchGraphQlHeader,A as requestPasswordResetEmail,B as resendConfirmationEmail,M as resetPassword,O as revokeCustomerToken,P as setEndpoint,I as setFetchGraphQlHeader,V as setFetchGraphQlHeaders};
+import{c as p,a as f,g}from"./chunks/createCustomerAddress.js";import{g as c,a as x}from"./chunks/getCustomerToken.js";import{g as h}from"./chunks/getStoreConfig.js";import{r as C}from"./chunks/requestPasswordResetEmail.js";import{r as E}from"./chunks/resetPassword.js";import{r as G}from"./chunks/revokeCustomerToken.js";import{c as k}from"./chunks/confirmEmail.js";import{r as b}from"./chunks/resendConfirmationEmail.js";import{c as w,i as A}from"./chunks/initialize.js";import{f as T,g as q,r as z,s as D,a as R,b as S}from"./chunks/network-error.js";import"./chunks/setReCaptchaToken.js";import"@dropins/tools/recaptcha.js";import"@dropins/tools/event-bus.js";import"./chunks/transform-attributes-form.js";import"@dropins/tools/lib.js";import"@dropins/tools/fetch-graphql.js";export{w as config,k as confirmEmail,p as createCustomer,f as createCustomerAddress,T as fetchGraphQl,g as getAttributesForm,q as getConfig,c as getCustomerData,x as getCustomerToken,h as getStoreConfig,A as initialize,z as removeFetchGraphQlHeader,C as requestPasswordResetEmail,b as resendConfirmationEmail,E as resetPassword,G as revokeCustomerToken,D as setEndpoint,R as setFetchGraphQlHeader,S as setFetchGraphQlHeaders};

package/chunks/ResetPasswordForm.js

@@ -1 +1 @@
-import{jsxs as l,jsx as e}from"@dropins/tools/preact-jsx-runtime.js";import{classes as R}from"@dropins/tools/lib.js";import"@dropins/tools/event-bus.js";import"@dropins/tools/recaptcha.js";import{r as b}from"./requestPasswordResetEmail.js";import{g,c as w,u as _,T as p,F as x,B as y,S as N}from"./useInLineAlert.js";import{useState as T,useCallback as F}from"@dropins/tools/preact-hooks.js";import{useText as P}from"@dropins/tools/i18n.js";import{InLineAlert as h}from"@dropins/tools/components.js";import{s as E,D as v}from"./simplifyTransformAttributesForm.js";const D=({routeSignIn:i,onErrorCallback:a,setActiveComponent:r,handleSetInLineAlertProps:s})=>{const c=P({successPasswordResetEmailNotification:"Auth.Notification.successPasswordResetEmailNotification"}),[m,t]=T(!1),d=F(async n=>{n.preventDefault(),t(!0);const o=g(n.target);if(o&&o.email){const f=await b(o.email);f.success?s==null||s({type:"success",text:c.successPasswordResetEmailNotification.replace("{email}",o.email)}):(a==null||a(f),s==null||s({type:"error",text:f.message}))}t(!1)},[s,a,c.successPasswordResetEmailNotification]),u=F(()=>{if(w(r)){r("signInForm");return}w(i)&&(window.location.href=i())},[r,i]);return{isLoading:m,submitResetPassword:d,redirectToSignInPage:u}},A=({formSize:i="default",routeSignIn:a,setActiveComponent:r,onErrorCallback:s,...c})=>{const m=P({title:"Auth.ResetPasswordForm.title",buttonPrimary:"Auth.ResetPasswordForm.buttonPrimary",buttonSecondary:"Auth.ResetPasswordForm.buttonSecondary"}),{inLineAlertProps:t,handleSetInLineAlertProps:d}=_(),{isLoading:u,submitResetPassword:n,redirectToSignInPage:o}=D({routeSignIn:a,setActiveComponent:r,onErrorCallback:s,handleSetInLineAlertProps:d});return l("div",{...c,className:R(["auth-resetPasswordForm",i]),"data-testid":"resetPasswordForm",children:[e(p,{text:m.title,bottomLine:!1,className:"auth-resetPasswordForm__title"}),t.text?e(h,{className:"auth-resetPasswordForm__notification",type:t.type,variant:"secondary",heading:t.text,icon:t.icon}):null,e(x,{name:"resetPassword_form",className:"auth-resetPasswordForm__form",submitCallback:n,isLoading:u,fieldsConfig:E(v),children:l("div",{className:"auth-resetPasswordForm__buttons",children:[e(y,{type:"button",variant:"tertiary",style:{padding:"0"},icon:e(N,{style:{transform:"rotate(90deg)"}}),buttonText:m.buttonSecondary,enableLoader:!1,onClick:o}),e(y,{type:"submit",buttonText:m.buttonPrimary,variant:"primary",enableLoader:u})]})}),e("div",{id:"requestPasswordResetEmail"})]})};export{A as R};
+import{jsxs as l,jsx as o}from"@dropins/tools/preact-jsx-runtime.js";import{classes as R}from"@dropins/tools/lib.js";import"@dropins/tools/event-bus.js";import"@dropins/tools/recaptcha.js";import{r as p}from"./requestPasswordResetEmail.js";import{g as b,c as w,u as _,T as h,F as x,B as g}from"./useInLineAlert.js";import{useState as N,useCallback as y}from"@dropins/tools/preact-hooks.js";import{useText as P}from"@dropins/tools/i18n.js";import{InLineAlert as T}from"@dropins/tools/components.js";import{s as v,D as E}from"./simplifyTransformAttributesForm.js";import*as F from"@dropins/tools/preact-compat.js";const L=t=>F.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},F.createElement("path",{d:"M7.74512 9.87701L12.0001 14.132L16.2551 9.87701",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"square",strokeLinejoin:"round"})),D=({routeSignIn:t,onErrorCallback:a,setActiveComponent:i,handleSetInLineAlertProps:s})=>{const c=P({successPasswordResetEmailNotification:"Auth.Notification.successPasswordResetEmailNotification"}),[m,e]=N(!1),d=y(async u=>{u.preventDefault(),e(!0);const r=b(u.target);if(r&&r.email){const f=await p(r.email);f.success?s==null||s({type:"success",text:c.successPasswordResetEmailNotification.replace("{email}",r.email)}):(a==null||a(f),s==null||s({type:"error",text:f.message}))}e(!1)},[s,a,c.successPasswordResetEmailNotification]),n=y(()=>{if(w(i)){i("signInForm");return}w(t)&&(window.location.href=t())},[i,t]);return{isLoading:m,submitResetPassword:d,redirectToSignInPage:n}},A=({formSize:t="default",routeSignIn:a,setActiveComponent:i,onErrorCallback:s,...c})=>{const m=P({title:"Auth.ResetPasswordForm.title",buttonPrimary:"Auth.ResetPasswordForm.buttonPrimary",buttonSecondary:"Auth.ResetPasswordForm.buttonSecondary"}),{inLineAlertProps:e,handleSetInLineAlertProps:d}=_(),{isLoading:n,submitResetPassword:u,redirectToSignInPage:r}=D({routeSignIn:a,setActiveComponent:i,onErrorCallback:s,handleSetInLineAlertProps:d});return l("div",{...c,className:R(["auth-resetPasswordForm",t]),"data-testid":"resetPasswordForm",children:[o(h,{text:m.title,bottomLine:!1,className:"auth-resetPasswordForm__title"}),e.text?o(T,{className:"auth-resetPasswordForm__notification",type:e.type,variant:"secondary",heading:e.text,icon:e.icon}):null,o(x,{name:"resetPassword_form",className:"auth-resetPasswordForm__form",submitCallback:u,isLoading:n,fieldsConfig:v(E),children:l("div",{className:"auth-resetPasswordForm__buttons",children:[o(g,{type:"button",variant:"tertiary",style:{padding:"0"},icon:o(L,{style:{transform:"rotate(90deg)"}}),buttonText:m.buttonSecondary,enableLoader:!1,onClick:r}),o(g,{type:"submit",buttonText:m.buttonPrimary,variant:"primary",enableLoader:n})]})}),o("div",{id:"requestPasswordResetEmail"})]})};export{A as R};

package/chunks/SignInForm.js

@@ -1 +1 @@
-import{jsxs as T,jsx as m}from"@dropins/tools/preact-jsx-runtime.js";import{classes as X}from"@dropins/tools/lib.js";import{g as Y,c as w,u as Z,T as $,F as z,B as G}from"./useInLineAlert.js";import{useState as _,useCallback as b,useEffect as q,useMemo as V}from"@dropins/tools/preact-hooks.js";import"@dropins/tools/event-bus.js";import"@dropins/tools/recaptcha.js";import{a as O}from"./getStoreConfig.js";import{r as R}from"./resendConfirmationEmail.js";import{s as tt,a as at}from"./simplifyTransformAttributesForm.js";import{c as rt}from"./confirmEmail.js";import{useText as H}from"@dropins/tools/i18n.js";import{InLineAlert as st}from"@dropins/tools/components.js";import{E as ot}from"./EmailConfirmationForm.js";import{P as et}from"./PasswordField.js";const it=({emailConfirmationStatusMessage:a,translations:r,initialEmailValue:e,routeSignUp:l,routeForgotPassword:u,routeRedirectOnSignIn:y,onErrorCallback:d,setActiveComponent:t,onSuccessCallback:c,onSignUpLinkClick:f,handleSetInLineAlertProps:s,routeRedirectOnEmailConfirmationClose:E})=>{const[A,N]=_(""),[g,I]=_(!1),[h,F]=_(""),[L,k]=_(!1),[B,p]=_({userName:"",status:!1}),[P,x]=_(!1),C=b(async i=>{await R(i),I(!0),s({})},[s]);q(()=>{a!=null&&a.text&&s({text:a.text,type:a.status?a.status:void 0})},[a,s]);const M=b(i=>r?T("span",{className:"auth-signInForm__resend-email-notification",children:[r.resendEmailInformationText," ",m("button",{onClick:()=>C(i),children:r.resendEmailButtonText})," ",r.resendEmailAdditionalText]}):"",[C,r]),U=b(async i=>{var K;s({}),x(!0);const n=Y(i.target);if(n.password||(k(!0),x(!1)),n!=null&&n.email&&(n!=null&&n.password)){const{email:D,password:Q}=n,o=await O({email:D,password:Q,handleSetInLineAlertProps:s,onErrorCallback:d,translations:r});if((K=o==null?void 0:o.errorMessage)!=null&&K.length){N(D);const W=o.errorMessage.includes("This account isn't confirmed. Verify and try again.")?M(D):o.errorMessage;s({text:W,type:"error"}),F("")}o!=null&&o.userName&&(i.target.reset(),w(y)?window.location.href=y():(c==null||c({userName:o==null?void 0:o.userName,status:!0}),p({userName:o==null?void 0:o.userName,status:!0}))),k(!1)}x(!1),F("")},[M,s,r,d,y,c]),v=b(()=>{if(w(t)){t("resetPasswordForm");return}w(u)&&(window.location.href=u())},[u,t]),S=b(()=>{if(w(f)&&f(),w(t)){t("signUpForm");return}w(l)&&(window.location.href=l())},[f,l,t]),j=V(()=>{const i=tt(at);return e!=null&&e.length?i==null?void 0:i.map(n=>({...n,defaultValue:e})):i},[e]),J=b(()=>{s({}),w(E)?window.location.href=E():I(!1)},[s,E]);return{userEmail:A,defaultEnhancedEmailFields:j,passwordError:L,isSuccessful:B,isLoading:P,signInPasswordValue:h,showEmailConfirmationForm:g,setShowEmailConfirmationForm:I,setSignInPasswordValue:F,submitLogInUser:U,forgotPasswordCallback:v,onSignUpLinkClickCallback:S,handledOnPrimaryButtonClick:J}},nt=()=>{let a=new URL(window.location.href),r=a.searchParams.get("email"),e=a.searchParams.get("key");r&&e&&(a.searchParams.delete("email"),a.searchParams.delete("key"),window.history.replaceState({},document.title,a.toString()))},mt=({enableEmailConfirmation:a})=>{const r=H({accountConfirmMessage:"Auth.EmailConfirmationForm.accountConfirmMessage",accountConfirmationEmailSuccessMessage:"Auth.EmailConfirmationForm.accountConfirmationEmailSuccessMessage"}),[e,l]=_({text:"",status:""});return q(()=>{if(a){const{search:u}=window.location;u.includes("email=")&&u.includes("key=")&&(async()=>{var c,f,s;const d=new URLSearchParams(u),t=await rt({customerEmail:d.get("email"),customerConfirmationKey:d.get("key")});if(!t)return null;(c=t==null?void 0:t.errors)!=null&&c.length?l({text:t==null?void 0:t.errors[0].message,status:"error"}):(l({text:t.data.confirmEmail.customer.email?r.accountConfirmationEmailSuccessMessage.replace("{email}",(s=(f=t==null?void 0:t.data)==null?void 0:f.confirmEmail.customer)==null?void 0:s.email):r.accountConfirmMessage,status:"success"}),nt())})()}},[a,r]),{emailConfirmationStatusMessage:e}},xt=({formSize:a="default",initialEmailValue:r="",renderSignUpLink:e=!1,enableEmailConfirmation:l=!1,hideCloseBtnOnEmailConfirmation:u=!1,routeRedirectOnEmailConfirmationClose:y,routeRedirectOnSignIn:d,routeForgotPassword:t,routeSignUp:c,onSuccessCallback:f,setActiveComponent:s,onErrorCallback:E,onSignUpLinkClick:A,successNotificationForm:N})=>{const g=H({title:"Auth.SignInForm.title",buttonPrimary:"Auth.SignInForm.buttonPrimary",buttonSecondary:"Auth.SignInForm.buttonSecondary",buttonTertiary:"Auth.SignInForm.buttonTertiary",resendEmailInformationText:"Auth.Notification.resendEmailNotification.informationText",resendEmailButtonText:"Auth.Notification.resendEmailNotification.buttonText",resendEmailAdditionalText:"Auth.Notification.resendEmailNotification.additionalText",customerTokenErrorMessage:"Auth.Api.customerTokenErrorMessage"}),{emailConfirmationStatusMessage:I}=mt({enableEmailConfirmation:l}),{inLineAlertProps:h,handleSetInLineAlertProps:F}=Z(),{userEmail:L,defaultEnhancedEmailFields:k,passwordError:B,isSuccessful:p,isLoading:P,signInPasswordValue:x,showEmailConfirmationForm:C,setSignInPasswordValue:M,submitLogInUser:U,forgotPasswordCallback:v,onSignUpLinkClickCallback:S,handledOnPrimaryButtonClick:j}=it({translations:g,emailConfirmationStatusMessage:I,initialEmailValue:r,routeSignUp:c,routeForgotPassword:t,routeRedirectOnSignIn:d,setActiveComponent:s,onErrorCallback:E,onSuccessCallback:f,onSignUpLinkClick:A,handleSetInLineAlertProps:F,routeRedirectOnEmailConfirmationClose:y});return N&&p.status?N(p.userName):C?m(ot,{formSize:a,userEmail:L,inLineAlertProps:h,hideCloseBtnOnEmailConfirmation:u,handleSetInLineAlertProps:F,onPrimaryButtonClick:j}):T("div",{className:X(["auth-signInForm",a]),"data-testid":"signInForm",children:[m($,{text:g.title,bottomLine:!1,className:"auth-signInForm__title"}),h.text?m(st,{"data-testid":"authInLineAlert",className:"auth-signInForm__notification",type:h.type,variant:"secondary",heading:h.text,icon:h.icon}):null,T(z,{name:"signIn_form",className:"auth-signInForm__form",submitCallback:U,isLoading:P,fieldsConfig:k,children:[m(et,{className:"auth-signInForm__form__password",isError:B,initialPassword:x,setPasswordValueCallback:M}),T("div",{className:"auth-signInForm__form__buttons",children:[T("div",{className:"auth-signInForm__form__buttons--combine",children:[m(G,{type:"button",variant:"tertiary",style:{padding:0},buttonText:g.buttonTertiary,className:"auth-signInForm__button auth-signInForm__button--forgot",enableLoader:!1,onClick:v,"data-testid":"switchToSignUp"}),e?m("span",{}):null,e?m(G,{type:"button",variant:"tertiary",style:{padding:0},buttonText:g.buttonSecondary,className:"auth-signInForm__button auth-signInForm__button--signup",enableLoader:!1,onClick:S}):null]}),m(G,{type:"submit",buttonText:g.buttonPrimary,variant:"primary",className:"auth-signInForm__button auth-signInForm__button--submit",enableLoader:P})]})]}),m("div",{id:"generateCustomerToken"})]})};export{xt as S};
+import{jsxs as x,jsx as n}from"@dropins/tools/preact-jsx-runtime.js";import{Slot as W,classes as X}from"@dropins/tools/lib.js";import{g as Y,c as w,u as Z,T as $,F as z,B as G}from"./useInLineAlert.js";import{useState as _,useCallback as b,useEffect as q,useMemo as O}from"@dropins/tools/preact-hooks.js";import"@dropins/tools/event-bus.js";import"@dropins/tools/recaptcha.js";import{a as R}from"./getCustomerToken.js";import{r as tt}from"./resendConfirmationEmail.js";import{s as at,a as rt}from"./simplifyTransformAttributesForm.js";import{c as et}from"./confirmEmail.js";import{useText as H}from"@dropins/tools/i18n.js";import{InLineAlert as st,InputPassword as ot}from"@dropins/tools/components.js";import{E as it}from"./EmailConfirmationForm.js";const nt=({emailConfirmationStatusMessage:t,translations:r,initialEmailValue:o,routeSignUp:c,routeForgotPassword:u,routeRedirectOnSignIn:y,onErrorCallback:d,setActiveComponent:a,onSuccessCallback:f,onSignUpLinkClick:l,handleSetInLineAlertProps:e,routeRedirectOnEmailConfirmationClose:E})=>{const[M,S]=_(""),[h,I]=_(!1),[g,F]=_(""),[A,T]=_(!1),[L,p]=_({userName:"",status:!1}),[k,N]=_(!1),P=b(async i=>{await tt(i),I(!0),e({})},[e]);q(()=>{t!=null&&t.text&&e({text:t.text,type:t.status?t.status:void 0})},[t,e]);const C=b(i=>r?x("span",{className:"auth-signInForm__resend-email-notification",children:[r.resendEmailInformationText," ",n("button",{onClick:()=>P(i),children:r.resendEmailButtonText})," ",r.resendEmailAdditionalText]}):"",[P,r]),B=b(async i=>{var K;e({}),N(!0);const m=Y(i.target);if(m.password||(T(!0),N(!1)),m!=null&&m.email&&(m!=null&&m.password)){const{email:D,password:Q}=m,s=await R({email:D,password:Q,handleSetInLineAlertProps:e,onErrorCallback:d,translations:r});if((K=s==null?void 0:s.errorMessage)!=null&&K.length){S(D);const V=s.errorMessage.includes("This account isn't confirmed. Verify and try again.")?C(D):s.errorMessage;e({text:V,type:"error"}),F("")}s!=null&&s.userName&&(i.target.reset(),w(y)?window.location.href=y():(f==null||f({userName:s==null?void 0:s.userName,status:!0}),p({userName:s==null?void 0:s.userName,status:!0}))),T(!1)}N(!1),F("")},[C,e,r,d,y,f]),U=b(()=>{if(w(a)){a("resetPasswordForm");return}w(u)&&(window.location.href=u())},[u,a]),v=b(()=>{if(w(l)&&l(),w(a)){a("signUpForm");return}w(c)&&(window.location.href=c())},[l,c,a]),j=O(()=>{const i=at(rt);return o!=null&&o.length?i==null?void 0:i.map(m=>({...m,defaultValue:o})):i},[o]),J=b(()=>{e({}),w(E)?window.location.href=E():I(!1)},[e,E]);return{userEmail:M,defaultEnhancedEmailFields:j,passwordError:A,isSuccessful:L,isLoading:k,signInPasswordValue:g,showEmailConfirmationForm:h,setShowEmailConfirmationForm:I,setSignInPasswordValue:F,submitLogInUser:B,forgotPasswordCallback:U,onSignUpLinkClickCallback:v,handledOnPrimaryButtonClick:J}},mt=()=>{let t=new URL(window.location.href),r=t.searchParams.get("email"),o=t.searchParams.get("key");r&&o&&(t.searchParams.delete("email"),t.searchParams.delete("key"),window.history.replaceState({},document.title,t.toString()))},ct=({enableEmailConfirmation:t})=>{const r=H({accountConfirmMessage:"Auth.EmailConfirmationForm.accountConfirmMessage",accountConfirmationEmailSuccessMessage:"Auth.EmailConfirmationForm.accountConfirmationEmailSuccessMessage"}),[o,c]=_({text:"",status:""});return q(()=>{if(t){const{search:u}=window.location;u.includes("email=")&&u.includes("key=")&&(async()=>{var f,l,e;const d=new URLSearchParams(u),a=await et({customerEmail:d.get("email"),customerConfirmationKey:d.get("key")});if(!a)return null;(f=a==null?void 0:a.errors)!=null&&f.length?c({text:a==null?void 0:a.errors[0].message,status:"error"}):(c({text:a.data.confirmEmail.customer.email?r.accountConfirmationEmailSuccessMessage.replace("{email}",(e=(l=a==null?void 0:a.data)==null?void 0:l.confirmEmail.customer)==null?void 0:e.email):r.accountConfirmMessage,status:"success"}),mt())})()}},[t,r]),{emailConfirmationStatusMessage:o}},Nt=({slots:t,formSize:r="default",initialEmailValue:o="",renderSignUpLink:c=!1,enableEmailConfirmation:u=!1,hideCloseBtnOnEmailConfirmation:y=!1,routeRedirectOnEmailConfirmationClose:d,routeRedirectOnSignIn:a,routeForgotPassword:f,routeSignUp:l,onSuccessCallback:e,setActiveComponent:E,onErrorCallback:M,onSignUpLinkClick:S})=>{const h=H({title:"Auth.SignInForm.title",buttonPrimary:"Auth.SignInForm.buttonPrimary",buttonSecondary:"Auth.SignInForm.buttonSecondary",buttonTertiary:"Auth.SignInForm.buttonTertiary",resendEmailInformationText:"Auth.Notification.resendEmailNotification.informationText",resendEmailButtonText:"Auth.Notification.resendEmailNotification.buttonText",resendEmailAdditionalText:"Auth.Notification.resendEmailNotification.additionalText",customerTokenErrorMessage:"Auth.Api.customerTokenErrorMessage"}),{emailConfirmationStatusMessage:I}=ct({enableEmailConfirmation:u}),{inLineAlertProps:g,handleSetInLineAlertProps:F}=Z(),{userEmail:A,defaultEnhancedEmailFields:T,passwordError:L,isSuccessful:p,isLoading:k,signInPasswordValue:N,showEmailConfirmationForm:P,setSignInPasswordValue:C,submitLogInUser:B,forgotPasswordCallback:U,onSignUpLinkClickCallback:v,handledOnPrimaryButtonClick:j}=nt({translations:h,emailConfirmationStatusMessage:I,initialEmailValue:o,routeSignUp:l,routeForgotPassword:f,routeRedirectOnSignIn:a,setActiveComponent:E,onErrorCallback:M,onSuccessCallback:e,onSignUpLinkClick:S,handleSetInLineAlertProps:F,routeRedirectOnEmailConfirmationClose:d});return p.status&&(t!=null&&t.SuccessNotification)?n(W,{"data-testid":"successNotificationTestId",name:"SuccessNotification",slot:t==null?void 0:t.SuccessNotification,context:{isSuccessful:p}}):P?n(it,{formSize:r,userEmail:A,inLineAlertProps:g,hideCloseBtnOnEmailConfirmation:y,handleSetInLineAlertProps:F,onPrimaryButtonClick:j}):x("div",{className:X(["auth-signInForm",r]),"data-testid":"signInForm",children:[n($,{text:h.title,bottomLine:!1,className:"auth-signInForm__title"}),g.text?n(st,{"data-testid":"authInLineAlert",className:"auth-signInForm__notification",type:g.type,variant:"secondary",heading:g.text,icon:g.icon}):null,x(z,{name:"signIn_form",className:"auth-signInForm__form",submitCallback:B,isLoading:k,fieldsConfig:T,children:[n(ot,{className:"auth-signInForm__form__password",autoComplete:"current-password",error:L,defaultValue:N,onValue:C,hideStatusIndicator:!0}),x("div",{className:"auth-signInForm__form__buttons",children:[x("div",{className:"auth-signInForm__form__buttons--combine",children:[n(G,{type:"button",variant:"tertiary",style:{padding:0},buttonText:h.buttonTertiary,className:"auth-signInForm__button auth-signInForm__button--forgot",enableLoader:!1,onClick:U,"data-testid":"switchToSignUp"}),c?n("span",{}):null,c?n(G,{type:"button",variant:"tertiary",style:{padding:0},buttonText:h.buttonSecondary,className:"auth-signInForm__button auth-signInForm__button--signup",enableLoader:!1,onClick:v}):null]}),n(G,{type:"submit",buttonText:h.buttonPrimary,variant:"primary",className:"auth-signInForm__button auth-signInForm__button--submit",enableLoader:k})]})]}),n("div",{id:"generateCustomerToken"})]})};export{Nt as S};

package/chunks/SignUpForm.js

@@ -1 +1 @@
-import{jsx as o,jsxs as E}from"@dropins/tools/preact-jsx-runtime.js";import{classes as at}from"@dropins/tools/lib.js";import{v as ot,u as nt,a as mt,P as ut}from"./usePasswordValidationMessage.js";import"@dropins/tools/event-bus.js";import"@dropins/tools/recaptcha.js";import{g as lt,c as ct,a as ft}from"./createCustomerAddress.js";import{useState as b,useEffect as gt,useCallback as B}from"@dropins/tools/preact-hooks.js";import{s as Y,b as dt,c as ht}from"./simplifyTransformAttributesForm.js";import{p as Z,E as z,a as Ft}from"./getStoreConfig.js";import{c as K,g as bt,u as Ut,T as _t,F as yt,C as $,B as R}from"./useInLineAlert.js";import{InLineAlert as pt}from"@dropins/tools/components.js";import{S as Tt}from"./SkeletonLoader.js";import{E as Pt}from"./EmailConfirmationForm.js";import{useText as Lt}from"@dropins/tools/i18n.js";import{P as Et}from"./PasswordField.js";const D=(t,e)=>e!=null&&e.length?t.map(a=>{var s;const i=(s=e.find(({code:h})=>h===a.code))==null?void 0:s.defaultValue;return i?{...a,defaultValue:i}:a}):t,St=({inputsDefaultValueSet:t,fieldsConfigForApiVersion1:e,apiVersion2:a})=>{const[i,s]=b([]);return gt(()=>{(async()=>{var l;if(a){const r=await lt("customer_account_create");if((l=r==null?void 0:r.fields)!=null&&l.length)if(t!=null&&t.length){const c=D(r==null?void 0:r.fields,t);s(c)}else s(r==null?void 0:r.fields)}else{const r=Y(dt),c=Y(e),n=D(r,t);s(e&&e.length?c:n)}})()},[a,e,t]),{fieldsListConfigs:i}},xt=t=>{switch(t){case"true":return!0;case"false":return!1;default:return t}},Nt=(t,e)=>{if(!e)return t;const a={};a.custom_attributes=[];for(const i in t)Object.prototype.hasOwnProperty.call(ht,i)?a[i]=t[i]:a.custom_attributes.push({attribute_code:i,value:xt(t[i])});return a},Ct=({addressesData:t,translations:e,isEmailConfirmationRequired:a,apiVersion2:i=!0,passwordConfigs:s,routeRedirectOnSignIn:h,routeSignIn:l,onErrorCallback:r,onSuccessCallback:c,setActiveComponent:n,handleSetInLineAlertProps:f,routeRedirectOnEmailConfirmationClose:p})=>{const[I,S]=b(""),[x,m]=b(!1),[u,N]=b({userName:"",status:!1}),[C,g]=b(""),[w,k]=b(!1),[G,U]=b(!1),[M,v]=b(!0),T=B(({target:F})=>{v(F.checked)},[]),A=B(()=>{if(K(n)){n("signInForm");return}K(l)&&(window.location.href=l())},[n,l]),V=B(F=>{g(F)},[]),H=B(()=>{f({}),g(""),K(p)?window.location.href=p():(m(!1),n==null||n("signInForm"))},[f,p,n]);return{isKeepMeLogged:M,userEmail:I,showEmailConfirmationForm:x,isSuccessful:u,isClickSubmit:w,signUpPasswordValue:C,isLoading:G,onSubmitSignUp:async(F,O)=>{var Q;if(f({}),U(!0),!O){k(!0),U(!1);return}const q=i?"createCustomerV2":"createCustomer",_=bt(F.target),{email:P,password:L,is_subscribed:tt}=_,et=(s==null?void 0:s.requiredCharacterClasses)||0,rt=(s==null?void 0:s.minLength)||1;if(!ot(L,et)||rt>(L==null?void 0:L.length)){k(!0),U(!1);return}const st=Nt({..._,is_subscribed:!!tt||!1},i),{data:W,errors:y}=await ct(st,i);if(y&&(y!=null&&y.length))f==null||f({type:"error",text:y[0].message}),r==null||r(y),Z(z.CREATE_ACCOUNT_EVENT,{updateProfile:!1}),S(P);else{const j={email:"",...W==null?void 0:W[q]};if(Z(z.CREATE_ACCOUNT_EVENT,{email:j==null?void 0:j.email,updateProfile:!0}),a){(Q=F.target)==null||Q.reset(),U(!1),g(""),m(!0),S(P);return}const d=await Ft({email:P,password:L,translations:e,handleSetInLineAlertProps:f,onErrorCallback:r});if(d!=null&&d.userName){if(t!=null&&t.length)for(const X of t)try{await ft(X)}catch(it){console.error(e.failedCreateCustomerAddress,X,it)}K(h)?window.location.href=h():(c==null||c({userName:d==null?void 0:d.userName,status:!0}),N({userName:d==null?void 0:d.userName,status:!0}))}}U(!1)},signInButton:A,handleSetSignUpPasswordValue:V,onKeepMeLoggedChange:T,handleHideEmailConfirmationForm:H}},$t=({addressesData:t,formSize:e="default",inputsDefaultValueSet:a,fieldsConfigForApiVersion1:i,apiVersion2:s=!0,displayTermsOfUseCheckbox:h=!1,displayNewsletterCheckbox:l=!1,hideCloseBtnOnEmailConfirmation:r=!1,routeRedirectOnEmailConfirmationClose:c,routeRedirectOnSignIn:n,routeSignIn:f,onErrorCallback:p,onSuccessCallback:I,setActiveComponent:S,successNotificationForm:x})=>{const m=Lt({title:"Auth.SignUpForm.title",buttonPrimary:"Auth.SignUpForm.buttonPrimary",buttonSecondary:"Auth.SignUpForm.buttonSecondary",privacyPolicyDefaultText:"Auth.SignUpForm.privacyPolicyDefaultText",subscribedDefaultText:"Auth.SignUpForm.subscribedDefaultText",keepMeLoggedText:"Auth.SignUpForm.keepMeLoggedText",customerTokenErrorMessage:"Auth.Api.customerTokenErrorMessage",failedCreateCustomerAddress:"Auth.SignUpForm.failedCreateCustomerAddress"}),{passwordConfigs:u,isEmailConfirmationRequired:N}=nt(),{fieldsListConfigs:C}=St({fieldsConfigForApiVersion1:i,apiVersion2:s,inputsDefaultValueSet:a}),{inLineAlertProps:g,handleSetInLineAlertProps:w}=Ut(),{isKeepMeLogged:k,userEmail:G,showEmailConfirmationForm:U,isSuccessful:M,isClickSubmit:v,signUpPasswordValue:T,isLoading:A,onSubmitSignUp:V,signInButton:H,handleSetSignUpPasswordValue:J,onKeepMeLoggedChange:F,handleHideEmailConfirmationForm:O}=Ct({addressesData:t,translations:m,isEmailConfirmationRequired:N,apiVersion2:s,passwordConfigs:u,routeRedirectOnSignIn:n,routeSignIn:f,onErrorCallback:p,onSuccessCallback:I,setActiveComponent:S,handleSetInLineAlertProps:w,routeRedirectOnEmailConfirmationClose:c}),{isValidUniqueSymbols:q,defaultLengthMessage:_}=mt({password:T,isClickSubmit:v,passwordConfigs:u}),P=!N&&(t==null?void 0:t.length);return!C.length&&s?o("div",{className:`auth-signUpForm ${e} skeleton-loader`,"data-testid":"SignUpForm",children:o(Tt,{activeSkeleton:"signUpForm"})}):x&&M.status?x(M.userName):U?o(Pt,{formSize:e,userEmail:G,inLineAlertProps:g,hideCloseBtnOnEmailConfirmation:r,handleSetInLineAlertProps:w,onPrimaryButtonClick:O}):E("div",{className:at(["auth-signUpForm",e]),"data-testid":"SignUpForm",children:[o(_t,{text:m.title,bottomLine:!1,className:"auth-signUpForm__title"}),g.text?o(pt,{className:"auth-signUpForm__notification",type:g.type,variant:"secondary",heading:g.text,icon:g.icon}):null,E(yt,{submitCallback:V,className:"auth-signUpForm__form",isLoading:A,name:"signUp_form",fieldsConfig:C,children:[E(Et,{initialPassword:T,className:"auth-signUpForm__form__item",setPasswordValueCallback:J,isError:q==="error"||(_==null?void 0:_.status)==="error"||v&&T.length<=0,children:[o(ut,{minLength:u==null?void 0:u.minLength,requiredCharacterClasses:u==null?void 0:u.requiredCharacterClasses,validateLengthConfig:_,isValidUniqueSymbols:q}),P?o("div",{className:"auth-signUpForm__automatic-login",children:o($,{label:m.keepMeLoggedText,onChange:F,initialValue:k})}):null]}),l||h?E("div",{className:"auth-signUpForm__item auth-signUpForm__checkbox",children:[l?o($,{name:"is_subscribed",label:m.subscribedDefaultText}):null,h?o($,{name:"privacyPolicy",label:m.privacyPolicyDefaultText}):null]}):null,E("div",{className:"auth-signUpForm-buttons",children:[o(R,{type:"button",variant:"tertiary",style:{padding:0},buttonText:m.buttonSecondary,enableLoader:!1,onClick:H}),o(R,{type:"submit",buttonText:m.buttonPrimary,variant:"primary",enableLoader:A})]})]}),o("div",{id:"createCustomerV2"})]})};export{$t as S};
+import{jsx as s,jsxs as k}from"@dropins/tools/preact-jsx-runtime.js";import{Slot as ct,classes as lt}from"@dropins/tools/lib.js";import"@dropins/tools/event-bus.js";import"@dropins/tools/recaptcha.js";import{g as ft,c as dt,a as gt}from"./createCustomerAddress.js";import{useState as p,useEffect as ht,useCallback as G}from"@dropins/tools/preact-hooks.js";import{s as tt,b as Ft,c as Ut}from"./simplifyTransformAttributesForm.js";import{v as yt,u as pt,a as bt}from"./usePasswordValidationMessage.js";import{a as _t}from"./getCustomerToken.js";import{p as et,E as rt}from"./getStoreConfig.js";import{c as H,g as Tt,u as Nt,T as xt,F as Lt,B as it}from"./useInLineAlert.js";import{InLineAlert as Pt,InputPassword as Et,Field as Q,Checkbox as X}from"@dropins/tools/components.js";import{S as St}from"./SkeletonLoader.js";import{E as wt}from"./EmailConfirmationForm.js";import{useText as vt}from"@dropins/tools/i18n.js";const st=(t,e)=>e!=null&&e.length?t.map(a=>{var i;const o=(i=e.find(({code:b})=>b===a.code))==null?void 0:i.defaultValue;return o?{...a,defaultValue:o}:a}):t,Mt=({inputsDefaultValueSet:t,fieldsConfigForApiVersion1:e,apiVersion2:a})=>{const[o,i]=p([]);return ht(()=>{(async()=>{var h;if(a){const r=await ft("customer_account_create");if((h=r==null?void 0:r.fields)!=null&&h.length)if(t!=null&&t.length){const n=st(r==null?void 0:r.fields,t);i(n)}else i(r==null?void 0:r.fields)}else{const r=tt(Ft),n=tt(e),u=st(r,t);i(e&&e.length?n:u)}})()},[a,e,t]),{fieldsListConfigs:o}},qt=t=>{switch(t){case"true":case"on":return!0;case"false":case"off":return!1;default:return t}},At=(t,e)=>{if(!e)return t;const a={};a.custom_attributes=[];for(const o in t)Object.prototype.hasOwnProperty.call(Ut,o)?a[o]=t[o]:a.custom_attributes.push({attribute_code:o,value:qt(t[o])});return a},Ct=({addressesData:t,translations:e,isEmailConfirmationRequired:a,apiVersion2:o=!0,passwordConfigs:i,isAutoSignInEnabled:b,routeRedirectOnSignIn:h,routeSignIn:r,onErrorCallback:n,onSuccessCallback:u,setActiveComponent:l,handleSetInLineAlertProps:f,routeRedirectOnEmailConfirmationClose:L})=>{const[O,w]=p(""),[F,m]=p(!1),[c,T]=p({userName:"",status:!1}),[v,d]=p(""),[M,q]=p(!1),[V,U]=p(!1),[A,C]=p(!0),P=G(({target:y})=>{C(y.checked)},[]),B=G(()=>{if(H(l)){l("signInForm");return}H(r)&&(window.location.href=r())},[l,r]),W=G(y=>{d(y)},[]),j=G(()=>{f({}),d(""),H(L)?window.location.href=L():(m(!1),l==null||l("signInForm"))},[f,L,l]);return{isKeepMeLogged:A,userEmail:O,showEmailConfirmationForm:F,isSuccessful:c,isClickSubmit:M,signUpPasswordValue:v,isLoading:V,onSubmitSignUp:async(y,$)=>{var Z,z,D;if(f({}),U(!0),!$){q(!0),U(!1);return}const I=o?"createCustomerV2":"createCustomer",_=Tt(y.target),{email:E,password:S,is_subscribed:at}=_,ot=(i==null?void 0:i.requiredCharacterClasses)||0,ut=(i==null?void 0:i.minLength)||1;if(!yt(S,ot)||ut>(S==null?void 0:S.length)){q(!0),U(!1);return}const mt=At({..._,is_subscribed:!!at||!1},o),{data:N,errors:x}=await dt(mt,o),K=((z=(Z=N==null?void 0:N.createCustomer)==null?void 0:Z.customer)==null?void 0:z.firstname)||"";if(x&&(x!=null&&x.length))f==null||f({type:"error",text:x[0].message}),n==null||n(x),et(rt.CREATE_ACCOUNT_EVENT,{updateProfile:!1}),w(E);else{const J={email:"",...N==null?void 0:N[I]};if(et(rt.CREATE_ACCOUNT_EVENT,{email:J==null?void 0:J.email,updateProfile:!0}),a||!b){if(u==null||u({userName:K,status:!0}),a){(D=y.target)==null||D.reset(),d(""),m(!0),w(E),U(!1);return}if(!b){U(!1),T({userName:K,status:!0});return}}const g=await _t({email:E,password:S,translations:e,handleSetInLineAlertProps:f,onErrorCallback:n});if(g!=null&&g.userName){if(t!=null&&t.length)for(const R of t)try{await gt(R)}catch(nt){console.error(e.failedCreateCustomerAddress,R,nt)}H(h)?window.location.href=h():(u==null||u({userName:g==null?void 0:g.userName,status:!0}),T({userName:g==null?void 0:g.userName,status:!0}))}else u==null||u({userName:K,status:!0}),T({userName:K,status:!0})}U(!1)},signInButton:B,handleSetSignUpPasswordValue:W,onKeepMeLoggedChange:P,handleHideEmailConfirmationForm:j}},Zt=({addressesData:t,formSize:e="default",inputsDefaultValueSet:a,fieldsConfigForApiVersion1:o,apiVersion2:i=!0,isAutoSignInEnabled:b=!0,displayTermsOfUseCheckbox:h=!1,displayNewsletterCheckbox:r=!1,hideCloseBtnOnEmailConfirmation:n=!1,routeRedirectOnEmailConfirmationClose:u,routeRedirectOnSignIn:l,routeSignIn:f,onErrorCallback:L,onSuccessCallback:O,setActiveComponent:w,slots:F})=>{const m=vt({title:"Auth.SignUpForm.title",buttonPrimary:"Auth.SignUpForm.buttonPrimary",buttonSecondary:"Auth.SignUpForm.buttonSecondary",privacyPolicyDefaultText:"Auth.SignUpForm.privacyPolicyDefaultText",subscribedDefaultText:"Auth.SignUpForm.subscribedDefaultText",keepMeLoggedText:"Auth.SignUpForm.keepMeLoggedText",customerTokenErrorMessage:"Auth.Api.customerTokenErrorMessage",failedCreateCustomerAddress:"Auth.SignUpForm.failedCreateCustomerAddress"}),{passwordConfigs:c,isEmailConfirmationRequired:T}=pt(),{fieldsListConfigs:v}=Mt({fieldsConfigForApiVersion1:o,apiVersion2:i,inputsDefaultValueSet:a}),{inLineAlertProps:d,handleSetInLineAlertProps:M}=Nt(),{isKeepMeLogged:q,userEmail:V,showEmailConfirmationForm:U,isSuccessful:A,isClickSubmit:C,signUpPasswordValue:P,isLoading:B,onSubmitSignUp:W,signInButton:j,handleSetSignUpPasswordValue:Y,onKeepMeLoggedChange:y,handleHideEmailConfirmationForm:$}=Ct({addressesData:t,translations:m,isEmailConfirmationRequired:T,apiVersion2:i,passwordConfigs:c,isAutoSignInEnabled:b,routeRedirectOnSignIn:l,routeSignIn:f,onErrorCallback:L,onSuccessCallback:O,setActiveComponent:w,handleSetInLineAlertProps:M,routeRedirectOnEmailConfirmationClose:u}),{isValidUniqueSymbols:I,defaultLengthMessage:_}=bt({password:P,isClickSubmit:C,passwordConfigs:c}),E=!T&&(t==null?void 0:t.length);return!v.length&&i?s("div",{className:`auth-signUpForm ${e} skeleton-loader`,"data-testid":"SignUpForm",children:s(St,{activeSkeleton:"signUpForm"})}):A.status&&(F!=null&&F.SuccessNotification)?s(ct,{"data-testid":"successNotificationTestId",name:"SuccessNotification",slot:F==null?void 0:F.SuccessNotification,context:{isSuccessful:A}}):U?s(wt,{formSize:e,userEmail:V,inLineAlertProps:d,hideCloseBtnOnEmailConfirmation:n,handleSetInLineAlertProps:M,onPrimaryButtonClick:$}):k("div",{className:lt(["auth-signUpForm",e]),"data-testid":"SignUpForm",children:[s(xt,{text:m.title,bottomLine:!1,className:"auth-signUpForm__title"}),d.text?s(Pt,{className:"auth-signUpForm__notification",type:d.type,variant:"secondary",heading:d.text,icon:d.icon}):null,k(Lt,{submitCallback:W,className:"auth-signUpForm__form",isLoading:B,name:"signUp_form",fieldsConfig:v,children:[s(Et,{validateLengthConfig:_,className:"auth-signUpForm__form__item",autoComplete:"current-password",name:"password",minLength:c==null?void 0:c.minLength,error:I==="error"||(_==null?void 0:_.status)==="error"||C&&P.length<=0,defaultValue:P,uniqueSymbolsStatus:I,requiredCharacterClasses:c==null?void 0:c.requiredCharacterClasses,onValue:Y,children:E?s("div",{className:"auth-signUpForm__automatic-login",children:s(Q,{children:s(X,{name:"",placeholder:m.keepMeLoggedText,label:m.keepMeLoggedText,checked:q,onChange:y})})}):null}),r||h?k("div",{className:"auth-signUpForm__item auth-signUpForm__checkbox",children:[r?s(Q,{children:s(X,{"data-testid":"isSubscribed",name:"is_subscribed",placeholder:m.subscribedDefaultText,label:m.subscribedDefaultText})}):null,h?s(Q,{children:s(X,{"data-testid":"privacyPolicy",name:"privacyPolicy",placeholder:m.privacyPolicyDefaultText,label:m.privacyPolicyDefaultText})}):null]}):null,k("div",{className:"auth-signUpForm-buttons",children:[s(it,{type:"button",variant:"tertiary",style:{padding:0},buttonText:m.buttonSecondary,enableLoader:!1,onClick:j}),s(it,{type:"submit",buttonText:m.buttonPrimary,variant:"primary",enableLoader:B})]})]}),s("div",{id:"createCustomerV2"})]})};export{Zt as S};

package/chunks/confirmEmail.js

@@ -1,4 +1,4 @@
-import{f as o,h as r}from"./setReCaptchaToken.js";const t=`
+import{f as o,h as r}from"./network-error.js";const t=`
   mutation CONFIRM_EMAIL($email: String!, $confirmation_key: String!) {
     confirmEmail(input: {
       email: $email,

package/chunks/createCustomerAddress.js

@@ -1,4 +1,4 @@
-import{c as o,f as a,h as s}from"./setReCaptchaToken.js";import{t as i}from"./transform-attributes-form.js";import{h as n}from"./getStoreConfig.js";const u=`
+import{f as s,h as a}from"./network-error.js";import{s as n}from"./setReCaptchaToken.js";import{t as i}from"./transform-attributes-form.js";import{h as o}from"./getStoreConfig.js";const u=`
   mutation CREATE_CUSTOMER($input: CustomerInput!) {
     createCustomer(input: $input) {
       customer {
@@ -20,7 +20,7 @@ import{c as o,f as a,h as s}from"./setReCaptchaToken.js";import{t as i}from"./tr
       }
     }
   }
-`,p=async(r,t)=>(await o(),await a(t?m:u,{method:"POST",variables:{input:{...r}}}).catch(s)),c=`
+`,_=async(r,t)=>(await n(),await s(t?m:u,{method:"POST",variables:{input:{...r}}}).catch(a)),c=`
   query GET_ATTRIBUTES_FORM($formCode: String!) {
     attributesForm(formCode: $formCode) {
       items {
@@ -44,10 +44,10 @@ import{c as o,f as a,h as s}from"./setReCaptchaToken.js";import{t as i}from"./tr
       }
     }
   }
-`,_=async r=>await a(c.replace(/\s+/g," ").trim(),{method:"GET",cache:"force-cache",variables:{formCode:r}}).then(t=>{var e;return(e=t.errors)!=null&&e.length?n(t.errors):i(t)}).catch(s),E=`
+`,l=async r=>await s(c.replace(/\s+/g," ").trim(),{method:"GET",cache:"force-cache",variables:{formCode:r}}).then(t=>{var e;return(e=t.errors)!=null&&e.length?o(t.errors):i(t)}).catch(a),E=`
   mutation CREATE_CUSTOMER_ADDRESS($input: CustomerAddressInput!) {
     createCustomerAddress(input:$input) {
       firstname
    }
   }
-`,l=async r=>await a(E,{method:"POST",variables:{input:r}}).then(t=>{var e;return(e=t.errors)!=null&&e.length?n(t.errors):t.data.createCustomerAddress.firstname||""}).catch(s);export{l as a,p as c,_ as g};
+`,f=async r=>await s(E,{method:"POST",variables:{input:r}}).then(t=>{var e;return(e=t.errors)!=null&&e.length?o(t.errors):t.data.createCustomerAddress.firstname||""}).catch(a);export{f as a,_ as c,l as g};

package/chunks/getCustomerToken.js

@@ -0,0 +1,15 @@
+import{a as y,f as k,h as x}from"./network-error.js";import"@dropins/tools/recaptcha.js";import{h as R,p as T,E as g,a as v,C as O}from"./getStoreConfig.js";import{events as D}from"@dropins/tools/event-bus.js";import{c as U}from"./initialize.js";import{s as K}from"./setReCaptchaToken.js";const F=t=>{var m,r,e,c,a,f;return{email:((r=(m=t==null?void 0:t.data)==null?void 0:m.customer)==null?void 0:r.email)||"",firstname:((c=(e=t==null?void 0:t.data)==null?void 0:e.customer)==null?void 0:c.firstname)||"",lastname:((f=(a=t==null?void 0:t.data)==null?void 0:a.customer)==null?void 0:f.lastname)||""}},H=`
+  query GET_CUSTOMER_DATA {
+    customer {
+      firstname
+      lastname
+      email
+    }
+  }
+`,Q=async t=>{if(t){const{authHeaderConfig:m}=U.getConfig();y(m.header,m.tokenPrefix?`${m.tokenPrefix} ${t}`:t)}return await k(H,{method:"GET",cache:"force-cache"}).then(m=>{var r;return(r=m.errors)!=null&&r.length?R(m.errors):F(m)}).catch(x)},S=`
+  mutation GET_CUSTOMER_TOKEN($email: String!, $password: String!) {
+    generateCustomerToken(email: $email, password: $password) {
+      token
+    }
+  }
+`,J=async({email:t,password:m,translations:r,onErrorCallback:e,handleSetInLineAlertProps:c})=>{var E,N,d,$,M,G,w;await K();const a=await k(S,{method:"POST",variables:{email:t,password:m}}).catch(x);if(!((N=(E=a==null?void 0:a.data)==null?void 0:E.generateCustomerToken)!=null&&N.token)){const o=r.customerTokenErrorMessage,u=a!=null&&a.errors?a.errors[0].message:o;return e==null||e(u),c==null||c({type:"error",text:u}),T((d=g)==null?void 0:d.SIGN_IN,{}),{errorMessage:u,userName:""}}const f=(M=($=a==null?void 0:a.data)==null?void 0:$.generateCustomerToken)==null?void 0:M.token,i=await Q(f);if(!(i!=null&&i.firstname)||!(i!=null&&i.email)){const o=r.customerTokenErrorMessage;return e==null||e(o),c==null||c({type:"error",text:o}),T((G=g)==null?void 0:G.SIGN_IN,{}),{errorMessage:o,userName:""}}const h=i==null?void 0:i.firstname,s=i==null?void 0:i.email,_=await v();return document.cookie=`${O.auth_dropin_firstname}=${h}; path=/; ${_}; `,document.cookie=`${O.auth_dropin_user_token}=${f}; path=/; ${_}; `,D.emit("authenticated",!!f),T((w=g)==null?void 0:w.SIGN_IN,s?{email:s}:{}),{errorMessage:"",userName:h}};export{J as a,Q as g};

package/chunks/getStoreConfig.js

@@ -1,18 +1,4 @@
-import{a as y,f as h,h as C,c as M}from"./setReCaptchaToken.js";import"@dropins/tools/recaptcha.js";import{events as A}from"@dropins/tools/event-bus.js";import{c as v}from"./initialize.js";const D=t=>({personalEmail:{address:(t==null?void 0:t.email)||""},userAccount:{login:!0},commerce:{commerceScope:{storeCode:(t==null?void 0:t.store_code)||""}}}),U=t=>({userAccount:{logout:!0},commerce:{commerceScope:{storeCode:(t==null?void 0:t.store_code)||""}}}),R=t=>({personalEmail:{address:(t==null?void 0:t.email)||""},userAccount:{updateProfile:t==null?void 0:t.updateProfile},commerce:{commerceScope:{storeCode:(t==null?void 0:t.store_code)||""}}}),I={auth_dropin_user_token:"auth_dropin_user_token",auth_dropin_firstname:"auth_dropin_firstname"},g=3600,q=t=>{var e,a,o,r,c,i,n,s,m,u;return{autocompleteOnStorefront:((a=(e=t==null?void 0:t.data)==null?void 0:e.storeConfig)==null?void 0:a.autocomplete_on_storefront)||!1,minLength:((r=(o=t==null?void 0:t.data)==null?void 0:o.storeConfig)==null?void 0:r.minimum_password_length)||3,requiredCharacterClasses:+((i=(c=t==null?void 0:t.data)==null?void 0:c.storeConfig)==null?void 0:i.required_character_classes_number)||0,createAccountConfirmation:((s=(n=t==null?void 0:t.data)==null?void 0:n.storeConfig)==null?void 0:s.create_account_confirmation)||!1,customerAccessTokenLifetime:((u=(m=t==null?void 0:t.data)==null?void 0:m.storeConfig)==null?void 0:u.customer_access_token_lifetime)*g||g}},F=t=>{var e,a,o,r,c,i;return{email:((a=(e=t==null?void 0:t.data)==null?void 0:e.customer)==null?void 0:a.email)||"",firstname:((r=(o=t==null?void 0:t.data)==null?void 0:o.customer)==null?void 0:r.firstname)||"",lastname:((i=(c=t==null?void 0:t.data)==null?void 0:c.customer)==null?void 0:i.lastname)||""}},$=t=>{const e=t.map(a=>a.message).join(" ");throw Error(e)},b=`
-  query GET_CUSTOMER_DATA {
-    customer {
-      firstname
-      lastname
-      email
-    }
-  }
-`,J=async t=>{if(t){const{authHeaderConfig:e}=v.getConfig();y(e.header,e.tokenPrefix?`${e.tokenPrefix} ${t}`:t)}return await h(b,{method:"GET",cache:"force-cache"}).then(e=>{var a;return(a=e.errors)!=null&&a.length?$(e.errors):F(e)}).catch(C)},K=`
-  mutation GET_CUSTOMER_TOKEN($email: String!, $password: String!) {
-    generateCustomerToken(email: $email, password: $password) {
-      token
-    }
-  }
-`,Z=t=>{document.cookie=`${t}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`},H=async()=>{try{const t=sessionStorage.getItem("storeConfig");let a=(t?JSON.parse(t):{}).customerAccessTokenLifetime;if(!a){const o=await X();sessionStorage.setItem("storeConfig",JSON.stringify(o)),a=(o==null?void 0:o.customerAccessTokenLifetime)||g}return`Max-Age=${a}`}catch(t){return console.error("getCookiesLifetime() Error:",t),`Max-Age=${g}`}};var _=(t=>(t.CREATE_ACCOUNT_EVENT="create-account",t.SIGN_IN="sign-in",t.SIGN_OUT="sign-out",t))(_||{});const E="authContext",N={CREATE_ACCOUNT:"create-account",SIGN_IN:"sign-in",SIGN_OUT:"sign-out"};function S(t,e){const a=window.adobeDataLayer||[];a.push({[t]:null}),a.push({[t]:e})}function O(t){(window.adobeDataLayer||[]).push(a=>{const o=a.getState?a.getState():{};a.push({event:t,eventInfo:{...o}})})}function L(t){const e=R(t);S(E,e),O(N.CREATE_ACCOUNT)}function Q(t){const e=D(t);S(E,e),O(N.SIGN_IN)}function j(t){const e=U(t);S(E,e),O(N.SIGN_OUT)}const T=(t,e)=>{const a=sessionStorage.getItem("storeConfig"),r={...a?JSON.parse(a):{},...e};switch(t){case"create-account":L(r);break;case"sign-in":Q(r);break;case"sign-out":j(r);break;default:return null}},P=async({email:t,password:e,translations:a,onErrorCallback:o,handleSetInLineAlertProps:r})=>{var k,G,w,l;await M();const c=await h(K,{method:"POST",variables:{email:t,password:e}}).catch(C);if(!((G=(k=c==null?void 0:c.data)==null?void 0:k.generateCustomerToken)!=null&&G.token)){const f=a.customerTokenErrorMessage,d=c!=null&&c.errors?c.errors[0].message:f;return o==null||o(d),r==null||r({type:"error",text:d}),T(_.SIGN_IN,{}),{errorMessage:d,userName:""}}const i=(l=(w=c==null?void 0:c.data)==null?void 0:w.generateCustomerToken)==null?void 0:l.token,n=await J(i);if(!(n!=null&&n.firstname)||!(n!=null&&n.email)){const f=a.customerTokenErrorMessage;return o==null||o(f),r==null||r({type:"error",text:f}),T(_.SIGN_IN,{}),{errorMessage:f,userName:""}}const s=n==null?void 0:n.firstname,m=n==null?void 0:n.email,u=await H();return document.cookie=`${I.auth_dropin_firstname}=${s}; path=/; ${u}; `,document.cookie=`${I.auth_dropin_user_token}=${i}; path=/; ${u}; `,A.emit("authenticated",!!i),T(_.SIGN_IN,m?{email:m}:{}),{errorMessage:"",userName:s}},V=`
+import"@dropins/tools/event-bus.js";import"@dropins/tools/recaptcha.js";import{f as l,h}from"./network-error.js";const E=e=>({personalEmail:{address:(e==null?void 0:e.email)||""},userAccount:{login:!0},commerce:{commerceScope:{storeCode:(e==null?void 0:e.store_code)||""}}}),S=e=>({userAccount:{logout:!0},commerce:{commerceScope:{storeCode:(e==null?void 0:e.store_code)||""}}}),T=e=>({personalEmail:{address:(e==null?void 0:e.email)||""},userAccount:{updateProfile:e==null?void 0:e.updateProfile},commerce:{commerceScope:{storeCode:(e==null?void 0:e.store_code)||""}}}),D={auth_dropin_user_token:"auth_dropin_user_token",auth_dropin_firstname:"auth_dropin_firstname"},n=3600,N=e=>{var t,o,r,a,m,_,f,g,C,d;return{autocompleteOnStorefront:((o=(t=e==null?void 0:e.data)==null?void 0:t.storeConfig)==null?void 0:o.autocomplete_on_storefront)||!1,minLength:((a=(r=e==null?void 0:e.data)==null?void 0:r.storeConfig)==null?void 0:a.minimum_password_length)||3,requiredCharacterClasses:+((_=(m=e==null?void 0:e.data)==null?void 0:m.storeConfig)==null?void 0:_.required_character_classes_number)||0,createAccountConfirmation:((g=(f=e==null?void 0:e.data)==null?void 0:f.storeConfig)==null?void 0:g.create_account_confirmation)||!1,customerAccessTokenLifetime:((d=(C=e==null?void 0:e.data)==null?void 0:C.storeConfig)==null?void 0:d.customer_access_token_lifetime)*n||n}},A=e=>{const t=e.map(o=>o.message).join(" ");throw Error(t)},p=e=>{document.cookie=`${e}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;`},U=async()=>{try{const e=sessionStorage.getItem("storeConfig");let o=(e?JSON.parse(e):{}).customerAccessTokenLifetime;if(!o){const r=await b();sessionStorage.setItem("storeConfig",JSON.stringify(r)),o=(r==null?void 0:r.customerAccessTokenLifetime)||n}return`Max-Age=${o}`}catch(e){return console.error("getCookiesLifetime() Error:",e),`Max-Age=${n}`}};var I=(e=>(e.CREATE_ACCOUNT_EVENT="create-account",e.SIGN_IN="sign-in",e.SIGN_OUT="sign-out",e))(I||{});const c="authContext",s={CREATE_ACCOUNT:"create-account",SIGN_IN:"sign-in",SIGN_OUT:"sign-out"};function i(e,t){const o=window.adobeDataLayer||[];o.push({[e]:null}),o.push({[e]:t})}function u(e){(window.adobeDataLayer||[]).push(o=>{const r=o.getState?o.getState():{};o.push({event:e,eventInfo:{...r}})})}function O(e){const t=T(e);i(c,t),u(s.CREATE_ACCOUNT)}function k(e){const t=E(e);i(c,t),u(s.SIGN_IN)}function w(e){const t=S(e);i(c,t),u(s.SIGN_OUT)}const R=(e,t)=>{const o=sessionStorage.getItem("storeConfig"),a={...o?JSON.parse(o):{},...t};switch(e){case"create-account":O(a);break;case"sign-in":k(a);break;case"sign-out":w(a);break;default:return null}},G=`
   query GET_STORE_CONFIG {
     storeConfig {
       autocomplete_on_storefront
@@ -26,4 +12,4 @@ import{a as y,f as h,h as C,c as M}from"./setReCaptchaToken.js";import"@dropins/
       customer_access_token_lifetime
     }
   }
-`,X=async()=>await h(V,{method:"GET",cache:"force-cache"}).then(t=>{var e;return(e=t.errors)!=null&&e.length?$(t.errors):q(t)}).catch(C);export{I as C,_ as E,P as a,X as b,Z as d,J as g,$ as h,T as p};
+`,b=async()=>await l(G,{method:"GET",cache:"force-cache"}).then(e=>{var t;return(t=e.errors)!=null&&t.length?A(e.errors):N(e)}).catch(h);export{D as C,I as E,U as a,p as d,b as g,A as h,R as p};

package/chunks/index.js

@@ -1 +1 @@
-import{R as F,R as P}from"./ResetPasswordForm.js";import"@dropins/tools/preact-jsx-runtime.js";import"@dropins/tools/lib.js";import"@dropins/tools/event-bus.js";import"@dropins/tools/recaptcha.js";import"./requestPasswordResetEmail.js";import"./setReCaptchaToken.js";import"@dropins/tools/fetch-graphql.js";import"./useInLineAlert.js";import"@dropins/tools/preact-hooks.js";import"@dropins/tools/components.js";import"@dropins/tools/i18n.js";import"@dropins/tools/preact-compat.js";import"./simplifyTransformAttributesForm.js";import"./transform-attributes-form.js";export{F as ResetPasswordForm,P as default};
+import{R as P,R as b}from"./ResetPasswordForm.js";import"@dropins/tools/preact-jsx-runtime.js";import"@dropins/tools/lib.js";import"@dropins/tools/event-bus.js";import"@dropins/tools/recaptcha.js";import"./requestPasswordResetEmail.js";import"./network-error.js";import"@dropins/tools/fetch-graphql.js";import"./setReCaptchaToken.js";import"./useInLineAlert.js";import"@dropins/tools/preact-hooks.js";import"@dropins/tools/components.js";import"@dropins/tools/i18n.js";import"@dropins/tools/preact-compat.js";import"./simplifyTransformAttributesForm.js";import"./transform-attributes-form.js";export{P as ResetPasswordForm,b as default};

package/chunks/index2.js

@@ -1 +1 @@
-import{S as h,S as j}from"./SignInForm.js";import"@dropins/tools/preact-jsx-runtime.js";import"@dropins/tools/lib.js";import"./useInLineAlert.js";import"@dropins/tools/preact-hooks.js";import"@dropins/tools/components.js";import"@dropins/tools/recaptcha.js";import"@dropins/tools/i18n.js";import"@dropins/tools/preact-compat.js";import"@dropins/tools/event-bus.js";import"./getStoreConfig.js";import"./setReCaptchaToken.js";import"@dropins/tools/fetch-graphql.js";import"./initialize.js";import"./resendConfirmationEmail.js";import"./simplifyTransformAttributesForm.js";import"./transform-attributes-form.js";import"./confirmEmail.js";import"./EmailConfirmationForm.js";import"./PasswordField.js";export{h as SignInForm,j as default};
+import{S as j,S as k}from"./SignInForm.js";import"@dropins/tools/preact-jsx-runtime.js";import"@dropins/tools/lib.js";import"./useInLineAlert.js";import"@dropins/tools/preact-hooks.js";import"@dropins/tools/components.js";import"@dropins/tools/recaptcha.js";import"@dropins/tools/i18n.js";import"@dropins/tools/preact-compat.js";import"@dropins/tools/event-bus.js";import"./getCustomerToken.js";import"./network-error.js";import"@dropins/tools/fetch-graphql.js";import"./getStoreConfig.js";import"./initialize.js";import"./setReCaptchaToken.js";import"./resendConfirmationEmail.js";import"./simplifyTransformAttributesForm.js";import"./transform-attributes-form.js";import"./confirmEmail.js";import"./EmailConfirmationForm.js";export{j as SignInForm,k as default};

package/chunks/index3.js

@@ -1 +1 @@
-import{S as k,S as q}from"./SignUpForm.js";import"@dropins/tools/preact-jsx-runtime.js";import"@dropins/tools/lib.js";import"./usePasswordValidationMessage.js";import"@dropins/tools/preact-compat.js";import"@dropins/tools/i18n.js";import"@dropins/tools/event-bus.js";import"@dropins/tools/recaptcha.js";import"./getStoreConfig.js";import"./setReCaptchaToken.js";import"@dropins/tools/fetch-graphql.js";import"./initialize.js";import"@dropins/tools/preact-hooks.js";import"./createCustomerAddress.js";import"./transform-attributes-form.js";import"./simplifyTransformAttributesForm.js";import"./useInLineAlert.js";import"@dropins/tools/components.js";import"./SkeletonLoader.js";import"./EmailConfirmationForm.js";import"./resendConfirmationEmail.js";import"./PasswordField.js";export{k as SignUpForm,q as default};
+import{S as q,S as v}from"./SignUpForm.js";import"@dropins/tools/preact-jsx-runtime.js";import"@dropins/tools/lib.js";import"@dropins/tools/event-bus.js";import"@dropins/tools/recaptcha.js";import"./createCustomerAddress.js";import"./network-error.js";import"@dropins/tools/fetch-graphql.js";import"./setReCaptchaToken.js";import"./transform-attributes-form.js";import"./getStoreConfig.js";import"@dropins/tools/preact-hooks.js";import"./simplifyTransformAttributesForm.js";import"./usePasswordValidationMessage.js";import"@dropins/tools/i18n.js";import"./getCustomerToken.js";import"./initialize.js";import"./useInLineAlert.js";import"@dropins/tools/components.js";import"@dropins/tools/preact-compat.js";import"./SkeletonLoader.js";import"./EmailConfirmationForm.js";import"./resendConfirmationEmail.js";export{q as SignUpForm,v as default};

package/chunks/network-error.js

@@ -0,0 +1 @@
+import{FetchGraphQL as t}from"@dropins/tools/fetch-graphql.js";import{events as r}from"@dropins/tools/event-bus.js";const{setEndpoint:h,setFetchGraphQlHeader:n,removeFetchGraphQlHeader:c,setFetchGraphQlHeaders:p,fetchGraphQl:i,getConfig:f}=new t().getMethods(),m=e=>{throw e instanceof DOMException&&e.name==="AbortError"||r.emit("error",{source:"auth",type:"network",error:e}),e};export{n as a,p as b,i as f,f as g,m as h,c as r,h as s};

package/chunks/requestPasswordResetEmail.js

@@ -1,5 +1,5 @@
-import{c as m,f as l,h as e}from"./setReCaptchaToken.js";const c=a=>{var r,E,i;let t="";return(r=a==null?void 0:a.errors)!=null&&r.length&&(t=(E=a==null?void 0:a.errors[0])==null?void 0:E.message),{message:t,success:!!((i=a==null?void 0:a.data)!=null&&i.requestPasswordResetEmail)}},R=`
+import{f as E,h as l}from"./network-error.js";import{s as e}from"./setReCaptchaToken.js";const R=a=>{var r,m,i;let t="";return(r=a==null?void 0:a.errors)!=null&&r.length&&(t=(m=a==null?void 0:a.errors[0])==null?void 0:m.message),{message:t,success:!!((i=a==null?void 0:a.data)!=null&&i.requestPasswordResetEmail)}},c=`
   mutation REQUEST_PASSWORD_RESET_EMAIL($email: String!) {
     requestPasswordResetEmail(email: $email)
   }
-`,h=async a=>(await m(),await l(R,{method:"POST",variables:{email:a}}).then(t=>c(t)).catch(e));export{h as r};
+`,o=async a=>(await e(),await E(c,{method:"POST",variables:{email:a}}).then(t=>R(t)).catch(l));export{o as r};

package/chunks/resendConfirmationEmail.js

@@ -1,4 +1,4 @@
-import{f as r,h as e}from"./setReCaptchaToken.js";const i=`
+import{f as r,h as e}from"./network-error.js";const i=`
 mutation RESEND_CONFIRMATION_EMAIL($email: String!) {
   resendConfirmationEmail(email: $email)
 }`,n=async a=>await r(i,{method:"POST",variables:{email:a}}).catch(e);export{n as r};

package/chunks/resetPassword.js

@@ -1,5 +1,5 @@
-import{c as w,f as o,h as d}from"./setReCaptchaToken.js";const P=`
+import{f as o,h as w}from"./network-error.js";import{s as d}from"./setReCaptchaToken.js";const i=`
   mutation RESET_PASSWORD($email: String!, $resetPasswordToken: String!, $newPassword: String!){
     resetPassword(email: $email,resetPasswordToken: $resetPasswordToken,newPassword: $newPassword)
   }
-`,i=a=>{var r,s,e;let t="";return(r=a==null?void 0:a.errors)!=null&&r.length&&(t=(s=a==null?void 0:a.errors[0])==null?void 0:s.message),{message:t,success:!!((e=a==null?void 0:a.data)!=null&&e.resetPassword)}},m=async(a,t,r)=>(await w(),await o(P,{method:"POST",variables:{email:a,resetPasswordToken:t,newPassword:r}}).then(s=>i(s)).catch(d));export{m as r};
+`,P=a=>{var r,s,e;let t="";return(r=a==null?void 0:a.errors)!=null&&r.length&&(t=(s=a==null?void 0:a.errors[0])==null?void 0:s.message),{message:t,success:!!((e=a==null?void 0:a.data)!=null&&e.resetPassword)}},S=async(a,t,r)=>(await d(),await o(i,{method:"POST",variables:{email:a,resetPasswordToken:t,newPassword:r}}).then(s=>P(s)).catch(w));export{S as r};

package/chunks/revokeCustomerToken.js

@@ -0,0 +1,8 @@
+import{f as u,h as n}from"./network-error.js";import{C as m,d as s,p as c,E}from"./getStoreConfig.js";import{events as i}from"@dropins/tools/event-bus.js";const k=t=>{var r,o,a;let e="";return(r=t==null?void 0:t.errors)!=null&&r.length&&(e=((o=t==null?void 0:t.errors[0])==null?void 0:o.message)||"Unknown error"),{message:e,success:!!((a=t==null?void 0:t.data)!=null&&a.revokeCustomerToken)}},h=`
+  mutation REVOKE_CUSTOMER_TOKEN {
+    revokeCustomerToken {
+      result
+    }
+  }
+`,_=async()=>await u(h,{method:"POST"}).then(t=>{const e=k(t);if(e!=null&&e.success)[m.auth_dropin_user_token,m.auth_dropin_firstname].forEach(r=>{s(r)}),i.emit("authenticated",!1),c(E.SIGN_OUT,{logoutAttempt:!0});else{const r=`
+          ERROR revokeCustomerToken: ${e.message}`;console.error(r)}return e}).catch(n);export{_ as r};

package/chunks/setReCaptchaToken.js

@@ -1 +1 @@
-import{events as t}from"@dropins/tools/event-bus.js";import{verifyReCaptcha as r}from"@dropins/tools/recaptcha.js";import{FetchGraphQL as o}from"@dropins/tools/fetch-graphql.js";const{setEndpoint:p,setFetchGraphQlHeader:a,removeFetchGraphQlHeader:i,setFetchGraphQlHeaders:f,fetchGraphQl:m,getConfig:d}=new o().getMethods(),l=e=>{throw e instanceof DOMException&&e.name==="AbortError"||t.emit("error",{source:"auth",type:"network",error:e}),e},E=async()=>{const e=await r();e?a("X-ReCaptcha",e):console.error("ReCaptcha Token not received")};export{a,f as b,E as c,m as f,d as g,l as h,i as r,p as s};
+import{verifyReCaptcha as a}from"@dropins/tools/recaptcha.js";import"@dropins/tools/event-bus.js";import{a as t}from"./network-error.js";const s=async()=>{const e=await a();e?t("X-ReCaptcha",e):console.error("ReCaptcha Token not received")};export{s};

package/chunks/useInLineAlert.js

@@ -1 +1 @@
-import{jsxs as x,jsx as c,Fragment as A}from"@dropins/tools/preact-jsx-runtime.js";import{useState as V,useCallback as M,useRef as q,useEffect as L}from"@dropins/tools/preact-hooks.js";import{classes as g}from"@dropins/tools/lib.js";import{Checkbox as D,Button as I,Field as N,Input as H}from"@dropins/tools/components.js";import{initReCaptcha as O}from"@dropins/tools/recaptcha.js";import{useText as B}from"@dropins/tools/i18n.js";import*as h from"@dropins/tools/preact-compat.js";import{memo as k,useState as j}from"@dropins/tools/preact-compat.js";const R=e=>h.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},h.createElement("path",{d:"M7.74512 9.87701L12.0001 14.132L16.2551 9.87701",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"square",strokeLinejoin:"round"})),P=e=>h.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},h.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M11.8052 14.4968C10.8552 14.4968 9.9752 14.0268 9.4452 13.2368L9.4152 13.1868L9.3852 13.1268C8.1352 11.2268 7.5352 8.96681 7.6852 6.68681C7.7552 4.42681 9.6052 2.61681 11.8652 2.60681H12.0052C14.2752 2.47681 16.2152 4.21681 16.3452 6.47681C16.3452 6.55681 16.3452 6.62681 16.3452 6.70681C16.4852 8.94681 15.9052 11.1768 14.6852 13.0568L14.6052 13.1768C14.0552 13.9868 13.1352 14.4668 12.1652 14.4768H12.0052C11.9352 14.4768 11.8652 14.4868 11.7952 14.4868L11.8052 14.4968Z",stroke:"currentColor"}),h.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M4.3252 21.5469C4.3552 20.4169 4.4752 19.2869 4.6752 18.1769C4.8952 17.1669 6.4752 16.0269 8.9052 15.1569C9.2352 15.0369 9.4852 14.7869 9.5952 14.4569L9.8052 14.0269",stroke:"currentColor"}),h.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M14.425 14.4069L14.165 14.1569C14.375 14.5969 14.725 14.9569 15.155 15.1869C16.945 15.7969 19.125 16.9569 19.375 18.2069C19.585 19.3069 19.685 20.4269 19.675 21.5369",stroke:"currentColor"})),W=e=>h.createElement("svg",{id:"Icon_Warning_Base",width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},h.createElement("g",{clipPath:"url(#clip0_841_1324)"},h.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M11.9949 2.30237L0.802734 21.6977H23.1977L11.9949 2.30237Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),h.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M12.4336 10.5504L12.3373 14.4766H11.6632L11.5669 10.5504V9.51273H12.4336V10.5504ZM11.5883 18.2636V17.2687H12.4229V18.2636H11.5883Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"})),h.createElement("defs",null,h.createElement("clipPath",{id:"clip0_841_1324"},h.createElement("rect",{width:24,height:21,fill:"white",transform:"translate(0 1.5)"})))),J=e=>h.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},h.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M0.75 12C0.75 5.78421 5.78421 0.75 12 0.75C18.2158 0.75 23.25 5.78421 23.25 12C23.25 18.2158 18.2158 23.25 12 23.25C5.78421 23.25 0.75 18.2158 0.75 12Z",stroke:"currentColor"}),h.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M6.75 12.762L10.2385 15.75L17.25 9",stroke:"currentColor"})),X=e=>h.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},h.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M0.75 12C0.75 5.78421 5.78421 0.75 12 0.75C18.2158 0.75 23.25 5.78421 23.25 12C23.25 18.2158 18.2158 23.25 12 23.25C5.78421 23.25 0.75 18.2158 0.75 12Z",stroke:"currentColor"}),h.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M11.75 5.88423V4.75H12.25V5.88423L12.0485 13.0713H11.9515L11.75 5.88423ZM11.7994 18.25V16.9868H12.2253V18.25H11.7994Z",stroke:"currentColor"})),ue=e=>{if(!e)return null;const s=new FormData(e);if(s&&typeof s.entries=="function"){const r=s.entries();if(r&&typeof r[Symbol.iterator]=="function")return JSON.parse(JSON.stringify(Object.fromEntries(r)))||{}}return{}},he=e=>typeof e=="function",K=k(({initialValue:e=!1,label:s,errors:r,name:n="",onChange:o,onBlur:a,...l})=>{const t=r?r[n]:"",u=t?"error":"",[m,_]=V(e),v=M(w=>{o==null||o(w),_(f=>!f)},[o]);return x("div",{className:g(["auth-checkbox-field"]),children:[c(D,{name:n,label:s,value:m,checked:m,error:!!t,onChange:v,onBlur:a,"data-testid":n||"uniqueCheckboxId",...l}),u?c("div",{className:"auth-checkbox-field__error",children:t.replace("Enter a checkbox, this field","Checkbox")}):null]})}),me=({type:e,buttonText:s,variant:r,className:n="",enableLoader:o=!1,onClick:a,style:l,icon:t,...u})=>{const m=M(v=>{a==null||a(v)},[a]);return x(I,{icon:t,style:l,type:e,variant:r,className:g(["auth-button",n,o?"enableLoader":""]),onClick:m,...u,children:[c("span",{className:"auth-button__text",children:s}),o?c("div",{className:"auth-button__loader-wrapper",children:c("span",{className:"auth-button__loader"})}):null]})},U=e=>{if(!e)return"";const s=e.split("-");if(s.length<3)return"";const[r,n,o]=s;return`${r}-${n.padStart(2,"0")}-${o.padStart(2,"0")}`},z=(e,s)=>{e.forEach(r=>{const n=r.querySelector("input"),o=r.querySelector("textarea"),a=r.querySelector("select");s?r.classList.add("elsie-field__label--disabled"):r.classList.remove("elsie-field__label--disabled"),n&&(n.disabled=s),o&&(o.disabled=s),a&&(a.disabled=s)})},G=({submitCallback:e,isLoading:s,fieldsConfig:r})=>{const n=B({requiredFieldError:"Auth.FormText.requiredFieldError"}),o=q(null),[a,l]=V({}),[t,u]=V({});L(()=>{if(o.current){const f=o.current,i=f.querySelector('button[type="submit"]'),d=f.querySelectorAll(".elsie-field");if(!i||!d)return;const p=s!==void 0?s:!1;z(d,p),p?i.classList.add("loading"):i.classList.remove("loading"),i.disabled=p}},[s]);const m=M(f=>{f.forEach(i=>{if(i.required){switch(i.fieldType){case"DATE":{const d=U(i.defaultValue);l(p=>({...p,[i.name]:d||""}));break}case"BOOLEAN":{const d=i.options.find(E=>E.is_default),p=(d==null?void 0:d.value)==="1";l(E=>({...E,[i.name]:d?p:""}));break}case"SELECT":{const d=i.options.find(p=>p.is_default);l(p=>({...p,[i.name]:(d==null?void 0:d.value)||""}));break}default:l(d=>({...d,[i.name]:(i==null?void 0:i.value)||(i==null?void 0:i.defaultValue)||""}));break}u(d=>({...d,[i.name]:""}))}})},[]);L(()=>{Array.isArray(r)&&(r!=null&&r.length)&&m(r)},[r,m]);const _=M(({target:{name:f,value:i,type:d,checked:p}})=>{const E=d==="checkbox",b=E?p:i,C=t[f]?{...t,[f]:""}:t;l({...a,[f]:b}),u(C)},[t,a]);L(()=>{O()},[]);const v=M(f=>{const{name:i,value:d,type:p}=f.target,E=p==="checkbox",b=Object.keys(a).includes(i),C=r.find(T=>T.name===i);!(E?f.target.checked:d.trim())&&b&&C&&C.required&&u({...t,[i]:n.requiredFieldError})},[t,r,a,n.requiredFieldError]),w=M(f=>{var E;f.preventDefault();let i=!0;const d={};Object.keys(a).forEach(b=>{const C=typeof a[b]=="boolean",F=typeof a[b]=="string"&&!a[b].trim();(C&&!a[b]||F)&&(i=!1,d[b]=n.requiredFieldError)}),u(d),e==null||e(f,i);const p=Object.keys(d)[0];(E=document.getElementsByName(p)[0])==null||E.focus()},[a,e,n.requiredFieldError]);return{formData:a,errors:t,formRef:o,handleChange:_,handleBlur:v,handleSubmit:w}},Q=e=>h.createElement("svg",{width:30,height:30,viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},h.createElement("path",{d:"M24.75 10V9.25H23.25V10H24.75ZM23.25 14V14.75H24.75V14H23.25ZM16.75 10V9.25H15.25V10H16.75ZM15.25 14V14.75H16.75V14H15.25ZM10 17.25C9.58579 17.25 9.25 17.5858 9.25 18C9.25 18.4142 9.58579 18.75 10 18.75V17.25ZM30 18.75C30.4142 18.75 30.75 18.4142 30.75 18C30.75 17.5858 30.4142 17.25 30 17.25V18.75ZM12 12.75H28V11.25H12V12.75ZM28 12.75C28.6904 12.75 29.25 13.3096 29.25 14H30.75C30.75 12.4812 29.5188 11.25 28 11.25V12.75ZM29.25 14V28H30.75V14H29.25ZM29.25 28C29.25 28.6904 28.6904 29.25 28 29.25V30.75C29.5188 30.75 30.75 29.5188 30.75 28H29.25ZM28 29.25H12V30.75H28V29.25ZM12 29.25C11.3096 29.25 10.75 28.6904 10.75 28H9.25C9.25 29.5188 10.4812 30.75 12 30.75V29.25ZM10.75 28V14H9.25V28H10.75ZM10.75 14C10.75 13.3096 11.3096 12.75 12 12.75V11.25C10.4812 11.25 9.25 12.4812 9.25 14H10.75ZM23.25 10V14H24.75V10H23.25ZM15.25 10V14H16.75V10H15.25ZM10 18.75H30V17.25H10V18.75Z",fill:"#2B2B2B"})),Y=k(({children:e,name:s="",onChange:r,onBlur:n,errors:o,values:a,label:l})=>{const[t,u]=j("text"),m=o?o[s]:"",_=a?a[s]:"",v=()=>{u("date")},w=f=>{u("text"),n==null||n(f)};return x("div",{className:g(["auth-date-field",t]),children:[c(N,{error:m,children:c(H,{type:t,name:s,value:_,placeholder:l,floatingLabel:l,onFocus:v,onBlur:w,onChange:r})}),e,c(Q,{})]})}),Z=()=>{let e="";for(let s=0;s<5;s++)e+=Math.floor(Math.random()*10);return e},S=Z(),ee=({selectTitle:e,optionConfig:s=[],name:r="",onChange:n,onBlur:o,errors:a,values:l})=>{const t=a?a[r]:"",u=l?l[r]:"",m=t?"auth-select-field--error":"";return x("div",{className:g(["auth-select-field","elsie-field",m,u?"auth-select-field--selected":""]),"data-testid":"auth-select-field",children:[x("select",{className:"auth-select-field__select",id:`select_${r}_${S}`,name:r,value:u,onBlur:o,onChange:n,"aria-label":`select_${r}`,children:[c("option",{selected:!!s.filter(v=>v.is_default).length,disabled:!0,children:e}),s.map((v,w)=>c("option",{value:v.value,defaultChecked:v.is_default,children:v.label},w))]}),c("label",{htmlFor:`select_${r}_${S}`,className:"auth-select-field__label",children:e}),c(R,{}),m&&c("div",{className:"auth-select-field__error-text",children:t})]})},$=Z(),te=({name:e="",errors:s,values:r,label:n,className:o,onChange:a,onBlur:l})=>{const t=s?s[e]:"",u=r?r[e]:"",m=t?"error":"";return x("div",{className:g(["auth-textarea-field",o,m?"auth-textarea-field--error":""]),"data-testid":"auth-textarea-field",children:[c("textarea",{className:"auth-textarea-field__textarea",id:`textarea_${e}_${$}`,placeholder:n,name:e,value:u,onBlur:l,onChange:a}),c("label",{htmlFor:`textarea_${e}_${$}`,className:"auth-textarea-field__label",children:n}),m?c("div",{className:"auth-textarea-field__error-text",children:t}):null]})},y=k(({name:e="",onChange:s,onBlur:r,errors:n,values:o,label:a,className:l})=>{const t=n?n[e]:"",u=o?o[e]:"";return c("div",{className:g(["auth-text-field",l]),"data-testid":"auth-text_field",children:c(N,{error:t,children:c(H,{type:"text",name:e,value:u,onBlur:r,onChange:s,placeholder:a,floatingLabel:a})})})}),re=k(({values:e,fields:s=[],errors:r,className:n="",onChange:o,onBlur:a})=>{if(!s.length)return null;const l=`${n}__item`;return c(A,{children:s.map(t=>{switch(t.fieldType){case"TEXT":if(t.id==="email"){const u=r?r[t.id]:"",m=e?e[t.id]:"";return c("div",{className:g([`${l}`,`${l}--${t.id}`]),"data-testid":`${l}--${t.id}`,children:c(N,{error:u,className:t.className,children:c(H,{type:"email",name:t.id,icon:c(P,{}),value:m,placeholder:t.label,floatingLabel:t.label,onBlur:a,onChange:o})})})}else if(t.id==="firstname"||t.id==="lastname")return c("div",{className:g([`${l}`,`${l}--${t.id}`]),children:c(y,{name:t.id,className:t.className,label:t.label,onBlur:a,errors:r,onChange:o,values:e})});return c("div",{className:g([`${l}`,`${l}--${t.id}`]),children:c(y,{name:t.id,className:t.className,label:t.label,onBlur:a,errors:r,onChange:o,values:e})});case"SELECT":return c("div",{className:l,children:c(ee,{selectTitle:t.label,optionConfig:t.options,name:t.id,onBlur:a,errors:r,onChange:o,values:e})});case"BOOLEAN":return c("div",{className:l,children:c(K,{label:t.label,name:t.id,onBlur:a,errors:r,onChange:o})});case"DATE":return c("div",{className:l,children:c(Y,{label:t.label,name:t.id,onBlur:a,errors:r,onChange:o,values:e})});case"TEXTAREA":return c("div",{className:g([`${l}`,`${l}--${t.id}`]),children:c(te,{className:t.className,label:t.label,name:t.id,onBlur:a,errors:r,onChange:o,values:e})});default:return null}})})}),fe=({name:e,isLoading:s,children:r,className:n="defaultForm",fieldsConfig:o=[],submitCallback:a})=>{const{formData:l,errors:t,formRef:u,handleChange:m,handleBlur:_,handleSubmit:v}=G({submitCallback:a,isLoading:s,fieldsConfig:o});return x("form",{onSubmit:v,className:n,name:e,ref:u,children:[c(re,{fields:o,onChange:m,onBlur:_,errors:t,values:l,className:n}),r]})},pe=({children:e,text:s,bottomLine:r=!0,className:n})=>x("div",{className:g(["auth-title",n]),"data-testid":"auth-title_id",children:[x("div",{className:"auth-title__text",children:[c("h1",{className:"auth-title__heading",children:s}),e]}),r?c("div",{className:"auth-title__hr"}):null]}),se={success:c(J,{}),warning:c(W,{}),error:c(X,{})},ve=()=>{const[e,s]=V({}),r=M(n=>{if(!n||!n.type)return;const o=se[n.type];s({...n,icon:o})},[]);return{inLineAlertProps:e,handleSetInLineAlertProps:r}};export{me as B,K as C,fe as F,R as S,pe as T,he as c,ue as g,ve as u};
+import{jsxs as L,jsx as c,Fragment as V}from"@dropins/tools/preact-jsx-runtime.js";import{useCallback as m,useRef as M,useState as C,useEffect as F}from"@dropins/tools/preact-hooks.js";import{classes as k}from"@dropins/tools/lib.js";import{Button as S,Field as _,Picker as y,Input as T,InputDate as N,Checkbox as A,TextArea as D}from"@dropins/tools/components.js";import{initReCaptcha as H}from"@dropins/tools/recaptcha.js";import{useText as I}from"@dropins/tools/i18n.js";import*as h from"@dropins/tools/preact-compat.js";import{memo as q,useCallback as x}from"@dropins/tools/preact-compat.js";const ee=r=>{if(!r)return null;const o=new FormData(r);if(o&&typeof o.entries=="function"){const u=o.entries();if(u&&typeof u[Symbol.iterator]=="function")return JSON.parse(JSON.stringify(Object.fromEntries(u)))||{}}return{}},re=r=>typeof r=="function",te=({type:r,buttonText:o,variant:u,className:s="",enableLoader:l=!1,onClick:d,style:p,icon:n,...E})=>{const w=m(v=>{d==null||d(v)},[d]);return L(S,{icon:n,style:p,type:r,variant:u,className:k(["auth-button",s,l?"enableLoader":""]),onClick:w,...E,children:[c("span",{className:"auth-button__text",children:o}),l?c("div",{className:"auth-button__loader-wrapper",children:c("span",{className:"auth-button__loader"})}):null]})},O=r=>r.reduce((o,{code:u,required:s,defaultValue:l})=>(s&&(o[u]=l),o),{}),Z=({fieldsConfig:r,submitCallback:o})=>{const{requiredFieldError:u}=I({requiredFieldError:"Auth.FormText.requiredFieldError"}),s=M(null),[l,d]=C({}),[p,n]=C({});F(()=>{if(!r.length)return;const f=O(r);d(f)},[r==null?void 0:r.length]);const E=m((f,e)=>{const t=r.find(i=>i.code===f);return t!=null&&t.required&&!e?u:""},[r,u]),w=m(f=>{const{name:e,value:t,type:a,checked:i}=f==null?void 0:f.target,$=a==="checkbox"?i:t;d(g=>({...g,[e]:$}))},[]);F(()=>{H()},[]);const b=m(f=>{const{name:e,value:t,type:a,checked:i}=f==null?void 0:f.target,$=a==="checkbox"?i:t;n(g=>({...g,[e]:E(e,$)}))},[E]),v=m(f=>{f.preventDefault();let e=!0,t={},a=null;for(const[i,$]of Object.entries(l)){const g=E(i,$);g&&(t[i]=g,e=!1,a||(a=i))}if(n(t),a&&s.current){const i=s.current.elements.namedItem(a);i==null||i.focus()}o==null||o(f,e)},[l,E,o]);return{formData:l,errors:p,formRef:s,handleChange:w,handleBlur:b,handleSubmit:v}},R=r=>h.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...r},h.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M11.8052 14.4968C10.8552 14.4968 9.9752 14.0268 9.4452 13.2368L9.4152 13.1868L9.3852 13.1268C8.1352 11.2268 7.5352 8.96681 7.6852 6.68681C7.7552 4.42681 9.6052 2.61681 11.8652 2.60681H12.0052C14.2752 2.47681 16.2152 4.21681 16.3452 6.47681C16.3452 6.55681 16.3452 6.62681 16.3452 6.70681C16.4852 8.94681 15.9052 11.1768 14.6852 13.0568L14.6052 13.1768C14.0552 13.9868 13.1352 14.4668 12.1652 14.4768H12.0052C11.9352 14.4768 11.8652 14.4868 11.7952 14.4868L11.8052 14.4968Z",stroke:"currentColor"}),h.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M4.3252 21.5469C4.3552 20.4169 4.4752 19.2869 4.6752 18.1769C4.8952 17.1669 6.4752 16.0269 8.9052 15.1569C9.2352 15.0369 9.4852 14.7869 9.5952 14.4569L9.8052 14.0269",stroke:"currentColor"}),h.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M14.425 14.4069L14.165 14.1569C14.375 14.5969 14.725 14.9569 15.155 15.1869C16.945 15.7969 19.125 16.9569 19.375 18.2069C19.585 19.3069 19.685 20.4269 19.675 21.5369",stroke:"currentColor"})),P=r=>h.createElement("svg",{id:"Icon_Warning_Base",width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...r},h.createElement("g",{clipPath:"url(#clip0_841_1324)"},h.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M11.9949 2.30237L0.802734 21.6977H23.1977L11.9949 2.30237Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),h.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M12.4336 10.5504L12.3373 14.4766H11.6632L11.5669 10.5504V9.51273H12.4336V10.5504ZM11.5883 18.2636V17.2687H12.4229V18.2636H11.5883Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"})),h.createElement("defs",null,h.createElement("clipPath",{id:"clip0_841_1324"},h.createElement("rect",{width:24,height:21,fill:"white",transform:"translate(0 1.5)"})))),j=r=>h.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...r},h.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M0.75 12C0.75 5.78421 5.78421 0.75 12 0.75C18.2158 0.75 23.25 5.78421 23.25 12C23.25 18.2158 18.2158 23.25 12 23.25C5.78421 23.25 0.75 18.2158 0.75 12Z",stroke:"currentColor"}),h.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M6.75 12.762L10.2385 15.75L17.25 9",stroke:"currentColor"})),B=r=>h.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...r},h.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M0.75 12C0.75 5.78421 5.78421 0.75 12 0.75C18.2158 0.75 23.25 5.78421 23.25 12C23.25 18.2158 18.2158 23.25 12 23.25C5.78421 23.25 0.75 18.2158 0.75 12Z",stroke:"currentColor"}),h.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M11.75 5.88423V4.75H12.25V5.88423L12.0485 13.0713H11.9515L11.75 5.88423ZM11.7994 18.25V16.9868H12.2253V18.25H11.7994Z",stroke:"currentColor"})),W=q(({isLoading:r,values:o,fields:u=[],errors:s,className:l="",onChange:d,onBlur:p})=>{const n=`${l}__item`,E=x((e,t,a)=>{const i=e.options.map($=>({text:$.label,value:$.value}));return c(_,{error:a,className:k([n,`${n}--${e.id}`,[`${n}--${e.id}-hidden`,e.is_hidden],e.className]),"data-testid":`${l}--${e.id}`,disabled:r,children:c(y,{name:e.id,floatingLabel:`${e.label} ${e.required?"*":""}`,placeholder:e.label,"aria-label":e.label,options:i,onBlur:p,handleSelect:d,value:t||e.defaultValue})},e.id)},[l,r,n,p,d]),w=x((e,t,a)=>{const i=e.id==="email",$=i?c(R,{}):void 0,g=i?"username":"";return c(_,{error:a,className:k([n,`${n}--${e.id}`,[`${n}--${e.id}-hidden`,e.is_hidden],e.className]),"data-testid":`${l}--${e.id}`,disabled:r,children:c(T,{autoComplete:g,icon:$,type:"text",name:e.id,value:t||e.defaultValue,placeholder:e.label,floatingLabel:`${e.label} ${e.required?"*":""}`,onBlur:p,onChange:d})},e.id)},[l,r,n,p,d]),b=x((e,t,a)=>c(_,{error:a,className:k([n,`${n}--${e.id}`,[`${n}--${e.id}-hidden`,e.is_hidden],e.className]),"data-testid":`${l}--${e.id}`,disabled:r,children:c(N,{type:"text",name:e.id,value:t||e.defaultValue,placeholder:e.label,floatingLabel:`${e.label} ${e.required?"*":""}`,onBlur:p,onChange:d})},e.id),[l,r,n,p,d]),v=x((e,t,a)=>c(_,{error:a,className:k([n,`${n}--${e.id}`,[`${n}--${e.id}-hidden`,e.is_hidden],e.className]),"data-testid":`${l}--${e.id}`,disabled:r,children:c(A,{name:e.id,checked:t||e.defaultValue,placeholder:e.label,label:`${e.label} ${e.required?"*":""}`,onBlur:p,onChange:d})},e.id),[l,r,n,p,d]),f=x((e,t,a)=>c(_,{error:a,className:k([n,`${n}--${e.id}`,[`${n}--${e.id}-hidden`,e.is_hidden],e.className]),"data-testid":`${l}--${e.id}`,disabled:r,children:c(D,{type:"text",name:e.id,value:t===void 0?e.defaultValue:t,label:`${e.label} ${e.required?"*":""}`,onBlur:p,onChange:d})},e.id),[l,r,n,p,d]);return u.length?c(V,{children:u.map(e=>{const t=(s==null?void 0:s[e.id])??"",a=(o==null?void 0:o[e.id])??"";switch(e.fieldType){case"TEXT":return e.options.length?E(e,a,t):w(e,a,t);case"MULTILINE":return w(e,a,t);case"SELECT":return E(e,a,t);case"DATE":return b(e,a,t);case"BOOLEAN":return v(e,a,t);case"TEXTAREA":return f(e,a,t);default:return null}})}):null}),ne=({name:r,isLoading:o,children:u,className:s="defaultForm",fieldsConfig:l=[],submitCallback:d})=>{const{formData:p,errors:n,formRef:E,handleChange:w,handleBlur:b,handleSubmit:v}=Z({submitCallback:d,fieldsConfig:l});return L("form",{onSubmit:v,className:s,name:r,ref:E,children:[c(W,{fields:l,onChange:w,onBlur:b,errors:n,values:p,className:s,isLoading:o}),u]})},ae=({children:r,text:o,bottomLine:u=!0,className:s})=>L("div",{className:k(["auth-title",s]),"data-testid":"auth-title_id",children:[L("div",{className:"auth-title__text",children:[c("h1",{className:"auth-title__heading",children:o}),r]}),u?c("div",{className:"auth-title__hr"}):null]}),J={success:c(j,{}),warning:c(P,{}),error:c(B,{})},le=()=>{const[r,o]=C({}),u=m(s=>{if(!s||!s.type)return;const l=J[s.type];o({...s,icon:l})},[]);return{inLineAlertProps:r,handleSetInLineAlertProps:u}};export{te as B,ne as F,ae as T,re as c,ee as g,le as u};

package/chunks/usePasswordValidationMessage.js

@@ -1 +1 @@
-import{jsxs as g,jsx as m}from"@dropins/tools/preact-jsx-runtime.js";import{classes as M}from"@dropins/tools/lib.js";import*as o from"@dropins/tools/preact-compat.js";import{useText as d}from"@dropins/tools/i18n.js";import"@dropins/tools/event-bus.js";import"@dropins/tools/recaptcha.js";import{b as p}from"./getStoreConfig.js";import{useState as h,useEffect as f,useMemo as v}from"@dropins/tools/preact-hooks.js";const S=e=>o.createElement("svg",{id:"Icon_Check_Base","data-name":"Icon \\u2013 Check \\u2013 Base",xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...e},o.createElement("g",{id:"Large"},o.createElement("rect",{id:"Placement_area","data-name":"Placement area",width:24,height:24,fill:"#fff",opacity:0}),o.createElement("g",{id:"Check_icon","data-name":"Check icon",transform:"translate(303.874 1434.583)"},o.createElement("path",{vectorEffect:"non-scaling-stroke",id:"Path_884137","data-name":"Path 884137",d:"M148,494.611l4.248,4.244,8.538-8.522",transform:"translate(-446.265 -1917.177)",fill:"none",stroke:"currentColor"})))),E=e=>o.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},o.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M18.3599 5.64001L5.62988 18.37",stroke:"currentColor"}),o.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M18.3599 18.37L5.62988 5.64001",stroke:"currentColor"})),P=e=>o.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},o.createElement("path",{d:"M17.3332 11.75H6.6665",strokeWidth:1.5,strokeLinecap:"square",strokeLinejoin:"round",vectorEffect:"non-scaling-stroke",fill:"none",stroke:"currentColor"})),u={pending:m(P,{}),success:m(S,{}),error:m(E,{style:{fill:"red"}})},A=({minLength:e=0,requiredCharacterClasses:s=0,isValidUniqueSymbols:t="pending",validateLengthConfig:a={status:"",icon:"",message:""},...c})=>{const n=d({chartTwoSymbols:"Auth.PasswordValidationMessage.chartTwoSymbols",chartThreeSymbols:"Auth.PasswordValidationMessage.chartThreeSymbols",chartFourSymbols:"Auth.PasswordValidationMessage.chartFourSymbols"}),i=r=>{switch(r){case 2:return n.chartTwoSymbols;case 3:return n.chartThreeSymbols;case 4:return n.chartFourSymbols;default:return""}};return g("div",{...c,className:M(["elsie-password-validation-message"]),children:[e>0?g("div",{className:`auth-passwordValidationMessage_item auth-passwordValidationMessage_item--status-${a.status}`,"data-testid":`auth-passwordValidationMessage_item--${a.icon}`,children:[u[a.icon],m("span",{className:`${a.status}`,children:a.message})]}):null,s&&s>=2?g("div",{className:`auth-passwordValidationMessage_item auth-passwordValidationMessage_item--status-${t}`,"data-testid":`auth-passwordValidationMessage_item--${t}`,children:[u[t],m("span",{className:"pending",children:i(s)})]}):null]})},I=()=>{const[e,s]=h(!1),[t,a]=h(null);return f(()=>{const c=sessionStorage.getItem("storeConfig"),n=c?JSON.parse(c):null;if(n){const{minLength:i,requiredCharacterClasses:r,createAccountConfirmation:l}=n;a({minLength:i,requiredCharacterClasses:r}),s(l)}else p().then(i=>{if(i){const{minLength:r,requiredCharacterClasses:l,createAccountConfirmation:w}=i;sessionStorage.setItem("storeConfig",JSON.stringify(i)),a({minLength:r,requiredCharacterClasses:l}),s(w)}})},[]),{passwordConfigs:t,isEmailConfirmationRequired:e}},L=(e,s)=>{if(s<=1)return!0;const t=/[0-9]/.test(e)?1:0,a=/[a-z]/.test(e)?1:0,c=/[A-Z]/.test(e)?1:0,n=/[^a-zA-Z0-9\s]/.test(e)?1:0;return t+a+c+n>=s},N=({passwordConfigs:e,isClickSubmit:s,password:t})=>{const a=d({messageLengthPassword:"Auth.PasswordValidationMessage.messageLengthPassword"}),[c,n]=h("pending");f(()=>{if(!e)return;const r=L(t,e.requiredCharacterClasses);s&&t.length>0?n(r?"success":"error"):s&&t.length===0?n("pending"):n(r?"success":"pending")},[s,e,t]);const i=v(()=>{var l;if(!e)return;const r={status:"pending",icon:"pending",message:(l=a.messageLengthPassword)==null?void 0:l.replace("{minLength}",`${e.minLength}`)};return t.length&&t.length>=e.minLength?{...r,icon:"success",status:"success"}:t.length&&t.length<e.minLength?s?{...r,icon:"error",status:"error"}:{...r,icon:"pending",status:"pending"}:r},[e,a.messageLengthPassword,t==null?void 0:t.length,s]);return{isValidUniqueSymbols:c,defaultLengthMessage:i}};export{A as P,N as a,I as u,L as v};
+import"@dropins/tools/event-bus.js";import"@dropins/tools/recaptcha.js";import{g as m}from"./getStoreConfig.js";import{useState as c,useEffect as u,useMemo as h}from"@dropins/tools/preact-hooks.js";import{useText as f}from"@dropins/tools/i18n.js";const A=()=>{const[e,n]=c(!1),[t,i]=c(null);return u(()=>{const a=sessionStorage.getItem("storeConfig"),r=a?JSON.parse(a):null;if(r){const{minLength:o,requiredCharacterClasses:s,createAccountConfirmation:g}=r;i({minLength:o,requiredCharacterClasses:s}),n(g)}else m().then(o=>{if(o){const{minLength:s,requiredCharacterClasses:g,createAccountConfirmation:l}=o;sessionStorage.setItem("storeConfig",JSON.stringify(o)),i({minLength:s,requiredCharacterClasses:g}),n(l)}})},[]),{passwordConfigs:t,isEmailConfirmationRequired:e}},L=(e,n)=>{if(n<=1)return!0;const t=/[0-9]/.test(e)?1:0,i=/[a-z]/.test(e)?1:0,a=/[A-Z]/.test(e)?1:0,r=/[^a-zA-Z0-9\s]/.test(e)?1:0;return t+i+a+r>=n},M=({passwordConfigs:e,isClickSubmit:n,password:t})=>{const i=f({messageLengthPassword:"Auth.PasswordValidationMessage.messageLengthPassword"}),[a,r]=c("pending");u(()=>{if(!e)return;const s=L(t,e.requiredCharacterClasses);n&&t.length>0?r(s?"success":"error"):n&&t.length===0?r("pending"):r(s?"success":"pending")},[n,e,t]);const o=h(()=>{var g;if(!e)return;const s={status:"pending",icon:"pending",message:(g=i.messageLengthPassword)==null?void 0:g.replace("{minLength}",`${e.minLength}`)};return t.length&&t.length>=e.minLength?{...s,icon:"success",status:"success"}:t.length&&t.length<e.minLength?n?{...s,icon:"error",status:"error"}:{...s,icon:"pending",status:"pending"}:s},[e,i.messageLengthPassword,t==null?void 0:t.length,n]);return{isValidUniqueSymbols:a,defaultLengthMessage:o}};export{M as a,A as u,L as v};

package/components/UI/FormInputs/FormInputs.d.ts

@@ -3,8 +3,9 @@ import { FunctionComponent } from 'preact';
 export interface FormInputsProps {
     className?: string;
     errors?: Record<string, string>;
-    values?: Record<string, string>;
+    values?: Record<string, unknown>;
     fields?: any;
+    isLoading?: boolean;
     onChange?: (event: Event) => void;
     onBlur?: (event: Event) => void;
 }

package/components/UI/index.d.ts

@@ -1,11 +1,5 @@
-export { CheckboxField } from './CheckboxField';
 export { Button } from './Button';
 export { Form } from './Form';
 export { FormInputs } from './FormInputs';
-export { DateField } from './DateField';
-export { PasswordField } from './PasswordField';
-export { SelectField } from './SelectField';
-export { TextArea } from './TextArea';
-export { TextField } from './TextField';
 export { Title } from './Title';
 //# sourceMappingURL=index.d.ts.map

package/components/index.d.ts

@@ -3,16 +3,9 @@ export * from './SuccessNotificationForm';
 export * from './SignUpForm';
 export * from './SignInForm';
 export * from './ResetPasswordForm';
-export * from './PasswordValidationMessage';
-export * from './UI/CheckboxField';
 export * from './SkeletonLoader';
 export * from './UI/Button';
 export * from './UI/Form';
 export * from './UI/FormInputs';
-export * from './UI/DateField';
-export * from './UI/PasswordField';
-export * from './UI/SelectField';
-export * from './UI/TextArea';
-export * from './UI/TextField';
 export * from './UI/Title';
 //# sourceMappingURL=index.d.ts.map

package/containers/ResetPassword.js

@@ -1 +1 @@
-import{jsx as r}from"@dropins/tools/preact-jsx-runtime.js";import{R as i}from"../chunks/ResetPasswordForm.js";import"@dropins/tools/lib.js";import"@dropins/tools/event-bus.js";import"@dropins/tools/recaptcha.js";import"../chunks/requestPasswordResetEmail.js";import"../chunks/setReCaptchaToken.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/useInLineAlert.js";import"@dropins/tools/preact-hooks.js";import"@dropins/tools/components.js";import"@dropins/tools/i18n.js";import"@dropins/tools/preact-compat.js";import"../chunks/simplifyTransformAttributesForm.js";import"../chunks/transform-attributes-form.js";const j=({formSize:o,routeSignIn:t,onErrorCallback:m})=>r("div",{className:"auth-reset-password",children:r(i,{formSize:o,routeSignIn:t,onErrorCallback:m})});export{j as ResetPassword,j as default};
+import{jsx as r}from"@dropins/tools/preact-jsx-runtime.js";import{R as i}from"../chunks/ResetPasswordForm.js";import"@dropins/tools/lib.js";import"@dropins/tools/event-bus.js";import"@dropins/tools/recaptcha.js";import"../chunks/requestPasswordResetEmail.js";import"../chunks/network-error.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/setReCaptchaToken.js";import"../chunks/useInLineAlert.js";import"@dropins/tools/preact-hooks.js";import"@dropins/tools/components.js";import"@dropins/tools/i18n.js";import"@dropins/tools/preact-compat.js";import"../chunks/simplifyTransformAttributesForm.js";import"../chunks/transform-attributes-form.js";const v=({formSize:o,routeSignIn:t,onErrorCallback:m})=>r("div",{className:"auth-reset-password",children:r(i,{formSize:o,routeSignIn:t,onErrorCallback:m})});export{v as ResetPassword,v as default};

package/containers/SignIn.js

@@ -1 +1 @@
-import{jsx as r}from"@dropins/tools/preact-jsx-runtime.js";import{S as l}from"../chunks/SignInForm.js";import"@dropins/tools/lib.js";import"../chunks/useInLineAlert.js";import"@dropins/tools/preact-hooks.js";import"@dropins/tools/components.js";import"@dropins/tools/recaptcha.js";import"@dropins/tools/i18n.js";import"@dropins/tools/preact-compat.js";import"@dropins/tools/event-bus.js";import"../chunks/getStoreConfig.js";import"../chunks/setReCaptchaToken.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/initialize.js";import"../chunks/resendConfirmationEmail.js";import"../chunks/simplifyTransformAttributesForm.js";import"../chunks/transform-attributes-form.js";import"../chunks/confirmEmail.js";import"../chunks/EmailConfirmationForm.js";import"../chunks/PasswordField.js";const G=({enableEmailConfirmation:i,initialEmailValue:o,formSize:t,renderSignUpLink:m,hideCloseBtnOnEmailConfirmation:p,routeRedirectOnEmailConfirmationClose:n,routeRedirectOnSignIn:s,routeForgotPassword:a,routeSignUp:e,onSuccessCallback:c,onErrorCallback:d,onSignUpLinkClick:f,successNotificationForm:g})=>r("div",{className:"auth-sign-in",children:r(l,{formSize:t,renderSignUpLink:m,initialEmailValue:o,enableEmailConfirmation:i,hideCloseBtnOnEmailConfirmation:p,routeRedirectOnEmailConfirmationClose:n,routeSignUp:e,onErrorCallback:d,onSuccessCallback:c,onSignUpLinkClick:f,routeForgotPassword:a,routeRedirectOnSignIn:s,successNotificationForm:g})});export{G as SignIn,G as default};
+import{jsx as r}from"@dropins/tools/preact-jsx-runtime.js";import{S as l}from"../chunks/SignInForm.js";import"@dropins/tools/lib.js";import"../chunks/useInLineAlert.js";import"@dropins/tools/preact-hooks.js";import"@dropins/tools/components.js";import"@dropins/tools/recaptcha.js";import"@dropins/tools/i18n.js";import"@dropins/tools/preact-compat.js";import"@dropins/tools/event-bus.js";import"../chunks/getCustomerToken.js";import"../chunks/network-error.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/getStoreConfig.js";import"../chunks/initialize.js";import"../chunks/setReCaptchaToken.js";import"../chunks/resendConfirmationEmail.js";import"../chunks/simplifyTransformAttributesForm.js";import"../chunks/transform-attributes-form.js";import"../chunks/confirmEmail.js";import"../chunks/EmailConfirmationForm.js";const H=({slots:i,enableEmailConfirmation:o,initialEmailValue:t,formSize:m,renderSignUpLink:p,hideCloseBtnOnEmailConfirmation:n,routeRedirectOnEmailConfirmationClose:s,routeRedirectOnSignIn:a,routeForgotPassword:e,routeSignUp:c,onSuccessCallback:d,onErrorCallback:f,onSignUpLinkClick:g})=>r("div",{className:"auth-sign-in",children:r(l,{slots:i,formSize:m,renderSignUpLink:p,initialEmailValue:t,enableEmailConfirmation:o,hideCloseBtnOnEmailConfirmation:n,routeRedirectOnEmailConfirmationClose:s,routeSignUp:c,onErrorCallback:f,onSuccessCallback:d,onSignUpLinkClick:g,routeForgotPassword:e,routeRedirectOnSignIn:a})});export{H as SignIn,H as default};

package/containers/SignUp.js

@@ -1 +1 @@
-import{jsx as r}from"@dropins/tools/preact-jsx-runtime.js";import{S as l}from"../chunks/SignUpForm.js";import"@dropins/tools/lib.js";import"../chunks/usePasswordValidationMessage.js";import"@dropins/tools/preact-compat.js";import"@dropins/tools/i18n.js";import"@dropins/tools/event-bus.js";import"@dropins/tools/recaptcha.js";import"../chunks/getStoreConfig.js";import"../chunks/setReCaptchaToken.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/initialize.js";import"@dropins/tools/preact-hooks.js";import"../chunks/createCustomerAddress.js";import"../chunks/transform-attributes-form.js";import"../chunks/simplifyTransformAttributesForm.js";import"../chunks/useInLineAlert.js";import"@dropins/tools/components.js";import"../chunks/SkeletonLoader.js";import"../chunks/EmailConfirmationForm.js";import"../chunks/resendConfirmationEmail.js";import"../chunks/PasswordField.js";const J=({formSize:i,apiVersion2:o,addressesData:t,inputsDefaultValueSet:m,displayNewsletterCheckbox:p,displayTermsOfUseCheckbox:s,fieldsConfigForApiVersion1:a,hideCloseBtnOnEmailConfirmation:n,routeRedirectOnEmailConfirmationClose:e,routeRedirectOnSignIn:u,successNotificationForm:c,onSuccessCallback:d,onErrorCallback:f,routeSignIn:g})=>r("div",{className:"auth-sign-up",children:r(l,{formSize:i,apiVersion2:o,addressesData:t,inputsDefaultValueSet:m,fieldsConfigForApiVersion1:a,displayNewsletterCheckbox:p,displayTermsOfUseCheckbox:s,hideCloseBtnOnEmailConfirmation:n,routeRedirectOnEmailConfirmationClose:e,routeRedirectOnSignIn:u,routeSignIn:g,successNotificationForm:c,onErrorCallback:f,onSuccessCallback:d})});export{J as SignUp,J as default};
+import{jsx as r}from"@dropins/tools/preact-jsx-runtime.js";import{S}from"../chunks/SignUpForm.js";import"@dropins/tools/lib.js";import"@dropins/tools/event-bus.js";import"@dropins/tools/recaptcha.js";import"../chunks/createCustomerAddress.js";import"../chunks/network-error.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/setReCaptchaToken.js";import"../chunks/transform-attributes-form.js";import"../chunks/getStoreConfig.js";import"@dropins/tools/preact-hooks.js";import"../chunks/simplifyTransformAttributesForm.js";import"../chunks/usePasswordValidationMessage.js";import"@dropins/tools/i18n.js";import"../chunks/getCustomerToken.js";import"../chunks/initialize.js";import"../chunks/useInLineAlert.js";import"@dropins/tools/components.js";import"@dropins/tools/preact-compat.js";import"../chunks/SkeletonLoader.js";import"../chunks/EmailConfirmationForm.js";import"../chunks/resendConfirmationEmail.js";const L=({slots:i,formSize:o,apiVersion2:t,addressesData:m,isAutoSignInEnabled:p,inputsDefaultValueSet:s,displayNewsletterCheckbox:a,displayTermsOfUseCheckbox:n,fieldsConfigForApiVersion1:e,hideCloseBtnOnEmailConfirmation:u,routeRedirectOnEmailConfirmationClose:c,routeRedirectOnSignIn:d,onSuccessCallback:f,onErrorCallback:g,routeSignIn:l})=>r("div",{className:"auth-sign-up",children:r(S,{formSize:o,apiVersion2:t,addressesData:m,isAutoSignInEnabled:p,inputsDefaultValueSet:s,fieldsConfigForApiVersion1:e,displayNewsletterCheckbox:a,displayTermsOfUseCheckbox:n,hideCloseBtnOnEmailConfirmation:u,routeRedirectOnEmailConfirmationClose:c,routeRedirectOnSignIn:d,routeSignIn:l,slots:i,onErrorCallback:g,onSuccessCallback:f})});export{L as SignUp,L as default};

package/containers/SuccessNotification.js

@@ -1 +1 @@
-import{jsxs as l,jsx as t}from"@dropins/tools/preact-jsx-runtime.js";import{classes as f}from"@dropins/tools/lib.js";import{Button as u}from"@dropins/tools/components.js";const m=({formSize:o="default",className:s="",headingText:a="",messageText:e="",primaryButtonText:i="",secondaryButtonText:c="",onPrimaryButtonClick:n,onSecondaryButtonClick:r})=>!i&&!c?null:l("div",{className:f(["auth-successNotificationForm",o,s]),children:[t("p",{className:"auth-successNotificationForm__title","data-testid":"notification-title",children:a}),t("p",{className:"auth-successNotificationForm__content-text","data-testid":"notification-content",children:e}),t(u,{type:"button",className:"auth-successNotificationForm__button auth-successNotificationForm__button--top",onClick:n,children:i}),t(u,{type:"button",variant:"tertiary",onClick:r,children:c})]}),p=({formSize:o="default",className:s,headingText:a,messageText:e,primaryButtonText:i,secondaryButtonText:c,onPrimaryButtonClick:n,onSecondaryButtonClick:r})=>t("div",{className:"auth-success-notification",children:t(m,{formSize:o,className:s,headingText:a,messageText:e,primaryButtonText:i,secondaryButtonText:c,onPrimaryButtonClick:n,onSecondaryButtonClick:r})});export{p as SuccessNotification,p as default};
+import{jsxs as s,jsx as i,Fragment as u}from"@dropins/tools/preact-jsx-runtime.js";import{classes as m,Slot as d}from"@dropins/tools/lib.js";import{Button as r}from"@dropins/tools/components.js";import"@dropins/tools/event-bus.js";import"@dropins/tools/recaptcha.js";import{r as f}from"../chunks/revokeCustomerToken.js";import{useText as h}from"@dropins/tools/i18n.js";import"../chunks/network-error.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/getStoreConfig.js";const p=({formSize:e="default",className:c="",slots:t,headingText:a,messageText:n})=>{const o=h({headingText:"Auth.SuccessNotification.headingText",messageText:"Auth.SuccessNotification.messageText",primaryButtonText:"Auth.SuccessNotification.primaryButtonText",secondaryButtonText:"Auth.SuccessNotification.secondaryButtonText"});return s("div",{className:m(["auth-successNotificationForm",e,c]),children:[i("p",{className:"auth-successNotificationForm__title","data-testid":"notification-title",children:a||o.headingText}),i("p",{className:"auth-successNotificationForm__content-text","data-testid":"notification-content",children:n||o.messageText}),t!=null&&t.SuccessNotificationActions?i(d,{"data-testid":"successNotificationActions",name:"SuccessNotificationActions",slot:t==null?void 0:t.SuccessNotificationActions,context:{}}):s(u,{children:[i(r,{"data-testid":"primaryButton",type:"button",className:"auth-successNotificationForm__button auth-successNotificationForm__button--top",onClick:()=>window.location.href="/",children:o.primaryButtonText}),i(r,{"data-testid":"secondaryButton",type:"button",variant:"tertiary",onClick:async()=>{await f(),window.location.href="/"},children:o.secondaryButtonText})]})]})},F=({formSize:e="default",slots:c,className:t,headingText:a,messageText:n})=>i("div",{className:"auth-success-notification",children:i(p,{formSize:e,className:t,slots:c,headingText:a,messageText:n})});export{F as SuccessNotification,F as default};

package/containers/UpdatePassword.js

@@ -1 +1 @@
-import{jsxs as k,jsx as l}from"@dropins/tools/preact-jsx-runtime.js";import{classes as S}from"@dropins/tools/lib.js";import{v as z,u as H,a as J,P as K}from"../chunks/usePasswordValidationMessage.js";import"@dropins/tools/event-bus.js";import"@dropins/tools/recaptcha.js";import{a as Q}from"../chunks/getStoreConfig.js";import{r as X}from"../chunks/resetPassword.js";import{c as q,g as Y,u as Z,T as $,F as E,B as W}from"../chunks/useInLineAlert.js";import{useState as w,useEffect as O,useCallback as j}from"@dropins/tools/preact-hooks.js";import{useText as D}from"@dropins/tools/i18n.js";import{InLineAlert as C}from"@dropins/tools/components.js";import{P as R}from"../chunks/PasswordField.js";import"@dropins/tools/preact-compat.js";import"../chunks/setReCaptchaToken.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/initialize.js";const B=(r,m)=>r.split("&").filter(a=>a.includes(m)).map(a=>a.split("=")[1])[0],tt=({isEmailConfirmationRequired:r,signInOnSuccess:m,passwordConfigs:s,routeRedirectOnSignIn:a,routeWrongUrlRedirect:d,onErrorCallback:o,onSuccessCallback:n,handleSetInLineAlertProps:i,routeRedirectOnPasswordUpdate:f})=>{const t=D({errorNotification:"Auth.Notification.errorNotification",updatePasswordMessage:"Auth.Notification.updatePasswordMessage",customerTokenErrorMessage:"Auth.Api.customerTokenErrorMessage"}),[v,h]=w({userName:"",status:!1}),[L,N]=w(""),[y,x]=w(!1),[p,b]=w(""),[F,U]=w(""),[P,_]=w(!1);O(()=>{const{search:c}=window.location;!c.includes("token=")&&!c.includes("email=")&&q(d)&&(window.location.href=d());const e=decodeURIComponent(c),T=B(e,"token"),V=B(e,"email");b(V),U(T)},[d]);const g=j(async c=>{c.preventDefault(),_(!0);const e=Y(c.target),T=(e==null?void 0:e.password)&&p&&F,V=(s==null?void 0:s.requiredCharacterClasses)||0,I=(s==null?void 0:s.minLength)||0;if(!z(e==null?void 0:e.password,V)||e.password.length<+I){x(!0),_(!1);return}if(!T){i({type:"error",text:t.errorNotification}),_(!1);return}const{message:A,success:M}=await X(p,F,e.password);if(M){if(r||!r&&!m){q(f)&&(window.location.href=f()),x(!0),_(!1),i({type:"success",text:t.updatePasswordMessage}),N("");return}const u=await Q({email:p,password:e.password,handleSetInLineAlertProps:i,onErrorCallback:o,translations:t});u!=null&&u.userName&&(q(a)?window.location.href=a():(h({userName:u==null?void 0:u.userName,status:!0}),n==null||n(u==null?void 0:u.userName)))}else i({type:"error",text:A}),o==null||o({message:A,success:M});_(!1)},[p,F,s,r,t,m,i,a,f,o,n]),G=j(c=>{N(c)},[]);return{isSuccessful:v,updatePasswordValue:L,isClickSubmit:y,isLoading:P,submitUpdatePassword:g,handleSetUpdatePasswordValue:G}},st=({signInOnSuccess:r=!0,formSize:m="default",routeRedirectOnSignIn:s,routeWrongUrlRedirect:a,successNotificationForm:d,onErrorCallback:o,onSuccessCallback:n,routeRedirectOnPasswordUpdate:i})=>{const f=D({title:"Auth.UpdatePasswordForm.title",buttonPrimary:"Auth.UpdatePasswordForm.buttonPrimary"}),{passwordConfigs:t,isEmailConfirmationRequired:v}=H(),{inLineAlertProps:h,handleSetInLineAlertProps:L}=Z(),{isSuccessful:N,updatePasswordValue:y,isClickSubmit:x,isLoading:p,submitUpdatePassword:b,handleSetUpdatePasswordValue:F}=tt({isEmailConfirmationRequired:v,signInOnSuccess:r,passwordConfigs:t,routeRedirectOnSignIn:s,routeWrongUrlRedirect:a,onErrorCallback:o,onSuccessCallback:n,handleSetInLineAlertProps:L,routeRedirectOnPasswordUpdate:i}),{isValidUniqueSymbols:U,defaultLengthMessage:P}=J({password:y,isClickSubmit:x,passwordConfigs:t});return d&&N.status?d(N.userName):k("div",{className:S(["auth-updatePasswordForm",m]),children:[l($,{text:f.title,bottomLine:!1,className:"auth-updatePasswordForm__title"}),h.text?l(C,{className:"auth-updatePasswordForm__notification",variant:"secondary",heading:h.text,icon:h.icon}):null,k(E,{name:"updatePassword_form",className:"auth-updatePasswordForm__form",submitCallback:b,isLoading:p,fieldsConfig:[],children:[l(R,{initialPassword:y,required:!0,className:"auth-updatePasswordForm__form__item",setPasswordValueCallback:F,isError:U==="error"||(P==null?void 0:P.status)==="error",children:l(K,{minLength:t==null?void 0:t.minLength,requiredCharacterClasses:t==null?void 0:t.requiredCharacterClasses,validateLengthConfig:P,isValidUniqueSymbols:U})}),l("div",{className:"auth-updatePasswordForm__button",children:l(W,{type:"submit",buttonText:f.buttonPrimary,variant:"primary",enableLoader:p})})]})]})},Nt=({formSize:r,signInOnSuccess:m,routeRedirectOnPasswordUpdate:s,routeRedirectOnSignIn:a,routeWrongUrlRedirect:d,successNotificationForm:o,onErrorCallback:n,onSuccessCallback:i})=>l("div",{className:"auth-update-password",children:l(st,{formSize:r,signInOnSuccess:m,routeRedirectOnSignIn:a,routeWrongUrlRedirect:d,onErrorCallback:n,onSuccessCallback:i,successNotificationForm:o,routeRedirectOnPasswordUpdate:s})});export{Nt as UpdatePassword,Nt as default};
+import{jsx as i,jsxs as M}from"@dropins/tools/preact-jsx-runtime.js";import{Slot as g,classes as z}from"@dropins/tools/lib.js";import{v as H,u as J,a as K}from"../chunks/usePasswordValidationMessage.js";import"@dropins/tools/event-bus.js";import"@dropins/tools/recaptcha.js";import{a as Q}from"../chunks/getCustomerToken.js";import{r as X}from"../chunks/resetPassword.js";import{c as S,g as Y,u as Z,T as $,F as W,B as E}from"../chunks/useInLineAlert.js";import{useState as h,useEffect as O,useCallback as k}from"@dropins/tools/preact-hooks.js";import{useText as j}from"@dropins/tools/i18n.js";import{InLineAlert as C,InputPassword as R}from"@dropins/tools/components.js";import"../chunks/getStoreConfig.js";import"../chunks/network-error.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/initialize.js";import"../chunks/setReCaptchaToken.js";import"@dropins/tools/preact-compat.js";const I=(o,d)=>o.split("&").filter(r=>r.includes(d)).map(r=>r.split("=")[1])[0],tt=({isEmailConfirmationRequired:o,signInOnSuccess:d,passwordConfigs:e,routeRedirectOnSignIn:r,routeWrongUrlRedirect:a,onErrorCallback:u,onSuccessCallback:c,handleSetInLineAlertProps:m,routeRedirectOnPasswordUpdate:f})=>{const t=j({errorNotification:"Auth.Notification.errorNotification",updatePasswordMessage:"Auth.Notification.updatePasswordMessage",customerTokenErrorMessage:"Auth.Api.customerTokenErrorMessage"}),[U,P]=h({userName:"",status:!1}),[L,N]=h(""),[x,_]=h(!1),[p,T]=h(""),[y,v]=h(""),[w,F]=h(!1);O(()=>{const{search:l}=window.location;!l.includes("token=")&&!l.includes("email=")&&S(a)&&(window.location.href=a());const s=decodeURIComponent(l),b=I(s,"token"),q=I(s,"email");T(q),v(b)},[a]);const B=k(async l=>{l.preventDefault(),F(!0);const s=Y(l.target),b=(s==null?void 0:s.password)&&p&&y,q=(e==null?void 0:e.requiredCharacterClasses)||0,G=(e==null?void 0:e.minLength)||0;if(!H(s==null?void 0:s.password,q)||s.password.length<+G){_(!0),F(!1);return}if(!b){m({type:"error",text:t.errorNotification}),F(!1);return}const{message:V,success:A}=await X(p,y,s.password);if(A){if(o||!o&&!d){S(f)&&(window.location.href=f()),_(!0),F(!1),m({type:"success",text:t.updatePasswordMessage}),N("");return}const n=await Q({email:p,password:s.password,handleSetInLineAlertProps:m,onErrorCallback:u,translations:t});n!=null&&n.userName&&(S(r)?window.location.href=r():(P({userName:n==null?void 0:n.userName,status:!0}),c==null||c(n==null?void 0:n.userName)))}else m({type:"error",text:V}),u==null||u({message:V,success:A});F(!1)},[p,y,e,o,t,d,m,r,f,u,c]),D=k(l=>{N(l)},[]);return{isSuccessful:U,updatePasswordValue:L,isClickSubmit:x,isLoading:w,submitUpdatePassword:B,handleSetUpdatePasswordValue:D}},et=({signInOnSuccess:o=!0,formSize:d="default",routeRedirectOnSignIn:e,routeWrongUrlRedirect:r,slots:a,onErrorCallback:u,onSuccessCallback:c,routeRedirectOnPasswordUpdate:m})=>{const f=j({title:"Auth.UpdatePasswordForm.title",buttonPrimary:"Auth.UpdatePasswordForm.buttonPrimary"}),{passwordConfigs:t,isEmailConfirmationRequired:U}=J(),{inLineAlertProps:P,handleSetInLineAlertProps:L}=Z(),{isSuccessful:N,updatePasswordValue:x,isClickSubmit:_,isLoading:p,submitUpdatePassword:T,handleSetUpdatePasswordValue:y}=tt({isEmailConfirmationRequired:U,signInOnSuccess:o,passwordConfigs:t,routeRedirectOnSignIn:e,routeWrongUrlRedirect:r,onErrorCallback:u,onSuccessCallback:c,handleSetInLineAlertProps:L,routeRedirectOnPasswordUpdate:m}),{isValidUniqueSymbols:v,defaultLengthMessage:w}=K({password:x,isClickSubmit:_,passwordConfigs:t});return N.status&&(a!=null&&a.SuccessNotification)?i(g,{"data-testid":"successNotificationTestId",name:"SuccessNotification",slot:a==null?void 0:a.SuccessNotification,context:{isSuccessful:N}}):M("div",{className:z(["auth-updatePasswordForm",d]),children:[i($,{text:f.title,bottomLine:!1,className:"auth-updatePasswordForm__title"}),P.text?i(C,{className:"auth-updatePasswordForm__notification",variant:"secondary",heading:P.text,icon:P.icon}):null,M(W,{name:"updatePassword_form",className:"auth-updatePasswordForm__form",submitCallback:T,isLoading:p,fieldsConfig:[],children:[i("div",{style:"display: none;",children:i("input",{type:"text",id:"username",name:"username",autocomplete:"username"})}),i(R,{defaultValue:x,onValue:y,className:"auth-updatePasswordForm__form__item",autoComplete:"new-password",name:"password",required:!0,error:v==="error"||(w==null?void 0:w.status)==="error",minLength:t==null?void 0:t.minLength,uniqueSymbolsStatus:v,validateLengthConfig:w,requiredCharacterClasses:t==null?void 0:t.requiredCharacterClasses}),i("div",{className:"auth-updatePasswordForm__button",children:i(E,{type:"submit",buttonText:f.buttonPrimary,variant:"primary",enableLoader:p})})]})]})},yt=({slots:o,formSize:d,signInOnSuccess:e,routeRedirectOnPasswordUpdate:r,routeRedirectOnSignIn:a,routeWrongUrlRedirect:u,onErrorCallback:c,onSuccessCallback:m})=>i("div",{className:"auth-update-password",children:i(et,{formSize:d,signInOnSuccess:e,routeRedirectOnSignIn:a,routeWrongUrlRedirect:u,onErrorCallback:c,onSuccessCallback:m,slots:o,routeRedirectOnPasswordUpdate:r})});export{yt as UpdatePassword,yt as default};

package/hooks/components/useSignUpForm.d.ts

@@ -1,6 +1,6 @@
 import { UseSingUpFormProps } from '../../types';
 
-export declare const useSignUpForm: ({ addressesData, translations, isEmailConfirmationRequired, apiVersion2, passwordConfigs, routeRedirectOnSignIn, routeSignIn, onErrorCallback, onSuccessCallback, setActiveComponent, handleSetInLineAlertProps, routeRedirectOnEmailConfirmationClose, }: UseSingUpFormProps) => {
+export declare const useSignUpForm: ({ addressesData, translations, isEmailConfirmationRequired, apiVersion2, passwordConfigs, isAutoSignInEnabled, routeRedirectOnSignIn, routeSignIn, onErrorCallback, onSuccessCallback, setActiveComponent, handleSetInLineAlertProps, routeRedirectOnEmailConfirmationClose, }: UseSingUpFormProps) => {
     isKeepMeLogged: boolean;
     userEmail: string;
     showEmailConfirmationForm: boolean;

package/hooks/ui/useForm.d.ts

@@ -1,11 +1,11 @@
 import { useFormProps } from '../../types';
 
-export declare const useForm: ({ submitCallback, isLoading, fieldsConfig, }: useFormProps) => {
-    formData: Record<string, string>;
+export declare const useForm: ({ fieldsConfig, submitCallback }: useFormProps) => {
+    formData: Record<string, unknown>;
     errors: Record<string, string>;
     formRef: import('preact').RefObject<HTMLFormElement>;
-    handleChange: ({ target: { name, value, type, checked } }: any) => void;
-    handleBlur: (event: any) => void;
-    handleSubmit: (event: any) => void;
+    handleChange: (event: Event) => void;
+    handleBlur: (event: Event) => void;
+    handleSubmit: (event: SubmitEvent) => void;
 };
 //# sourceMappingURL=useForm.d.ts.map

package/i18n/en_US.json.d.ts

@@ -56,6 +56,12 @@ declare const _default: {
         "technicalErrorSendEmail": "A technical error occurred while trying to send the email. Please try again later."
       }
     },
+    "SuccessNotification": {
+      "headingText":"Welcome!",
+      "messageText":"We are glad to see you!",
+      "primaryButtonText":"Continue shopping",
+      "secondaryButtonText":"Logout"
+    },
     "Api": {
       "customerTokenErrorMessage": "Unable to log in. Please try again later or contact support if the issue persists."
     }

package/package.json

@@ -1 +1 @@
-{"name": "@dropins/storefront-auth", "version": "0.0.1-alpha6", "@dropins/elsie": "~0.26.0"}
+{"name": "@dropins/storefront-auth", "version": "0.0.1-alpha8", "@dropins/elsie": "0.26.0-alpha227"}

package/render.js

@@ -1,10 +1,8 @@
-(function(o,r){try{if(typeof document<"u"){const a=document.createElement("style"),e=r.styleId;for(const t in r.attributes)a.setAttribute(t,r.attributes[t]);a.setAttribute("data-dropin",e),a.appendChild(document.createTextNode(o));const i=document.querySelector('style[data-dropin="sdk"]');if(i)i.after(a);else{const t=document.querySelector('link[rel="stylesheet"], style');t?t.before(a):document.head.append(a)}}}catch(a){console.error("dropin-styles (injectCodeFunction)",a)}})(`.auth-successNotificationForm{display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:var(--shape-border-radius-2);background:var(--color-neutral-50, #fff);padding:var(--spacing-xbig) var(--spacing-small) var(--spacing-medium) var(--spacing-small)}@media (min-width: 768px){.auth-successNotificationForm{padding:var(--spacing-big) var(--spacing-xbig) var(--spacing-xxbig) var(--spacing-xbig)}}.auth-successNotificationForm.small{padding:var(--spacing-small) var(--spacing-small) var(--spacing-medium) var(--spacing-small)}.auth-successNotificationForm__title{color:var(--color-neutral-800, #2b2b2b);font:var(--type-headline-2-strong-font);letter-spacing:var(--type-details-caption-1-letter-spacing);margin-bottom:var(--spacing-medium)}.auth-successNotificationForm__content-text{color:var(--color-neutral-800, #2b2b2b);font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);text-align:center;margin-bottom:var(--spacing-xxbig)}.auth-successNotificationForm__button--top{margin-bottom:var(--spacing-xsmall)}
-.auth-resetPasswordForm{border-radius:var(--shape-border-radius-2);background-color:var(--color-neutral-50, #fff);padding:var(--spacing-small) var(--spacing-small) var(--spacing-medium) var(--spacing-small)}@media (min-width: 768px){.auth-resetPasswordForm{padding:var(--spacing-big) var(--spacing-xxbig) var(--spacing-xxbig) var(--spacing-xxbig)}}.auth-resetPasswordForm.small{padding:var(--spacing-small) var(--spacing-small) var(--spacing-medium) var(--spacing-small)}.auth-resetPasswordForm.small .auth-resetPasswordForm__form__item,.auth-resetPasswordForm.small .auth-resetPasswordForm__title{margin-bottom:var(--spacing-medium)}.auth-resetPasswordForm__form{display:grid;grid-template-columns:1fr}.auth-resetPasswordForm__form__item{margin-bottom:var(--spacing-medium)}.auth-resetPasswordForm__buttons{display:grid;grid-template-columns:auto auto;justify-content:space-between}.auth-resetPasswordForm.small{grid-template-columns:1fr;gap:20px 0}.auth-resetPasswordForm__notification{margin-bottom:var(--spacing-medium)}.auth-resetPasswordForm__title{margin-bottom:var(--spacing-big)}@media (min-width: 768px){.auth-resetPasswordForm__title{margin-bottom:var(--spacing-xxbig)}}
+(function(n,i){try{if(typeof document<"u"){const a=document.createElement("style"),o=i.styleId;for(const t in i.attributes)a.setAttribute(t,i.attributes[t]);a.setAttribute("data-dropin",o),a.appendChild(document.createTextNode(n));const r=document.querySelector('style[data-dropin="sdk"]');if(r)r.after(a);else{const t=document.querySelector('link[rel="stylesheet"], style');t?t.before(a):document.head.append(a)}}}catch(a){console.error("dropin-styles (injectCodeFunction)",a)}})(`.auth-successNotificationForm{display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:var(--shape-border-radius-2);background:var(--color-neutral-50, #fff);padding:var(--spacing-xbig) var(--spacing-small) var(--spacing-medium) var(--spacing-small)}@media (min-width: 768px){.auth-successNotificationForm{padding:var(--spacing-big) var(--spacing-xbig) var(--spacing-xxbig) var(--spacing-xbig)}}.auth-successNotificationForm.small{padding:var(--spacing-small) var(--spacing-small) var(--spacing-medium) var(--spacing-small)}.auth-successNotificationForm__title{color:var(--color-neutral-800, #2b2b2b);font:var(--type-headline-2-strong-font);letter-spacing:var(--type-details-caption-1-letter-spacing);margin-bottom:var(--spacing-medium)}.auth-successNotificationForm__content-text{color:var(--color-neutral-800, #2b2b2b);font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);text-align:center;margin-bottom:var(--spacing-xxbig)}.auth-successNotificationForm__button--top{margin-bottom:var(--spacing-xsmall)}
 .auth-emailConfirmationForm{border-radius:8px;background-color:var(--color-neutral-50, #fff);padding:var(--spacing-small) var(--spacing-small) var(--spacing-medium) var(--spacing-small);text-align:start}@media (min-width: 768px){.auth-emailConfirmationForm{padding:var(--spacing-big) var(--spacing-xbig) var(--spacing-xxbig) var(--spacing-xbig)}}.auth-emailConfirmationForm__title{font:var(--type-headline-2-default-font);letter-spacing:var(--type-display-1-letter-spacing);color:var(--color-neutral-800, #3d3d3d)}.auth-emailConfirmationForm__subtitle{display:block;font:var(--type-details-caption-2-font);letter-spacing:var(--type-button-2-letter-spacing);color:var(--color-neutral-700, #666666)}.auth-emailConfirmationForm__notification{margin-bottom:var(--spacing-medium)}.auth-emailConfirmationForm.small{padding:var(--spacing-small) var(--spacing-small) var(--spacing-medium) var(--spacing-small)}.auth-emailConfirmationForm.small .auth-emailConfirmationForm-buttons{grid-template-columns:1fr;gap:20px 0}.auth-emailConfirmationForm-buttons{display:grid;grid-template-columns:auto auto;justify-content:space-between}@media (max-width: 768px){.auth-emailConfirmationForm-buttons{gap:20px 0;grid-template-columns:1fr}}.auth-emailConfirmationForm__text{display:block;font-family:var(--type-body-1-default-font);letter-spacing:var(--type-display-1-letter-spacing);color:var(--neutrals-neutral-800);padding:var(--spacing-big) 0}.auth-emailConfirmationForm.small .auth-emailConfirmationForm-buttons{justify-content:center;flex-wrap:wrap}.auth-emailConfirmationForm.small .auth-emailConfirmationForm-buttons{flex-basis:100%;margin-top:var(--spacing-medium)}.auth-emailConfirmationForm.small .auth-emailConfirmationForm-buttons>span{display:none}.auth-emailConfirmationForm-buttons>span{border:1px solid var(--color-brand-500);margin:var(--spacing-small) var(--spacing-xsmall);font:var(--type-button-2-font)}@media (max-width: 768px){.auth-emailConfirmationForm-buttons{justify-content:center;flex-wrap:wrap}.auth-emailConfirmationForm-buttons{flex-basis:100%;margin-top:var(--spacing-medium)}.auth-emailConfirmationForm-buttons>span{display:none}}
+.auth-resetPasswordForm{border-radius:var(--shape-border-radius-2);background-color:var(--color-neutral-50, #fff);padding:var(--spacing-small) var(--spacing-small) var(--spacing-medium) var(--spacing-small)}@media (min-width: 768px){.auth-resetPasswordForm{padding:var(--spacing-big) var(--spacing-xxbig) var(--spacing-xxbig) var(--spacing-xxbig)}}.auth-resetPasswordForm.small{padding:var(--spacing-small) var(--spacing-small) var(--spacing-medium) var(--spacing-small)}.auth-resetPasswordForm.small .auth-resetPasswordForm__form__item,.auth-resetPasswordForm.small .auth-resetPasswordForm__title{margin-bottom:var(--spacing-medium)}.auth-resetPasswordForm__form{display:grid;grid-template-columns:1fr}.auth-resetPasswordForm__form__item{margin-bottom:var(--spacing-medium)}.auth-resetPasswordForm__buttons{display:grid;grid-template-columns:auto auto;justify-content:space-between}.auth-resetPasswordForm.small{grid-template-columns:1fr;gap:20px 0}.auth-resetPasswordForm__notification{margin-bottom:var(--spacing-medium)}.auth-resetPasswordForm__title{margin-bottom:var(--spacing-big)}@media (min-width: 768px){.auth-resetPasswordForm__title{margin-bottom:var(--spacing-xxbig)}}
 .auth-updatePasswordForm{border-radius:var(--shape-border-radius-2);background-color:var(--color-neutral-50, #fff);padding:var(--spacing-small) var(--spacing-small) var(--spacing-medium) var(--spacing-small)}@media (min-width: 768px){.auth-updatePasswordForm{padding:var(--spacing-big) var(--spacing-xxbig) var(--spacing-xxbig) var(--spacing-xxbig)}}.auth-updatePasswordForm.small{padding:var(--spacing-small) var(--spacing-small) var(--spacing-medium) var(--spacing-small)}.auth-updatePasswordForm.small .auth-updatePasswordForm__form__item{margin-bottom:var(--spacing-big)}.auth-updatePasswordForm.small .auth-updatePasswordForm__title{margin-bottom:var(--spacing-small)}.auth-updatePasswordForm__title{margin-bottom:var(--spacing-big)}@media (min-width: 768px){.auth-updatePasswordForm__title{margin-bottom:var(--spacing-xxbig)}}.auth-updatePasswordForm__form .auth-updatePasswordForm__form__item{margin-bottom:var(--spacing-big)}@media (min-width: 768px){.auth-updatePasswordForm__form .auth-updatePasswordForm__form__item{margin-bottom:var(--spacing-xxbig)}}.auth-updatePasswordForm__notification{margin-bottom:var(--spacing-medium)}
 .auth-signInForm{border-radius:var(--shape-border-radius-2);background-color:var(--color-neutral-50, #fff);padding:var(--spacing-small) var(--spacing-small) var(--spacing-medium) var(--spacing-small)}@media (min-width: 768px){.auth-signInForm{padding:var(--spacing-big) var(--spacing-xxbig) var(--spacing-xxbig) var(--spacing-xxbig)}}.auth-signInForm__notification{margin-bottom:var(--spacing-medium)}.auth-signInForm.small{padding:var(--spacing-small) var(--spacing-small) var(--spacing-medium) var(--spacing-small)}.auth-signInForm.small .auth-signInForm__form__email,.auth-signInForm.small .auth-signInForm__form__password,.auth-signInForm.small .auth-signInForm__title{margin-bottom:var(--spacing-medium)}.auth-signInForm.small .auth-signInForm__form__buttons{grid-template-columns:1fr;gap:20px 0}.auth-signInForm__title{margin-bottom:var(--spacing-big)}@media (min-width: 768px){.auth-signInForm__title{margin-bottom:var(--spacing-xxbig)}}.auth-signInForm__form{display:grid;grid-template-columns:1fr}.auth-signInForm__form__email{margin-bottom:var(--spacing-medium)}.auth-signInForm__form__password{margin-bottom:var(--spacing-big)}.auth-signInForm__form__buttons{display:grid;grid-template-columns:auto auto;justify-content:space-between}@media (max-width: 768px){.auth-signInForm__form__buttons{gap:20px 0;grid-template-columns:1fr}}.auth-signInForm.small .auth-signInForm__form__buttons .auth-signInForm__form__buttons--combine{justify-content:center;flex-wrap:wrap}.auth-signInForm.small .auth-signInForm__form__buttons .auth-signInForm__form__buttons--combine .auth-signInForm__button--signup{flex-basis:100%;margin-top:20px}.auth-signInForm.small .auth-signInForm__form__buttons .auth-signInForm__form__buttons--combine>span{display:none}.auth-signInForm__form__buttons .auth-signInForm__form__buttons--combine{display:flex}.auth-signInForm__form__buttons .auth-signInForm__form__buttons--combine>span{border:var(--shape-border-width-1) solid var(--color-brand-500);margin:13px 10px;font:var(--type-button-2-font)}.auth-signInForm__resend-email-notification button{font:var(--type-button-3-font);color:var(--textColor);display:inline;background-color:transparent;border:none;cursor:pointer;padding:0;margin:0}.auth-signInForm__resend-email-notification button:hover{color:var(--color-brand-700);text-decoration:solid underline var(--color-brand-700);text-underline-offset:6px;color:var(--color-informational-500)}@media (max-width: 768px){.auth-signInForm__form__buttons .auth-signInForm__form__buttons--combine{justify-content:center;flex-wrap:wrap}.auth-signInForm__form__buttons .auth-signInForm__form__buttons--combine .auth-signInForm__button--signup{flex-basis:100%;margin-top:20px}.auth-signInForm__form__buttons .auth-signInForm__form__buttons--combine>span{display:none}}
 .auth-signUpForm{border-radius:var(--shape-border-radius-2);background-color:var(--color-neutral-50, #fff);padding:var(--spacing-small) var(--spacing-small) var(--spacing-medium) var(--spacing-small)}@media (min-width: 768px){.auth-signUpForm{padding:var(--spacing-big) var(--spacing-xxbig) var(--spacing-xxbig) var(--spacing-xxbig)}}.auth-signUpForm.small{padding:var(--spacing-small) var(--spacing-small) var(--spacing-medium) var(--spacing-small)}.auth-signUpForm.small .auth-signUpForm__title{margin-bottom:var(--spacing-small)}.auth-signUpForm.small .auth-signUpForm__form__item .auth-signUpForm__form__item--firstname,.auth-signUpForm.small .auth-signUpForm__form__item .auth-signUpForm__form__item--lastname{flex-basis:100%}.auth-signUpForm.small .auth-signUpForm__form{grid-template-columns:1fr}.auth-signUpForm__title{margin-bottom:var(--spacing-big)}@media (min-width: 768px){.auth-signUpForm__title{margin-bottom:var(--spacing-xxbig)}}.auth-signUpForm__notification{margin-bottom:var(--spacing-medium)}.auth-signUpForm__form{display:flex;flex-wrap:wrap;flex-direction:row;gap:0 13px}.auth-signUpForm__form__item{margin-bottom:var(--spacing-medium);flex-basis:100%;flex-grow:1;flex-shrink:0}.auth-signUpForm__checkbox{margin-bottom:12px}.auth-signUpForm__automatic-login{margin-top:12px}.auth-signUpForm__form__item--firstname,.auth-signUpForm__form__item--lastname{flex-shrink:1;flex-grow:1;flex-basis:100%}.auth-signUpForm-buttons{flex-basis:100%;display:grid;grid-template-columns:1fr;gap:var(--spacing-medium) 0;justify-content:center;grid-area:buttons}@media (min-width: 768px){.auth-signUpForm-buttons{display:grid;grid-template-columns:auto auto;justify-content:space-between}.auth-signUpForm__form__item--firstname,.auth-signUpForm__form__item--lastname{flex-shrink:1;flex-grow:.5;flex-basis:48%}}
-.auth-password-field{position:relative}.auth-password-field>div:first-child{margin-bottom:var(--spacing-small)}.auth-password-field--error .auth-password-field__eye-icon{right:var(--spacing-xbig);transition:all .3s ease-in-out}.auth-password-field__eye-icon{position:absolute;height:24px;top:17px;right:17px;cursor:pointer;z-index:2}
-.auth-passwordValidationMessage_item{display:grid;grid-template-columns:20px auto;align-items:center;justify-content:left;gap:0 8px;font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing)}.auth-passwordValidationMessage_item.auth-passwordValidationMessage_item--status-pending{color:var(--color-neutral-700, #666)}.auth-passwordValidationMessage_item.auth-passwordValidationMessage_item--status-success{color:var(--color-positive-800, #53824c)}.auth-passwordValidationMessage_item.auth-passwordValidationMessage_item--status-error{color:var(--color-alert-800, #bf4545)}
-.auth-checkbox-field{text-align:start}.auth-checkbox-field__error{font-family:var(--type-base-font-family);font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);color:var(--color-alert-800);padding-top:var(--spacing-xsmall)}.auth-button{position:relative}.auth-button__loader-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;display:none}.auth-custom-button__loader{width:20px;height:20px;border:5px solid #fff;border-radius:50%;display:inline-block;box-sizing:border-box;position:relative;animation:pulse 1s linear infinite}.auth-button__loader:after{content:"";position:absolute;width:20px;height:20px;border:5px solid #fff;border-radius:50%;display:inline-block;box-sizing:border-box;left:50%;top:50%;transform:translate(-50%,-50%);animation:scaleUp 1s linear infinite}@keyframes scaleUp{0%{transform:translate(-50%,-50%) scale(0)}60%,to{transform:translate(-50%,-50%) scale(1)}}@keyframes pulse{0%,60%,to{transform:scale(1)}80%{transform:scale(1.2)}}.auth-button.enableLoader .auth-button__text{opacity:0}.auth-button.enableLoader .auth-button__loader-wrapper{opacity:1;display:inline-flex}.auth-date-field{position:relative}.auth-date-field input{max-height:56px}.auth-date-field input::-webkit-calendar-picker-indicator{opacity:0}.auth-date-field svg{display:inline-block;position:absolute;top:calc(var(--spacing-small) - 3px);right:var(--spacing-small)}.auth-select-field{position:relative}.auth-select-field--error .auth-select-field__select{border:var(--shape-border-width-1) solid var(--color-alert-800)}.auth-select-field--error .auth-select-field__error-text{color:var(--color-alert-800)}.elsie-field.elsie-field__label--disabled .auth-select-field__select{background-color:var(--color-neutral-300)}.auth-select-field__select{background-color:transparent;width:100%;height:56px;transition:all .2s;touch-action:manipulation;font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);padding:var(--spacing-xsmall) var(--spacing-small);padding-bottom:calc(var(--spacing-small) - var(--spacing-xsmall));-webkit-appearance:none;-moz-appearance:none;border-radius:var(--shape-border-radius-1);color:var(--color-neutral-700)}.auth-select-field__select:focus-visible{outline:none}.auth-select-field__select:focus{border-color:var(--color-neutral-800, #3d3d3d);border-radius:var(--shape-border-radius-1, 3px)}.auth-select-field__select:focus+label{color:var(--color-neutral-800)}.auth-select-field__label{color:var(--color-neutral-700, #666);font-family:var(--type-base-font-family);font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);position:absolute;top:11px;left:17px;opacity:0}.auth-select-field svg{position:absolute;top:18px;right:var(--spacing-small)}.auth-select-field__error-text{color:var(--color-neutral-700, #666);font-family:var(--type-base-font-family);font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);padding-top:var(--spacing-xsmall)}.auth-textarea-field{position:relative}.auth-textarea-field--error .auth-textarea-field__textarea{border:var(--shape-border-width-1) solid var(--color-alert-800)}.auth-textarea-field--error .auth-textarea-field__label{color:var(--color-alert-800)}.auth-textarea-field__label{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);color:var(--color-neutral-700);position:absolute;top:18px;left:17px;transition:all .2s}.auth-textarea-field__textarea{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);color:var(--color-neutral-800, #3d3d3d);max-width:100%;width:100%;box-sizing:border-box;min-height:200px;padding:var(--spacing-big) var(--spacing-small);border-radius:var(--shape-border-radius-1);transition:border-color .2s}.auth-textarea-field__textarea::placeholder{color:var(--color-neutral-700);opacity:0;transition:color .2s,opacity .2s}.auth-textarea-field__textarea:focus{border-color:var(--color-neutral-800, #3d3d3d);border-radius:var(--shape-border-radius-1)}.auth-textarea-field__textarea:focus::placeholder{color:var(--color-neutral-700);opacity:.8}.auth-textarea-field__textarea:not(:placeholder-shown)+.auth-textarea-field__label,.auth-textarea-field__textarea:focus+.auth-textarea-field__label{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-1-letter-spacing);color:var(--color-neutral-700, #666666);top:12px;left:17px;transition:all .2s;touch-action:manipulation}.auth-textarea-field__textarea:focus+.auth-textarea-field__label{color:var(--color-neutral-800)}.auth-textarea-field__textarea:focus-visible{outline:none}.auth-textarea-field__error-text{font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing);color:var(--color-alert-800);padding-top:var(--spacing-xsmall)}.auth-title__heading{color:var(--color-neutral-800, #2b2b2b);font:var(--type-headline-2-default-font);letter-spacing:var(--type-details-caption-1-letter-spacing)}.auth-title__text{display:flex;justify-content:space-between;align-items:center}.auth-title__hr{margin-top:var(--spacing-xsmall);border:none;border-bottom:var(--shape-border-width-2) solid var(--color-neutral-400, #d6d6d6)}`,{styleId:"Auth"});
-import{jsx as i}from"@dropins/tools/preact-jsx-runtime.js";import{deepmerge as d,Render as u}from"@dropins/tools/lib.js";import{useState as m,useEffect as f}from"@dropins/tools/preact-hooks.js";import{UIProvider as g}from"@dropins/tools/components.js";import{events as y}from"@dropins/tools/event-bus.js";import"@dropins/tools/recaptcha.js";import{c as h}from"./chunks/initialize.js";const p={PasswordValidationMessage:{chartTwoSymbols:"Use characters and numbers or symbols",chartThreeSymbols:"Use characters, numbers and symbols",chartFourSymbols:"Use uppercase characters, lowercase characters, numbers and symbols",messageLengthPassword:"At least {minLength} characters long"},ResetPasswordForm:{title:"Reset your password",buttonPrimary:"Reset password",buttonSecondary:"Back to sign in"},SignInForm:{title:"Sign in",buttonPrimary:"Sign in",buttonSecondary:"Sign up",buttonTertiary:"Forgot password?"},SignUpForm:{title:"Sign up",buttonPrimary:"Create account",buttonSecondary:"Already a member? Sign in",privacyPolicyDefaultText:"I’ve read and accept the Terms of Use and Privacy Policy.",subscribedDefaultText:"Subscribe to our newsletter and be the first to know about new arrivals, sales and exclusive offers.",keepMeLoggedText:"Keep me logged in after account creation",failedCreateCustomerAddress:"Failed to create customer addresses:"},UpdatePasswordForm:{title:"Update password",buttonPrimary:"Update password"},FormText:{requiredFieldError:"This is a required field."},EmailConfirmationForm:{title:"Verify your email address",subtitle:"We`ve sent an email to",mainText:"Check your inbox and click on the link we just send you to confirm your email address and activate your account.",buttonSecondary:"Resend email",buttonPrimary:"Close",accountConfirmMessage:"Account confirmed",accountConfirmationEmailSuccessMessage:"Congratulations! Your account at {email} email has been successfully confirmed."},Notification:{errorNotification:"Your password update failed due to validation errors. Please check your information and try again.",updatePasswordMessage:"The password has been updated. Now you can log in with the new password.",successPasswordResetEmailNotification:"If there is an account associated with {email} you will receive an email with a link to reset your password.",resendEmailNotification:{informationText:"This account is not confirmed.",buttonText:"Click here",additionalText:"to resend confirmation email."},emailConfirmationMessage:"Please check your email for confirmation link.",technicalErrors:{technicalErrorSendEmail:"A technical error occurred while trying to send the email. Please try again later."}},Api:{customerTokenErrorMessage:"Unable to log in. Please try again later or contact support if the issue persists."}},b={Auth:p},w={default:b},P=({children:s})=>{var o,r;const[e,n]=m("en_US"),c=(r=(o=h)==null?void 0:o.getConfig())==null?void 0:r.langDefinitions;f(()=>{const t=y.on("locale",a=>{a!==e&&n(a)},{eager:!0});return()=>{t==null||t.off()}},[e]);const l=d(w,c??{});return i(g,{lang:e,langDefinitions:l,children:s})},F=new u(i(P,{}));export{F as render};
+.auth-button{position:relative}.auth-button__loader-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;display:none}.auth-custom-button__loader{width:20px;height:20px;border:5px solid #fff;border-radius:50%;display:inline-block;box-sizing:border-box;position:relative;animation:pulse 1s linear infinite}.auth-button__loader:after{content:"";position:absolute;width:20px;height:20px;border:5px solid #fff;border-radius:50%;display:inline-block;box-sizing:border-box;left:50%;top:50%;transform:translate(-50%,-50%);animation:scaleUp 1s linear infinite}@keyframes scaleUp{0%{transform:translate(-50%,-50%) scale(0)}60%,to{transform:translate(-50%,-50%) scale(1)}}@keyframes pulse{0%,60%,to{transform:scale(1)}80%{transform:scale(1.2)}}.auth-button.enableLoader .auth-button__text{opacity:0}.auth-button.enableLoader .auth-button__loader-wrapper{opacity:1;display:inline-flex}.auth-title__heading{color:var(--color-neutral-800, #2b2b2b);font:var(--type-headline-2-default-font);letter-spacing:var(--type-details-caption-1-letter-spacing)}.auth-title__text{display:flex;justify-content:space-between;align-items:center}.auth-title__hr{margin-top:var(--spacing-xsmall);border:none;border-bottom:var(--shape-border-width-2) solid var(--color-neutral-400, #d6d6d6)}`,{styleId:"Auth"});
+import{jsx as i}from"@dropins/tools/preact-jsx-runtime.js";import{deepmerge as d,Render as u}from"@dropins/tools/lib.js";import{useState as m,useEffect as f}from"@dropins/tools/preact-hooks.js";import{UIProvider as g}from"@dropins/tools/components.js";import{events as y}from"@dropins/tools/event-bus.js";import"@dropins/tools/recaptcha.js";import{c as p}from"./chunks/initialize.js";const h={PasswordValidationMessage:{chartTwoSymbols:"Use characters and numbers or symbols",chartThreeSymbols:"Use characters, numbers and symbols",chartFourSymbols:"Use uppercase characters, lowercase characters, numbers and symbols",messageLengthPassword:"At least {minLength} characters long"},ResetPasswordForm:{title:"Reset your password",buttonPrimary:"Reset password",buttonSecondary:"Back to sign in"},SignInForm:{title:"Sign in",buttonPrimary:"Sign in",buttonSecondary:"Sign up",buttonTertiary:"Forgot password?"},SignUpForm:{title:"Sign up",buttonPrimary:"Create account",buttonSecondary:"Already a member? Sign in",privacyPolicyDefaultText:"I’ve read and accept the Terms of Use and Privacy Policy.",subscribedDefaultText:"Subscribe to our newsletter and be the first to know about new arrivals, sales and exclusive offers.",keepMeLoggedText:"Keep me logged in after account creation",failedCreateCustomerAddress:"Failed to create customer addresses:"},UpdatePasswordForm:{title:"Update password",buttonPrimary:"Update password"},FormText:{requiredFieldError:"This is a required field."},EmailConfirmationForm:{title:"Verify your email address",subtitle:"We`ve sent an email to",mainText:"Check your inbox and click on the link we just send you to confirm your email address and activate your account.",buttonSecondary:"Resend email",buttonPrimary:"Close",accountConfirmMessage:"Account confirmed",accountConfirmationEmailSuccessMessage:"Congratulations! Your account at {email} email has been successfully confirmed."},Notification:{errorNotification:"Your password update failed due to validation errors. Please check your information and try again.",updatePasswordMessage:"The password has been updated. Now you can log in with the new password.",successPasswordResetEmailNotification:"If there is an account associated with {email} you will receive an email with a link to reset your password.",resendEmailNotification:{informationText:"This account is not confirmed.",buttonText:"Click here",additionalText:"to resend confirmation email."},emailConfirmationMessage:"Please check your email for confirmation link.",technicalErrors:{technicalErrorSendEmail:"A technical error occurred while trying to send the email. Please try again later."}},SuccessNotification:{headingText:"Welcome!",messageText:"We are glad to see you!",primaryButtonText:"Continue shopping",secondaryButtonText:"Logout"},Api:{customerTokenErrorMessage:"Unable to log in. Please try again later or contact support if the issue persists."}},b={Auth:h},w={default:b},S=({children:s})=>{var o,r;const[e,n]=m("en_US"),c=(r=(o=p)==null?void 0:o.getConfig())==null?void 0:r.langDefinitions;f(()=>{const t=y.on("locale",a=>{a!==e&&n(a)},{eager:!0});return()=>{t==null||t.off()}},[e]);const l=d(w,c??{});return i(g,{lang:e,langDefinitions:l,children:s})},F=new u(i(S,{}));export{F as render};

package/types/signIn.types.d.ts

@@ -1,8 +1,17 @@
-import { VNode } from 'preact';
+import { SlotProps } from '@dropins/tools/types/elsie/src/lib';
 import { activeComponentType } from './authCombine.types';
 import { inLineAlertInterface } from './notification.types';
 
+type DefaultSlotContext = {
+    isSuccessful: {
+        userName: string;
+        status: boolean;
+    };
+};
 export interface SignInProps {
+    slots?: {
+        SuccessNotification?: SlotProps<DefaultSlotContext>;
+    };
     formSize?: 'default' | 'small';
     renderSignUpLink?: boolean;
     initialEmailValue?: string;
@@ -12,7 +21,6 @@ export interface SignInProps {
     routeForgotPassword?: () => string;
     routeSignUp?: () => string;
     routeRedirectOnSignIn?: () => string;
-    successNotificationForm?: (userName: string) => VNode<any>;
     onSuccessCallback?: (value?: {
         userName: string;
         status: boolean;
@@ -23,7 +31,7 @@ export interface SignInProps {
 export interface SignInFormProps extends SignInProps {
     setActiveComponent?: (componentName: activeComponentType) => void;
 }
-export interface useSignInFormProps extends Omit<SignInFormProps, 'formSize' | 'successNotificationForm'> {
+export interface useSignInFormProps extends Omit<SignInFormProps, 'formSize' | 'slots'> {
     handleSetInLineAlertProps: (value?: inLineAlertInterface) => void;
     emailConfirmationStatusMessage?: {
         text: string;
@@ -31,4 +39,5 @@ export interface useSignInFormProps extends Omit<SignInFormProps, 'formSize' | '
     };
     translations: any;
 }
+export {};
 //# sourceMappingURL=signIn.types.d.ts.map

package/types/signUp.types.d.ts

@@ -1,12 +1,18 @@
-import { VNode } from 'preact';
 import { activeComponentType } from './authCombine.types';
 import { inLineAlertInterface } from './notification.types';
 import { AddressFormProps } from './api/createCustomerAddress.types';
+import { SlotProps } from '@dropins/tools/types/elsie/src/lib';
 
 export interface inputsDefaultValueSetProps {
     code: string;
     defaultValue: string;
 }
+type DefaultSlotContext = {
+    isSuccessful: {
+        userName: string;
+        status: boolean;
+    };
+};
 export interface SignUpProps {
     addressesData?: AddressFormProps[];
     inputsDefaultValueSet?: inputsDefaultValueSetProps[];
@@ -14,10 +20,13 @@ export interface SignUpProps {
     apiVersion2?: boolean;
     displayTermsOfUseCheckbox?: boolean;
     displayNewsletterCheckbox?: boolean;
+    isAutoSignInEnabled?: boolean;
     formSize?: 'default' | 'small';
     hideCloseBtnOnEmailConfirmation?: boolean;
     routeRedirectOnEmailConfirmationClose?: () => string;
-    successNotificationForm?: (userName: string) => VNode<any>;
+    slots?: {
+        SuccessNotification?: SlotProps<DefaultSlotContext>;
+    };
     routeSignIn?: () => string;
     routeRedirectOnSignIn?: () => string;
     onErrorCallback?: (value?: unknown) => void;
@@ -29,7 +38,7 @@ export interface SignUpProps {
 export interface SignUpFormProps extends SignUpProps {
     setActiveComponent?: (componentName: activeComponentType) => void;
 }
-export interface UseSingUpFormProps extends Omit<SignUpFormProps, 'formSize' | 'displayTermsOfUseCheckbox' | 'displayNewsletterCheckbox' | 'inputsDefaultValueSet' | 'successNotificationForm'> {
+export interface UseSingUpFormProps extends Omit<SignUpFormProps, 'formSize' | 'displayTermsOfUseCheckbox' | 'displayNewsletterCheckbox' | 'inputsDefaultValueSet' | 'slots'> {
     passwordConfigs?: {
         minLength: number;
         requiredCharacterClasses: number;
@@ -38,4 +47,5 @@ export interface UseSingUpFormProps extends Omit<SignUpFormProps, 'formSize' | '
     isEmailConfirmationRequired?: boolean;
     translations: Record<string, string>;
 }
+export {};
 //# sourceMappingURL=signUp.types.d.ts.map

package/types/successNotification.types.d.ts

@@ -1,12 +1,13 @@
+import { SlotProps } from '@dropins/tools/types/elsie/src/lib';
+
 export interface SuccessNotificationProps {
+    slots?: {
+        SuccessNotificationActions?: SlotProps;
+    };
     formSize?: 'default' | 'small';
-    headingText?: string;
     className?: string;
+    headingText?: string;
     messageText?: string;
-    primaryButtonText?: string;
-    secondaryButtonText?: string;
-    onPrimaryButtonClick?: () => void;
-    onSecondaryButtonClick?: () => void;
 }
 export interface SuccessNotificationFormProps extends SuccessNotificationProps {
 }

package/types/updatePassword.types.d.ts

@@ -1,6 +1,12 @@
-import { VNode } from 'preact';
+import { SlotProps } from '@dropins/tools/types/elsie/src/lib';
 import { inLineAlertInterface } from './notification.types';
 
+type DefaultSlotContext = {
+    isSuccessful: {
+        userName: string;
+        status: boolean;
+    };
+};
 export interface UpdatePasswordProps {
     signInOnSuccess?: boolean;
     formSize?: 'default' | 'small';
@@ -9,11 +15,13 @@ export interface UpdatePasswordProps {
     routeWrongUrlRedirect?: () => string;
     onErrorCallback?: (value: unknown) => void;
     onSuccessCallback?: (value: string) => void;
-    successNotificationForm?: (userName: string) => VNode<any>;
+    slots?: {
+        SuccessNotification?: SlotProps<DefaultSlotContext>;
+    };
 }
 export interface UpdatePasswordFormProps extends UpdatePasswordProps {
 }
-export interface UseUpdatePasswordFormProps extends Omit<UpdatePasswordFormProps, 'formSize' | 'successNotificationForm'> {
+export interface UseUpdatePasswordFormProps extends Omit<UpdatePasswordFormProps, 'formSize' | 'slots'> {
     isEmailConfirmationRequired?: boolean;
     passwordConfigs?: {
         minLength: number;
@@ -21,4 +29,5 @@ export interface UseUpdatePasswordFormProps extends Omit<UpdatePasswordFormProps
     } | null;
     handleSetInLineAlertProps: (value?: inLineAlertInterface) => void;
 }
+export {};
 //# sourceMappingURL=updatePassword.types.d.ts.map

package/chunks/PasswordField.js

@@ -1 +0,0 @@
-import{jsxs as m,jsx as t}from"@dropins/tools/preact-jsx-runtime.js";import{useState as g,useCallback as f}from"@dropins/tools/preact-hooks.js";import{classes as M}from"@dropins/tools/lib.js";import*as e from"@dropins/tools/preact-compat.js";import{Field as k,Input as E}from"@dropins/tools/components.js";import{useText as L}from"@dropins/tools/i18n.js";const v=r=>e.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...r},e.createElement("g",{clipPath:"url(#clip0_3785_11045)"},e.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M7.33 11H16.66C17.4 11 17.99 11.81 17.99 12.82V19.18C17.99 20.18 17.39 21 16.66 21H7.33C6.59 21 6 20.19 6 19.18V12.82C6 11.82 6.6 11 7.33 11Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),e.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M8.5 10.86V6.5C8.5 4.57 10.07 3 12 3C13.93 3 15.5 4.57 15.5 6.5V10.86",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"})),e.createElement("defs",null,e.createElement("clipPath",{id:"clip0_3785_11045"},e.createElement("rect",{width:13.5,height:19.5,fill:"white",transform:"translate(5.25 2.25)"})))),x=r=>e.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...r},e.createElement("path",{d:"M11.9952 8.05896C7.85898 8.04913 4.04561 10.1916 1.96743 13.6609C4.04561 17.14 7.86907 19.2629 11.9952 19.2629C16.1314 19.2727 19.9447 17.1302 22.0229 13.6609C20.0153 10.3096 16.2827 8.05896 11.9952 8.05896ZM11.9952 8.05896V4.73709M20.5097 11.027L23.2335 9.0221M16.8174 8.88451L18.4618 6.0737M3.48067 11.027L0.756836 9.03193M7.17298 8.89434L5.52859 6.08353M14.8401 13.6609C14.8401 15.1843 13.5689 16.4226 12.0053 16.4226C10.4416 16.4226 9.17045 15.1843 9.17045 13.6609C9.17045 12.1376 10.4416 10.8993 12.0053 10.8993C13.5689 10.8993 14.8401 12.1376 14.8401 13.6609Z",stroke:"#2B2B2B",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),B=r=>e.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...r},e.createElement("path",{d:"M17.11 18.12C19.13 17.16 20.85 15.62 22.02 13.67C20.01 10.32 16.28 8.07 11.99 8.07M11.99 8.07C11.09 8.07 10.21 8.17 9.35 8.36M11.99 8.07V4.75M20.5 11.03L23.22 9.03M16.81 8.89L18.45 6.08M3.47 11.03L0.75 9.03M11.3096 10.99C11.5296 10.94 11.7596 10.91 11.9996 10.91C13.5596 10.91 14.8296 12.15 14.8296 13.67C14.8296 14.05 14.7496 14.41 14.6096 14.74M11.9999 16.43C10.4399 16.43 9.16992 15.19 9.16992 13.67C9.16992 13.37 9.21992 13.09 9.30992 12.83M6.13996 9.60001C4.43996 10.57 2.98996 11.96 1.95996 13.67C4.03996 17.15 7.85996 19.27 11.99 19.27C12.57 19.27 13.15 19.23 13.71 19.14M20.4404 22.5L4.44043 2.5",stroke:"#2B2B2B",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),y=({initialPassword:r="",required:n,isError:s,children:a,name:i,className:l,setPasswordValueCallback:d,onBlur:c})=>{const h=L({requiredFieldError:"Auth.FormText.requiredFieldError"}),[o,w]=g(!1),p=f(()=>{w(C=>!C)},[]),u=s&&!r.length?h.requiredFieldError:"";return m("div",{className:M(["auth-password-field",l,s?"auth-password-field--error":""]),children:[t(k,{error:u,children:t(E,{name:i||"password",type:o?"text":"password",placeholder:"Password",floatingLabel:"Password","aria-label":"Password","aria-required":!0,required:n||!1,value:r,onValue:d,icon:t(v,{}),onBlur:c,"data-testid":"passwordInput"})}),t("div",{"data-testid":"toggle-password-icon",className:`auth-password-field__eye-icon auth-password-field__eye-icon--${o?"show":"hide"}`,onClick:p,children:o?t(x,{}):t(B,{})}),a]})};export{y as P};

package/components/PasswordValidationMessage/PasswordValidationMessage.d.ts

@@ -1,12 +0,0 @@
-import { FunctionComponent } from 'preact';
-import { HTMLAttributes } from 'preact/compat';
-import { ValidateLengthConfigProps, statusTypes } from '../../types';
-
-export interface PasswordValidationMessageProps {
-    validateLengthConfig?: ValidateLengthConfigProps;
-    isValidUniqueSymbols?: statusTypes;
-    minLength?: number;
-    requiredCharacterClasses?: number;
-}
-export declare const PasswordValidationMessage: FunctionComponent<PasswordValidationMessageProps & HTMLAttributes<HTMLDivElement>>;
-//# sourceMappingURL=PasswordValidationMessage.d.ts.map

package/components/PasswordValidationMessage/index.d.ts

@@ -1,3 +0,0 @@
-export * from './PasswordValidationMessage';
-export { PasswordValidationMessage as default } from './PasswordValidationMessage';
-//# sourceMappingURL=index.d.ts.map

package/components/UI/CheckboxField/CheckboxField.d.ts

@@ -1,13 +0,0 @@
-import { FunctionComponent, h } from 'preact';
-import { HTMLAttributes } from 'preact/compat';
-
-export interface CheckboxFieldProps extends Omit<HTMLAttributes<HTMLInputElement>, 'size'> {
-    initialValue?: boolean;
-    name?: string;
-    errors?: Record<string, string>;
-    label?: string;
-    onChange?: (event: h.JSX.TargetedEvent<HTMLInputElement, Event>) => void;
-    onBlur?: (event: h.JSX.TargetedEvent<HTMLInputElement, Event>) => void;
-}
-export declare const CheckboxField: FunctionComponent<CheckboxFieldProps>;
-//# sourceMappingURL=CheckboxField.d.ts.map

package/components/UI/CheckboxField/index.d.ts

@@ -1,3 +0,0 @@
-export * from './CheckboxField';
-export { CheckboxField as default } from './CheckboxField';
-//# sourceMappingURL=index.d.ts.map

package/components/UI/DateField/DateField.d.ts

@@ -1,13 +0,0 @@
-import { FunctionComponent } from 'preact';
-
-export interface DateFieldProps {
-    children?: any;
-    label?: string;
-    name?: string;
-    errors?: Record<string, string>;
-    values?: Record<string, string>;
-    onChange?: (event: Event) => void;
-    onBlur?: (event: Event) => void;
-}
-export declare const DateField: FunctionComponent<DateFieldProps>;
-//# sourceMappingURL=DateField.d.ts.map

package/components/UI/DateField/index.d.ts

@@ -1,3 +0,0 @@
-export * from './DateField';
-export { DateField as default } from './DateField';
-//# sourceMappingURL=index.d.ts.map

package/components/UI/PasswordField/PasswordField.d.ts

@@ -1,15 +0,0 @@
-import { FunctionComponent } from 'preact';
-
-export interface PasswordFieldProps {
-    initialPassword?: string;
-    id?: string;
-    isError?: boolean;
-    className?: string;
-    name?: string;
-    children?: any;
-    required?: boolean;
-    setPasswordValueCallback?: (value: string) => void;
-    onBlur?: (event: Event) => void;
-}
-export declare const PasswordField: FunctionComponent<PasswordFieldProps>;
-//# sourceMappingURL=PasswordField.d.ts.map

package/components/UI/PasswordField/index.d.ts

@@ -1,3 +0,0 @@
-export * from './PasswordField';
-export { PasswordField as default } from './PasswordField';
-//# sourceMappingURL=index.d.ts.map

package/components/UI/SelectField/SelectField.d.ts

@@ -1,17 +0,0 @@
-import { FunctionComponent } from 'preact';
-
-export interface SelectFieldProps {
-    name?: string;
-    errors?: Record<string, string>;
-    values?: Record<string, string>;
-    selectTitle?: string;
-    optionConfig?: {
-        value: string;
-        label: string;
-        is_default: boolean;
-    }[];
-    onChange?: (event: any) => void;
-    onBlur?: (event: any) => void;
-}
-export declare const SelectField: FunctionComponent<SelectFieldProps>;
-//# sourceMappingURL=SelectField.d.ts.map

package/components/UI/SelectField/index.d.ts

@@ -1,3 +0,0 @@
-export * from './SelectField';
-export { SelectField as default } from './SelectField';
-//# sourceMappingURL=index.d.ts.map

package/components/UI/TextArea/TextArea.d.ts

@@ -1,13 +0,0 @@
-import { FunctionComponent } from 'preact';
-
-export interface TextAreaFieldProps {
-    name?: string;
-    label?: string;
-    className?: string;
-    errors?: Record<string, string>;
-    values?: Record<string, string>;
-    onChange?: (event: any) => void;
-    onBlur?: (event: any) => void;
-}
-export declare const TextArea: FunctionComponent<TextAreaFieldProps>;
-//# sourceMappingURL=TextArea.d.ts.map

package/components/UI/TextArea/index.d.ts

@@ -1,3 +0,0 @@
-export * from './TextArea';
-export { TextArea as default } from './TextArea';
-//# sourceMappingURL=index.d.ts.map

package/components/UI/TextField/TextField.d.ts

@@ -1,13 +0,0 @@
-import { FunctionComponent } from 'preact';
-
-export interface TextFieldProps {
-    label?: string;
-    className?: string;
-    name?: string;
-    errors?: Record<string, string>;
-    values?: Record<string, string>;
-    onChange?: (event: any) => void;
-    onBlur?: (event: any) => void;
-}
-export declare const TextField: FunctionComponent<TextFieldProps>;
-//# sourceMappingURL=TextField.d.ts.map

package/components/UI/TextField/index.d.ts

@@ -1,3 +0,0 @@
-export * from './TextField';
-export { TextField as default } from './TextField';
-//# sourceMappingURL=index.d.ts.map

package/icons/index.d.ts

@@ -1,4 +0,0 @@
-export { default as Eye } from './Eye.svg';
-export { default as EyeClose } from './EyeClose.svg';
-export { default as Date } from './Date.svg';
-//# sourceMappingURL=index.d.ts.map

package/lib/setLoadingState.d.ts

@@ -1,2 +0,0 @@
-export declare const setLoadingState: (fieldList: any, loading: boolean) => any;
-//# sourceMappingURL=setLoadingState.d.ts.map