@dropins/storefront-auth 4.1.0 → 4.1.1-alpha-20260924152617
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/CHANGELOG.md +16 -0
- package/chunks/components.js +1 -1
- package/chunks/components.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# @dropins/storefront-auth
|
|
2
2
|
|
|
3
|
+
## 4.1.1-alpha-20260924152617
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- d86d865: Fix Sign In, Sign Up, Forgot Password, and Update Password forms
|
|
8
|
+
getting stuck permanently in their loading state (spinner never stops, fields
|
|
9
|
+
stay disabled, no error shown) when the underlying API request fails at the
|
|
10
|
+
network level (offline, DNS/timeout, CORS, blocked).
|
|
11
|
+
|
|
12
|
+
`handleNetworkError` intentionally re-throws after emitting an `auth/error`
|
|
13
|
+
event, but `submitLogInUser`, `onSubmitSignUp`, `submitResetPassword`, and
|
|
14
|
+
`submitUpdatePassword` awaited their API calls with no `try/catch/finally`, so
|
|
15
|
+
the loading state was never reset when the awaited promise rejected. All four
|
|
16
|
+
now wrap their async logic in `try/catch/finally` and surface a generic error
|
|
17
|
+
message instead of hanging.
|
|
18
|
+
|
|
3
19
|
## 4.1.0
|
|
4
20
|
|
|
5
21
|
## 4.1.0-beta.0
|
package/chunks/components.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! Copyright 2026 Adobe
|
|
2
2
|
All Rights Reserved. */
|
|
3
|
-
import{jsxs as R,jsx as o,Fragment as we}from"@dropins/tools/preact-jsx-runtime.js";import{useMemo as ye,useState as y,useCallback as A,useEffect as se,useRef as ke}from"@dropins/tools/preact-hooks.js";import{classes as re,Slot as k}from"@dropins/tools/lib.js";import{useText as Z}from"@dropins/tools/i18n.js";import"@dropins/tools/event-bus.js";import{initReCaptcha as nt}from"@dropins/tools/recaptcha.js";import{Skeleton as Me,SkeletonRow as $,InLineAlert as fe,Header as ge,InputPassword as xe,Button as Pe,Field as Re,Checkbox as Se,Input as ot,Picker as it,InputDate as st,TextArea as ut}from"@dropins/tools/components.js";import*as z from"@dropins/tools/preact-compat.js";import{memo as le}from"@dropins/tools/preact-compat.js";import{resendConfirmationEmail as Ke,getStoreConfig as ct,resetPassword as lt,getCustomerToken as Ue,revokeCustomerToken as dt,t as mt,getAttributesForm as ht,c as ft,createCustomer as gt,p as pt,E as _t,createCustomerAddress as Et,confirmEmail as xt,requestPasswordResetEmail as Tt,F as de}from"../api.js";const wt=()=>R(Me,{children:[o($,{variant:"heading",size:"xlarge",fullWidth:!1,lines:1}),o($,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),o($,{variant:"heading",size:"medium",fullWidth:!1,lines:1}),o($,{variant:"heading",size:"medium",fullWidth:!1,lines:1})," ",o($,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),o($,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),o($,{variant:"heading",size:"medium",fullWidth:!0,lines:1}),o($,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),o($,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),o($,{variant:"heading",size:"medium",fullWidth:!1,lines:1}),o($,{variant:"heading",size:"medium",fullWidth:!1,lines:1})]}),yt=()=>R(Me,{children:[o($,{variant:"heading",size:"xlarge",fullWidth:!1,lines:1}),o($,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),o($,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),o($,{variant:"heading",size:"medium",fullWidth:!1,lines:1})," ",o($,{variant:"heading",size:"medium",fullWidth:!1,lines:1})]}),Nt=()=>R(Me,{children:[o($,{variant:"heading",size:"xlarge",fullWidth:!1,lines:1}),o($,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),o($,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),o($,{variant:"heading",size:"medium",fullWidth:!1,lines:1})," ",o($,{variant:"heading",size:"medium",fullWidth:!1,lines:1})]}),bt=({activeSkeleton:e})=>{const t=ye(()=>({signInForm:o(yt,{}),signUpForm:o(wt,{}),resetPasswordForm:o(Nt,{})}),[]);return o(we,{children:t[e]})},Ft=({userEmail:e,handleSetInLineAlertProps:t})=>{const r=Z({emailConfirmationMessage:"Auth.Notification.emailConfirmationMessage",technicalErrorSendEmail:"Auth.Notification.technicalErrors.technicalErrorSendEmail"}),[a,i]=y(!1);return{handleEmailConfirmation:A(async()=>{var u,s;if(i(!0),e){const c=await Ke(e);if(c){const m=(u=c==null?void 0:c.errors)==null?void 0:u.length,l=(s=c==null?void 0:c.data)==null?void 0:s.resendConfirmationEmail;t(m?{type:"error",text:r.technicalErrorSendEmail}:{type:l?"success":"error",text:r.emailConfirmationMessage})}}i(!1)},[t,r,e]),disabledButton:a}},Xe=({formSize:e,userEmail:t,inLineAlertProps:r,hideCloseBtnOnEmailConfirmation:a,handleSetInLineAlertProps:i,onPrimaryButtonClick:n})=>{const u=Z({title:"Auth.EmailConfirmationForm.title",subtitle:"Auth.EmailConfirmationForm.subtitle",mainText:"Auth.EmailConfirmationForm.mainText",buttonPrimary:"Auth.EmailConfirmationForm.buttonPrimary",buttonSecondary:"Auth.EmailConfirmationForm.buttonSecondary"}),{handleEmailConfirmation:s,disabledButton:c}=Ft({userEmail:t,handleSetInLineAlertProps:i});return R("div",{className:re(["auth-email-confirmation-form",`auth-email-confirmation-form--${e}`]),children:[r.text?o(fe,{className:"auth-signInForm__notification",type:r.type,variant:"secondary",heading:r.text,icon:r.icon,"data-testid":"authInLineAlert"}):null,o(ge,{title:u.title,divider:!1,className:"auth-email-confirmation-form__title"}),t!=null&&t.length?o("span",{className:"auth-email-confirmation-form__subtitle",children:`${u.subtitle} ${t}`}):null,o("span",{className:"auth-email-confirmation-form__text",children:u.mainText}),R("div",{className:"auth-email-confirmation-form__buttons",children:[o(te,{type:"button",variant:"tertiary",style:{padding:0},buttonText:u.buttonSecondary,enableLoader:!1,onClick:s,disabled:c}),a?null:o(te,{type:"submit",buttonText:u.buttonPrimary,variant:"primary",enableLoader:!1,disabled:c,onClick:n})]})]})},Ge=()=>{const[e,t]=y(!1),[r,a]=y(null),[i,n]=y(null),u=s=>{const{minLength:c,requiredCharacterClasses:m,createAccountConfirmation:l,shoppingAssistanceEnabled:w,shoppingAssistanceCheckboxTitle:p,shoppingAssistanceCheckboxTooltip:N}=s;a({minLength:c,requiredCharacterClasses:m}),t(l),n({shoppingAssistanceEnabled:w,shoppingAssistanceCheckboxTitle:p,shoppingAssistanceCheckboxTooltip:N})};return se(()=>{const s=sessionStorage.getItem("storeConfig");let c=null;try{c=s?JSON.parse(s):null}catch{c=null}if(c){u(c);return}ct().then(m=>{m&&(sessionStorage.setItem("storeConfig",JSON.stringify(m)),u(m))})},[]),{passwordConfigs:r,isEmailConfirmationRequired:e,remoteShoppingAssistanceConfigs:i}},$e=(e,t)=>{if(t<=1)return!0;const r=/[0-9]/.test(e)?1:0,a=/[a-z]/.test(e)?1:0,i=/[A-Z]/.test(e)?1:0,n=/[^a-zA-Z0-9\s]/.test(e)?1:0;return r+a+i+n>=t},Je=({passwordConfigs:e,isClickSubmit:t,password:r})=>{const a=Z({messageLengthPassword:"Auth.PasswordValidationMessage.messageLengthPassword"}),[i,n]=y("pending");se(()=>{if(!e)return;const s=$e(r,e.requiredCharacterClasses);t&&r.length>0?n(s?"success":"error"):t&&r.length===0?n("pending"):n(s?"success":"pending")},[t,e,r]);const u=ye(()=>{var c;if(!e)return;const s={status:"pending",icon:"pending",message:(c=a.messageLengthPassword)==null?void 0:c.replace("{minLength}",`${e.minLength}`)};return r.length&&r.length>=e.minLength?{...s,icon:"success",status:"success"}:r.length&&r.length<e.minLength?t?{...s,icon:"error",status:"error"}:{...s,icon:"pending",status:"pending"}:s},[e,a.messageLengthPassword,r==null?void 0:r.length,t]);return{isValidUniqueSymbols:i,defaultLengthMessage:u}},Ne=e=>{if(!e)return null;const t=new FormData(e);if(t&&typeof t.entries=="function"){const r=t.entries();if(r&&typeof r[Symbol.iterator]=="function")return JSON.parse(JSON.stringify(Object.fromEntries(r)))||{}}return{}},De=(e,t)=>e.split("&").filter(a=>a.includes(t)).map(a=>a.split("=")[1])[0],B=e=>typeof e=="function",V=e=>{window.location.href=e},At=({isEmailConfirmationRequired:e,signInOnSuccess:t,passwordConfigs:r,routeRedirectOnSignIn:a,routeWrongUrlRedirect:i,onErrorCallback:n,onSuccessCallback:u,handleSetInLineAlertProps:s,routeRedirectOnPasswordUpdate:c,routeSignInPage:m})=>{const l=Z({errorNotification:"Auth.Notification.errorNotification",updatePasswordMessage:"Auth.Notification.updatePasswordMessage",updatePasswordActionMessage:"Auth.Notification.updatePasswordActionMessage",customerTokenErrorMessage:"Auth.Api.customerTokenErrorMessage"}),[w,p]=y({userName:"",status:!1}),[N,h]=y(""),[f,d]=y(!1),[x,b]=y(""),[g,T]=y(""),[E,_]=y(!1),[F,S]=y(!1),[I,v]=y([]);se(()=>{f&&!I.length&&(N.length?S(!1):S(!0))},[f,N,I]),se(()=>{const{search:q}=window.location;!q.includes("token=")&&!q.includes("email=")&&B(i)&&V(i());const M=decodeURIComponent(q),O=De(M,"token"),K=De(M,"email");b(K),T(O)},[i]);const C=A(async q=>{q.preventDefault(),_(!0),v([]);const M=Ne(q.target),O=(M==null?void 0:M.password)&&x&&g;M!=null&&M.password||(S(!0),_(!1));const K=(r==null?void 0:r.requiredCharacterClasses)??0,ae=(r==null?void 0:r.minLength)??0;if(!$e(M==null?void 0:M.password,K)||M.password.length<+ae){d(!0),_(!1);return}if(!O){s({type:"error",text:l.errorNotification}),_(!1);return}const{message:X,success:ne}=await lt(x,g,M.password);if(ne){if(e||!e&&!t){u==null||u(),B(c)&&V(c()),d(!0),_(!1),S(!1),h(""),v([{label:l.updatePasswordActionMessage,onClick:()=>{V(m==null?void 0:m())}}]),s({type:"success",text:l.updatePasswordMessage});return}const D=await Ue({email:x,password:M.password,handleSetInLineAlertProps:s,onErrorCallback:n,translations:l});D!=null&&D.userName&&(u==null||u(D==null?void 0:D.userName),B(a)?V(a()):p({userName:D==null?void 0:D.userName,status:!0}))}else s({type:"error",text:X}),n==null||n({message:X,success:ne});_(!1)},[x,g,r==null?void 0:r.requiredCharacterClasses,r==null?void 0:r.minLength,l,e,t,m,n,u,a,s,c]),Q=A(q=>{h(q)},[]);return{additionalActionsAlert:I,passwordError:F,isSuccessful:w,updatePasswordValue:N,isClickSubmit:f,isLoading:E,submitUpdatePassword:C,handleSetUpdatePasswordValue:Q,setIsClickSubmit:d}},vt=e=>z.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},z.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"}),z.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M6.75 12.762L10.2385 15.75L17.25 9",stroke:"currentColor"})),Pt=e=>z.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},z.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M7.74512 9.87701L12.0001 14.132L16.2551 9.87701",stroke:"currentColor",strokeWidth:1,strokeLinecap:"square",strokeLinejoin:"round"})),Lt=e=>z.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},z.createElement("g",{clipPath:"url(#clip0_841_1324)"},z.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M11.9949 2.30237L0.802734 21.6977H23.1977L11.9949 2.30237Z",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round",strokeLinejoin:"round"}),z.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",strokeWidth:1,strokeLinecap:"round",strokeLinejoin:"round"})),z.createElement("defs",null,z.createElement("clipPath",{id:"clip0_841_1324"},z.createElement("rect",{width:24,height:21,fill:"white",transform:"translate(0 1.5)",strokeWidth:1})))),Mt=e=>z.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},z.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"}),z.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"})),Rt={success:o(vt,{}),warning:o(Lt,{}),error:o(Mt,{})},be=()=>{const[e,t]=y({}),r=A(a=>{if(!a||!a.type){t({});return}const i=Rt[a.type];t({...a,icon:i})},[]);return{inLineAlertProps:e,handleSetInLineAlertProps:r}};var H=(e=>(e.REQUIRED_FIELD_ERROR="requiredFieldError",e.NUMERIC_ERROR="numericError",e.ALPHA_NUM_WITH_SPACES_ERROR="alphaNumWithSpacesError",e.ALPHA_NUMERIC_ERROR="alphaNumericError",e.ALPHA_ERROR="alphaError",e.EMAIL_ERROR="emailError",e.DATE_ERROR="dateError",e.DATE_RANGE_ERROR="dateRangeError",e.DATE_MAX_ERROR="dateMaxError",e.DATE_MIN_ERROR="dateMinError",e.URL_ERROR="urlError",e.LENGTH_TEXT_ERROR="lengthTextError",e))(H||{});const j="/",Fe=e=>{const t=Z(e),r=Object.entries(t).filter(([n,u])=>u===null&&Object.values(H).includes(n)).map(([n])=>n),a=r.reduce((n,u)=>(n[u]=`Auth.FormText.${u}`,n),{}),i=Z(a);return{...t,...r.reduce((n,u)=>(n[u]=i[u],n),{})}},fr=({signInOnSuccess:e=!0,formSize:t="default",routeRedirectOnSignIn:r,routeWrongUrlRedirect:a,routeSignInPage:i,slots:n,onErrorCallback:u,onSuccessCallback:s,routeRedirectOnPasswordUpdate:c})=>{const m=Fe({title:"Auth.UpdatePasswordForm.title",buttonPrimary:"Auth.UpdatePasswordForm.buttonPrimary",placeholder:"Auth.InputPassword.placeholder",floatingLabel:"Auth.InputPassword.floatingLabel",requiredFieldError:"Auth.FormText.requiredFieldError.default"}),{passwordConfigs:l,isEmailConfirmationRequired:w}=Ge(),{inLineAlertProps:p,handleSetInLineAlertProps:N}=be(),{additionalActionsAlert:h,passwordError:f,isSuccessful:d,updatePasswordValue:x,isClickSubmit:b,isLoading:g,submitUpdatePassword:T,handleSetUpdatePasswordValue:E}=At({isEmailConfirmationRequired:w,signInOnSuccess:e,passwordConfigs:l,routeRedirectOnSignIn:r,routeWrongUrlRedirect:a,onErrorCallback:u,onSuccessCallback:s,handleSetInLineAlertProps:N,routeRedirectOnPasswordUpdate:c,routeSignInPage:i}),{isValidUniqueSymbols:_,defaultLengthMessage:F}=Je({password:x,isClickSubmit:b,passwordConfigs:l});if(d.status&&(n!=null&&n.SuccessNotification))return o(k,{"data-testid":"successNotificationTestId",name:"SuccessNotification",slot:n==null?void 0:n.SuccessNotification,context:{isSuccessful:d}});const S={updatePasswordValue:x,isLoading:g,passwordError:f,isSuccessful:d};return R("div",{className:re(["auth-update-password-form",`auth-update-password-form--${t}`]),children:[o(k,{name:"Title","data-testid":"title",slot:n==null?void 0:n.Title,context:{...S},children:o(ge,{title:m.title,divider:!1,className:"auth-update-password-form__title",level:1})}),o(fe,{className:re(["auth-update-password-form__notification",["auth-update-password-form__notification--show",!!(p!=null&&p.text)]]),variant:"secondary",heading:p==null?void 0:p.text,icon:p.icon,additionalActions:h}),R(Ae,{name:"updatePassword_form",className:"auth-update-password-form__form",onSubmit:T,loading:g,fieldsConfig:[],formSlot:{name:"Form",slot:n==null?void 0:n.Form,context:S,dataTestId:"form"},children:[o("div",{style:"display: none;",children:o("input",{type:"text",id:"username",name:"username",autoComplete:"username"})}),o(xe,{defaultValue:x,onValue:E,className:"auth-update-password-form__form__item",autoComplete:"new-password",name:"password",errorMessage:f||_==="error"||(F==null?void 0:F.status)==="error"?m.requiredFieldError:void 0,minLength:l==null?void 0:l.minLength,uniqueSymbolsStatus:_,validateLengthConfig:F,requiredCharacterClasses:l==null?void 0:l.requiredCharacterClasses,placeholder:m.placeholder,floatingLabel:m.floatingLabel}),o(k,{name:"Buttons",className:"auth-update-password-form__button","data-testid":"buttons",slot:n==null?void 0:n.Buttons,context:{...S},children:o(te,{type:"submit",buttonText:m.buttonPrimary,variant:"primary",enableLoader:g})})]})]})},gr=({formSize:e="default",className:t="",slots:r,labels:a})=>{const i=Z({headingText:"Auth.SuccessNotification.headingText",messageText:"Auth.SuccessNotification.messageText",primaryButtonText:"Auth.SuccessNotification.primaryButtonText",secondaryButtonText:"Auth.SuccessNotification.secondaryButtonText"});return R("div",{className:re(["auth-success-notification-form",`auth-success-notification-form--${e}`,t]),id:"welcome-message",role:"alert","aria-live":"assertive","aria-labelledby":(a==null?void 0:a.headingText)??i.headingText,"aria-describedby":(a==null?void 0:a.messageText)??i.messageText,"tab-index":"-1",children:[o("p",{id:"welcome-heading",className:"auth-success-notification-form__title","data-testid":"notification-title",children:(a==null?void 0:a.headingText)??i.headingText}),o("p",{id:"welcome-details",className:"auth-success-notification-form__content-text","data-testid":"notification-content",children:(a==null?void 0:a.messageText)??i.messageText}),r!=null&&r.SuccessNotificationActions?o(k,{"data-testid":"successNotificationActions",name:"SuccessNotificationActions",slot:r==null?void 0:r.SuccessNotificationActions,context:{}}):R(we,{children:[o(Pe,{"data-testid":"primaryButton",type:"button",className:"auth-success-notification-form__button auth-success-notification-form__button--top",onClick:()=>V("/"),children:i.primaryButtonText}),o(Pe,{"data-testid":"secondaryButton",type:"button",variant:"tertiary",onClick:async()=>{await dt(),V("/")},children:i.secondaryButtonText})]})]})},St=[{customUpperCode:"email",code:"email",default_value:"",entity_type:"CUSTOMER",frontend_class:"auth-sign-in-form__form__email",frontend_input:"TEXT",is_required:!0,multiline_count:1,sort_order:1,is_unique:!1,label:"Email",options:[],validateRules:[{name:"INPUT_VALIDATION",value:"email"}],autocomplete:"email"}],Ut=[{customUpperCode:"email",code:"email",default_value:"",entity_type:"CUSTOMER",frontend_class:"auth-reset-password-form__form__item",frontend_input:"TEXT",is_required:!0,is_unique:!1,label:"Email",options:[],validateRules:[{name:"INPUT_VALIDATION",value:"email"}],autocomplete:"email"}],$t=[{customUpperCode:"email",code:"email",default_value:"",entity_type:"CUSTOMER",frontend_class:"",frontend_input:"TEXT",is_required:!0,is_unique:!1,label:"Email",multiline_count:1,sort_order:1,options:[],validateRules:[{name:"INPUT_VALIDATION",value:"email"}],autocomplete:"email"},{customUpperCode:"firstname",code:"firstname",default_value:"",entity_type:"CUSTOMER",frontend_class:"",frontend_input:"TEXT",is_required:!0,is_unique:!1,label:"First name",multiline_count:1,sort_order:2,options:[],autocomplete:"given-name"},{customUpperCode:"lastname",code:"lastname",default_value:"",entity_type:"CUSTOMER",frontend_class:"",frontend_input:"TEXT",is_required:!1,is_unique:!1,label:"Last name",multiline_count:1,sort_order:3,options:[],autocomplete:"family-name"}],Te=e=>e!=null&&e.length?mt({data:{attributesForm:{items:e}}}):[],We=(e,t)=>t!=null&&t.length?e.map(r=>{var i;const a=(i=t.find(({code:n})=>n===r.code))==null?void 0:i.defaultValue;return a?{...r,defaultValue:a}:r}):e,Ct=({inputsDefaultValueSet:e,fieldsConfigForApiVersion1:t,apiVersion2:r})=>{const[a,i]=y([]);return se(()=>{(async()=>{if(r){const u=await ht("customer_account_create");if(u!=null&&u.length)if(e!=null&&e.length){const s=We(u,e);i(s)}else i(u)}else{const u=Te($t),s=Te(t),c=We(u,e);i(t&&t.length?s:c)}})()},[r,t,e]),{fieldsListConfigs:a.map(n=>({...n,...n.code==="email"?{autocomplete:"email"}:{}}))}},It=(e,t)=>{const r=["dob","email","firstname","gender","lastname","middlename","password","prefix","suffix","taxvat","allow_remote_shopping_assistance"],a=ft(e,"snakeCase",{firstName:"firstname",lastName:"lastname"});if(!t)return{...a,...a!=null&&a.gender?{gender:Number(a==null?void 0:a.gender)}:{}};const i={},n=[];return Object.keys(a).forEach(u=>{r.includes(u)?u.includes("gender")?i[u]=Number(a[u]):u==="allow_remote_shopping_assistance"?i[u]=a[u]==="true":i[u]=a[u]:n.push({attribute_code:u,value:a[u]})}),n.length>0&&(i.custom_attributes=n),i},Le=(e,t,r)=>{const a=e.target.querySelector('input[name="password"]'),i=e.target.querySelector('input[name="confirmPasswordField"]');a&&!t.length?a.focus():i&&!r.length&&i.focus()},Ot=({requireRetypePassword:e,addressesData:t,translations:r,isEmailConfirmationRequired:a,apiVersion2:i=!0,passwordConfigs:n,isAutoSignInEnabled:u,routeRedirectOnSignIn:s,routeSignIn:c,onErrorCallback:m,onSuccessCallback:l,setActiveComponent:w,handleSetInLineAlertProps:p,routeRedirectOnEmailConfirmationClose:N})=>{const[h,f]=y(!1),[d,x]=y(""),[b,g]=y(""),[T,E]=y(""),[_,F]=y(!1),[S,I]=y({userName:"",status:!1}),[v,C]=y(""),[Q,q]=y(!1),[M,O]=y(!1),[K,ae]=y(!0),X=A(L=>{const G=L.target.value;f(!G.length),G.length&&d.length&&G!==d&&g(r.passwordMismatch)},[d,r.passwordMismatch]),ne=A(L=>{const G=L.target.value;g(G.length?"":r.requiredFieldError),G.length&&v.length&&G!==v&&g(r.passwordMismatch)},[v,r.passwordMismatch,r.requiredFieldError]),D=A(L=>{x(L),g(L?v===L?"":r.passwordMismatch:r.requiredFieldError)},[r,v]),me=A(({target:L})=>{ae(L.checked)},[]),P=A(()=>{if(B(w)){w("signInForm");return}B(c)&&V(c())},[w,c]),U=A(L=>{C(L),f(!L.length),L===d&&g("")},[d]),Y=A(()=>{p(),C(""),B(N)?V(N()):(F(!1),w==null||w("signInForm"))},[p,N,w]),W=()=>{q(!0),O(!1)},ee=(L,G)=>{const Ce=v.length&&d.length,he=v!==d,oe=()=>{f(!v.length),d||g(r.requiredFieldError),Ce&&he&&g(r.passwordMismatch)},ue=()=>{g(d.length?r.passwordMismatch:r.requiredFieldError),Le(L,v,d)};return G?e&&(b.length||he)?(W(),ue(),!0):(Le(L,v,""),oe(),!1):(W(),oe(),!0)};return{showPasswordErrorMessage:h,confirmPassword:d,confirmPasswordMessage:b,isKeepMeLogged:K,userEmail:T,showEmailConfirmationForm:_,isSuccessful:S,isClickSubmit:Q,signUpPasswordValue:v,isLoading:M,onSubmitSignUp:async(L,G)=>{var Ie,Oe,qe;if(p(),g(""),O(!0),ee(L,G))return;const{confirmPasswordField:Ce,...he}=Ne(L.target),{email:oe,password:ue}=he,et=(n==null?void 0:n.requiredCharacterClasses)||0,tt=(n==null?void 0:n.minLength)||1;if(!$e(ue,et)||tt>(ue==null?void 0:ue.length)){W();return}const rt=It({...he},i),ie=await gt(rt,i);if((Ie=ie==null?void 0:ie.errors)!=null&&Ie.length){const{errors:ce}=ie;p==null||p({type:"error",text:(Oe=ce[0])==null?void 0:Oe.message}),m==null||m(ce),E(oe)}else{const ce=ie==null?void 0:ie.firstName;if(pt(_t.CREATE_ACCOUNT_EVENT,{...ie}),a||!u){if(l==null||l({userName:ce,userEmail:oe,status:!0}),a){(qe=L.target)==null||qe.reset(),C(""),F(!0),E(oe),O(!1);return}if(!u){O(!1),I({userName:ce,status:!0});return}}const J=await Ue({email:oe,password:ue,translations:r,handleSetInLineAlertProps:p,onErrorCallback:m});if(J!=null&&J.userName){if(t!=null&&t.length)for(const Be of t)try{await Et(Be)}catch(at){console.error(r.failedCreateCustomerAddress,Be,at)}l==null||l({userName:J==null?void 0:J.userName,userEmail:J==null?void 0:J.userEmail,status:!0}),B(s)?V(s()):I({userName:J==null?void 0:J.userName,status:!0})}else l==null||l({userName:ce,userEmail:oe,status:!0}),I({userName:ce,status:!0})}O(!1)},signInButton:P,handleSetSignUpPasswordValue:U,onKeepMeLoggedChange:me,handleHideEmailConfirmationForm:Y,handleConfirmPasswordChange:D,onBlurPassword:X,onBlurConfirmPassword:ne}},ze=({requireRetypePassword:e=!1,addressesData:t,formSize:r="default",inputsDefaultValueSet:a,fieldsConfigForApiVersion1:i,apiVersion2:n=!0,isAutoSignInEnabled:u=!0,hideCloseBtnOnEmailConfirmation:s=!1,routeRedirectOnEmailConfirmationClose:c,routeRedirectOnSignIn:m,routeSignIn:l,onErrorCallback:w,onSuccessCallback:p,setActiveComponent:N,slots:h})=>{const f=Fe({title:"Auth.SignUpForm.title",buttonPrimary:"Auth.SignUpForm.buttonPrimary",buttonSecondary:"Auth.SignUpForm.buttonSecondary",keepMeLoggedText:"Auth.SignUpForm.keepMeLoggedText",customerTokenErrorMessage:"Auth.Api.customerTokenErrorMessage",failedCreateCustomerAddress:"Auth.SignUpForm.failedCreateCustomerAddress",placeholder:"Auth.InputPassword.placeholder",floatingLabel:"Auth.InputPassword.floatingLabel",requiredFieldError:"Auth.FormText.requiredFieldError.default",confirmPasswordPlaceholder:"Auth.SignUpForm.confirmPassword.placeholder",confirmPasswordFloatingLabel:"Auth.SignUpForm.confirmPassword.floatingLabel",passwordMismatch:"Auth.SignUpForm.confirmPassword.passwordMismatch",shoppingAssistanceCheckboxTitle:"Auth.SignUpForm.shoppingAssistanceCheckboxTitle",shoppingAssistanceCheckboxTooltip:"Auth.SignUpForm.shoppingAssistanceCheckboxTooltip"}),{passwordConfigs:d,isEmailConfirmationRequired:x,remoteShoppingAssistanceConfigs:b}=Ge(),{fieldsListConfigs:g}=Ct({fieldsConfigForApiVersion1:i,apiVersion2:n,inputsDefaultValueSet:a}),{inLineAlertProps:T,handleSetInLineAlertProps:E}=be(),{showPasswordErrorMessage:_,confirmPassword:F,confirmPasswordMessage:S,isKeepMeLogged:I,userEmail:v,showEmailConfirmationForm:C,isSuccessful:Q,isClickSubmit:q,signUpPasswordValue:M,isLoading:O,onSubmitSignUp:K,signInButton:ae,handleSetSignUpPasswordValue:X,onKeepMeLoggedChange:ne,handleHideEmailConfirmationForm:D,handleConfirmPasswordChange:me,onBlurPassword:P,onBlurConfirmPassword:U}=Ot({requireRetypePassword:e,addressesData:t,translations:f,isEmailConfirmationRequired:x,apiVersion2:n,passwordConfigs:d,isAutoSignInEnabled:u,routeRedirectOnSignIn:m,routeSignIn:l,onErrorCallback:w,onSuccessCallback:p,setActiveComponent:N,handleSetInLineAlertProps:E,routeRedirectOnEmailConfirmationClose:c}),{isValidUniqueSymbols:Y,defaultLengthMessage:W}=Je({password:M,isClickSubmit:q,passwordConfigs:d}),ee=ye(()=>_?f.requiredFieldError:Y==="error"||(W==null?void 0:W.status)==="error"?" ":"",[W==null?void 0:W.status,Y,_,f.requiredFieldError]),_e=!x&&(t==null?void 0:t.length);if(!g.length&&n)return o("div",{className:`auth-sign-up-form auth-sign-up-form--${r} skeleton-loader`,"data-testid":"SignUpForm",children:o(bt,{activeSkeleton:"signUpForm"})});if(Q.status&&(h!=null&&h.SuccessNotification))return o(k,{"data-testid":"successNotificationTestId",name:"SuccessNotification",slot:h==null?void 0:h.SuccessNotification,context:{isSuccessful:Q}});if(C)return o(Xe,{formSize:r,userEmail:v,inLineAlertProps:T,hideCloseBtnOnEmailConfirmation:s,handleSetInLineAlertProps:E,onPrimaryButtonClick:D});const L={userEmail:v,signUpPasswordValue:M,confirmPassword:F,showPasswordErrorMessage:_,confirmPasswordMessage:S,isLoading:O,isSuccessful:Q};return R("div",{className:re(["auth-sign-up-form",`auth-sign-up-form--${r}`]),"data-testid":"SignUpForm",children:[o(k,{name:"Title","data-testid":"title",slot:h==null?void 0:h.Title,context:{...L},children:o(ge,{title:f.title,divider:!1,className:"auth-sign-up-form__title",level:1})}),T.text?o(fe,{className:"auth-sign-up-form__notification",type:T.type,variant:"secondary",heading:T.text,icon:T.icon}):null,R(Ae,{onSubmit:K,className:"auth-sign-up-form__form",loading:O,name:"signUp_form",fieldsConfig:g,slots:h,formSlot:{name:"Form",slot:h==null?void 0:h.Form,context:L,dataTestId:"form"},children:[R(xe,{validateLengthConfig:W,className:"auth-sign-up-form__form__field",autoComplete:"new-password",name:"password",minLength:d==null?void 0:d.minLength,errorMessage:ee,defaultValue:M,uniqueSymbolsStatus:Y,requiredCharacterClasses:d==null?void 0:d.requiredCharacterClasses,onValue:X,placeholder:f.placeholder,floatingLabel:f.floatingLabel,onBlur:P,children:[e?o("div",{className:"auth-sign-up-form__form__confirm-wrapper",children:o(xe,{className:"auth-sign-up-form__form__field auth-sign-up-form__form__field--confirm-password",autoComplete:"new-password",name:"confirmPasswordField",placeholder:f.confirmPasswordPlaceholder,floatingLabel:f.confirmPasswordFloatingLabel,errorMessage:S,defaultValue:F,onValue:me,onBlur:U})}):null,_e?o("div",{className:"auth-sign-up-form__automatic-login","data-testid":"automaticLogin",children:o(Re,{children:o(Se,{name:"",placeholder:f.keepMeLoggedText,label:f.keepMeLoggedText,checked:I,onChange:ne})})}):null]}),b!=null&&b.shoppingAssistanceEnabled?o(k,{name:"RemoteShoppingAssistanceConsent","data-testid":"remoteShoppingAssistanceConsent",slot:h==null?void 0:h.RemoteShoppingAssistanceConsent,children:o(nr,{label:b.shoppingAssistanceCheckboxTitle||f.shoppingAssistanceCheckboxTitle,tooltip:b.shoppingAssistanceCheckboxTooltip||f.shoppingAssistanceCheckboxTooltip})},"remoteShoppingAssistanceConsent"):null,o(k,{name:"PrivacyPolicyConsent","data-testid":"privacyPolicyConsent",slot:h==null?void 0:h.PrivacyPolicyConsent},"privacyPolicyConsent"),R(k,{name:"Buttons",className:"auth-sign-up-form-buttons","data-testid":"buttons",slot:h==null?void 0:h.Buttons,context:{...L},children:[o(te,{className:"auth-sign-up-form-buttons--signin",type:"button",variant:"tertiary",style:{padding:0},buttonText:f.buttonSecondary,enableLoader:!1,onClick:ae}),o(te,{type:"submit",buttonText:f.buttonPrimary,variant:"primary",enableLoader:O})]})]}),o("div",{id:"createCustomerV2"})]})},pr=Object.freeze(Object.defineProperty({__proto__:null,SignUpForm:ze,default:ze},Symbol.toStringTag,{value:"Module"})),qt=({emailConfirmationStatusMessage:e,translations:t,initialEmailValue:r,routeSignUp:a,routeForgotPassword:i,routeRedirectOnSignIn:n,onErrorCallback:u,setActiveComponent:s,onSuccessCallback:c,onSignUpLinkClick:m,handleSetInLineAlertProps:l,routeRedirectOnEmailConfirmationClose:w,apiErrorMessageOverride:p})=>{const[N,h]=y(""),[f,d]=y(!1),[x,b]=y(""),[g,T]=y(!1),[E,_]=y({userName:"",status:!1}),[F,S]=y(!1),[I,v]=y([]),C=A(async P=>{l(),d(!0),T(!1),v([]),await Ke(P)},[l]),Q=A(P=>{P.length?T(!1):T(!0),b(P)},[]);se(()=>{e!=null&&e.text&&l({text:e.text,type:e.status?e.status:void 0})},[e,l]);const q=A(()=>{x.length||T(!0)},[x]),M=A((P,U)=>x.length?!1:(T(!0),U&&Le(P,x,""),!0),[x]),O=A((P,U)=>{U!=null&&U.userName&&(P.target.reset(),B(n)?V(n()):(c==null||c({userName:U==null?void 0:U.userName,status:!0}),_({userName:U==null?void 0:U.userName,status:!0})))},[c,n]),K=A((P,U)=>{var Y;if((Y=P==null?void 0:P.errorMessage)!=null&&Y.length){h(U);const W=P.errorMessage.includes("This account isn't confirmed. Verify and try again."),ee=W?t.resendEmailInformationText:P.displayErrorMessage;v(W?[{label:t.resendEmailButtonText,onClick:()=>{C(U)}}]:[]),l({text:ee,type:"error"}),b("")}},[C,l,t.resendEmailButtonText,t.resendEmailInformationText]),ae=A(async(P,U)=>{if(l(),M(P,U))return;S(!0);const Y=Ne(P.target);if(Object.values(Y).every(ee=>ee)){const{email:ee,password:_e}=Y,L=await Ue({email:ee,password:_e,handleSetInLineAlertProps:l,onErrorCallback:u,translations:t,apiErrorMessageOverride:p});K(L,ee),O(P,L),T(!1)}S(!1)},[t,u,M,K,O,l,p]),X=A(()=>{if(B(s)){s("resetPasswordForm");return}B(i)&&V(i())},[i,s]),ne=A(()=>{if(B(m)&&m(),B(s)){s("signUpForm");return}B(a)&&V(a())},[m,a,s]),D=ye(()=>{const P=Te(St);return r!=null&&r.length?P==null?void 0:P.map(U=>({...U,defaultValue:r})):P},[r]),me=A(()=>{l(),B(w)?V(w()):d(!1)},[l,w]);return{additionalActionsAlert:I,userEmail:N,defaultEnhancedEmailFields:D,passwordError:g,isSuccessful:E,isLoading:F,signInPasswordValue:x,showEmailConfirmationForm:f,setShowEmailConfirmationForm:d,setSignInPasswordValue:b,submitLogInUser:ae,forgotPasswordCallback:X,onSignUpLinkClickCallback:ne,handledOnPrimaryButtonClick:me,handleSetPassword:Q,onBlurPassword:q}},Bt=()=>{const e=new URL(window.location.href),t=e.searchParams.get("email"),r=e.searchParams.get("key");t&&r&&(e.searchParams.delete("email"),e.searchParams.delete("key"),window.history.replaceState({},document.title,e.toString()))},kt=({enableEmailConfirmation:e})=>{const t=Z({accountConfirmMessage:"Auth.EmailConfirmationForm.accountConfirmMessage",accountConfirmationEmailSuccessMessage:"Auth.EmailConfirmationForm.accountConfirmationEmailSuccessMessage"}),[r,a]=y({text:"",status:""});return se(()=>{if(e){const{search:i}=window.location;i.includes("email=")&&i.includes("key=")&&(async()=>{var c,m,l;const u=new URLSearchParams(i),s=await xt({customerEmail:u.get("email"),customerConfirmationKey:u.get("key")});if(!s)return null;(c=s==null?void 0:s.errors)!=null&&c.length?a({text:s==null?void 0:s.errors[0].message,status:"error"}):(a({text:s.data.confirmEmail.customer.email?t.accountConfirmationEmailSuccessMessage.replace("{email}",(l=(m=s==null?void 0:s.data)==null?void 0:m.confirmEmail.customer)==null?void 0:l.email):t.accountConfirmMessage,status:"success"}),Bt())})()}},[e,t]),{emailConfirmationStatusMessage:r}},He=({slots:e,labels:t,formSize:r="default",initialEmailValue:a="",renderSignUpLink:i=!1,enableEmailConfirmation:n=!1,hideCloseBtnOnEmailConfirmation:u=!1,routeRedirectOnEmailConfirmationClose:s,routeRedirectOnSignIn:c,routeForgotPassword:m,routeSignUp:l,onSuccessCallback:w,setActiveComponent:p,onErrorCallback:N,onSignUpLinkClick:h,apiErrorMessageOverride:f})=>{const d=Fe({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",customerTokenErrorMessage:"Auth.Api.customerTokenErrorMessage",placeholder:"Auth.InputPassword.placeholder",floatingLabel:"Auth.InputPassword.floatingLabel",requiredFieldError:"Auth.FormText.requiredFieldError.default"}),{emailConfirmationStatusMessage:x}=kt({enableEmailConfirmation:n}),{inLineAlertProps:b,handleSetInLineAlertProps:g}=be(),{userEmail:T,additionalActionsAlert:E,defaultEnhancedEmailFields:_,passwordError:F,isSuccessful:S,isLoading:I,signInPasswordValue:v,showEmailConfirmationForm:C,submitLogInUser:Q,forgotPasswordCallback:q,onSignUpLinkClickCallback:M,handledOnPrimaryButtonClick:O,handleSetPassword:K,onBlurPassword:ae}=qt({translations:d,emailConfirmationStatusMessage:x,initialEmailValue:a,routeSignUp:l,routeForgotPassword:m,routeRedirectOnSignIn:c,setActiveComponent:p,onErrorCallback:N,onSuccessCallback:w,onSignUpLinkClick:h,handleSetInLineAlertProps:g,routeRedirectOnEmailConfirmationClose:s,apiErrorMessageOverride:f});if(S.status&&(e!=null&&e.SuccessNotification))return o(k,{"data-testid":"successNotificationTestId",name:"SuccessNotification",slot:e==null?void 0:e.SuccessNotification,context:{isSuccessful:S}});if(C)return o(Xe,{formSize:r,userEmail:T,inLineAlertProps:b,hideCloseBtnOnEmailConfirmation:u,handleSetInLineAlertProps:g,onPrimaryButtonClick:O});const X={userEmail:T,signInPasswordValue:v,isLoading:I,passwordError:F,isSuccessful:S};return R("div",{className:re(["auth-sign-in-form",`auth-sign-in-form--${r}`]),"data-testid":"signInForm",children:[o(k,{name:"Title","data-testid":"title",slot:e==null?void 0:e.Title,context:{...X},children:o(ge,{title:(t==null?void 0:t.formTitleText)??d.title,divider:!1,className:"auth-sign-in-form__title",level:1})}),b.text?o(fe,{"data-testid":"authInLineAlert",className:"auth-sign-in-form__notification",type:b.type,variant:"secondary",heading:b.text,icon:b.icon,additionalActions:E}):null,R(Ae,{name:"signIn_form",className:"auth-sign-in-form__form",onSubmit:Q,loading:I,fieldsConfig:_,formSlot:{name:"Form",slot:e==null?void 0:e.Form,context:X,dataTestId:"form"},children:[o(xe,{hideStatusIndicator:!0,className:"auth-sign-in-form__form__password",autoComplete:"current-password",errorMessage:F?d.requiredFieldError:void 0,defaultValue:v,onValue:K,onBlur:ae,placeholder:d.placeholder,floatingLabel:d.floatingLabel}),o("div",{className:"auth-sign-in-form__form__buttons__wrapper",children:R(k,{name:"Buttons",className:"auth-sign-in-form__form__buttons","data-testid":"buttons",slot:e==null?void 0:e.Buttons,context:{...X},children:[R("div",{className:"auth-sign-in-form__form__buttons__combine",children:[o(te,{type:"button",variant:"tertiary",style:{padding:0},buttonText:d.buttonTertiary,className:"auth-sign-in-form__button auth-sign-in-form__button--forgot",enableLoader:!1,onClick:q,"data-testid":"switchToSignUp"}),i?R(we,{children:[o("span",{}),o(te,{type:"button",variant:"tertiary",style:{padding:0},buttonText:d.buttonSecondary,className:"auth-sign-in-form__button auth-sign-in-form__button--signup",enableLoader:!1,onClick:M})]}):null]}),o(te,{type:"submit",buttonText:(t==null?void 0:t.primaryButtonText)??d.buttonPrimary,variant:"primary",className:"auth-sign-in-form__button auth-sign-in-form__button--submit",enableLoader:I})]})})]}),o("div",{id:"generateCustomerToken"})]})},_r=Object.freeze(Object.defineProperty({__proto__:null,SignInForm:He,default:He},Symbol.toStringTag,{value:"Module"})),Dt=e=>e.reduce((t,r)=>({...t,[r.name]:r.value}),{}),Wt=e=>/^\d+$/.test(e),zt=e=>/^[a-zA-Z0-9\s]+$/.test(e),Ht=e=>/^[a-zA-Z0-9]+$/.test(e),jt=e=>/^[a-zA-Z]+$/.test(e),Qe=e=>/^[a-z0-9,!\#\$%&'\*\+\/=\?\^_`\{\|\}~-]+(\.[a-z0-9,!\#\$%&'\*\+\/=\?\^_`\{\|\}~-]+)*@([a-z0-9-]+\.)+[a-z]{2,}$/i.test(e),Vt=e=>/^\d{4}-\d{2}-\d{2}$/.test(e)&&!isNaN(Date.parse(e)),Zt=(e,t,r)=>{const a=new Date(e).getTime()/1e3;return!(isNaN(a)||a<0||typeof t<"u"&&a<t||typeof r<"u"&&a>r)},Ee=e=>{if(!e||e.trim()==="")return"";const t=parseInt(e,10);if(!isNaN(t)){const i=new Date(t*1e3);return isNaN(i.getTime())?"":i.toISOString().split("T")[0]}const r=new Date(e);if(isNaN(r.getTime()))return"";const a=parseInt(e.split("-")[1],10);return a>12||a<1?"":r.toISOString().split("T")[0]},Kt=e=>/^(https?|ftp):\/\/(([A-Z0-9]([A-Z0-9_-]*[A-Z0-9]|))(\.[A-Z0-9]([A-Z0-9_-]*[A-Z0-9]|))*)(:(\d+))?(\/[A-Z0-9~](([A-Z0-9_~-]|\.)*[A-Z0-9~]|))*\/?(.*)?$/i.test(e),Xt=(e,t,r)=>{const a=e.length;return a>=t&&a<=r},ve=(e,t,r,a)=>{var I,v;const{requiredFieldError:i,lengthTextError:n,numericError:u,alphaNumWithSpacesError:s,alphaNumericError:c,alphaError:m,emailError:l,dateError:w,urlError:p,dateRangeError:N,dateMaxError:h,dateMinError:f}=r,d=t==null?void 0:t.customUpperCode,x={[d]:""};if(a[d]&&delete a[d],t!=null&&t.required&&(!e||e==="false"))return{[d]:`${H.REQUIRED_FIELD_ERROR}${j}${i}`};if(!(t!=null&&t.required)&&!e||!((I=t==null?void 0:t.validateRules)!=null&&I.length))return x;const b=Dt(t==null?void 0:t.validateRules),g=b.MIN_TEXT_LENGTH??1,T=b.MAX_TEXT_LENGTH??255,E=b.DATE_RANGE_MIN,_=b.DATE_RANGE_MAX;if(!Xt(e,+g,+T)&&!(E||_)){const C=n.replace("{min}",g).replace("{max}",T);return{[d]:`${H.LENGTH_TEXT_ERROR}${j}${C}`}}if(!Zt(e,+E,+_)&&(E||_)){if(E&&E){const C=N.replace("{min}",Ee(E)).replace("{max}",Ee(_));return{[d]:`${H.DATE_RANGE_ERROR}${j}${C}`}}if(typeof E>"u"&&typeof _<"u"){const C=h.replace("{max}",Ee(_));return{[d]:`${H.DATE_MAX_ERROR}${j}${C}`}}if(typeof _>"u"&&typeof E<"u"){const C=f.replace("{min}",Ee(E));return{[d]:`${H.DATE_MIN_ERROR}${j}${C}`}}}const S={numeric:{validate:Wt,error:`${H.NUMERIC_ERROR}${j}${u}`},"alphanum-with-spaces":{validate:zt,error:`${H.ALPHA_NUM_WITH_SPACES_ERROR}${j}${s}`},alphanumeric:{validate:Ht,error:`${H.ALPHA_NUMERIC_ERROR}${j}${c}`},alpha:{validate:jt,error:`${H.ALPHA_ERROR}${j}${m}`},email:{validate:Qe,error:`${H.EMAIL_ERROR}${j}${l}`},date:{validate:Vt,error:`${H.DATE_ERROR}${j}${w}`},url:{validate:Kt,error:`${H.URL_ERROR}${j}${p}`}}[b.INPUT_VALIDATION];return S&&!S.validate(e)&&!((v=a[d])!=null&&v.length)?{[d]:S.error}:x},Gt=({routeSignIn:e,onErrorCallback:t,onSuccessCallback:r,setActiveComponent:a,handleSetInLineAlertProps:i})=>{const n=Z({successPasswordResetEmailNotification:"Auth.Notification.successPasswordResetEmailNotification"}),[u,s]=y(!1),c=A(async l=>{l.preventDefault();const w=Ne(l.target);if(!Qe(w==null?void 0:w.email))return;s(!0);const p=await Tt(w.email);if(s(!1),!p.success){t==null||t(p),i==null||i({type:"error",text:p.message});return}if(r){await r();return}i==null||i({type:"success",text:n.successPasswordResetEmailNotification.replace("{email}",w.email)})},[i,t,r,n.successPasswordResetEmailNotification]),m=A(()=>{if(B(a)){a("signInForm");return}B(e)&&V(e())},[a,e]);return{isLoading:u,submitResetPassword:c,redirectToSignInPage:m}},je=({formSize:e="default",routeSignIn:t,setActiveComponent:r,onErrorCallback:a,onSuccessCallback:i,slots:n,...u})=>{const s=Z({title:"Auth.ResetPasswordForm.title",buttonPrimary:"Auth.ResetPasswordForm.buttonPrimary",buttonSecondary:"Auth.ResetPasswordForm.buttonSecondary",formAriaLabel:"Auth.ResetPasswordForm.formAriaLabel"}),{inLineAlertProps:c,handleSetInLineAlertProps:m}=be(),{isLoading:l,submitResetPassword:w,redirectToSignInPage:p}=Gt({routeSignIn:t,setActiveComponent:r,onErrorCallback:a,onSuccessCallback:i,handleSetInLineAlertProps:m}),N={isLoading:l};return R("div",{...u,className:re(["auth-reset-password-form",`auth-reset-password-form--${e}`]),"data-testid":"resetPasswordForm",children:[o(k,{name:"Title","data-testid":"title",slot:n==null?void 0:n.Title,context:{...N},children:o(ge,{title:s.title,divider:!1,className:"auth-reset-password-form__title",level:1})}),c.text?o(fe,{className:"auth-reset-password-form__notification",type:c.type,variant:"secondary",heading:c.text,icon:c.icon}):null,o(Ae,{"aria-labelledby":s.formAriaLabel,name:"resetPassword_form",className:"auth-reset-password-form__form",onSubmit:w,loading:l,fieldsConfig:Te(Ut),formSlot:{name:"Form",slot:n==null?void 0:n.Form,context:N,dataTestId:"form"},children:R(k,{name:"Buttons",className:"auth-reset-password-form__buttons","data-testid":"buttons",slot:n==null?void 0:n.Buttons,context:{...N},children:[o(te,{className:"auth-reset-password-form__buttons--signin",type:"button",variant:"tertiary",style:{padding:"0"},icon:o(Pt,{style:{transform:"rotate(90deg)"}}),buttonText:s.buttonSecondary,enableLoader:!1,onClick:p}),o(te,{type:"submit",buttonText:s.buttonPrimary,variant:"primary",enableLoader:l})]})}),o("div",{id:"requestPasswordResetEmail"})]})},Er=Object.freeze(Object.defineProperty({__proto__:null,ResetPasswordForm:je,default:je},Symbol.toStringTag,{value:"Module"})),Jt=e=>e.reduce((t,{customUpperCode:r,required:a,defaultValue:i})=>(a&&r&&(t.initialData[r]=i||"",t.errorList[r]=""),t),{initialData:{},errorList:{}}),Qt=["auth-reset-password-form__buttons--signin","auth-sign-up-form-buttons--signin","auth-sign-in-form__button--forgot","auth-sign-in-form__button--signup"],Yt=({fieldsConfig:e,onSubmit:t})=>{const r=Fe({requiredFieldError:"Auth.FormText.requiredFieldError.default",lengthTextError:"Auth.FormText.lengthTextError.default",numericError:"Auth.FormText.numericError.default",alphaNumWithSpacesError:"Account.FormText.alphaNumWithSpacesError.default",alphaNumericError:"Auth.FormText.alphaNumericError.default",alphaError:"Auth.FormText.alphaError.default",emailError:"Auth.FormText.emailError.default",dateError:"Auth.FormText.dateError.default",dateRangeError:"Auth.FormText.dateRangeError.default",dateMaxError:"Auth.FormText.dateMaxError.default",dateMinError:"Auth.FormText.dateMinError.default",urlError:"Auth.FormText.urlError.default"}),a=ke(null),i=ke(!1),[n,u]=y({}),[s,c]=y({}),m=A(()=>{let h=!0;const f={...s};let d=null;for(const[x,b]of Object.entries(n)){const g=e==null?void 0:e.find(E=>{var _;return(_=E==null?void 0:E.customUpperCode)==null?void 0:_.includes(x)}),T=ve(b.toString(),g,r,f);T[x]&&(Object.assign(f,T),h=!1),d||(d=Object.keys(f).find(E=>f[E])??null)}if(c(f),d&&a.current){const x=a.current.elements.namedItem(d);x==null||x.focus()}return h},[s,e,n,r]);se(()=>{if(e!=null&&e.length){const{initialData:h,errorList:f}=Jt(e);u(d=>({...h,...d})),c(f)}},[JSON.stringify(e)]);const l=A(async h=>{const f=h.target,d=!Qt.some(x=>f.classList.contains(x));!i.current&&d&&(await nt(0),i.current=!0)},[]),w=A(h=>{const{name:f,value:d,type:x,checked:b}=h==null?void 0:h.target,g=x==="checkbox"?b:d;u(_=>({..._,[f]:g}));const T=e==null?void 0:e.find(_=>{var F;return(F=_==null?void 0:_.customUpperCode)==null?void 0:F.includes(f)}),E={...s};if(T){const _=ve(g.toString(),T,r,E);_&&Object.assign(E,_),c(E)}},[e,s,r]),p=A(h=>{const{name:f,value:d,type:x,checked:b}=h==null?void 0:h.target,g=x==="checkbox"?b:d,T=e==null?void 0:e.find(E=>E.customUpperCode===f);if(T){const E={...s},_=ve(g.toString(),T,r,E);_&&Object.assign(E,_),c(E)}},[s,e,r]),N=A(h=>{h.preventDefault();const f=m();t==null||t(h,f)},[m,t]);return{formData:n,errors:s,formRef:a,handleChange:w,handleBlur:p,handleSubmit:N,handleFocus:l}},Ye=e=>{const t={errorKey:"",defaultErrorMessage:""};if(!e)return t;const r=e.indexOf(j);return r===-1?t:{errorKey:e.substring(0,r).trim(),defaultErrorMessage:e.substring(r+j.length).trim()}},pe=le(({item:e,errorConfig:t,className:r,itemClassName:a,loading:i,children:n})=>{const{errorKey:u,defaultErrorMessage:s}=Ye(t),c=Z(`Auth.FormText.${u}.${e.code}`)[e.code];let m="";return s.length&&(m=c||s),o(Re,{error:m,className:re([a,`${a}--${e.id}`,[`${a}--${e.id}-hidden`,e.isHidden],e.className]),"data-testid":`${r}--${e.id}`,disabled:i||e.disabled,children:n},e.id)}),Ve=le(({item:e,valueMessage:t,errorConfig:r,onBlur:a,onChange:i,onFocus:n,className:u,itemClassName:s,loading:c})=>o(pe,{item:e,errorConfig:r,className:u,itemClassName:s,loading:c,children:o(ot,{type:"text",name:e.customUpperCode,value:t??e.defaultValue,placeholder:e.label,floatingLabel:`${e.label} ${e.required?"*":""}`,autocomplete:e.autocomplete,onBlur:a,onChange:i,onFocus:n})})),Ze=le(({item:e,valueMessage:t,errorConfig:r,onBlur:a,onChange:i,className:n,itemClassName:u,loading:s})=>{var m;const c=(m=e.options.find(l=>l.isDefault))==null?void 0:m.value;return o(pe,{item:e,errorConfig:r,className:n,itemClassName:u,loading:s,children:o(it,{name:e.customUpperCode,floatingLabel:`${e.label} ${e.required?"*":""}`,placeholder:e.label,"aria-label":e.label,options:e.options,onBlur:a,handleSelect:i,defaultValue:c??t??e.defaultValue,value:c??t??e.defaultValue})})}),er=le(({item:e,valueMessage:t,errorConfig:r,onBlur:a,onChange:i,className:n,itemClassName:u,loading:s})=>o(pe,{item:e,errorConfig:r,className:n,itemClassName:u,loading:s,children:o(st,{type:"text",name:e.customUpperCode,value:t||e.defaultValue,placeholder:e.label,floatingLabel:`${e.label} ${e.required?"*":""}`,onBlur:a,onChange:i,disabled:s||e.disabled})})),tr=le(({item:e,valueMessage:t,errorConfig:r,onBlur:a,onChange:i,className:n,itemClassName:u,loading:s})=>o(pe,{item:e,errorConfig:r,className:n,itemClassName:u,loading:s,children:o(Se,{name:e.customUpperCode,checked:t||e.defaultValue,placeholder:e.label,label:`${e.label} ${e.required?"*":""}`,onBlur:a,onChange:i})})),rr=le(({item:e,valueMessage:t,errorConfig:r,onBlur:a,onChange:i,className:n,itemClassName:u,loading:s})=>o(pe,{item:e,errorConfig:r,className:n,itemClassName:u,loading:s,children:o(ut,{name:e.customUpperCode,value:t??e.defaultValue,label:`${e.label} ${e.required?"*":""}`,onBlur:a,onChange:i})})),ar=({slots:e,item:t,handleOnChange:r,handleOnBlur:a,handleOnFocus:i,errorConfig:n,errors:u})=>{const{errorKey:s,defaultErrorMessage:c}=Ye(n),m=Z(`Auth.FormText.${s}.${t.code}`)[t.code];let l="";c.length&&(l=m||c);const w={inputName:t.customUpperCode,handleOnChange:r,handleOnBlur:a,handleOnFocus:i,errorMessage:l,errors:u,config:t};return o(k,{"data-testid":`signUpFormInput_${t.code}`,name:`SignUpFormInput_${t.code}`,slot:e==null?void 0:e[`SignUpFormInput_${t.code}`],context:w},t.id)},Ae=le(({slots:e,name:t,loading:r,children:a,className:i="defaultForm",fieldsConfig:n=[],onSubmit:u,formSlot:s,...c})=>{const{formData:m,errors:l,formRef:w,handleChange:p,handleBlur:N,handleSubmit:h,handleFocus:f}=Yt({onSubmit:u,fieldsConfig:n}),d=`${i}__field`,x=R(we,{children:[n.map(g=>{const T=l==null?void 0:l[g.customUpperCode],E=m==null?void 0:m[g.customUpperCode],_=!!(e!=null&&e[`SignUpFormInput_${g.code}`]),F=o(ar,{slots:e,item:g,handleOnChange:p,handleOnBlur:N,handleOnFocus:f,errorConfig:T,errors:l});switch(g.fieldType){case de.TEXT:return _?F:g.options.length?o(Ze,{item:g,valueMessage:E,errorConfig:T,onBlur:N,onChange:p,onFocus:f,itemClassName:d,className:i,loading:r}):o(Ve,{item:g,valueMessage:E,errorConfig:T,onBlur:N,onChange:p,onFocus:f,itemClassName:d,className:i,loading:r});case de.MULTILINE:return _?F:o(Ve,{item:g,valueMessage:E,errorConfig:T,onBlur:N,onChange:p,onFocus:f,itemClassName:d,className:i,loading:r});case de.SELECT:return _?F:o(Ze,{item:g,valueMessage:E,errorConfig:T,onBlur:N,onChange:p,itemClassName:d,className:i,loading:r});case de.DATE:return _?F:o(er,{item:g,valueMessage:E,errorConfig:T,onBlur:N,onChange:p,itemClassName:d,className:i,loading:r});case de.BOOLEAN:return _?F:o(tr,{item:g,valueMessage:E,errorConfig:T,onBlur:N,onChange:p,itemClassName:d,className:i,loading:r});case de.TEXTAREA:return _?F:o(rr,{item:g,valueMessage:E,errorConfig:T,onBlur:N,onChange:p,itemClassName:d,className:i,loading:r});default:return null}}),a]}),b={...(s==null?void 0:s.context)??{},__formContentKey:[n.map(g=>g.id||g.code).join(","),JSON.stringify(l),JSON.stringify(m)].join("|")};return o("form",{onSubmit:h,name:t,ref:w,onFocus:f,...c,children:s?o(k,{name:s.name,slot:s.slot,context:b,className:i,"data-testid":s.dataTestId,children:x}):x})}),te=({type:e,buttonText:t,variant:r,className:a="",enableLoader:i=!1,onClick:n,style:u,icon:s,...c})=>{const m=A(p=>{n==null||n(p)},[n]),l=Z({loadingLabel:"Auth.Button.loadingLabel"});return R(Pe,{icon:s,style:u,type:e,variant:r,className:re(["auth-button",a,i?"enableLoader":""]),onClick:m,loading:i,loadingLabel:l.loadingLabel,...c,children:[o("span",{className:"auth-button__text",children:t}),i?o("div",{className:"auth-button__wrapper",children:o("span",{className:"auth-button__loader"})}):null]})},nr=({label:e="",tooltip:t="",name:r="allowRemoteShoppingAssistance",defaultChecked:a=!1,onChange:i,className:n=""})=>{const[u,s]=y(!1),[c,m]=y(a),l=`${r}-tooltip`,w=({currentTarget:p})=>{const N=p.checked;m(N),i==null||i(N)};return o("div",{className:re(["remote-shopping-assistance-consent",n]),children:R("div",{className:"remote-shopping-assistance-consent__wrapper",children:[o(Re,{children:o(Se,{name:r,value:"true",placeholder:e,label:e,checked:c,onChange:w})}),t?R("div",{className:"remote-shopping-assistance-consent__info-container",children:[o("button",{type:"button",className:"remote-shopping-assistance-consent__info-icon",onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1),onFocusIn:()=>s(!0),onFocusOut:()=>s(!1),"aria-describedby":u?l:void 0,"aria-label":t,children:"?"}),u?R("span",{className:"remote-shopping-assistance-consent__tooltip",id:l,role:"tooltip",children:[t,o("span",{className:"remote-shopping-assistance-consent__tooltip-arrow"})]}):null]}):null]})})};export{je as R,bt as S,fr as U,He as a,ze as b,gr as c,_r as d,Er as e,pr as i};
|
|
3
|
+
import{jsxs as R,jsx as o,Fragment as Te}from"@dropins/tools/preact-jsx-runtime.js";import{useMemo as we,useState as w,useCallback as A,useEffect as se,useRef as ke}from"@dropins/tools/preact-hooks.js";import{classes as re,Slot as D}from"@dropins/tools/lib.js";import{useText as K}from"@dropins/tools/i18n.js";import"@dropins/tools/event-bus.js";import{initReCaptcha as nt}from"@dropins/tools/recaptcha.js";import{Skeleton as Le,SkeletonRow as $,InLineAlert as fe,Header as ge,InputPassword as ye,Button as Me,Field as Re,Checkbox as Se,Input as ot,Picker as it,InputDate as st,TextArea as ut}from"@dropins/tools/components.js";import*as z from"@dropins/tools/preact-compat.js";import{memo as le}from"@dropins/tools/preact-compat.js";import{resendConfirmationEmail as Ke,getStoreConfig as ct,resetPassword as lt,getCustomerToken as Ue,revokeCustomerToken as dt,t as mt,getAttributesForm as ht,c as ft,createCustomer as gt,p as pt,E as _t,createCustomerAddress as Et,confirmEmail as yt,requestPasswordResetEmail as xt,F as de}from"../api.js";const Tt=()=>R(Le,{children:[o($,{variant:"heading",size:"xlarge",fullWidth:!1,lines:1}),o($,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),o($,{variant:"heading",size:"medium",fullWidth:!1,lines:1}),o($,{variant:"heading",size:"medium",fullWidth:!1,lines:1})," ",o($,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),o($,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),o($,{variant:"heading",size:"medium",fullWidth:!0,lines:1}),o($,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),o($,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),o($,{variant:"heading",size:"medium",fullWidth:!1,lines:1}),o($,{variant:"heading",size:"medium",fullWidth:!1,lines:1})]}),wt=()=>R(Le,{children:[o($,{variant:"heading",size:"xlarge",fullWidth:!1,lines:1}),o($,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),o($,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),o($,{variant:"heading",size:"medium",fullWidth:!1,lines:1})," ",o($,{variant:"heading",size:"medium",fullWidth:!1,lines:1})]}),Nt=()=>R(Le,{children:[o($,{variant:"heading",size:"xlarge",fullWidth:!1,lines:1}),o($,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),o($,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),o($,{variant:"heading",size:"medium",fullWidth:!1,lines:1})," ",o($,{variant:"heading",size:"medium",fullWidth:!1,lines:1})]}),bt=({activeSkeleton:e})=>{const t=we(()=>({signInForm:o(wt,{}),signUpForm:o(Tt,{}),resetPasswordForm:o(Nt,{})}),[]);return o(Te,{children:t[e]})},Ft=({userEmail:e,handleSetInLineAlertProps:t})=>{const r=K({emailConfirmationMessage:"Auth.Notification.emailConfirmationMessage",technicalErrorSendEmail:"Auth.Notification.technicalErrors.technicalErrorSendEmail"}),[a,i]=w(!1);return{handleEmailConfirmation:A(async()=>{var u,s;if(i(!0),e){const l=await Ke(e);if(l){const m=(u=l==null?void 0:l.errors)==null?void 0:u.length,c=(s=l==null?void 0:l.data)==null?void 0:s.resendConfirmationEmail;t(m?{type:"error",text:r.technicalErrorSendEmail}:{type:c?"success":"error",text:r.emailConfirmationMessage})}}i(!1)},[t,r,e]),disabledButton:a}},Xe=({formSize:e,userEmail:t,inLineAlertProps:r,hideCloseBtnOnEmailConfirmation:a,handleSetInLineAlertProps:i,onPrimaryButtonClick:n})=>{const u=K({title:"Auth.EmailConfirmationForm.title",subtitle:"Auth.EmailConfirmationForm.subtitle",mainText:"Auth.EmailConfirmationForm.mainText",buttonPrimary:"Auth.EmailConfirmationForm.buttonPrimary",buttonSecondary:"Auth.EmailConfirmationForm.buttonSecondary"}),{handleEmailConfirmation:s,disabledButton:l}=Ft({userEmail:t,handleSetInLineAlertProps:i});return R("div",{className:re(["auth-email-confirmation-form",`auth-email-confirmation-form--${e}`]),children:[r.text?o(fe,{className:"auth-signInForm__notification",type:r.type,variant:"secondary",heading:r.text,icon:r.icon,"data-testid":"authInLineAlert"}):null,o(ge,{title:u.title,divider:!1,className:"auth-email-confirmation-form__title"}),t!=null&&t.length?o("span",{className:"auth-email-confirmation-form__subtitle",children:`${u.subtitle} ${t}`}):null,o("span",{className:"auth-email-confirmation-form__text",children:u.mainText}),R("div",{className:"auth-email-confirmation-form__buttons",children:[o(te,{type:"button",variant:"tertiary",style:{padding:0},buttonText:u.buttonSecondary,enableLoader:!1,onClick:s,disabled:l}),a?null:o(te,{type:"submit",buttonText:u.buttonPrimary,variant:"primary",enableLoader:!1,disabled:l,onClick:n})]})]})},Ge=()=>{const[e,t]=w(!1),[r,a]=w(null),[i,n]=w(null),u=s=>{const{minLength:l,requiredCharacterClasses:m,createAccountConfirmation:c,shoppingAssistanceEnabled:T,shoppingAssistanceCheckboxTitle:g,shoppingAssistanceCheckboxTooltip:N}=s;a({minLength:l,requiredCharacterClasses:m}),t(c),n({shoppingAssistanceEnabled:T,shoppingAssistanceCheckboxTitle:g,shoppingAssistanceCheckboxTooltip:N})};return se(()=>{const s=sessionStorage.getItem("storeConfig");let l=null;try{l=s?JSON.parse(s):null}catch{l=null}if(l){u(l);return}ct().then(m=>{m&&(sessionStorage.setItem("storeConfig",JSON.stringify(m)),u(m))})},[]),{passwordConfigs:r,isEmailConfirmationRequired:e,remoteShoppingAssistanceConfigs:i}},$e=(e,t)=>{if(t<=1)return!0;const r=/[0-9]/.test(e)?1:0,a=/[a-z]/.test(e)?1:0,i=/[A-Z]/.test(e)?1:0,n=/[^a-zA-Z0-9\s]/.test(e)?1:0;return r+a+i+n>=t},Je=({passwordConfigs:e,isClickSubmit:t,password:r})=>{const a=K({messageLengthPassword:"Auth.PasswordValidationMessage.messageLengthPassword"}),[i,n]=w("pending");se(()=>{if(!e)return;const s=$e(r,e.requiredCharacterClasses);t&&r.length>0?n(s?"success":"error"):t&&r.length===0?n("pending"):n(s?"success":"pending")},[t,e,r]);const u=we(()=>{var l;if(!e)return;const s={status:"pending",icon:"pending",message:(l=a.messageLengthPassword)==null?void 0:l.replace("{minLength}",`${e.minLength}`)};return r.length&&r.length>=e.minLength?{...s,icon:"success",status:"success"}:r.length&&r.length<e.minLength?t?{...s,icon:"error",status:"error"}:{...s,icon:"pending",status:"pending"}:s},[e,a.messageLengthPassword,r==null?void 0:r.length,t]);return{isValidUniqueSymbols:i,defaultLengthMessage:u}},Ne=e=>{if(!e)return null;const t=new FormData(e);if(t&&typeof t.entries=="function"){const r=t.entries();if(r&&typeof r[Symbol.iterator]=="function")return JSON.parse(JSON.stringify(Object.fromEntries(r)))||{}}return{}},De=(e,t)=>e.split("&").filter(a=>a.includes(t)).map(a=>a.split("=")[1])[0],k=e=>typeof e=="function",V=e=>{window.location.href=e},At=({isEmailConfirmationRequired:e,signInOnSuccess:t,passwordConfigs:r,routeRedirectOnSignIn:a,routeWrongUrlRedirect:i,onErrorCallback:n,onSuccessCallback:u,handleSetInLineAlertProps:s,routeRedirectOnPasswordUpdate:l,routeSignInPage:m})=>{const c=K({errorNotification:"Auth.Notification.errorNotification",updatePasswordMessage:"Auth.Notification.updatePasswordMessage",updatePasswordActionMessage:"Auth.Notification.updatePasswordActionMessage",customerTokenErrorMessage:"Auth.Api.customerTokenErrorMessage"}),[T,g]=w({userName:"",status:!1}),[N,h]=w(""),[f,d]=w(!1),[y,b]=w(""),[p,x]=w(""),[E,_]=w(!1),[F,S]=w(!1),[I,v]=w([]);se(()=>{f&&!I.length&&(N.length?S(!1):S(!0))},[f,N,I]),se(()=>{const{search:O}=window.location;!O.includes("token=")&&!O.includes("email=")&&k(i)&&V(i());const L=decodeURIComponent(O),q=De(L,"token"),X=De(L,"email");b(X),x(q)},[i]);const C=A(async O=>{O.preventDefault(),_(!0),v([]);const L=Ne(O.target),q=(L==null?void 0:L.password)&&y&&p;L!=null&&L.password||(S(!0),_(!1));const X=(r==null?void 0:r.requiredCharacterClasses)??0,ae=(r==null?void 0:r.minLength)??0;if(!$e(L==null?void 0:L.password,X)||L.password.length<+ae){d(!0),_(!1);return}if(!q){s({type:"error",text:c.errorNotification}),_(!1);return}try{const{message:Z,success:oe}=await lt(y,p,L.password);if(oe){if(e||!e&&!t){u==null||u(),k(l)&&V(l()),d(!0),S(!1),h(""),v([{label:c.updatePasswordActionMessage,onClick:()=>{V(m==null?void 0:m())}}]),s({type:"success",text:c.updatePasswordMessage});return}const W=await Ue({email:y,password:L.password,handleSetInLineAlertProps:s,onErrorCallback:n,translations:c});W!=null&&W.userName&&(u==null||u(W==null?void 0:W.userName),k(a)?V(a()):g({userName:W==null?void 0:W.userName,status:!0}))}else s({type:"error",text:Z}),n==null||n({message:Z,success:oe})}catch{s({type:"error",text:c.customerTokenErrorMessage})}finally{_(!1)}},[y,p,r==null?void 0:r.requiredCharacterClasses,r==null?void 0:r.minLength,c,e,t,m,n,u,a,s,l]),Q=A(O=>{h(O)},[]);return{additionalActionsAlert:I,passwordError:F,isSuccessful:T,updatePasswordValue:N,isClickSubmit:f,isLoading:E,submitUpdatePassword:C,handleSetUpdatePasswordValue:Q,setIsClickSubmit:d}},vt=e=>z.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},z.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"}),z.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M6.75 12.762L10.2385 15.75L17.25 9",stroke:"currentColor"})),Mt=e=>z.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},z.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M7.74512 9.87701L12.0001 14.132L16.2551 9.87701",stroke:"currentColor",strokeWidth:1,strokeLinecap:"square",strokeLinejoin:"round"})),Pt=e=>z.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},z.createElement("g",{clipPath:"url(#clip0_841_1324)"},z.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M11.9949 2.30237L0.802734 21.6977H23.1977L11.9949 2.30237Z",stroke:"currentColor",strokeWidth:1,strokeLinecap:"round",strokeLinejoin:"round"}),z.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",strokeWidth:1,strokeLinecap:"round",strokeLinejoin:"round"})),z.createElement("defs",null,z.createElement("clipPath",{id:"clip0_841_1324"},z.createElement("rect",{width:24,height:21,fill:"white",transform:"translate(0 1.5)",strokeWidth:1})))),Lt=e=>z.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},z.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"}),z.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"})),Rt={success:o(vt,{}),warning:o(Pt,{}),error:o(Lt,{})},be=()=>{const[e,t]=w({}),r=A(a=>{if(!a||!a.type){t({});return}const i=Rt[a.type];t({...a,icon:i})},[]);return{inLineAlertProps:e,handleSetInLineAlertProps:r}};var H=(e=>(e.REQUIRED_FIELD_ERROR="requiredFieldError",e.NUMERIC_ERROR="numericError",e.ALPHA_NUM_WITH_SPACES_ERROR="alphaNumWithSpacesError",e.ALPHA_NUMERIC_ERROR="alphaNumericError",e.ALPHA_ERROR="alphaError",e.EMAIL_ERROR="emailError",e.DATE_ERROR="dateError",e.DATE_RANGE_ERROR="dateRangeError",e.DATE_MAX_ERROR="dateMaxError",e.DATE_MIN_ERROR="dateMinError",e.URL_ERROR="urlError",e.LENGTH_TEXT_ERROR="lengthTextError",e))(H||{});const j="/",Fe=e=>{const t=K(e),r=Object.entries(t).filter(([n,u])=>u===null&&Object.values(H).includes(n)).map(([n])=>n),a=r.reduce((n,u)=>(n[u]=`Auth.FormText.${u}`,n),{}),i=K(a);return{...t,...r.reduce((n,u)=>(n[u]=i[u],n),{})}},fr=({signInOnSuccess:e=!0,formSize:t="default",routeRedirectOnSignIn:r,routeWrongUrlRedirect:a,routeSignInPage:i,slots:n,onErrorCallback:u,onSuccessCallback:s,routeRedirectOnPasswordUpdate:l})=>{const m=Fe({title:"Auth.UpdatePasswordForm.title",buttonPrimary:"Auth.UpdatePasswordForm.buttonPrimary",placeholder:"Auth.InputPassword.placeholder",floatingLabel:"Auth.InputPassword.floatingLabel",requiredFieldError:"Auth.FormText.requiredFieldError.default"}),{passwordConfigs:c,isEmailConfirmationRequired:T}=Ge(),{inLineAlertProps:g,handleSetInLineAlertProps:N}=be(),{additionalActionsAlert:h,passwordError:f,isSuccessful:d,updatePasswordValue:y,isClickSubmit:b,isLoading:p,submitUpdatePassword:x,handleSetUpdatePasswordValue:E}=At({isEmailConfirmationRequired:T,signInOnSuccess:e,passwordConfigs:c,routeRedirectOnSignIn:r,routeWrongUrlRedirect:a,onErrorCallback:u,onSuccessCallback:s,handleSetInLineAlertProps:N,routeRedirectOnPasswordUpdate:l,routeSignInPage:i}),{isValidUniqueSymbols:_,defaultLengthMessage:F}=Je({password:y,isClickSubmit:b,passwordConfigs:c});if(d.status&&(n!=null&&n.SuccessNotification))return o(D,{"data-testid":"successNotificationTestId",name:"SuccessNotification",slot:n==null?void 0:n.SuccessNotification,context:{isSuccessful:d}});const S={updatePasswordValue:y,isLoading:p,passwordError:f,isSuccessful:d};return R("div",{className:re(["auth-update-password-form",`auth-update-password-form--${t}`]),children:[o(D,{name:"Title","data-testid":"title",slot:n==null?void 0:n.Title,context:{...S},children:o(ge,{title:m.title,divider:!1,className:"auth-update-password-form__title",level:1})}),o(fe,{className:re(["auth-update-password-form__notification",["auth-update-password-form__notification--show",!!(g!=null&&g.text)]]),variant:"secondary",heading:g==null?void 0:g.text,icon:g.icon,additionalActions:h}),R(Ae,{name:"updatePassword_form",className:"auth-update-password-form__form",onSubmit:x,loading:p,fieldsConfig:[],formSlot:{name:"Form",slot:n==null?void 0:n.Form,context:S,dataTestId:"form"},children:[o("div",{style:"display: none;",children:o("input",{type:"text",id:"username",name:"username",autoComplete:"username"})}),o(ye,{defaultValue:y,onValue:E,className:"auth-update-password-form__form__item",autoComplete:"new-password",name:"password",errorMessage:f||_==="error"||(F==null?void 0:F.status)==="error"?m.requiredFieldError:void 0,minLength:c==null?void 0:c.minLength,uniqueSymbolsStatus:_,validateLengthConfig:F,requiredCharacterClasses:c==null?void 0:c.requiredCharacterClasses,placeholder:m.placeholder,floatingLabel:m.floatingLabel}),o(D,{name:"Buttons",className:"auth-update-password-form__button","data-testid":"buttons",slot:n==null?void 0:n.Buttons,context:{...S},children:o(te,{type:"submit",buttonText:m.buttonPrimary,variant:"primary",enableLoader:p})})]})]})},gr=({formSize:e="default",className:t="",slots:r,labels:a})=>{const i=K({headingText:"Auth.SuccessNotification.headingText",messageText:"Auth.SuccessNotification.messageText",primaryButtonText:"Auth.SuccessNotification.primaryButtonText",secondaryButtonText:"Auth.SuccessNotification.secondaryButtonText"});return R("div",{className:re(["auth-success-notification-form",`auth-success-notification-form--${e}`,t]),id:"welcome-message",role:"alert","aria-live":"assertive","aria-labelledby":(a==null?void 0:a.headingText)??i.headingText,"aria-describedby":(a==null?void 0:a.messageText)??i.messageText,"tab-index":"-1",children:[o("p",{id:"welcome-heading",className:"auth-success-notification-form__title","data-testid":"notification-title",children:(a==null?void 0:a.headingText)??i.headingText}),o("p",{id:"welcome-details",className:"auth-success-notification-form__content-text","data-testid":"notification-content",children:(a==null?void 0:a.messageText)??i.messageText}),r!=null&&r.SuccessNotificationActions?o(D,{"data-testid":"successNotificationActions",name:"SuccessNotificationActions",slot:r==null?void 0:r.SuccessNotificationActions,context:{}}):R(Te,{children:[o(Me,{"data-testid":"primaryButton",type:"button",className:"auth-success-notification-form__button auth-success-notification-form__button--top",onClick:()=>V("/"),children:i.primaryButtonText}),o(Me,{"data-testid":"secondaryButton",type:"button",variant:"tertiary",onClick:async()=>{await dt(),V("/")},children:i.secondaryButtonText})]})]})},St=[{customUpperCode:"email",code:"email",default_value:"",entity_type:"CUSTOMER",frontend_class:"auth-sign-in-form__form__email",frontend_input:"TEXT",is_required:!0,multiline_count:1,sort_order:1,is_unique:!1,label:"Email",options:[],validateRules:[{name:"INPUT_VALIDATION",value:"email"}],autocomplete:"email"}],Ut=[{customUpperCode:"email",code:"email",default_value:"",entity_type:"CUSTOMER",frontend_class:"auth-reset-password-form__form__item",frontend_input:"TEXT",is_required:!0,is_unique:!1,label:"Email",options:[],validateRules:[{name:"INPUT_VALIDATION",value:"email"}],autocomplete:"email"}],$t=[{customUpperCode:"email",code:"email",default_value:"",entity_type:"CUSTOMER",frontend_class:"",frontend_input:"TEXT",is_required:!0,is_unique:!1,label:"Email",multiline_count:1,sort_order:1,options:[],validateRules:[{name:"INPUT_VALIDATION",value:"email"}],autocomplete:"email"},{customUpperCode:"firstname",code:"firstname",default_value:"",entity_type:"CUSTOMER",frontend_class:"",frontend_input:"TEXT",is_required:!0,is_unique:!1,label:"First name",multiline_count:1,sort_order:2,options:[],autocomplete:"given-name"},{customUpperCode:"lastname",code:"lastname",default_value:"",entity_type:"CUSTOMER",frontend_class:"",frontend_input:"TEXT",is_required:!1,is_unique:!1,label:"Last name",multiline_count:1,sort_order:3,options:[],autocomplete:"family-name"}],xe=e=>e!=null&&e.length?mt({data:{attributesForm:{items:e}}}):[],We=(e,t)=>t!=null&&t.length?e.map(r=>{var i;const a=(i=t.find(({code:n})=>n===r.code))==null?void 0:i.defaultValue;return a?{...r,defaultValue:a}:r}):e,Ct=({inputsDefaultValueSet:e,fieldsConfigForApiVersion1:t,apiVersion2:r})=>{const[a,i]=w([]);return se(()=>{(async()=>{if(r){const u=await ht("customer_account_create");if(u!=null&&u.length)if(e!=null&&e.length){const s=We(u,e);i(s)}else i(u)}else{const u=xe($t),s=xe(t),l=We(u,e);i(t&&t.length?s:l)}})()},[r,t,e]),{fieldsListConfigs:a.map(n=>({...n,...n.code==="email"?{autocomplete:"email"}:{}}))}},It=(e,t)=>{const r=["dob","email","firstname","gender","lastname","middlename","password","prefix","suffix","taxvat","allow_remote_shopping_assistance"],a=ft(e,"snakeCase",{firstName:"firstname",lastName:"lastname"});if(!t)return{...a,...a!=null&&a.gender?{gender:Number(a==null?void 0:a.gender)}:{}};const i={},n=[];return Object.keys(a).forEach(u=>{r.includes(u)?u.includes("gender")?i[u]=Number(a[u]):u==="allow_remote_shopping_assistance"?i[u]=a[u]==="true":i[u]=a[u]:n.push({attribute_code:u,value:a[u]})}),n.length>0&&(i.custom_attributes=n),i},Pe=(e,t,r)=>{const a=e.target.querySelector('input[name="password"]'),i=e.target.querySelector('input[name="confirmPasswordField"]');a&&!t.length?a.focus():i&&!r.length&&i.focus()},Ot=({requireRetypePassword:e,addressesData:t,translations:r,isEmailConfirmationRequired:a,apiVersion2:i=!0,passwordConfigs:n,isAutoSignInEnabled:u,routeRedirectOnSignIn:s,routeSignIn:l,onErrorCallback:m,onSuccessCallback:c,setActiveComponent:T,handleSetInLineAlertProps:g,routeRedirectOnEmailConfirmationClose:N})=>{const[h,f]=w(!1),[d,y]=w(""),[b,p]=w(""),[x,E]=w(""),[_,F]=w(!1),[S,I]=w({userName:"",status:!1}),[v,C]=w(""),[Q,O]=w(!1),[L,q]=w(!1),[X,ae]=w(!0),Z=A(P=>{const G=P.target.value;f(!G.length),G.length&&d.length&&G!==d&&p(r.passwordMismatch)},[d,r.passwordMismatch]),oe=A(P=>{const G=P.target.value;p(G.length?"":r.requiredFieldError),G.length&&v.length&&G!==v&&p(r.passwordMismatch)},[v,r.passwordMismatch,r.requiredFieldError]),W=A(P=>{y(P),p(P?v===P?"":r.passwordMismatch:r.requiredFieldError)},[r,v]),me=A(({target:P})=>{ae(P.checked)},[]),M=A(()=>{if(k(T)){T("signInForm");return}k(l)&&V(l())},[T,l]),U=A(P=>{C(P),f(!P.length),P===d&&p("")},[d]),Y=A(()=>{g(),C(""),k(N)?V(N()):(F(!1),T==null||T("signInForm"))},[g,N,T]),B=()=>{O(!0),q(!1)},ee=(P,G)=>{const Ce=v.length&&d.length,he=v!==d,ie=()=>{f(!v.length),d||p(r.requiredFieldError),Ce&&he&&p(r.passwordMismatch)},ue=()=>{p(d.length?r.passwordMismatch:r.requiredFieldError),Pe(P,v,d)};return G?e&&(b.length||he)?(B(),ue(),!0):(Pe(P,v,""),ie(),!1):(B(),ie(),!0)};return{showPasswordErrorMessage:h,confirmPassword:d,confirmPasswordMessage:b,isKeepMeLogged:X,userEmail:x,showEmailConfirmationForm:_,isSuccessful:S,isClickSubmit:Q,signUpPasswordValue:v,isLoading:L,onSubmitSignUp:async(P,G)=>{var Ie,Oe,qe;if(g(),p(""),q(!0),ee(P,G))return;const{confirmPasswordField:Ce,...he}=Ne(P.target),{email:ie,password:ue}=he,et=(n==null?void 0:n.requiredCharacterClasses)||0,tt=(n==null?void 0:n.minLength)||1;if(!$e(ue,et)||tt>(ue==null?void 0:ue.length)){B();return}const rt=It({...he},i);try{const ne=await gt(rt,i);if((Ie=ne==null?void 0:ne.errors)!=null&&Ie.length){const{errors:ce}=ne;g==null||g({type:"error",text:(Oe=ce[0])==null?void 0:Oe.message}),m==null||m(ce),E(ie)}else{const ce=ne==null?void 0:ne.firstName;if(pt(_t.CREATE_ACCOUNT_EVENT,{...ne}),a||!u){if(c==null||c({userName:ce,userEmail:ie,status:!0}),a){(qe=P.target)==null||qe.reset(),C(""),F(!0),E(ie);return}if(!u){I({userName:ce,status:!0});return}}const J=await Ue({email:ie,password:ue,translations:r,handleSetInLineAlertProps:g,onErrorCallback:m});if(J!=null&&J.userName){if(t!=null&&t.length)for(const Be of t)try{await Et(Be)}catch(at){console.error(r.failedCreateCustomerAddress,Be,at)}c==null||c({userName:J==null?void 0:J.userName,userEmail:J==null?void 0:J.userEmail,status:!0}),k(s)?V(s()):I({userName:J==null?void 0:J.userName,status:!0})}else c==null||c({userName:ce,userEmail:ie,status:!0}),I({userName:ce,status:!0})}}catch{g==null||g({type:"error",text:r.customerTokenErrorMessage})}finally{q(!1)}},signInButton:M,handleSetSignUpPasswordValue:U,onKeepMeLoggedChange:me,handleHideEmailConfirmationForm:Y,handleConfirmPasswordChange:W,onBlurPassword:Z,onBlurConfirmPassword:oe}},ze=({requireRetypePassword:e=!1,addressesData:t,formSize:r="default",inputsDefaultValueSet:a,fieldsConfigForApiVersion1:i,apiVersion2:n=!0,isAutoSignInEnabled:u=!0,hideCloseBtnOnEmailConfirmation:s=!1,routeRedirectOnEmailConfirmationClose:l,routeRedirectOnSignIn:m,routeSignIn:c,onErrorCallback:T,onSuccessCallback:g,setActiveComponent:N,slots:h})=>{const f=Fe({title:"Auth.SignUpForm.title",buttonPrimary:"Auth.SignUpForm.buttonPrimary",buttonSecondary:"Auth.SignUpForm.buttonSecondary",keepMeLoggedText:"Auth.SignUpForm.keepMeLoggedText",customerTokenErrorMessage:"Auth.Api.customerTokenErrorMessage",failedCreateCustomerAddress:"Auth.SignUpForm.failedCreateCustomerAddress",placeholder:"Auth.InputPassword.placeholder",floatingLabel:"Auth.InputPassword.floatingLabel",requiredFieldError:"Auth.FormText.requiredFieldError.default",confirmPasswordPlaceholder:"Auth.SignUpForm.confirmPassword.placeholder",confirmPasswordFloatingLabel:"Auth.SignUpForm.confirmPassword.floatingLabel",passwordMismatch:"Auth.SignUpForm.confirmPassword.passwordMismatch",shoppingAssistanceCheckboxTitle:"Auth.SignUpForm.shoppingAssistanceCheckboxTitle",shoppingAssistanceCheckboxTooltip:"Auth.SignUpForm.shoppingAssistanceCheckboxTooltip"}),{passwordConfigs:d,isEmailConfirmationRequired:y,remoteShoppingAssistanceConfigs:b}=Ge(),{fieldsListConfigs:p}=Ct({fieldsConfigForApiVersion1:i,apiVersion2:n,inputsDefaultValueSet:a}),{inLineAlertProps:x,handleSetInLineAlertProps:E}=be(),{showPasswordErrorMessage:_,confirmPassword:F,confirmPasswordMessage:S,isKeepMeLogged:I,userEmail:v,showEmailConfirmationForm:C,isSuccessful:Q,isClickSubmit:O,signUpPasswordValue:L,isLoading:q,onSubmitSignUp:X,signInButton:ae,handleSetSignUpPasswordValue:Z,onKeepMeLoggedChange:oe,handleHideEmailConfirmationForm:W,handleConfirmPasswordChange:me,onBlurPassword:M,onBlurConfirmPassword:U}=Ot({requireRetypePassword:e,addressesData:t,translations:f,isEmailConfirmationRequired:y,apiVersion2:n,passwordConfigs:d,isAutoSignInEnabled:u,routeRedirectOnSignIn:m,routeSignIn:c,onErrorCallback:T,onSuccessCallback:g,setActiveComponent:N,handleSetInLineAlertProps:E,routeRedirectOnEmailConfirmationClose:l}),{isValidUniqueSymbols:Y,defaultLengthMessage:B}=Je({password:L,isClickSubmit:O,passwordConfigs:d}),ee=we(()=>_?f.requiredFieldError:Y==="error"||(B==null?void 0:B.status)==="error"?" ":"",[B==null?void 0:B.status,Y,_,f.requiredFieldError]),_e=!y&&(t==null?void 0:t.length);if(!p.length&&n)return o("div",{className:`auth-sign-up-form auth-sign-up-form--${r} skeleton-loader`,"data-testid":"SignUpForm",children:o(bt,{activeSkeleton:"signUpForm"})});if(Q.status&&(h!=null&&h.SuccessNotification))return o(D,{"data-testid":"successNotificationTestId",name:"SuccessNotification",slot:h==null?void 0:h.SuccessNotification,context:{isSuccessful:Q}});if(C)return o(Xe,{formSize:r,userEmail:v,inLineAlertProps:x,hideCloseBtnOnEmailConfirmation:s,handleSetInLineAlertProps:E,onPrimaryButtonClick:W});const P={userEmail:v,signUpPasswordValue:L,confirmPassword:F,showPasswordErrorMessage:_,confirmPasswordMessage:S,isLoading:q,isSuccessful:Q};return R("div",{className:re(["auth-sign-up-form",`auth-sign-up-form--${r}`]),"data-testid":"SignUpForm",children:[o(D,{name:"Title","data-testid":"title",slot:h==null?void 0:h.Title,context:{...P},children:o(ge,{title:f.title,divider:!1,className:"auth-sign-up-form__title",level:1})}),x.text?o(fe,{className:"auth-sign-up-form__notification",type:x.type,variant:"secondary",heading:x.text,icon:x.icon}):null,R(Ae,{onSubmit:X,className:"auth-sign-up-form__form",loading:q,name:"signUp_form",fieldsConfig:p,slots:h,formSlot:{name:"Form",slot:h==null?void 0:h.Form,context:P,dataTestId:"form"},children:[R(ye,{validateLengthConfig:B,className:"auth-sign-up-form__form__field",autoComplete:"new-password",name:"password",minLength:d==null?void 0:d.minLength,errorMessage:ee,defaultValue:L,uniqueSymbolsStatus:Y,requiredCharacterClasses:d==null?void 0:d.requiredCharacterClasses,onValue:Z,placeholder:f.placeholder,floatingLabel:f.floatingLabel,onBlur:M,children:[e?o("div",{className:"auth-sign-up-form__form__confirm-wrapper",children:o(ye,{className:"auth-sign-up-form__form__field auth-sign-up-form__form__field--confirm-password",autoComplete:"new-password",name:"confirmPasswordField",placeholder:f.confirmPasswordPlaceholder,floatingLabel:f.confirmPasswordFloatingLabel,errorMessage:S,defaultValue:F,onValue:me,onBlur:U})}):null,_e?o("div",{className:"auth-sign-up-form__automatic-login","data-testid":"automaticLogin",children:o(Re,{children:o(Se,{name:"",placeholder:f.keepMeLoggedText,label:f.keepMeLoggedText,checked:I,onChange:oe})})}):null]}),b!=null&&b.shoppingAssistanceEnabled?o(D,{name:"RemoteShoppingAssistanceConsent","data-testid":"remoteShoppingAssistanceConsent",slot:h==null?void 0:h.RemoteShoppingAssistanceConsent,children:o(nr,{label:b.shoppingAssistanceCheckboxTitle||f.shoppingAssistanceCheckboxTitle,tooltip:b.shoppingAssistanceCheckboxTooltip||f.shoppingAssistanceCheckboxTooltip})},"remoteShoppingAssistanceConsent"):null,o(D,{name:"PrivacyPolicyConsent","data-testid":"privacyPolicyConsent",slot:h==null?void 0:h.PrivacyPolicyConsent},"privacyPolicyConsent"),R(D,{name:"Buttons",className:"auth-sign-up-form-buttons","data-testid":"buttons",slot:h==null?void 0:h.Buttons,context:{...P},children:[o(te,{className:"auth-sign-up-form-buttons--signin",type:"button",variant:"tertiary",style:{padding:0},buttonText:f.buttonSecondary,enableLoader:!1,onClick:ae}),o(te,{type:"submit",buttonText:f.buttonPrimary,variant:"primary",enableLoader:q})]})]}),o("div",{id:"createCustomerV2"})]})},pr=Object.freeze(Object.defineProperty({__proto__:null,SignUpForm:ze,default:ze},Symbol.toStringTag,{value:"Module"})),qt=({emailConfirmationStatusMessage:e,translations:t,initialEmailValue:r,routeSignUp:a,routeForgotPassword:i,routeRedirectOnSignIn:n,onErrorCallback:u,setActiveComponent:s,onSuccessCallback:l,onSignUpLinkClick:m,handleSetInLineAlertProps:c,routeRedirectOnEmailConfirmationClose:T,apiErrorMessageOverride:g})=>{const[N,h]=w(""),[f,d]=w(!1),[y,b]=w(""),[p,x]=w(!1),[E,_]=w({userName:"",status:!1}),[F,S]=w(!1),[I,v]=w([]),C=A(async M=>{c(),d(!0),x(!1),v([]),await Ke(M)},[c]),Q=A(M=>{M.length?x(!1):x(!0),b(M)},[]);se(()=>{e!=null&&e.text&&c({text:e.text,type:e.status?e.status:void 0})},[e,c]);const O=A(()=>{y.length||x(!0)},[y]),L=A((M,U)=>y.length?!1:(x(!0),U&&Pe(M,y,""),!0),[y]),q=A((M,U)=>{U!=null&&U.userName&&(M.target.reset(),k(n)?V(n()):(l==null||l({userName:U==null?void 0:U.userName,status:!0}),_({userName:U==null?void 0:U.userName,status:!0})))},[l,n]),X=A((M,U)=>{var Y;if((Y=M==null?void 0:M.errorMessage)!=null&&Y.length){h(U);const B=M.errorMessage.includes("This account isn't confirmed. Verify and try again."),ee=B?t.resendEmailInformationText:M.displayErrorMessage;v(B?[{label:t.resendEmailButtonText,onClick:()=>{C(U)}}]:[]),c({text:ee,type:"error"}),b("")}},[C,c,t.resendEmailButtonText,t.resendEmailInformationText]),ae=A(async(M,U)=>{if(c(),L(M,U))return;S(!0);const Y=Ne(M.target),B=Object.values(Y).every(ee=>ee);try{if(B){const{email:ee,password:_e}=Y,P=await Ue({email:ee,password:_e,handleSetInLineAlertProps:c,onErrorCallback:u,translations:t,apiErrorMessageOverride:g});X(P,ee),q(M,P),x(!1)}}catch{c({type:"error",text:t.customerTokenErrorMessage})}finally{S(!1)}},[t,u,L,X,q,c,g]),Z=A(()=>{if(k(s)){s("resetPasswordForm");return}k(i)&&V(i())},[i,s]),oe=A(()=>{if(k(m)&&m(),k(s)){s("signUpForm");return}k(a)&&V(a())},[m,a,s]),W=we(()=>{const M=xe(St);return r!=null&&r.length?M==null?void 0:M.map(U=>({...U,defaultValue:r})):M},[r]),me=A(()=>{c(),k(T)?V(T()):d(!1)},[c,T]);return{additionalActionsAlert:I,userEmail:N,defaultEnhancedEmailFields:W,passwordError:p,isSuccessful:E,isLoading:F,signInPasswordValue:y,showEmailConfirmationForm:f,setShowEmailConfirmationForm:d,setSignInPasswordValue:b,submitLogInUser:ae,forgotPasswordCallback:Z,onSignUpLinkClickCallback:oe,handledOnPrimaryButtonClick:me,handleSetPassword:Q,onBlurPassword:O}},Bt=()=>{const e=new URL(window.location.href),t=e.searchParams.get("email"),r=e.searchParams.get("key");t&&r&&(e.searchParams.delete("email"),e.searchParams.delete("key"),window.history.replaceState({},document.title,e.toString()))},kt=({enableEmailConfirmation:e})=>{const t=K({accountConfirmMessage:"Auth.EmailConfirmationForm.accountConfirmMessage",accountConfirmationEmailSuccessMessage:"Auth.EmailConfirmationForm.accountConfirmationEmailSuccessMessage"}),[r,a]=w({text:"",status:""});return se(()=>{if(e){const{search:i}=window.location;i.includes("email=")&&i.includes("key=")&&(async()=>{var l,m,c;const u=new URLSearchParams(i),s=await yt({customerEmail:u.get("email"),customerConfirmationKey:u.get("key")});if(!s)return null;(l=s==null?void 0:s.errors)!=null&&l.length?a({text:s==null?void 0:s.errors[0].message,status:"error"}):(a({text:s.data.confirmEmail.customer.email?t.accountConfirmationEmailSuccessMessage.replace("{email}",(c=(m=s==null?void 0:s.data)==null?void 0:m.confirmEmail.customer)==null?void 0:c.email):t.accountConfirmMessage,status:"success"}),Bt())})()}},[e,t]),{emailConfirmationStatusMessage:r}},He=({slots:e,labels:t,formSize:r="default",initialEmailValue:a="",renderSignUpLink:i=!1,enableEmailConfirmation:n=!1,hideCloseBtnOnEmailConfirmation:u=!1,routeRedirectOnEmailConfirmationClose:s,routeRedirectOnSignIn:l,routeForgotPassword:m,routeSignUp:c,onSuccessCallback:T,setActiveComponent:g,onErrorCallback:N,onSignUpLinkClick:h,apiErrorMessageOverride:f})=>{const d=Fe({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",customerTokenErrorMessage:"Auth.Api.customerTokenErrorMessage",placeholder:"Auth.InputPassword.placeholder",floatingLabel:"Auth.InputPassword.floatingLabel",requiredFieldError:"Auth.FormText.requiredFieldError.default"}),{emailConfirmationStatusMessage:y}=kt({enableEmailConfirmation:n}),{inLineAlertProps:b,handleSetInLineAlertProps:p}=be(),{userEmail:x,additionalActionsAlert:E,defaultEnhancedEmailFields:_,passwordError:F,isSuccessful:S,isLoading:I,signInPasswordValue:v,showEmailConfirmationForm:C,submitLogInUser:Q,forgotPasswordCallback:O,onSignUpLinkClickCallback:L,handledOnPrimaryButtonClick:q,handleSetPassword:X,onBlurPassword:ae}=qt({translations:d,emailConfirmationStatusMessage:y,initialEmailValue:a,routeSignUp:c,routeForgotPassword:m,routeRedirectOnSignIn:l,setActiveComponent:g,onErrorCallback:N,onSuccessCallback:T,onSignUpLinkClick:h,handleSetInLineAlertProps:p,routeRedirectOnEmailConfirmationClose:s,apiErrorMessageOverride:f});if(S.status&&(e!=null&&e.SuccessNotification))return o(D,{"data-testid":"successNotificationTestId",name:"SuccessNotification",slot:e==null?void 0:e.SuccessNotification,context:{isSuccessful:S}});if(C)return o(Xe,{formSize:r,userEmail:x,inLineAlertProps:b,hideCloseBtnOnEmailConfirmation:u,handleSetInLineAlertProps:p,onPrimaryButtonClick:q});const Z={userEmail:x,signInPasswordValue:v,isLoading:I,passwordError:F,isSuccessful:S};return R("div",{className:re(["auth-sign-in-form",`auth-sign-in-form--${r}`]),"data-testid":"signInForm",children:[o(D,{name:"Title","data-testid":"title",slot:e==null?void 0:e.Title,context:{...Z},children:o(ge,{title:(t==null?void 0:t.formTitleText)??d.title,divider:!1,className:"auth-sign-in-form__title",level:1})}),b.text?o(fe,{"data-testid":"authInLineAlert",className:"auth-sign-in-form__notification",type:b.type,variant:"secondary",heading:b.text,icon:b.icon,additionalActions:E}):null,R(Ae,{name:"signIn_form",className:"auth-sign-in-form__form",onSubmit:Q,loading:I,fieldsConfig:_,formSlot:{name:"Form",slot:e==null?void 0:e.Form,context:Z,dataTestId:"form"},children:[o(ye,{hideStatusIndicator:!0,className:"auth-sign-in-form__form__password",autoComplete:"current-password",errorMessage:F?d.requiredFieldError:void 0,defaultValue:v,onValue:X,onBlur:ae,placeholder:d.placeholder,floatingLabel:d.floatingLabel}),o("div",{className:"auth-sign-in-form__form__buttons__wrapper",children:R(D,{name:"Buttons",className:"auth-sign-in-form__form__buttons","data-testid":"buttons",slot:e==null?void 0:e.Buttons,context:{...Z},children:[R("div",{className:"auth-sign-in-form__form__buttons__combine",children:[o(te,{type:"button",variant:"tertiary",style:{padding:0},buttonText:d.buttonTertiary,className:"auth-sign-in-form__button auth-sign-in-form__button--forgot",enableLoader:!1,onClick:O,"data-testid":"switchToSignUp"}),i?R(Te,{children:[o("span",{}),o(te,{type:"button",variant:"tertiary",style:{padding:0},buttonText:d.buttonSecondary,className:"auth-sign-in-form__button auth-sign-in-form__button--signup",enableLoader:!1,onClick:L})]}):null]}),o(te,{type:"submit",buttonText:(t==null?void 0:t.primaryButtonText)??d.buttonPrimary,variant:"primary",className:"auth-sign-in-form__button auth-sign-in-form__button--submit",enableLoader:I})]})})]}),o("div",{id:"generateCustomerToken"})]})},_r=Object.freeze(Object.defineProperty({__proto__:null,SignInForm:He,default:He},Symbol.toStringTag,{value:"Module"})),Dt=e=>e.reduce((t,r)=>({...t,[r.name]:r.value}),{}),Wt=e=>/^\d+$/.test(e),zt=e=>/^[a-zA-Z0-9\s]+$/.test(e),Ht=e=>/^[a-zA-Z0-9]+$/.test(e),jt=e=>/^[a-zA-Z]+$/.test(e),Qe=e=>/^[a-z0-9,!\#\$%&'\*\+\/=\?\^_`\{\|\}~-]+(\.[a-z0-9,!\#\$%&'\*\+\/=\?\^_`\{\|\}~-]+)*@([a-z0-9-]+\.)+[a-z]{2,}$/i.test(e),Vt=e=>/^\d{4}-\d{2}-\d{2}$/.test(e)&&!isNaN(Date.parse(e)),Zt=(e,t,r)=>{const a=new Date(e).getTime()/1e3;return!(isNaN(a)||a<0||typeof t<"u"&&a<t||typeof r<"u"&&a>r)},Ee=e=>{if(!e||e.trim()==="")return"";const t=parseInt(e,10);if(!isNaN(t)){const i=new Date(t*1e3);return isNaN(i.getTime())?"":i.toISOString().split("T")[0]}const r=new Date(e);if(isNaN(r.getTime()))return"";const a=parseInt(e.split("-")[1],10);return a>12||a<1?"":r.toISOString().split("T")[0]},Kt=e=>/^(https?|ftp):\/\/(([A-Z0-9]([A-Z0-9_-]*[A-Z0-9]|))(\.[A-Z0-9]([A-Z0-9_-]*[A-Z0-9]|))*)(:(\d+))?(\/[A-Z0-9~](([A-Z0-9_~-]|\.)*[A-Z0-9~]|))*\/?(.*)?$/i.test(e),Xt=(e,t,r)=>{const a=e.length;return a>=t&&a<=r},ve=(e,t,r,a)=>{var I,v;const{requiredFieldError:i,lengthTextError:n,numericError:u,alphaNumWithSpacesError:s,alphaNumericError:l,alphaError:m,emailError:c,dateError:T,urlError:g,dateRangeError:N,dateMaxError:h,dateMinError:f}=r,d=t==null?void 0:t.customUpperCode,y={[d]:""};if(a[d]&&delete a[d],t!=null&&t.required&&(!e||e==="false"))return{[d]:`${H.REQUIRED_FIELD_ERROR}${j}${i}`};if(!(t!=null&&t.required)&&!e||!((I=t==null?void 0:t.validateRules)!=null&&I.length))return y;const b=Dt(t==null?void 0:t.validateRules),p=b.MIN_TEXT_LENGTH??1,x=b.MAX_TEXT_LENGTH??255,E=b.DATE_RANGE_MIN,_=b.DATE_RANGE_MAX;if(!Xt(e,+p,+x)&&!(E||_)){const C=n.replace("{min}",p).replace("{max}",x);return{[d]:`${H.LENGTH_TEXT_ERROR}${j}${C}`}}if(!Zt(e,+E,+_)&&(E||_)){if(E&&E){const C=N.replace("{min}",Ee(E)).replace("{max}",Ee(_));return{[d]:`${H.DATE_RANGE_ERROR}${j}${C}`}}if(typeof E>"u"&&typeof _<"u"){const C=h.replace("{max}",Ee(_));return{[d]:`${H.DATE_MAX_ERROR}${j}${C}`}}if(typeof _>"u"&&typeof E<"u"){const C=f.replace("{min}",Ee(E));return{[d]:`${H.DATE_MIN_ERROR}${j}${C}`}}}const S={numeric:{validate:Wt,error:`${H.NUMERIC_ERROR}${j}${u}`},"alphanum-with-spaces":{validate:zt,error:`${H.ALPHA_NUM_WITH_SPACES_ERROR}${j}${s}`},alphanumeric:{validate:Ht,error:`${H.ALPHA_NUMERIC_ERROR}${j}${l}`},alpha:{validate:jt,error:`${H.ALPHA_ERROR}${j}${m}`},email:{validate:Qe,error:`${H.EMAIL_ERROR}${j}${c}`},date:{validate:Vt,error:`${H.DATE_ERROR}${j}${T}`},url:{validate:Kt,error:`${H.URL_ERROR}${j}${g}`}}[b.INPUT_VALIDATION];return S&&!S.validate(e)&&!((v=a[d])!=null&&v.length)?{[d]:S.error}:y},Gt=({routeSignIn:e,onErrorCallback:t,onSuccessCallback:r,setActiveComponent:a,handleSetInLineAlertProps:i})=>{const n=K({successPasswordResetEmailNotification:"Auth.Notification.successPasswordResetEmailNotification",technicalErrorSendEmail:"Auth.Notification.technicalErrors.technicalErrorSendEmail"}),[u,s]=w(!1),l=A(async c=>{c.preventDefault();const T=Ne(c.target);if(Qe(T==null?void 0:T.email)){s(!0);try{const g=await xt(T.email);if(!g.success){t==null||t(g),i==null||i({type:"error",text:g.message});return}if(r){await r();return}i==null||i({type:"success",text:n.successPasswordResetEmailNotification.replace("{email}",T.email)})}catch{i==null||i({type:"error",text:n.technicalErrorSendEmail})}finally{s(!1)}}},[i,t,r,n.successPasswordResetEmailNotification,n.technicalErrorSendEmail]),m=A(()=>{if(k(a)){a("signInForm");return}k(e)&&V(e())},[a,e]);return{isLoading:u,submitResetPassword:l,redirectToSignInPage:m}},je=({formSize:e="default",routeSignIn:t,setActiveComponent:r,onErrorCallback:a,onSuccessCallback:i,slots:n,...u})=>{const s=K({title:"Auth.ResetPasswordForm.title",buttonPrimary:"Auth.ResetPasswordForm.buttonPrimary",buttonSecondary:"Auth.ResetPasswordForm.buttonSecondary",formAriaLabel:"Auth.ResetPasswordForm.formAriaLabel"}),{inLineAlertProps:l,handleSetInLineAlertProps:m}=be(),{isLoading:c,submitResetPassword:T,redirectToSignInPage:g}=Gt({routeSignIn:t,setActiveComponent:r,onErrorCallback:a,onSuccessCallback:i,handleSetInLineAlertProps:m}),N={isLoading:c};return R("div",{...u,className:re(["auth-reset-password-form",`auth-reset-password-form--${e}`]),"data-testid":"resetPasswordForm",children:[o(D,{name:"Title","data-testid":"title",slot:n==null?void 0:n.Title,context:{...N},children:o(ge,{title:s.title,divider:!1,className:"auth-reset-password-form__title",level:1})}),l.text?o(fe,{className:"auth-reset-password-form__notification",type:l.type,variant:"secondary",heading:l.text,icon:l.icon}):null,o(Ae,{"aria-labelledby":s.formAriaLabel,name:"resetPassword_form",className:"auth-reset-password-form__form",onSubmit:T,loading:c,fieldsConfig:xe(Ut),formSlot:{name:"Form",slot:n==null?void 0:n.Form,context:N,dataTestId:"form"},children:R(D,{name:"Buttons",className:"auth-reset-password-form__buttons","data-testid":"buttons",slot:n==null?void 0:n.Buttons,context:{...N},children:[o(te,{className:"auth-reset-password-form__buttons--signin",type:"button",variant:"tertiary",style:{padding:"0"},icon:o(Mt,{style:{transform:"rotate(90deg)"}}),buttonText:s.buttonSecondary,enableLoader:!1,onClick:g}),o(te,{type:"submit",buttonText:s.buttonPrimary,variant:"primary",enableLoader:c})]})}),o("div",{id:"requestPasswordResetEmail"})]})},Er=Object.freeze(Object.defineProperty({__proto__:null,ResetPasswordForm:je,default:je},Symbol.toStringTag,{value:"Module"})),Jt=e=>e.reduce((t,{customUpperCode:r,required:a,defaultValue:i})=>(a&&r&&(t.initialData[r]=i||"",t.errorList[r]=""),t),{initialData:{},errorList:{}}),Qt=["auth-reset-password-form__buttons--signin","auth-sign-up-form-buttons--signin","auth-sign-in-form__button--forgot","auth-sign-in-form__button--signup"],Yt=({fieldsConfig:e,onSubmit:t})=>{const r=Fe({requiredFieldError:"Auth.FormText.requiredFieldError.default",lengthTextError:"Auth.FormText.lengthTextError.default",numericError:"Auth.FormText.numericError.default",alphaNumWithSpacesError:"Account.FormText.alphaNumWithSpacesError.default",alphaNumericError:"Auth.FormText.alphaNumericError.default",alphaError:"Auth.FormText.alphaError.default",emailError:"Auth.FormText.emailError.default",dateError:"Auth.FormText.dateError.default",dateRangeError:"Auth.FormText.dateRangeError.default",dateMaxError:"Auth.FormText.dateMaxError.default",dateMinError:"Auth.FormText.dateMinError.default",urlError:"Auth.FormText.urlError.default"}),a=ke(null),i=ke(!1),[n,u]=w({}),[s,l]=w({}),m=A(()=>{let h=!0;const f={...s};let d=null;for(const[y,b]of Object.entries(n)){const p=e==null?void 0:e.find(E=>{var _;return(_=E==null?void 0:E.customUpperCode)==null?void 0:_.includes(y)}),x=ve(b.toString(),p,r,f);x[y]&&(Object.assign(f,x),h=!1),d||(d=Object.keys(f).find(E=>f[E])??null)}if(l(f),d&&a.current){const y=a.current.elements.namedItem(d);y==null||y.focus()}return h},[s,e,n,r]);se(()=>{if(e!=null&&e.length){const{initialData:h,errorList:f}=Jt(e);u(d=>({...h,...d})),l(f)}},[JSON.stringify(e)]);const c=A(async h=>{const f=h.target,d=!Qt.some(y=>f.classList.contains(y));!i.current&&d&&(await nt(0),i.current=!0)},[]),T=A(h=>{const{name:f,value:d,type:y,checked:b}=h==null?void 0:h.target,p=y==="checkbox"?b:d;u(_=>({..._,[f]:p}));const x=e==null?void 0:e.find(_=>{var F;return(F=_==null?void 0:_.customUpperCode)==null?void 0:F.includes(f)}),E={...s};if(x){const _=ve(p.toString(),x,r,E);_&&Object.assign(E,_),l(E)}},[e,s,r]),g=A(h=>{const{name:f,value:d,type:y,checked:b}=h==null?void 0:h.target,p=y==="checkbox"?b:d,x=e==null?void 0:e.find(E=>E.customUpperCode===f);if(x){const E={...s},_=ve(p.toString(),x,r,E);_&&Object.assign(E,_),l(E)}},[s,e,r]),N=A(h=>{h.preventDefault();const f=m();t==null||t(h,f)},[m,t]);return{formData:n,errors:s,formRef:a,handleChange:T,handleBlur:g,handleSubmit:N,handleFocus:c}},Ye=e=>{const t={errorKey:"",defaultErrorMessage:""};if(!e)return t;const r=e.indexOf(j);return r===-1?t:{errorKey:e.substring(0,r).trim(),defaultErrorMessage:e.substring(r+j.length).trim()}},pe=le(({item:e,errorConfig:t,className:r,itemClassName:a,loading:i,children:n})=>{const{errorKey:u,defaultErrorMessage:s}=Ye(t),l=K(`Auth.FormText.${u}.${e.code}`)[e.code];let m="";return s.length&&(m=l||s),o(Re,{error:m,className:re([a,`${a}--${e.id}`,[`${a}--${e.id}-hidden`,e.isHidden],e.className]),"data-testid":`${r}--${e.id}`,disabled:i||e.disabled,children:n},e.id)}),Ve=le(({item:e,valueMessage:t,errorConfig:r,onBlur:a,onChange:i,onFocus:n,className:u,itemClassName:s,loading:l})=>o(pe,{item:e,errorConfig:r,className:u,itemClassName:s,loading:l,children:o(ot,{type:"text",name:e.customUpperCode,value:t??e.defaultValue,placeholder:e.label,floatingLabel:`${e.label} ${e.required?"*":""}`,autocomplete:e.autocomplete,onBlur:a,onChange:i,onFocus:n})})),Ze=le(({item:e,valueMessage:t,errorConfig:r,onBlur:a,onChange:i,className:n,itemClassName:u,loading:s})=>{var m;const l=(m=e.options.find(c=>c.isDefault))==null?void 0:m.value;return o(pe,{item:e,errorConfig:r,className:n,itemClassName:u,loading:s,children:o(it,{name:e.customUpperCode,floatingLabel:`${e.label} ${e.required?"*":""}`,placeholder:e.label,"aria-label":e.label,options:e.options,onBlur:a,handleSelect:i,defaultValue:l??t??e.defaultValue,value:l??t??e.defaultValue})})}),er=le(({item:e,valueMessage:t,errorConfig:r,onBlur:a,onChange:i,className:n,itemClassName:u,loading:s})=>o(pe,{item:e,errorConfig:r,className:n,itemClassName:u,loading:s,children:o(st,{type:"text",name:e.customUpperCode,value:t||e.defaultValue,placeholder:e.label,floatingLabel:`${e.label} ${e.required?"*":""}`,onBlur:a,onChange:i,disabled:s||e.disabled})})),tr=le(({item:e,valueMessage:t,errorConfig:r,onBlur:a,onChange:i,className:n,itemClassName:u,loading:s})=>o(pe,{item:e,errorConfig:r,className:n,itemClassName:u,loading:s,children:o(Se,{name:e.customUpperCode,checked:t||e.defaultValue,placeholder:e.label,label:`${e.label} ${e.required?"*":""}`,onBlur:a,onChange:i})})),rr=le(({item:e,valueMessage:t,errorConfig:r,onBlur:a,onChange:i,className:n,itemClassName:u,loading:s})=>o(pe,{item:e,errorConfig:r,className:n,itemClassName:u,loading:s,children:o(ut,{name:e.customUpperCode,value:t??e.defaultValue,label:`${e.label} ${e.required?"*":""}`,onBlur:a,onChange:i})})),ar=({slots:e,item:t,handleOnChange:r,handleOnBlur:a,handleOnFocus:i,errorConfig:n,errors:u})=>{const{errorKey:s,defaultErrorMessage:l}=Ye(n),m=K(`Auth.FormText.${s}.${t.code}`)[t.code];let c="";l.length&&(c=m||l);const T={inputName:t.customUpperCode,handleOnChange:r,handleOnBlur:a,handleOnFocus:i,errorMessage:c,errors:u,config:t};return o(D,{"data-testid":`signUpFormInput_${t.code}`,name:`SignUpFormInput_${t.code}`,slot:e==null?void 0:e[`SignUpFormInput_${t.code}`],context:T},t.id)},Ae=le(({slots:e,name:t,loading:r,children:a,className:i="defaultForm",fieldsConfig:n=[],onSubmit:u,formSlot:s,...l})=>{const{formData:m,errors:c,formRef:T,handleChange:g,handleBlur:N,handleSubmit:h,handleFocus:f}=Yt({onSubmit:u,fieldsConfig:n}),d=`${i}__field`,y=R(Te,{children:[n.map(p=>{const x=c==null?void 0:c[p.customUpperCode],E=m==null?void 0:m[p.customUpperCode],_=!!(e!=null&&e[`SignUpFormInput_${p.code}`]),F=o(ar,{slots:e,item:p,handleOnChange:g,handleOnBlur:N,handleOnFocus:f,errorConfig:x,errors:c});switch(p.fieldType){case de.TEXT:return _?F:p.options.length?o(Ze,{item:p,valueMessage:E,errorConfig:x,onBlur:N,onChange:g,onFocus:f,itemClassName:d,className:i,loading:r}):o(Ve,{item:p,valueMessage:E,errorConfig:x,onBlur:N,onChange:g,onFocus:f,itemClassName:d,className:i,loading:r});case de.MULTILINE:return _?F:o(Ve,{item:p,valueMessage:E,errorConfig:x,onBlur:N,onChange:g,onFocus:f,itemClassName:d,className:i,loading:r});case de.SELECT:return _?F:o(Ze,{item:p,valueMessage:E,errorConfig:x,onBlur:N,onChange:g,itemClassName:d,className:i,loading:r});case de.DATE:return _?F:o(er,{item:p,valueMessage:E,errorConfig:x,onBlur:N,onChange:g,itemClassName:d,className:i,loading:r});case de.BOOLEAN:return _?F:o(tr,{item:p,valueMessage:E,errorConfig:x,onBlur:N,onChange:g,itemClassName:d,className:i,loading:r});case de.TEXTAREA:return _?F:o(rr,{item:p,valueMessage:E,errorConfig:x,onBlur:N,onChange:g,itemClassName:d,className:i,loading:r});default:return null}}),a]}),b={...(s==null?void 0:s.context)??{},__formContentKey:[n.map(p=>p.id||p.code).join(","),JSON.stringify(c),JSON.stringify(m)].join("|")};return o("form",{onSubmit:h,name:t,ref:T,onFocus:f,...l,children:s?o(D,{name:s.name,slot:s.slot,context:b,className:i,"data-testid":s.dataTestId,children:y}):y})}),te=({type:e,buttonText:t,variant:r,className:a="",enableLoader:i=!1,onClick:n,style:u,icon:s,...l})=>{const m=A(g=>{n==null||n(g)},[n]),c=K({loadingLabel:"Auth.Button.loadingLabel"});return R(Me,{icon:s,style:u,type:e,variant:r,className:re(["auth-button",a,i?"enableLoader":""]),onClick:m,loading:i,loadingLabel:c.loadingLabel,...l,children:[o("span",{className:"auth-button__text",children:t}),i?o("div",{className:"auth-button__wrapper",children:o("span",{className:"auth-button__loader"})}):null]})},nr=({label:e="",tooltip:t="",name:r="allowRemoteShoppingAssistance",defaultChecked:a=!1,onChange:i,className:n=""})=>{const[u,s]=w(!1),[l,m]=w(a),c=`${r}-tooltip`,T=({currentTarget:g})=>{const N=g.checked;m(N),i==null||i(N)};return o("div",{className:re(["remote-shopping-assistance-consent",n]),children:R("div",{className:"remote-shopping-assistance-consent__wrapper",children:[o(Re,{children:o(Se,{name:r,value:"true",placeholder:e,label:e,checked:l,onChange:T})}),t?R("div",{className:"remote-shopping-assistance-consent__info-container",children:[o("button",{type:"button",className:"remote-shopping-assistance-consent__info-icon",onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1),onFocusIn:()=>s(!0),onFocusOut:()=>s(!1),"aria-describedby":u?c:void 0,"aria-label":t,children:"?"}),u?R("span",{className:"remote-shopping-assistance-consent__tooltip",id:c,role:"tooltip",children:[t,o("span",{className:"remote-shopping-assistance-consent__tooltip-arrow"})]}):null]}):null]})})};export{je as R,bt as S,fr as U,He as a,ze as b,gr as c,_r as d,Er as e,pr as i};
|
|
4
4
|
//# sourceMappingURL=components.js.map
|