@dropins/storefront-auth 0.0.1-alpha4 → 0.0.1-alpha5

package/chunks/SignUpForm.js

@@ -1,2 +1,2 @@
-import{classes as at}from"@dropins/tools/lib.js";import"@dropins/tools/event-bus.js";import{g as ot,c as nt,a as ut}from"./createCustomerAddress.js";import{useState as b,useEffect as mt,useCallback as B}from"@dropins/tools/preact-hooks.js";import{s as Y,b as lt,c as ct}from"./simplifyTransformAttributesForm.js";import{v as ft,u as gt,a as ht,P as dt}from"./usePasswordValidationMessage.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 Tt}from"@dropins/tools/components.js";import{S as pt}from"./SkeletonLoader.js";import{jsx as o,jsxs as E}from"@dropins/tools/preact-jsx-runtime.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:d})=>d===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 mt(()=>{(async()=>{var l;if(a){const r=await ot("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(lt),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(ct,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:d,routeSignIn:l,onErrorCallback:r,onSuccessCallback:c,setActiveComponent:n,handleSetInLineAlertProps:f,routeRedirectOnEmailConfirmationClose:T})=>{const[I,S]=b(""),[x,u]=b(!1),[m,N]=b({userName:"",status:!1}),[C,g]=b(""),[w,k]=b(!1),[G,U]=b(!1),[M,v]=b(!0),p=B(({target:F})=>{v(F.checked)},[]),A=B(()=>{if(K(n)){n("signInForm");return}K(l)&&(window.location.href=l())},[n,l]),H=B(F=>{g(F)},[]),O=B(()=>{f({}),g(""),K(T)?window.location.href=T():(u(!1),n==null||n("signInForm"))},[f,T,n]);return{isKeepMeLogged:M,userEmail:I,showEmailConfirmationForm:x,isSuccessful:m,isClickSubmit:w,signUpPasswordValue:C,isLoading:G,onSubmitSignUp:async(F,V)=>{var Q;if(f({}),U(!0),!V){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(!ft(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 nt(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(""),u(!0),S(P);return}const h=await Ft({email:P,password:L,translations:e,handleSetInLineAlertProps:f,onErrorCallback:r});if(h!=null&&h.userName){if(t!=null&&t.length)for(const X of t)try{await ut(X)}catch(it){console.error(e.failedCreateCustomerAddress,X,it)}K(d)?window.location.href=d():(c==null||c({userName:h==null?void 0:h.userName,status:!0}),N({userName:h==null?void 0:h.userName,status:!0}))}}U(!1)},signInButton:A,handleSetSignUpPasswordValue:H,onKeepMeLoggedChange:p,handleHideEmailConfirmationForm:O}},jt=({addressesData:t,formSize:e="default",inputsDefaultValueSet:a,fieldsConfigForApiVersion1:i,apiVersion2:s=!0,displayTermsOfUseCheckbox:d=!1,displayNewsletterCheckbox:l=!1,hideCloseBtnOnEmailConfirmation:r=!1,routeRedirectOnEmailConfirmationClose:c,routeRedirectOnSignIn:n,routeSignIn:f,onErrorCallback:T,onSuccessCallback:I,setActiveComponent:S,successNotificationForm:x})=>{const u=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:m,isEmailConfirmationRequired:N}=gt(),{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:p,isLoading:A,onSubmitSignUp:H,signInButton:O,handleSetSignUpPasswordValue:J,onKeepMeLoggedChange:F,handleHideEmailConfirmationForm:V}=Ct({addressesData:t,translations:u,isEmailConfirmationRequired:N,apiVersion2:s,passwordConfigs:m,routeRedirectOnSignIn:n,routeSignIn:f,onErrorCallback:T,onSuccessCallback:I,setActiveComponent:S,handleSetInLineAlertProps:w,routeRedirectOnEmailConfirmationClose:c}),{isValidUniqueSymbols:q,defaultLengthMessage:_}=ht({password:p,isClickSubmit:v,passwordConfigs:m}),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(pt,{activeSkeleton:"signUpForm"})}):x&&M.status?x(M.userName):U?o(Pt,{formSize:e,userEmail:G,inLineAlertProps:g,hideCloseBtnOnEmailConfirmation:r,handleSetInLineAlertProps:w,onPrimaryButtonClick:V}):E("div",{className:at(["auth-signUpForm",e]),"data-testid":"SignUpForm",children:[o(_t,{text:u.title,bottomLine:!1,className:"auth-signUpForm__title"}),g.text?o(Tt,{className:"auth-signUpForm__notification",type:g.type,variant:"secondary",heading:g.text,icon:g.icon}):null,E(yt,{submitCallback:H,className:"auth-signUpForm__form",isLoading:A,name:"signUp_form",fieldsConfig:C,children:[E(Et,{initialPassword:p,className:"auth-signUpForm__form__item",setPasswordValueCallback:J,isError:q==="error"||(_==null?void 0:_.status)==="error"||v&&p.length<=0,children:[o(dt,{minLength:m==null?void 0:m.minLength,requiredCharacterClasses:m==null?void 0:m.requiredCharacterClasses,validateLengthConfig:_,isValidUniqueSymbols:q}),P?o("div",{className:"auth-signUpForm__automatic-login",children:o($,{label:u.keepMeLoggedText,onChange:F,initialValue:k})}):null]}),l||d?E("div",{className:"auth-signUpForm__item auth-signUpForm__checkbox",children:[l?o($,{name:"is_subscribed",label:u.subscribedDefaultText}):null,d?o($,{name:"privacyPolicy",label:u.privacyPolicyDefaultText}):null]}):null,E("div",{className:"auth-signUpForm-buttons",children:[o(R,{type:"button",variant:"tertiary",style:{padding:0},buttonText:u.buttonSecondary,enableLoader:!1,onClick:O}),o(R,{type:"submit",buttonText:u.buttonPrimary,variant:"primary",enableLoader:A})]})]})]})};export{jt as S};
+import{classes as at}from"@dropins/tools/lib.js";import{v as ot,u as nt,a as ut,P as mt}from"./usePasswordValidationMessage.js";import"@dropins/tools/event-bus.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 ht,c as dt}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 Tt}from"@dropins/tools/components.js";import{S as pt}from"./SkeletonLoader.js";import{jsx as o,jsxs as E}from"@dropins/tools/preact-jsx-runtime.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:d})=>d===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(ht),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(dt,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:d,routeSignIn:l,onErrorCallback:r,onSuccessCallback:c,setActiveComponent:n,handleSetInLineAlertProps:f,routeRedirectOnEmailConfirmationClose:T})=>{const[I,S]=b(""),[x,u]=b(!1),[m,N]=b({userName:"",status:!1}),[C,g]=b(""),[w,k]=b(!1),[G,U]=b(!1),[M,v]=b(!0),p=B(({target:F})=>{v(F.checked)},[]),A=B(()=>{if(K(n)){n("signInForm");return}K(l)&&(window.location.href=l())},[n,l]),H=B(F=>{g(F)},[]),O=B(()=>{f({}),g(""),K(T)?window.location.href=T():(u(!1),n==null||n("signInForm"))},[f,T,n]);return{isKeepMeLogged:M,userEmail:I,showEmailConfirmationForm:x,isSuccessful:m,isClickSubmit:w,signUpPasswordValue:C,isLoading:G,onSubmitSignUp:async(F,V)=>{var Q;if(f({}),U(!0),!V){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(""),u(!0),S(P);return}const h=await Ft({email:P,password:L,translations:e,handleSetInLineAlertProps:f,onErrorCallback:r});if(h!=null&&h.userName){if(t!=null&&t.length)for(const X of t)try{await ft(X)}catch(it){console.error(e.failedCreateCustomerAddress,X,it)}K(d)?window.location.href=d():(c==null||c({userName:h==null?void 0:h.userName,status:!0}),N({userName:h==null?void 0:h.userName,status:!0}))}}U(!1)},signInButton:A,handleSetSignUpPasswordValue:H,onKeepMeLoggedChange:p,handleHideEmailConfirmationForm:O}},jt=({addressesData:t,formSize:e="default",inputsDefaultValueSet:a,fieldsConfigForApiVersion1:i,apiVersion2:s=!0,displayTermsOfUseCheckbox:d=!1,displayNewsletterCheckbox:l=!1,hideCloseBtnOnEmailConfirmation:r=!1,routeRedirectOnEmailConfirmationClose:c,routeRedirectOnSignIn:n,routeSignIn:f,onErrorCallback:T,onSuccessCallback:I,setActiveComponent:S,successNotificationForm:x})=>{const u=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:m,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:p,isLoading:A,onSubmitSignUp:H,signInButton:O,handleSetSignUpPasswordValue:J,onKeepMeLoggedChange:F,handleHideEmailConfirmationForm:V}=Ct({addressesData:t,translations:u,isEmailConfirmationRequired:N,apiVersion2:s,passwordConfigs:m,routeRedirectOnSignIn:n,routeSignIn:f,onErrorCallback:T,onSuccessCallback:I,setActiveComponent:S,handleSetInLineAlertProps:w,routeRedirectOnEmailConfirmationClose:c}),{isValidUniqueSymbols:q,defaultLengthMessage:_}=ut({password:p,isClickSubmit:v,passwordConfigs:m}),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(pt,{activeSkeleton:"signUpForm"})}):x&&M.status?x(M.userName):U?o(Pt,{formSize:e,userEmail:G,inLineAlertProps:g,hideCloseBtnOnEmailConfirmation:r,handleSetInLineAlertProps:w,onPrimaryButtonClick:V}):E("div",{className:at(["auth-signUpForm",e]),"data-testid":"SignUpForm",children:[o(_t,{text:u.title,bottomLine:!1,className:"auth-signUpForm__title"}),g.text?o(Tt,{className:"auth-signUpForm__notification",type:g.type,variant:"secondary",heading:g.text,icon:g.icon}):null,E(yt,{submitCallback:H,className:"auth-signUpForm__form",isLoading:A,name:"signUp_form",fieldsConfig:C,children:[E(Et,{initialPassword:p,className:"auth-signUpForm__form__item",setPasswordValueCallback:J,isError:q==="error"||(_==null?void 0:_.status)==="error"||v&&p.length<=0,children:[o(mt,{minLength:m==null?void 0:m.minLength,requiredCharacterClasses:m==null?void 0:m.requiredCharacterClasses,validateLengthConfig:_,isValidUniqueSymbols:q}),P?o("div",{className:"auth-signUpForm__automatic-login",children:o($,{label:u.keepMeLoggedText,onChange:F,initialValue:k})}):null]}),l||d?E("div",{className:"auth-signUpForm__item auth-signUpForm__checkbox",children:[l?o($,{name:"is_subscribed",label:u.subscribedDefaultText}):null,d?o($,{name:"privacyPolicy",label:u.privacyPolicyDefaultText}):null]}):null,E("div",{className:"auth-signUpForm-buttons",children:[o(R,{type:"button",variant:"tertiary",style:{padding:0},buttonText:u.buttonSecondary,enableLoader:!1,onClick:O}),o(R,{type:"submit",buttonText:u.buttonPrimary,variant:"primary",enableLoader:A})]})]})]})};export{jt as S};
 //# sourceMappingURL=SignUpForm.js.map

package/chunks/index3.js

@@ -1,2 +1,2 @@
-import{S as j,S as k}from"./SignUpForm.js";import"@dropins/tools/lib.js";import"@dropins/tools/event-bus.js";import"./createCustomerAddress.js";import"./network-error.js";import"@dropins/tools/fetch-graphql.js";import"./transform-attributes-form.js";import"./getStoreConfig.js";import"./initialize.js";import"@dropins/tools/preact-hooks.js";import"./simplifyTransformAttributesForm.js";import"./usePasswordValidationMessage.js";import"@dropins/tools/preact-jsx-runtime.js";import"@dropins/tools/preact-compat.js";import"@dropins/tools/i18n.js";import"./useInLineAlert.js";import"@dropins/tools/components.js";import"./SkeletonLoader.js";import"./EmailConfirmationForm.js";import"./resendConfirmationEmail.js";import"./PasswordField.js";export{j as SignUpForm,k as default};
+import{S as j,S as k}from"./SignUpForm.js";import"@dropins/tools/lib.js";import"./usePasswordValidationMessage.js";import"@dropins/tools/preact-jsx-runtime.js";import"@dropins/tools/preact-compat.js";import"@dropins/tools/i18n.js";import"@dropins/tools/event-bus.js";import"./getStoreConfig.js";import"./network-error.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{j as SignUpForm,k as default};
 //# sourceMappingURL=index3.js.map

package/containers/SignUp.js

@@ -1,2 +1,2 @@
-import{S as l}from"../chunks/SignUpForm.js";import{jsx as r}from"@dropins/tools/preact-jsx-runtime.js";import"@dropins/tools/lib.js";import"@dropins/tools/event-bus.js";import"../chunks/createCustomerAddress.js";import"../chunks/network-error.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/transform-attributes-form.js";import"../chunks/getStoreConfig.js";import"../chunks/initialize.js";import"@dropins/tools/preact-hooks.js";import"../chunks/simplifyTransformAttributesForm.js";import"../chunks/usePasswordValidationMessage.js";import"@dropins/tools/preact-compat.js";import"@dropins/tools/i18n.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 I=({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{I as SignUp,I as default};
+import{S as l}from"../chunks/SignUpForm.js";import{jsx as r}from"@dropins/tools/preact-jsx-runtime.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"../chunks/getStoreConfig.js";import"../chunks/network-error.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 I=({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{I as SignUp,I as default};
 //# sourceMappingURL=SignUp.js.map

package/package.json

@@ -1 +1 @@
-{"name": "@dropins/storefront-auth", "version": "0.0.1-alpha4", "dependencies": { "@dropins/tools": "0.24.0-alpha3" } }
+{"name": "@dropins/storefront-auth", "version": "0.0.1-alpha5", "@dropins/elsie": "0.24.0-alpha3"}