@dropins/storefront-auth 0.0.1-alpha6 → 0.0.1-alpha7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/chunks/ResetPasswordForm.js +1 -1
- package/chunks/SignInForm.js +1 -1
- package/chunks/SignUpForm.js +1 -1
- package/chunks/getStoreConfig.js +4 -4
- package/chunks/index2.js +1 -1
- package/chunks/index3.js +1 -1
- package/chunks/useInLineAlert.js +1 -1
- package/chunks/usePasswordValidationMessage.js +1 -1
- package/components/UI/FormInputs/FormInputs.d.ts +2 -1
- package/components/UI/index.d.ts +0 -6
- package/components/index.d.ts +0 -7
- package/containers/SignIn.js +1 -1
- package/containers/SignUp.js +1 -1
- package/containers/UpdatePassword.js +1 -1
- package/hooks/components/useSignUpForm.d.ts +1 -1
- package/hooks/ui/useForm.d.ts +5 -5
- package/package.json +1 -1
- package/render.js +3 -5
- package/types/signUp.types.d.ts +1 -0
- package/chunks/PasswordField.js +0 -1
- package/components/PasswordValidationMessage/PasswordValidationMessage.d.ts +0 -12
- package/components/PasswordValidationMessage/index.d.ts +0 -3
- package/components/UI/CheckboxField/CheckboxField.d.ts +0 -13
- package/components/UI/CheckboxField/index.d.ts +0 -3
- package/components/UI/DateField/DateField.d.ts +0 -13
- package/components/UI/DateField/index.d.ts +0 -3
- package/components/UI/PasswordField/PasswordField.d.ts +0 -15
- package/components/UI/PasswordField/index.d.ts +0 -3
- package/components/UI/SelectField/SelectField.d.ts +0 -17
- package/components/UI/SelectField/index.d.ts +0 -3
- package/components/UI/TextArea/TextArea.d.ts +0 -13
- package/components/UI/TextArea/index.d.ts +0 -3
- package/components/UI/TextField/TextField.d.ts +0 -13
- package/components/UI/TextField/index.d.ts +0 -3
- package/icons/index.d.ts +0 -4
- package/lib/setLoadingState.d.ts +0 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as l,jsx as
|
|
1
|
+
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
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as T,jsx as m}from"@dropins/tools/preact-jsx-runtime.js";import{classes as
|
|
1
|
+
import{jsxs as T,jsx as m}from"@dropins/tools/preact-jsx-runtime.js";import{classes as W}from"@dropins/tools/lib.js";import{g as X,c as w,u as Y,T as Z,F as $,B as G}from"./useInLineAlert.js";import{useState as _,useCallback as b,useEffect as q,useMemo as z}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,InputPassword as et}from"@dropins/tools/components.js";import{E as ot}from"./EmailConfirmationForm.js";const nt=({emailConfirmationStatusMessage:a,translations:r,initialEmailValue:o,routeSignUp:l,routeForgotPassword:u,routeRedirectOnSignIn:y,onErrorCallback:d,setActiveComponent:t,onSuccessCallback:c,onSignUpLinkClick:f,handleSetInLineAlertProps:s,routeRedirectOnEmailConfirmationClose:E})=>{const[A,N]=_(""),[h,I]=_(!1),[g,F]=_(""),[L,p]=_(!1),[B,k]=_({userName:"",status:!1}),[P,x]=_(!1),C=b(async n=>{await R(n),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(n=>r?T("span",{className:"auth-signInForm__resend-email-notification",children:[r.resendEmailInformationText," ",m("button",{onClick:()=>C(n),children:r.resendEmailButtonText})," ",r.resendEmailAdditionalText]}):"",[C,r]),U=b(async n=>{var K;s({}),x(!0);const i=X(n.target);if(i.password||(p(!0),x(!1)),i!=null&&i.email&&(i!=null&&i.password)){const{email:D,password:Q}=i,e=await O({email:D,password:Q,handleSetInLineAlertProps:s,onErrorCallback:d,translations:r});if((K=e==null?void 0:e.errorMessage)!=null&&K.length){N(D);const V=e.errorMessage.includes("This account isn't confirmed. Verify and try again.")?M(D):e.errorMessage;s({text:V,type:"error"}),F("")}e!=null&&e.userName&&(n.target.reset(),w(y)?window.location.href=y():(c==null||c({userName:e==null?void 0:e.userName,status:!0}),k({userName:e==null?void 0:e.userName,status:!0}))),p(!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=z(()=>{const n=tt(at);return o!=null&&o.length?n==null?void 0:n.map(i=>({...i,defaultValue:o})):n},[o]),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:g,showEmailConfirmationForm:h,setShowEmailConfirmationForm:I,setSignInPasswordValue:F,submitLogInUser:U,forgotPasswordCallback:v,onSignUpLinkClickCallback:S,handledOnPrimaryButtonClick:J}},it=()=>{let a=new URL(window.location.href),r=a.searchParams.get("email"),o=a.searchParams.get("key");r&&o&&(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"}),[o,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"}),it())})()}},[a,r]),{emailConfirmationStatusMessage:o}},It=({formSize:a="default",initialEmailValue:r="",renderSignUpLink:o=!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 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}=mt({enableEmailConfirmation:l}),{inLineAlertProps:g,handleSetInLineAlertProps:F}=Y(),{userEmail:L,defaultEnhancedEmailFields:p,passwordError:B,isSuccessful:k,isLoading:P,signInPasswordValue:x,showEmailConfirmationForm:C,setSignInPasswordValue:M,submitLogInUser:U,forgotPasswordCallback:v,onSignUpLinkClickCallback:S,handledOnPrimaryButtonClick:j}=nt({translations:h,emailConfirmationStatusMessage:I,initialEmailValue:r,routeSignUp:c,routeForgotPassword:t,routeRedirectOnSignIn:d,setActiveComponent:s,onErrorCallback:E,onSuccessCallback:f,onSignUpLinkClick:A,handleSetInLineAlertProps:F,routeRedirectOnEmailConfirmationClose:y});return N&&k.status?N(k.userName):C?m(ot,{formSize:a,userEmail:L,inLineAlertProps:g,hideCloseBtnOnEmailConfirmation:u,handleSetInLineAlertProps:F,onPrimaryButtonClick:j}):T("div",{className:W(["auth-signInForm",a]),"data-testid":"signInForm",children:[m(Z,{text:h.title,bottomLine:!1,className:"auth-signInForm__title"}),g.text?m(st,{"data-testid":"authInLineAlert",className:"auth-signInForm__notification",type:g.type,variant:"secondary",heading:g.text,icon:g.icon}):null,T($,{name:"signIn_form",className:"auth-signInForm__form",submitCallback:U,isLoading:P,fieldsConfig:p,children:[m(et,{className:"auth-signInForm__form__password",autoComplete:"current-password",error:B,defaultValue:x,onValue:M,hideStatusIndicator:!0}),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:h.buttonTertiary,className:"auth-signInForm__button auth-signInForm__button--forgot",enableLoader:!1,onClick:v,"data-testid":"switchToSignUp"}),o?m("span",{}):null,o?m(G,{type:"button",variant:"tertiary",style:{padding:0},buttonText:h.buttonSecondary,className:"auth-signInForm__button auth-signInForm__button--signup",enableLoader:!1,onClick:S}):null]}),m(G,{type:"submit",buttonText:h.buttonPrimary,variant:"primary",className:"auth-signInForm__button auth-signInForm__button--submit",enableLoader:P})]})]}),m("div",{id:"generateCustomerToken"})]})};export{It as S};
|
package/chunks/SignUpForm.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as o,jsxs as
|
|
1
|
+
import{jsx as o,jsxs as I}from"@dropins/tools/preact-jsx-runtime.js";import{classes as lt}from"@dropins/tools/lib.js";import"@dropins/tools/event-bus.js";import"@dropins/tools/recaptcha.js";import{g as ct,c as ft,a as gt}from"./createCustomerAddress.js";import{useState as y,useEffect as dt,useCallback as G}from"@dropins/tools/preact-hooks.js";import{s as tt,b as ht,c as Ft}from"./simplifyTransformAttributesForm.js";import{v as Ut,u as yt,a as pt}from"./usePasswordValidationMessage.js";import{p as et,E as rt,a as bt}from"./getStoreConfig.js";import{c as H,g as _t,u as Tt,T as Nt,F as Lt,B as st}from"./useInLineAlert.js";import{InLineAlert as xt,InputPassword as Pt,Field as Q,Checkbox as X}from"@dropins/tools/components.js";import{S as Et}from"./SkeletonLoader.js";import{E as wt}from"./EmailConfirmationForm.js";import{useText as St}from"@dropins/tools/i18n.js";const it=(t,e)=>e!=null&&e.length?t.map(i=>{var s;const a=(s=e.find(({code:p})=>p===i.code))==null?void 0:s.defaultValue;return a?{...i,defaultValue:a}:i}):t,vt=({inputsDefaultValueSet:t,fieldsConfigForApiVersion1:e,apiVersion2:i})=>{const[a,s]=y([]);return dt(()=>{(async()=>{var h;if(i){const r=await ct("customer_account_create");if((h=r==null?void 0:r.fields)!=null&&h.length)if(t!=null&&t.length){const n=it(r==null?void 0:r.fields,t);s(n)}else s(r==null?void 0:r.fields)}else{const r=tt(ht),n=tt(e),u=it(r,t);s(e&&e.length?n:u)}})()},[i,e,t]),{fieldsListConfigs:a}},Mt=t=>{switch(t){case"true":case"on":return!0;case"false":case"off":return!1;default:return t}},qt=(t,e)=>{if(!e)return t;const i={};i.custom_attributes=[];for(const a in t)Object.prototype.hasOwnProperty.call(Ft,a)?i[a]=t[a]:i.custom_attributes.push({attribute_code:a,value:Mt(t[a])});return i},At=({addressesData:t,translations:e,isEmailConfirmationRequired:i,apiVersion2:a=!0,passwordConfigs:s,isAutoSignInEnabled:p,routeRedirectOnSignIn:h,routeSignIn:r,onErrorCallback:n,onSuccessCallback:u,setActiveComponent:c,handleSetInLineAlertProps:f,routeRedirectOnEmailConfirmationClose:L})=>{const[O,w]=y(""),[S,m]=y(!1),[l,_]=y({userName:"",status:!1}),[v,g]=y(""),[M,q]=y(!1),[V,F]=y(!1),[A,C]=y(!0),x=G(({target:U})=>{C(U.checked)},[]),B=G(()=>{if(H(c)){c("signInForm");return}H(r)&&(window.location.href=r())},[c,r]),W=G(U=>{g(U)},[]),j=G(()=>{f({}),g(""),H(L)?window.location.href=L():(m(!1),c==null||c("signInForm"))},[f,L,c]);return{isKeepMeLogged:A,userEmail:O,showEmailConfirmationForm:S,isSuccessful:l,isClickSubmit:M,signUpPasswordValue:v,isLoading:V,onSubmitSignUp:async(U,$)=>{var Z,z,D;if(f({}),F(!0),!$){q(!0),F(!1);return}const K=a?"createCustomerV2":"createCustomer",b=_t(U.target),{email:P,password:E,is_subscribed:at}=b,ot=(s==null?void 0:s.requiredCharacterClasses)||0,ut=(s==null?void 0:s.minLength)||1;if(!Ut(E,ot)||ut>(E==null?void 0:E.length)){q(!0),F(!1);return}const mt=qt({...b,is_subscribed:!!at||!1},a),{data:T,errors:N}=await ft(mt,a),k=((z=(Z=T==null?void 0:T.createCustomer)==null?void 0:Z.customer)==null?void 0:z.firstname)||"";if(N&&(N!=null&&N.length))f==null||f({type:"error",text:N[0].message}),n==null||n(N),et(rt.CREATE_ACCOUNT_EVENT,{updateProfile:!1}),w(P);else{const J={email:"",...T==null?void 0:T[K]};if(et(rt.CREATE_ACCOUNT_EVENT,{email:J==null?void 0:J.email,updateProfile:!0}),i||!p){if(u==null||u({userName:k,status:!0}),i){(D=U.target)==null||D.reset(),g(""),m(!0),w(P),F(!1);return}if(!p){F(!1),_({userName:k,status:!0});return}}const d=await bt({email:P,password:E,translations:e,handleSetInLineAlertProps:f,onErrorCallback:n});if(d!=null&&d.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:d==null?void 0:d.userName,status:!0}),_({userName:d==null?void 0:d.userName,status:!0}))}else u==null||u({userName:k,status:!0}),_({userName:k,status:!0})}F(!1)},signInButton:B,handleSetSignUpPasswordValue:W,onKeepMeLoggedChange:x,handleHideEmailConfirmationForm:j}},Xt=({addressesData:t,formSize:e="default",inputsDefaultValueSet:i,fieldsConfigForApiVersion1:a,apiVersion2:s=!0,isAutoSignInEnabled:p=!0,displayTermsOfUseCheckbox:h=!1,displayNewsletterCheckbox:r=!1,hideCloseBtnOnEmailConfirmation:n=!1,routeRedirectOnEmailConfirmationClose:u,routeRedirectOnSignIn:c,routeSignIn:f,onErrorCallback:L,onSuccessCallback:O,setActiveComponent:w,successNotificationForm:S})=>{const m=St({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:l,isEmailConfirmationRequired:_}=yt(),{fieldsListConfigs:v}=vt({fieldsConfigForApiVersion1:a,apiVersion2:s,inputsDefaultValueSet:i}),{inLineAlertProps:g,handleSetInLineAlertProps:M}=Tt(),{isKeepMeLogged:q,userEmail:V,showEmailConfirmationForm:F,isSuccessful:A,isClickSubmit:C,signUpPasswordValue:x,isLoading:B,onSubmitSignUp:W,signInButton:j,handleSetSignUpPasswordValue:Y,onKeepMeLoggedChange:U,handleHideEmailConfirmationForm:$}=At({addressesData:t,translations:m,isEmailConfirmationRequired:_,apiVersion2:s,passwordConfigs:l,isAutoSignInEnabled:p,routeRedirectOnSignIn:c,routeSignIn:f,onErrorCallback:L,onSuccessCallback:O,setActiveComponent:w,handleSetInLineAlertProps:M,routeRedirectOnEmailConfirmationClose:u}),{isValidUniqueSymbols:K,defaultLengthMessage:b}=pt({password:x,isClickSubmit:C,passwordConfigs:l}),P=!_&&(t==null?void 0:t.length);return!v.length&&s?o("div",{className:`auth-signUpForm ${e} skeleton-loader`,"data-testid":"SignUpForm",children:o(Et,{activeSkeleton:"signUpForm"})}):S&&A.status?S(A.userName):F?o(wt,{formSize:e,userEmail:V,inLineAlertProps:g,hideCloseBtnOnEmailConfirmation:n,handleSetInLineAlertProps:M,onPrimaryButtonClick:$}):I("div",{className:lt(["auth-signUpForm",e]),"data-testid":"SignUpForm",children:[o(Nt,{text:m.title,bottomLine:!1,className:"auth-signUpForm__title"}),g.text?o(xt,{className:"auth-signUpForm__notification",type:g.type,variant:"secondary",heading:g.text,icon:g.icon}):null,I(Lt,{submitCallback:W,className:"auth-signUpForm__form",isLoading:B,name:"signUp_form",fieldsConfig:v,children:[o(Pt,{validateLengthConfig:b,className:"auth-signUpForm__form__item",autoComplete:"current-password",name:"password",minLength:l==null?void 0:l.minLength,error:K==="error"||(b==null?void 0:b.status)==="error"||C&&x.length<=0,defaultValue:x,uniqueSymbolsStatus:K,requiredCharacterClasses:l==null?void 0:l.requiredCharacterClasses,onValue:Y,children:P?o("div",{className:"auth-signUpForm__automatic-login",children:o(Q,{children:o(X,{name:"",placeholder:m.keepMeLoggedText,label:m.keepMeLoggedText,checked:q,onChange:U})})}):null}),r||h?I("div",{className:"auth-signUpForm__item auth-signUpForm__checkbox",children:[r?o(Q,{children:o(X,{"data-testid":"isSubscribed",name:"is_subscribed",placeholder:m.subscribedDefaultText,label:m.subscribedDefaultText})}):null,h?o(Q,{children:o(X,{"data-testid":"privacyPolicy",name:"privacyPolicy",placeholder:m.privacyPolicyDefaultText,label:m.privacyPolicyDefaultText})}):null]}):null,I("div",{className:"auth-signUpForm-buttons",children:[o(st,{type:"button",variant:"tertiary",style:{padding:0},buttonText:m.buttonSecondary,enableLoader:!1,onClick:j}),o(st,{type:"submit",buttonText:m.buttonPrimary,variant:"primary",enableLoader:B})]})]}),o("div",{id:"createCustomerV2"})]})};export{Xt as S};
|
package/chunks/getStoreConfig.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
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
|
|
1
|
+
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 D}from"./initialize.js";const U=t=>({personalEmail:{address:(t==null?void 0:t.email)||""},userAccount:{login:!0},commerce:{commerceScope:{storeCode:(t==null?void 0:t.store_code)||""}}}),R=t=>({userAccount:{logout:!0},commerce:{commerceScope:{storeCode:(t==null?void 0:t.store_code)||""}}}),v=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,m,n,u,s,f;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:+((m=(c=t==null?void 0:t.data)==null?void 0:c.storeConfig)==null?void 0:m.required_character_classes_number)||0,createAccountConfirmation:((u=(n=t==null?void 0:t.data)==null?void 0:n.storeConfig)==null?void 0:u.create_account_confirmation)||!1,customerAccessTokenLifetime:((f=(s=t==null?void 0:t.data)==null?void 0:s.storeConfig)==null?void 0:f.customer_access_token_lifetime)*g||g}},F=t=>{var e,a,o,r,c,m;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:((m=(c=t==null?void 0:t.data)==null?void 0:c.customer)==null?void 0:m.lastname)||""}},$=t=>{const e=t.map(a=>a.message).join(" ");throw Error(e)},b=`
|
|
2
2
|
query GET_CUSTOMER_DATA {
|
|
3
3
|
customer {
|
|
4
4
|
firstname
|
|
@@ -6,13 +6,13 @@ import{a as y,f as h,h as C,c as M}from"./setReCaptchaToken.js";import"@dropins/
|
|
|
6
6
|
email
|
|
7
7
|
}
|
|
8
8
|
}
|
|
9
|
-
`,J=async t=>{if(t){const{authHeaderConfig:e}=
|
|
9
|
+
`,J=async t=>{if(t){const{authHeaderConfig:e}=D.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=`
|
|
10
10
|
mutation GET_CUSTOMER_TOKEN($email: String!, $password: String!) {
|
|
11
11
|
generateCustomerToken(email: $email, password: $password) {
|
|
12
12
|
token
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
|
-
`,
|
|
15
|
+
`,L=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 z();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 i=(t=>(t.CREATE_ACCOUNT_EVENT="create-account",t.SIGN_IN="sign-in",t.SIGN_OUT="sign-out",t))(i||{});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 Q(t){const e=v(t);S(E,e),O(N.CREATE_ACCOUNT)}function j(t){const e=U(t);S(E,e),O(N.SIGN_IN)}function V(t){const e=R(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":Q(r);break;case"sign-in":j(r);break;case"sign-out":V(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 _=a.customerTokenErrorMessage,d=c!=null&&c.errors?c.errors[0].message:_;return o==null||o(d),r==null||r({type:"error",text:d}),T(i==null?void 0:i.SIGN_IN,{}),{errorMessage:d,userName:""}}const m=(l=(w=c==null?void 0:c.data)==null?void 0:w.generateCustomerToken)==null?void 0:l.token,n=await J(m);if(!(n!=null&&n.firstname)||!(n!=null&&n.email)){const _=a.customerTokenErrorMessage;return o==null||o(_),r==null||r({type:"error",text:_}),T(i==null?void 0:i.SIGN_IN,{}),{errorMessage:_,userName:""}}const u=n==null?void 0:n.firstname,s=n==null?void 0:n.email,f=await H();return document.cookie=`${I.auth_dropin_firstname}=${u}; path=/; ${f}; `,document.cookie=`${I.auth_dropin_user_token}=${m}; path=/; ${f}; `,A.emit("authenticated",!!m),T(i==null?void 0:i.SIGN_IN,s?{email:s}:{}),{errorMessage:"",userName:u}},X=`
|
|
16
16
|
query GET_STORE_CONFIG {
|
|
17
17
|
storeConfig {
|
|
18
18
|
autocomplete_on_storefront
|
|
@@ -26,4 +26,4 @@ import{a as y,f as h,h as C,c as M}from"./setReCaptchaToken.js";import"@dropins/
|
|
|
26
26
|
customer_access_token_lifetime
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
|
-
`,
|
|
29
|
+
`,z=async()=>await h(X,{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,i as E,P as a,z as b,L as d,J as g,$ as h,T as p};
|
package/chunks/index2.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{S as
|
|
1
|
+
import{S as c,S as h}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";export{c as SignInForm,h as default};
|
package/chunks/index3.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{S as
|
|
1
|
+
import{S as j,S as k}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"./setReCaptchaToken.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/i18n.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{j as SignUpForm,k as default};
|
package/chunks/useInLineAlert.js
CHANGED
|
@@ -1 +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};
|
|
1
|
+
import{jsxs as C,jsx as o,Fragment as F}from"@dropins/tools/preact-jsx-runtime.js";import{useCallback as _,useRef as V,useState as L,useEffect as M}from"@dropins/tools/preact-hooks.js";import{classes as k}from"@dropins/tools/lib.js";import{Button as S,Field as m,Picker as y,Input as T,InputDate as N,Checkbox as A,TextArea as H}from"@dropins/tools/components.js";import{initReCaptcha as I}from"@dropins/tools/recaptcha.js";import{useText as q}from"@dropins/tools/i18n.js";import*as f from"@dropins/tools/preact-compat.js";import{memo as D,useCallback as x}from"@dropins/tools/preact-compat.js";const Y=r=>{if(!r)return null;const s=new FormData(r);if(s&&typeof s.entries=="function"){const i=s.entries();if(i&&typeof i[Symbol.iterator]=="function")return JSON.parse(JSON.stringify(Object.fromEntries(i)))||{}}return{}},ee=r=>typeof r=="function",re=({type:r,buttonText:s,variant:i,className:c="",enableLoader:a=!1,onClick:d,style:p,icon:l,...E})=>{const g=_(v=>{d==null||d(v)},[d]);return C(S,{icon:l,style:p,type:r,variant:i,className:k(["auth-button",c,a?"enableLoader":""]),onClick:g,...E,children:[o("span",{className:"auth-button__text",children:s}),a?o("div",{className:"auth-button__loader-wrapper",children:o("span",{className:"auth-button__loader"})}):null]})},O=({fieldsConfig:r,submitCallback:s})=>{const{requiredFieldError:i}=q({requiredFieldError:"Auth.FormText.requiredFieldError"}),c=V(null),[a,d]=L(r.reduce((h,{code:e,required:t,defaultValue:n})=>(t&&(h[e]=n),h),{})),[p,l]=L({}),E=_((h,e)=>{const t=r.find(u=>u.code===h);return t!=null&&t.required&&!e?i:""},[r,i]),g=_(h=>{const{name:e,value:t,type:n,checked:u}=h==null?void 0:h.target,$=n==="checkbox"?u:t;d(w=>({...w,[e]:$}))},[]);M(()=>{I()},[]);const b=_(h=>{const{name:e,value:t,type:n,checked:u}=h==null?void 0:h.target,$=n==="checkbox"?u:t;l(w=>({...w,[e]:E(e,$)}))},[E]),v=_(h=>{h.preventDefault();let e=!0,t={},n=null;for(const[u,$]of Object.entries(a)){const w=E(u,$);w&&(t[u]=w,e=!1,n||(n=u))}if(l(t),n&&c.current){const u=c.current.elements.namedItem(n);u==null||u.focus()}s==null||s(h,e)},[a,E,s]);return{formData:a,errors:p,formRef:c,handleChange:g,handleBlur:b,handleSubmit:v}},Z=r=>f.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...r},f.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"}),f.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"}),f.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"})),R=r=>f.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},f.createElement("g",{clipPath:"url(#clip0_841_1324)"},f.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M11.9949 2.30237L0.802734 21.6977H23.1977L11.9949 2.30237Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),f.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"})),f.createElement("defs",null,f.createElement("clipPath",{id:"clip0_841_1324"},f.createElement("rect",{width:24,height:21,fill:"white",transform:"translate(0 1.5)"})))),P=r=>f.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...r},f.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"}),f.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M6.75 12.762L10.2385 15.75L17.25 9",stroke:"currentColor"})),j=r=>f.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...r},f.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"}),f.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"})),B=D(({isLoading:r,values:s,fields:i=[],errors:c,className:a="",onChange:d,onBlur:p})=>{const l=`${a}__item`,E=x((e,t,n)=>{const u=e.options.map($=>({text:$.label,value:$.value}));return o(m,{error:n,className:k([l,`${l}--${e.id}`,[`${l}--${e.id}-hidden`,e.is_hidden],e.className]),"data-testid":`${a}--${e.id}`,disabled:r,children:o(y,{name:e.id,floatingLabel:`${e.label} ${e.required?"*":""}`,placeholder:e.label,"aria-label":e.label,options:u,onBlur:p,handleSelect:d,value:t||e.defaultValue})},e.id)},[a,r,l,p,d]),g=x((e,t,n)=>{const u=e.id==="email",$=u?o(Z,{}):void 0,w=u?"username":"";return o(m,{error:n,className:k([l,`${l}--${e.id}`,[`${l}--${e.id}-hidden`,e.is_hidden],e.className]),"data-testid":`${a}--${e.id}`,disabled:r,children:o(T,{autoComplete:w,icon:$,type:"text",name:e.id,value:t||e.defaultValue,placeholder:e.label,floatingLabel:`${e.label} ${e.required?"*":""}`,onBlur:p,onChange:d})},e.id)},[a,r,l,p,d]),b=x((e,t,n)=>o(m,{error:n,className:k([l,`${l}--${e.id}`,[`${l}--${e.id}-hidden`,e.is_hidden],e.className]),"data-testid":`${a}--${e.id}`,disabled:r,children:o(N,{type:"text",name:e.id,value:t||e.defaultValue,placeholder:e.label,floatingLabel:`${e.label} ${e.required?"*":""}`,onBlur:p,onChange:d})},e.id),[a,r,l,p,d]),v=x((e,t,n)=>o(m,{error:n,className:k([l,`${l}--${e.id}`,[`${l}--${e.id}-hidden`,e.is_hidden],e.className]),"data-testid":`${a}--${e.id}`,disabled:r,children:o(A,{name:e.id,checked:t||e.defaultValue,placeholder:e.label,label:`${e.label} ${e.required?"*":""}`,onBlur:p,onChange:d})},e.id),[a,r,l,p,d]),h=x((e,t,n)=>o(m,{error:n,className:k([l,`${l}--${e.id}`,[`${l}--${e.id}-hidden`,e.is_hidden],e.className]),"data-testid":`${a}--${e.id}`,disabled:r,children:o(H,{type:"text",name:e.id,value:t===void 0?e.defaultValue:t,label:`${e.label} ${e.required?"*":""}`,onBlur:p,onChange:d})},e.id),[a,r,l,p,d]);return i.length?o(F,{children:i.map(e=>{const t=(c==null?void 0:c[e.id])??"",n=(s==null?void 0:s[e.id])??"";switch(e.fieldType){case"TEXT":return e.options.length?E(e,n,t):g(e,n,t);case"MULTILINE":return g(e,n,t);case"SELECT":return E(e,n,t);case"DATE":return b(e,n,t);case"BOOLEAN":return v(e,n,t);case"TEXTAREA":return h(e,n,t);default:return null}})}):null}),te=({name:r,isLoading:s,children:i,className:c="defaultForm",fieldsConfig:a=[],submitCallback:d})=>{const{formData:p,errors:l,formRef:E,handleChange:g,handleBlur:b,handleSubmit:v}=O({submitCallback:d,fieldsConfig:a});return C("form",{onSubmit:v,className:c,name:r,ref:E,children:[o(B,{fields:a,onChange:g,onBlur:b,errors:l,values:p,className:c,isLoading:s}),i]})},ne=({children:r,text:s,bottomLine:i=!0,className:c})=>C("div",{className:k(["auth-title",c]),"data-testid":"auth-title_id",children:[C("div",{className:"auth-title__text",children:[o("h1",{className:"auth-title__heading",children:s}),r]}),i?o("div",{className:"auth-title__hr"}):null]}),W={success:o(P,{}),warning:o(R,{}),error:o(j,{})},le=()=>{const[r,s]=L({}),i=_(c=>{if(!c||!c.type)return;const a=W[c.type];s({...c,icon:a})},[]);return{inLineAlertProps:r,handleSetInLineAlertProps:i}};export{re as B,te as F,ne as T,ee as c,Y as g,le as u};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import"@dropins/tools/event-bus.js";import"@dropins/tools/recaptcha.js";import{b 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};
|
|
@@ -3,8 +3,9 @@ import { FunctionComponent } from 'preact';
|
|
|
3
3
|
export interface FormInputsProps {
|
|
4
4
|
className?: string;
|
|
5
5
|
errors?: Record<string, string>;
|
|
6
|
-
values?: Record<string,
|
|
6
|
+
values?: Record<string, unknown>;
|
|
7
7
|
fields?: any;
|
|
8
|
+
isLoading?: boolean;
|
|
8
9
|
onChange?: (event: Event) => void;
|
|
9
10
|
onBlur?: (event: Event) => void;
|
|
10
11
|
}
|
package/components/UI/index.d.ts
CHANGED
|
@@ -1,11 +1,5 @@
|
|
|
1
|
-
export { CheckboxField } from './CheckboxField';
|
|
2
1
|
export { Button } from './Button';
|
|
3
2
|
export { Form } from './Form';
|
|
4
3
|
export { FormInputs } from './FormInputs';
|
|
5
|
-
export { DateField } from './DateField';
|
|
6
|
-
export { PasswordField } from './PasswordField';
|
|
7
|
-
export { SelectField } from './SelectField';
|
|
8
|
-
export { TextArea } from './TextArea';
|
|
9
|
-
export { TextField } from './TextField';
|
|
10
4
|
export { Title } from './Title';
|
|
11
5
|
//# sourceMappingURL=index.d.ts.map
|
package/components/index.d.ts
CHANGED
|
@@ -3,16 +3,9 @@ export * from './SuccessNotificationForm';
|
|
|
3
3
|
export * from './SignUpForm';
|
|
4
4
|
export * from './SignInForm';
|
|
5
5
|
export * from './ResetPasswordForm';
|
|
6
|
-
export * from './PasswordValidationMessage';
|
|
7
|
-
export * from './UI/CheckboxField';
|
|
8
6
|
export * from './SkeletonLoader';
|
|
9
7
|
export * from './UI/Button';
|
|
10
8
|
export * from './UI/Form';
|
|
11
9
|
export * from './UI/FormInputs';
|
|
12
|
-
export * from './UI/DateField';
|
|
13
|
-
export * from './UI/PasswordField';
|
|
14
|
-
export * from './UI/SelectField';
|
|
15
|
-
export * from './UI/TextArea';
|
|
16
|
-
export * from './UI/TextField';
|
|
17
10
|
export * from './UI/Title';
|
|
18
11
|
//# sourceMappingURL=index.d.ts.map
|
package/containers/SignIn.js
CHANGED
|
@@ -1 +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";
|
|
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";const E=({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{E as SignIn,E as default};
|
package/containers/SignUp.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as r}from"@dropins/tools/preact-jsx-runtime.js";import{S
|
|
1
|
+
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/setReCaptchaToken.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/i18n.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 J=({formSize:i,apiVersion2:o,addressesData:t,isAutoSignInEnabled:m,inputsDefaultValueSet:p,displayNewsletterCheckbox:s,displayTermsOfUseCheckbox:a,fieldsConfigForApiVersion1:n,hideCloseBtnOnEmailConfirmation:e,routeRedirectOnEmailConfirmationClose:u,routeRedirectOnSignIn:c,successNotificationForm:d,onSuccessCallback:f,onErrorCallback:g,routeSignIn:l})=>r("div",{className:"auth-sign-up",children:r(S,{formSize:i,apiVersion2:o,addressesData:t,isAutoSignInEnabled:m,inputsDefaultValueSet:p,fieldsConfigForApiVersion1:n,displayNewsletterCheckbox:s,displayTermsOfUseCheckbox:a,hideCloseBtnOnEmailConfirmation:e,routeRedirectOnEmailConfirmationClose:u,routeRedirectOnSignIn:c,routeSignIn:l,successNotificationForm:d,onErrorCallback:g,onSuccessCallback:f})});export{J as SignUp,J as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as k,jsx as
|
|
1
|
+
import{jsxs as k,jsx as m}from"@dropins/tools/preact-jsx-runtime.js";import{classes as g}from"@dropins/tools/lib.js";import{v as z,u as H,a as J}from"../chunks/usePasswordValidationMessage.js";import"@dropins/tools/event-bus.js";import"@dropins/tools/recaptcha.js";import{a as K}from"../chunks/getStoreConfig.js";import{r as Q}from"../chunks/resetPassword.js";import{c as V,g as X,u as Y,T as Z,F as $,B as W}from"../chunks/useInLineAlert.js";import{useState as h,useEffect as E,useCallback as S}from"@dropins/tools/preact-hooks.js";import{useText as B}from"@dropins/tools/i18n.js";import{InLineAlert as O,InputPassword as C}from"@dropins/tools/components.js";import"../chunks/setReCaptchaToken.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/initialize.js";import"@dropins/tools/preact-compat.js";const j=(r,n)=>r.split("&").filter(a=>a.includes(n)).map(a=>a.split("=")[1])[0],R=({isEmailConfirmationRequired:r,signInOnSuccess:n,passwordConfigs:e,routeRedirectOnSignIn:a,routeWrongUrlRedirect:d,onErrorCallback:o,onSuccessCallback:l,handleSetInLineAlertProps:i,routeRedirectOnPasswordUpdate:f})=>{const t=B({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,b]=h(""),[y,v]=h(""),[w,F]=h(!1);E(()=>{const{search:c}=window.location;!c.includes("token=")&&!c.includes("email=")&&V(d)&&(window.location.href=d());const s=decodeURIComponent(c),T=j(s,"token"),q=j(s,"email");b(q),v(T)},[d]);const D=S(async c=>{c.preventDefault(),F(!0);const s=X(c.target),T=(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(!z(s==null?void 0:s.password,q)||s.password.length<+G){x(!0),F(!1);return}if(!T){i({type:"error",text:t.errorNotification}),F(!1);return}const{message:A,success:M}=await Q(p,y,s.password);if(M){if(r||!r&&!n){V(f)&&(window.location.href=f()),x(!0),F(!1),i({type:"success",text:t.updatePasswordMessage}),N("");return}const u=await K({email:p,password:s.password,handleSetInLineAlertProps:i,onErrorCallback:o,translations:t});u!=null&&u.userName&&(V(a)?window.location.href=a():(P({userName:u==null?void 0:u.userName,status:!0}),l==null||l(u==null?void 0:u.userName)))}else i({type:"error",text:A}),o==null||o({message:A,success:M});F(!1)},[p,y,e,r,t,n,i,a,f,o,l]),I=S(c=>{N(c)},[]);return{isSuccessful:U,updatePasswordValue:L,isClickSubmit:_,isLoading:w,submitUpdatePassword:D,handleSetUpdatePasswordValue:I}},tt=({signInOnSuccess:r=!0,formSize:n="default",routeRedirectOnSignIn:e,routeWrongUrlRedirect:a,successNotificationForm:d,onErrorCallback:o,onSuccessCallback:l,routeRedirectOnPasswordUpdate:i})=>{const f=B({title:"Auth.UpdatePasswordForm.title",buttonPrimary:"Auth.UpdatePasswordForm.buttonPrimary"}),{passwordConfigs:t,isEmailConfirmationRequired:U}=H(),{inLineAlertProps:P,handleSetInLineAlertProps:L}=Y(),{isSuccessful:N,updatePasswordValue:_,isClickSubmit:x,isLoading:p,submitUpdatePassword:b,handleSetUpdatePasswordValue:y}=R({isEmailConfirmationRequired:U,signInOnSuccess:r,passwordConfigs:t,routeRedirectOnSignIn:e,routeWrongUrlRedirect:a,onErrorCallback:o,onSuccessCallback:l,handleSetInLineAlertProps:L,routeRedirectOnPasswordUpdate:i}),{isValidUniqueSymbols:v,defaultLengthMessage:w}=J({password:_,isClickSubmit:x,passwordConfigs:t});return d&&N.status?d(N.userName):k("div",{className:g(["auth-updatePasswordForm",n]),children:[m(Z,{text:f.title,bottomLine:!1,className:"auth-updatePasswordForm__title"}),P.text?m(O,{className:"auth-updatePasswordForm__notification",variant:"secondary",heading:P.text,icon:P.icon}):null,k($,{name:"updatePassword_form",className:"auth-updatePasswordForm__form",submitCallback:b,isLoading:p,fieldsConfig:[],children:[m("div",{style:"display: none;",children:m("input",{type:"text",id:"username",name:"username",autocomplete:"username"})}),m(C,{defaultValue:_,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}),m("div",{className:"auth-updatePasswordForm__button",children:m(W,{type:"submit",buttonText:f.buttonPrimary,variant:"primary",enableLoader:p})})]})]})},ht=({formSize:r,signInOnSuccess:n,routeRedirectOnPasswordUpdate:e,routeRedirectOnSignIn:a,routeWrongUrlRedirect:d,successNotificationForm:o,onErrorCallback:l,onSuccessCallback:i})=>m("div",{className:"auth-update-password",children:m(tt,{formSize:r,signInOnSuccess:n,routeRedirectOnSignIn:a,routeWrongUrlRedirect:d,onErrorCallback:l,onSuccessCallback:i,successNotificationForm:o,routeRedirectOnPasswordUpdate:e})});export{ht as UpdatePassword,ht as default};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { UseSingUpFormProps } from '../../types';
|
|
2
2
|
|
|
3
|
-
export declare const useSignUpForm: ({ addressesData, translations, isEmailConfirmationRequired, apiVersion2, passwordConfigs, routeRedirectOnSignIn, routeSignIn, onErrorCallback, onSuccessCallback, setActiveComponent, handleSetInLineAlertProps, routeRedirectOnEmailConfirmationClose, }: UseSingUpFormProps) => {
|
|
3
|
+
export declare const useSignUpForm: ({ addressesData, translations, isEmailConfirmationRequired, apiVersion2, passwordConfigs, isAutoSignInEnabled, routeRedirectOnSignIn, routeSignIn, onErrorCallback, onSuccessCallback, setActiveComponent, handleSetInLineAlertProps, routeRedirectOnEmailConfirmationClose, }: UseSingUpFormProps) => {
|
|
4
4
|
isKeepMeLogged: boolean;
|
|
5
5
|
userEmail: string;
|
|
6
6
|
showEmailConfirmationForm: boolean;
|
package/hooks/ui/useForm.d.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { useFormProps } from '../../types';
|
|
2
2
|
|
|
3
|
-
export declare const useForm: ({
|
|
4
|
-
formData: Record<string,
|
|
3
|
+
export declare const useForm: ({ fieldsConfig, submitCallback }: useFormProps) => {
|
|
4
|
+
formData: Record<string, unknown>;
|
|
5
5
|
errors: Record<string, string>;
|
|
6
6
|
formRef: import('preact').RefObject<HTMLFormElement>;
|
|
7
|
-
handleChange: (
|
|
8
|
-
handleBlur: (event:
|
|
9
|
-
handleSubmit: (event:
|
|
7
|
+
handleChange: (event: Event) => void;
|
|
8
|
+
handleBlur: (event: Event) => void;
|
|
9
|
+
handleSubmit: (event: SubmitEvent) => void;
|
|
10
10
|
};
|
|
11
11
|
//# sourceMappingURL=useForm.d.ts.map
|
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name": "@dropins/storefront-auth", "version": "0.0.1-
|
|
1
|
+
{"name": "@dropins/storefront-auth", "version": "0.0.1-alpha7", "@dropins/elsie": "0.26.0-alpha227"}
|
package/render.js
CHANGED
|
@@ -1,10 +1,8 @@
|
|
|
1
|
-
(function(
|
|
2
|
-
.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)}}
|
|
1
|
+
(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)}
|
|
3
2
|
.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}}
|
|
3
|
+
.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)}}
|
|
4
4
|
.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)}
|
|
5
5
|
.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}}
|
|
6
6
|
.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%}}
|
|
7
|
-
.auth-
|
|
8
|
-
.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)}
|
|
9
|
-
.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"});
|
|
7
|
+
.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"});
|
|
10
8
|
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};
|
package/types/signUp.types.d.ts
CHANGED
|
@@ -14,6 +14,7 @@ export interface SignUpProps {
|
|
|
14
14
|
apiVersion2?: boolean;
|
|
15
15
|
displayTermsOfUseCheckbox?: boolean;
|
|
16
16
|
displayNewsletterCheckbox?: boolean;
|
|
17
|
+
isAutoSignInEnabled?: boolean;
|
|
17
18
|
formSize?: 'default' | 'small';
|
|
18
19
|
hideCloseBtnOnEmailConfirmation?: boolean;
|
|
19
20
|
routeRedirectOnEmailConfirmationClose?: () => string;
|
package/chunks/PasswordField.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
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};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { FunctionComponent } from 'preact';
|
|
2
|
-
import { HTMLAttributes } from 'preact/compat';
|
|
3
|
-
import { ValidateLengthConfigProps, statusTypes } from '../../types';
|
|
4
|
-
|
|
5
|
-
export interface PasswordValidationMessageProps {
|
|
6
|
-
validateLengthConfig?: ValidateLengthConfigProps;
|
|
7
|
-
isValidUniqueSymbols?: statusTypes;
|
|
8
|
-
minLength?: number;
|
|
9
|
-
requiredCharacterClasses?: number;
|
|
10
|
-
}
|
|
11
|
-
export declare const PasswordValidationMessage: FunctionComponent<PasswordValidationMessageProps & HTMLAttributes<HTMLDivElement>>;
|
|
12
|
-
//# sourceMappingURL=PasswordValidationMessage.d.ts.map
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { FunctionComponent, h } from 'preact';
|
|
2
|
-
import { HTMLAttributes } from 'preact/compat';
|
|
3
|
-
|
|
4
|
-
export interface CheckboxFieldProps extends Omit<HTMLAttributes<HTMLInputElement>, 'size'> {
|
|
5
|
-
initialValue?: boolean;
|
|
6
|
-
name?: string;
|
|
7
|
-
errors?: Record<string, string>;
|
|
8
|
-
label?: string;
|
|
9
|
-
onChange?: (event: h.JSX.TargetedEvent<HTMLInputElement, Event>) => void;
|
|
10
|
-
onBlur?: (event: h.JSX.TargetedEvent<HTMLInputElement, Event>) => void;
|
|
11
|
-
}
|
|
12
|
-
export declare const CheckboxField: FunctionComponent<CheckboxFieldProps>;
|
|
13
|
-
//# sourceMappingURL=CheckboxField.d.ts.map
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { FunctionComponent } from 'preact';
|
|
2
|
-
|
|
3
|
-
export interface DateFieldProps {
|
|
4
|
-
children?: any;
|
|
5
|
-
label?: string;
|
|
6
|
-
name?: string;
|
|
7
|
-
errors?: Record<string, string>;
|
|
8
|
-
values?: Record<string, string>;
|
|
9
|
-
onChange?: (event: Event) => void;
|
|
10
|
-
onBlur?: (event: Event) => void;
|
|
11
|
-
}
|
|
12
|
-
export declare const DateField: FunctionComponent<DateFieldProps>;
|
|
13
|
-
//# sourceMappingURL=DateField.d.ts.map
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { FunctionComponent } from 'preact';
|
|
2
|
-
|
|
3
|
-
export interface PasswordFieldProps {
|
|
4
|
-
initialPassword?: string;
|
|
5
|
-
id?: string;
|
|
6
|
-
isError?: boolean;
|
|
7
|
-
className?: string;
|
|
8
|
-
name?: string;
|
|
9
|
-
children?: any;
|
|
10
|
-
required?: boolean;
|
|
11
|
-
setPasswordValueCallback?: (value: string) => void;
|
|
12
|
-
onBlur?: (event: Event) => void;
|
|
13
|
-
}
|
|
14
|
-
export declare const PasswordField: FunctionComponent<PasswordFieldProps>;
|
|
15
|
-
//# sourceMappingURL=PasswordField.d.ts.map
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { FunctionComponent } from 'preact';
|
|
2
|
-
|
|
3
|
-
export interface SelectFieldProps {
|
|
4
|
-
name?: string;
|
|
5
|
-
errors?: Record<string, string>;
|
|
6
|
-
values?: Record<string, string>;
|
|
7
|
-
selectTitle?: string;
|
|
8
|
-
optionConfig?: {
|
|
9
|
-
value: string;
|
|
10
|
-
label: string;
|
|
11
|
-
is_default: boolean;
|
|
12
|
-
}[];
|
|
13
|
-
onChange?: (event: any) => void;
|
|
14
|
-
onBlur?: (event: any) => void;
|
|
15
|
-
}
|
|
16
|
-
export declare const SelectField: FunctionComponent<SelectFieldProps>;
|
|
17
|
-
//# sourceMappingURL=SelectField.d.ts.map
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { FunctionComponent } from 'preact';
|
|
2
|
-
|
|
3
|
-
export interface TextAreaFieldProps {
|
|
4
|
-
name?: string;
|
|
5
|
-
label?: string;
|
|
6
|
-
className?: string;
|
|
7
|
-
errors?: Record<string, string>;
|
|
8
|
-
values?: Record<string, string>;
|
|
9
|
-
onChange?: (event: any) => void;
|
|
10
|
-
onBlur?: (event: any) => void;
|
|
11
|
-
}
|
|
12
|
-
export declare const TextArea: FunctionComponent<TextAreaFieldProps>;
|
|
13
|
-
//# sourceMappingURL=TextArea.d.ts.map
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { FunctionComponent } from 'preact';
|
|
2
|
-
|
|
3
|
-
export interface TextFieldProps {
|
|
4
|
-
label?: string;
|
|
5
|
-
className?: string;
|
|
6
|
-
name?: string;
|
|
7
|
-
errors?: Record<string, string>;
|
|
8
|
-
values?: Record<string, string>;
|
|
9
|
-
onChange?: (event: any) => void;
|
|
10
|
-
onBlur?: (event: any) => void;
|
|
11
|
-
}
|
|
12
|
-
export declare const TextField: FunctionComponent<TextFieldProps>;
|
|
13
|
-
//# sourceMappingURL=TextField.d.ts.map
|
package/icons/index.d.ts
DELETED
package/lib/setLoadingState.d.ts
DELETED