@dropins/storefront-auth 4.0.0-alpha-20260601092829 → 4.0.0-beta.4

package/chunks/components.js

@@ -0,0 +1,4 @@
+/*! Copyright 2026 Adobe
+All Rights Reserved. */
+import{classes as te,Slot as D}from"@dropins/tools/lib.js";import{useText as K}from"@dropins/tools/i18n.js";import{jsxs as R,jsx as o,Fragment as we}from"@dropins/tools/preact-jsx-runtime.js";import"@dropins/tools/event-bus.js";import{initReCaptcha as at}from"@dropins/tools/recaptcha.js";import{useState as A,useCallback as F,useEffect as ie,useMemo as Ne,useRef as qe}from"@dropins/tools/preact-hooks.js";import{InLineAlert as he,Header as fe,InputPassword as Ee,Button as ve,Skeleton as Me,SkeletonRow as U,Field as Le,Checkbox as Re,Input as nt,Picker as ot,InputDate as it,TextArea as st}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 Ge,getStoreConfig as ut,resetPassword as ct,getCustomerToken as Se,revokeCustomerToken as lt,t as dt,getAttributesForm as mt,c as ht,createCustomer as ft,p as gt,E as pt,createCustomerAddress as _t,confirmEmail as Et,requestPasswordResetEmail as Tt}from"../api.js";const wt=({userEmail:e,handleSetInLineAlertProps:t})=>{const r=K({emailConfirmationMessage:"Auth.Notification.emailConfirmationMessage",technicalErrorSendEmail:"Auth.Notification.technicalErrors.technicalErrorSendEmail"}),[a,i]=A(!1);return{handleEmailConfirmation:F(async()=>{var u,s;if(i(!0),e){const c=await Ge(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}},Ze=({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:c}=wt({userEmail:t,handleSetInLineAlertProps:i});return R("div",{className:te(["auth-email-confirmation-form",`auth-email-confirmation-form--${e}`]),children:[r.text?o(he,{className:"auth-signInForm__notification",type:r.type,variant:"secondary",heading:r.text,icon:r.icon,"data-testid":"authInLineAlert"}):null,o(fe,{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(ee,{type:"button",variant:"tertiary",style:{padding:0},buttonText:u.buttonSecondary,enableLoader:!1,onClick:s,disabled:c}),a?null:o(ee,{type:"submit",buttonText:u.buttonPrimary,variant:"primary",enableLoader:!1,disabled:c,onClick:n})]})]})},Xe=()=>{const[e,t]=A(!1),[r,a]=A(null),[i,n]=A(null),u=s=>{const{minLength:c,requiredCharacterClasses:m,createAccountConfirmation:l,shoppingAssistanceEnabled:N,shoppingAssistanceCheckboxTitle:_,shoppingAssistanceCheckboxTooltip:x}=s;a({minLength:c,requiredCharacterClasses:m}),t(l),n({shoppingAssistanceEnabled:N,shoppingAssistanceCheckboxTitle:_,shoppingAssistanceCheckboxTooltip:x})};return ie(()=>{const s=sessionStorage.getItem("storeConfig");let c=null;try{c=s?JSON.parse(s):null}catch{c=null}if(c){u(c);return}ut().then(m=>{m&&(sessionStorage.setItem("storeConfig",JSON.stringify(m)),u(m))})},[]),{passwordConfigs:r,isEmailConfirmationRequired:e,remoteShoppingAssistanceConfigs:i}},Ie=(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},Ke=({passwordConfigs:e,isClickSubmit:t,password:r})=>{const a=K({messageLengthPassword:"Auth.PasswordValidationMessage.messageLengthPassword"}),[i,n]=A("pending");ie(()=>{if(!e)return;const s=Ie(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=Ne(()=>{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}},Ae=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],q=e=>typeof e=="function",Nt=({isEmailConfirmationRequired:e,signInOnSuccess:t,passwordConfigs:r,routeRedirectOnSignIn:a,routeWrongUrlRedirect:i,onErrorCallback:n,onSuccessCallback:u,handleSetInLineAlertProps:s,routeRedirectOnPasswordUpdate:c,routeSignInPage:m})=>{const l=K({errorNotification:"Auth.Notification.errorNotification",updatePasswordMessage:"Auth.Notification.updatePasswordMessage",updatePasswordActionMessage:"Auth.Notification.updatePasswordActionMessage",customerTokenErrorMessage:"Auth.Api.customerTokenErrorMessage"}),[N,_]=A({userName:"",status:!1}),[x,h]=A(""),[f,d]=A(!1),[T,y]=A(""),[g,w]=A(""),[E,p]=A(!1),[b,S]=A(!1),[$,v]=A([]);ie(()=>{f&&!$.length&&(x.length?S(!1):S(!0))},[f,x,$]),ie(()=>{const{search:B}=window.location;!B.includes("token=")&&!B.includes("email=")&&q(i)&&(window.location.href=i());const L=decodeURIComponent(B),O=De(L,"token"),j=De(L,"email");y(j),w(O)},[i]);const C=F(async B=>{B.preventDefault(),p(!0),v([]);const L=Ae(B.target),O=(L==null?void 0:L.password)&&T&&g;L!=null&&L.password||(S(!0),p(!1));const j=(r==null?void 0:r.requiredCharacterClasses)??0,re=(r==null?void 0:r.minLength)??0;if(!Ie(L==null?void 0:L.password,j)||L.password.length<+re){d(!0),p(!1);return}if(!O){s({type:"error",text:l.errorNotification}),p(!1);return}const{message:G,success:ae}=await ct(T,g,L.password);if(ae){if(e||!e&&!t){u==null||u(),q(c)&&(window.location.href=c()),d(!0),p(!1),S(!1),h(""),v([{label:l.updatePasswordActionMessage,onClick:()=>{window.location.href=m==null?void 0:m()}}]),s({type:"success",text:l.updatePasswordMessage});return}const k=await Se({email:T,password:L.password,handleSetInLineAlertProps:s,onErrorCallback:n,translations:l});k!=null&&k.userName&&(u==null||u(k==null?void 0:k.userName),q(a)?window.location.href=a():_({userName:k==null?void 0:k.userName,status:!0}))}else s({type:"error",text:G}),n==null||n({message:G,success:ae});p(!1)},[T,g,r==null?void 0:r.requiredCharacterClasses,r==null?void 0:r.minLength,l,e,t,m,n,u,a,s,c]),J=F(B=>{h(B)},[]);return{additionalActionsAlert:$,passwordError:b,isSuccessful:N,updatePasswordValue:x,isClickSubmit:f,isLoading:E,submitUpdatePassword:C,handleSetUpdatePasswordValue:J,setIsClickSubmit:d}},At=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"})),xt=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"})),yt=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})))),bt=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"})),Ft={success:o(At,{}),warning:o(yt,{}),error:o(bt,{})},xe=()=>{const[e,t]=A({}),r=F(a=>{if(!a||!a.type){t({});return}const i=Ft[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 V="/",ye=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),{})}},hr=({signInOnSuccess:e=!0,formSize:t="default",routeRedirectOnSignIn:r,routeWrongUrlRedirect:a,routeSignInPage:i,slots:n,onErrorCallback:u,onSuccessCallback:s,routeRedirectOnPasswordUpdate:c})=>{const m=ye({title:"Auth.UpdatePasswordForm.title",buttonPrimary:"Auth.UpdatePasswordForm.buttonPrimary",placeholder:"Auth.InputPassword.placeholder",floatingLabel:"Auth.InputPassword.floatingLabel",requiredFieldError:"Auth.FormText.requiredFieldError.default"}),{passwordConfigs:l,isEmailConfirmationRequired:N}=Xe(),{inLineAlertProps:_,handleSetInLineAlertProps:x}=xe(),{additionalActionsAlert:h,passwordError:f,isSuccessful:d,updatePasswordValue:T,isClickSubmit:y,isLoading:g,submitUpdatePassword:w,handleSetUpdatePasswordValue:E}=Nt({isEmailConfirmationRequired:N,signInOnSuccess:e,passwordConfigs:l,routeRedirectOnSignIn:r,routeWrongUrlRedirect:a,onErrorCallback:u,onSuccessCallback:s,handleSetInLineAlertProps:x,routeRedirectOnPasswordUpdate:c,routeSignInPage:i}),{isValidUniqueSymbols:p,defaultLengthMessage:b}=Ke({password:T,isClickSubmit:y,passwordConfigs:l});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:T,isLoading:g,passwordError:f,isSuccessful:d};return R("div",{className:te(["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(fe,{title:m.title,divider:!1,className:"auth-update-password-form__title"})}),o(he,{className:te(["auth-update-password-form__notification",["auth-update-password-form__notification--show",!!(_!=null&&_.text)]]),variant:"secondary",heading:_==null?void 0:_.text,icon:_.icon,additionalActions:h}),R(be,{name:"updatePassword_form",className:"auth-update-password-form__form",onSubmit:w,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(Ee,{defaultValue:T,onValue:E,className:"auth-update-password-form__form__item",autoComplete:"new-password",name:"password",errorMessage:f||p==="error"||(b==null?void 0:b.status)==="error"?m.requiredFieldError:void 0,minLength:l==null?void 0:l.minLength,uniqueSymbolsStatus:p,validateLengthConfig:b,requiredCharacterClasses:l==null?void 0:l.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(ee,{type:"submit",buttonText:m.buttonPrimary,variant:"primary",enableLoader:g})})]})]})},fr=({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:te(["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(we,{children:[o(ve,{"data-testid":"primaryButton",type:"button",className:"auth-success-notification-form__button auth-success-notification-form__button--top",onClick:()=>window.location.href="/",children:i.primaryButtonText}),o(ve,{"data-testid":"secondaryButton",type:"button",variant:"tertiary",onClick:async()=>{await lt(),window.location.href="/"},children:i.secondaryButtonText})]})]})},vt=[{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:"username"}],Pt=[{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:"username"}],Mt=[{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:"username"},{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:[]},{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:[]}],Te=e=>e!=null&&e.length?dt({data:{attributesForm:{items:e}}}):[],ke=(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,Lt=({inputsDefaultValueSet:e,fieldsConfigForApiVersion1:t,apiVersion2:r})=>{const[a,i]=A([]);return ie(()=>{(async()=>{if(r){const u=await mt("customer_account_create");if(u!=null&&u.length)if(e!=null&&e.length){const s=ke(u,e);i(s)}else i(u)}else{const u=Te(Mt),s=Te(t),c=ke(u,e);i(t&&t.length?s:c)}})()},[r,t,e]),{fieldsListConfigs:a.map(n=>({...n,...n.code==="email"?{autocomplete:"username"}:{}}))}},Rt=(e,t)=>{const r=["dob","email","firstname","gender","lastname","middlename","password","prefix","suffix","taxvat","allow_remote_shopping_assistance"],a=ht(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()},St=({requireRetypePassword:e,addressesData:t,translations:r,isEmailConfirmationRequired:a,apiVersion2:i=!0,passwordConfigs:n,isAutoSignInEnabled:u,routeRedirectOnSignIn:s,routeSignIn:c,onErrorCallback:m,onSuccessCallback:l,setActiveComponent:N,handleSetInLineAlertProps:_,routeRedirectOnEmailConfirmationClose:x})=>{const[h,f]=A(!1),[d,T]=A(""),[y,g]=A(""),[w,E]=A(""),[p,b]=A(!1),[S,$]=A({userName:"",status:!1}),[v,C]=A(""),[J,B]=A(!1),[L,O]=A(!1),[j,re]=A(!0),G=F(M=>{const Z=M.target.value;f(!Z.length),Z.length&&d.length&&Z!==d&&g(r.passwordMismatch)},[d,r.passwordMismatch]),ae=F(M=>{const Z=M.target.value;g(Z.length?"":r.requiredFieldError),Z.length&&v.length&&Z!==v&&g(r.passwordMismatch)},[v,r.passwordMismatch,r.requiredFieldError]),k=F(M=>{T(M),g(M?v===M?"":r.passwordMismatch:r.requiredFieldError)},[r,v]),de=F(({target:M})=>{re(M.checked)},[]),P=F(()=>{if(q(N)){N("signInForm");return}q(c)&&(window.location.href=c())},[N,c]),I=F(M=>{C(M),f(!M.length),M===d&&g("")},[d]),Y=F(()=>{_(),C(""),q(x)?window.location.href=x():(b(!1),N==null||N("signInForm"))},[_,x,N]),W=()=>{B(!0),O(!1)},Q=(M,Z)=>{const Ue=v.length&&d.length,me=v!==d,ne=()=>{f(!v.length),d||g(r.requiredFieldError),Ue&&me&&g(r.passwordMismatch)},se=()=>{g(d.length?r.passwordMismatch:r.requiredFieldError),Pe(M,v,d)};return Z?e&&(y.length||me)?(W(),se(),!0):(Pe(M,v,""),ne(),!1):(W(),ne(),!0)};return{showPasswordErrorMessage:h,confirmPassword:d,confirmPasswordMessage:y,isKeepMeLogged:j,userEmail:w,showEmailConfirmationForm:p,isSuccessful:S,isClickSubmit:J,signUpPasswordValue:v,isLoading:L,onSubmitSignUp:async(M,Z)=>{var Ce,$e,Oe;if(_(),g(""),O(!0),Q(M,Z))return;const{confirmPasswordField:Ue,...me}=Ae(M.target),{email:ne,password:se}=me,Qe=(n==null?void 0:n.requiredCharacterClasses)||0,et=(n==null?void 0:n.minLength)||1;if(!Ie(se,Qe)||et>(se==null?void 0:se.length)){W();return}const tt=Rt({...me},i),oe=await ft(tt,i);if((Ce=oe==null?void 0:oe.errors)!=null&&Ce.length){const{errors:ue}=oe;_==null||_({type:"error",text:($e=ue[0])==null?void 0:$e.message}),m==null||m(ue),E(ne)}else{const ue=oe==null?void 0:oe.firstName;if(gt(pt.CREATE_ACCOUNT_EVENT,{...oe}),a||!u){if(l==null||l({userName:ue,userEmail:ne,status:!0}),a){(Oe=M.target)==null||Oe.reset(),C(""),b(!0),E(ne),O(!1);return}if(!u){O(!1),$({userName:ue,status:!0});return}}const X=await Se({email:ne,password:se,translations:r,handleSetInLineAlertProps:_,onErrorCallback:m});if(X!=null&&X.userName){if(t!=null&&t.length)for(const Be of t)try{await _t(Be)}catch(rt){console.error(r.failedCreateCustomerAddress,Be,rt)}l==null||l({userName:X==null?void 0:X.userName,userEmail:X==null?void 0:X.userEmail,status:!0}),q(s)?window.location.href=s():$({userName:X==null?void 0:X.userName,status:!0})}else l==null||l({userName:ue,userEmail:ne,status:!0}),$({userName:ue,status:!0})}O(!1)},signInButton:P,handleSetSignUpPasswordValue:I,onKeepMeLoggedChange:de,handleHideEmailConfirmationForm:Y,handleConfirmPasswordChange:k,onBlurPassword:G,onBlurConfirmPassword:ae}},It=()=>R(Me,{children:[o(U,{variant:"heading",size:"xlarge",fullWidth:!1,lines:1}),o(U,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),o(U,{variant:"heading",size:"medium",fullWidth:!1,lines:1}),o(U,{variant:"heading",size:"medium",fullWidth:!1,lines:1})," ",o(U,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),o(U,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),o(U,{variant:"heading",size:"medium",fullWidth:!0,lines:1}),o(U,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),o(U,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),o(U,{variant:"heading",size:"medium",fullWidth:!1,lines:1}),o(U,{variant:"heading",size:"medium",fullWidth:!1,lines:1})]}),Ut=()=>R(Me,{children:[o(U,{variant:"heading",size:"xlarge",fullWidth:!1,lines:1}),o(U,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),o(U,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),o(U,{variant:"heading",size:"medium",fullWidth:!1,lines:1})," ",o(U,{variant:"heading",size:"medium",fullWidth:!1,lines:1})]}),Ct=()=>R(Me,{children:[o(U,{variant:"heading",size:"xlarge",fullWidth:!1,lines:1}),o(U,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),o(U,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),o(U,{variant:"heading",size:"medium",fullWidth:!1,lines:1})," ",o(U,{variant:"heading",size:"medium",fullWidth:!1,lines:1})]}),$t=({activeSkeleton:e})=>{const t=Ne(()=>({signInForm:o(Ut,{}),signUpForm:o(It,{}),resetPasswordForm:o(Ct,{})}),[]);return o(we,{children:t[e]})},We=({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:N,onSuccessCallback:_,setActiveComponent:x,slots:h})=>{const f=ye({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:T,remoteShoppingAssistanceConfigs:y}=Xe(),{fieldsListConfigs:g}=Lt({fieldsConfigForApiVersion1:i,apiVersion2:n,inputsDefaultValueSet:a}),{inLineAlertProps:w,handleSetInLineAlertProps:E}=xe(),{showPasswordErrorMessage:p,confirmPassword:b,confirmPasswordMessage:S,isKeepMeLogged:$,userEmail:v,showEmailConfirmationForm:C,isSuccessful:J,isClickSubmit:B,signUpPasswordValue:L,isLoading:O,onSubmitSignUp:j,signInButton:re,handleSetSignUpPasswordValue:G,onKeepMeLoggedChange:ae,handleHideEmailConfirmationForm:k,handleConfirmPasswordChange:de,onBlurPassword:P,onBlurConfirmPassword:I}=St({requireRetypePassword:e,addressesData:t,translations:f,isEmailConfirmationRequired:T,apiVersion2:n,passwordConfigs:d,isAutoSignInEnabled:u,routeRedirectOnSignIn:m,routeSignIn:l,onErrorCallback:N,onSuccessCallback:_,setActiveComponent:x,handleSetInLineAlertProps:E,routeRedirectOnEmailConfirmationClose:c}),{isValidUniqueSymbols:Y,defaultLengthMessage:W}=Ke({password:L,isClickSubmit:B,passwordConfigs:d}),Q=Ne(()=>p?f.requiredFieldError:Y==="error"||(W==null?void 0:W.status)==="error"?" ":"",[W==null?void 0:W.status,Y,p,f.requiredFieldError]),pe=!T&&(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($t,{activeSkeleton:"signUpForm"})});if(J.status&&(h!=null&&h.SuccessNotification))return o(D,{"data-testid":"successNotificationTestId",name:"SuccessNotification",slot:h==null?void 0:h.SuccessNotification,context:{isSuccessful:J}});if(C)return o(Ze,{formSize:r,userEmail:v,inLineAlertProps:w,hideCloseBtnOnEmailConfirmation:s,handleSetInLineAlertProps:E,onPrimaryButtonClick:k});const M={userEmail:v,signUpPasswordValue:L,confirmPassword:b,showPasswordErrorMessage:p,confirmPasswordMessage:S,isLoading:O,isSuccessful:J};return R("div",{className:te(["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:{...M},children:o(fe,{title:f.title,divider:!1,className:"auth-sign-up-form__title"})}),w.text?o(he,{className:"auth-sign-up-form__notification",type:w.type,variant:"secondary",heading:w.text,icon:w.icon}):null,R(be,{onSubmit:j,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:M,dataTestId:"form"},children:[R(Ee,{validateLengthConfig:W,className:"auth-sign-up-form__form__field",autoComplete:"current-password",name:"password",minLength:d==null?void 0:d.minLength,errorMessage:Q,defaultValue:L,uniqueSymbolsStatus:Y,requiredCharacterClasses:d==null?void 0:d.requiredCharacterClasses,onValue:G,placeholder:f.placeholder,floatingLabel:f.floatingLabel,onBlur:P,children:[e?o("div",{className:"auth-sign-up-form__form__confirm-wrapper",children:o(Ee,{className:"auth-sign-up-form__form__field auth-sign-up-form__form__field--confirm-password",autoComplete:"confirmPassword",name:"confirmPasswordField",placeholder:f.confirmPasswordPlaceholder,floatingLabel:f.confirmPasswordFloatingLabel,errorMessage:S,defaultValue:b,onValue:de,onBlur:I})}):null,pe?o("div",{className:"auth-sign-up-form__automatic-login","data-testid":"automaticLogin",children:o(Le,{children:o(Re,{name:"",placeholder:f.keepMeLoggedText,label:f.keepMeLoggedText,checked:$,onChange:ae})})}):null]}),y!=null&&y.shoppingAssistanceEnabled?o(D,{name:"RemoteShoppingAssistanceConsent","data-testid":"remoteShoppingAssistanceConsent",slot:h==null?void 0:h.RemoteShoppingAssistanceConsent,children:o(ar,{label:y.shoppingAssistanceCheckboxTitle||f.shoppingAssistanceCheckboxTitle,tooltip:y.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:{...M},children:[o(ee,{className:"auth-sign-up-form-buttons--signin",type:"button",variant:"tertiary",style:{padding:0},buttonText:f.buttonSecondary,enableLoader:!1,onClick:re}),o(ee,{type:"submit",buttonText:f.buttonPrimary,variant:"primary",enableLoader:O})]})]}),o("div",{id:"createCustomerV2"})]})},gr=Object.freeze(Object.defineProperty({__proto__:null,SignUpForm:We,default:We},Symbol.toStringTag,{value:"Module"})),Ot=({emailConfirmationStatusMessage:e,translations:t,initialEmailValue:r,routeSignUp:a,routeForgotPassword:i,routeRedirectOnSignIn:n,onErrorCallback:u,setActiveComponent:s,onSuccessCallback:c,onSignUpLinkClick:m,handleSetInLineAlertProps:l,routeRedirectOnEmailConfirmationClose:N,apiErrorMessageOverride:_})=>{const[x,h]=A(""),[f,d]=A(!1),[T,y]=A(""),[g,w]=A(!1),[E,p]=A({userName:"",status:!1}),[b,S]=A(!1),[$,v]=A([]),C=F(async P=>{l(),d(!0),w(!1),v([]),await Ge(P)},[l]),J=F(P=>{P.length?w(!1):w(!0),y(P)},[]);ie(()=>{e!=null&&e.text&&l({text:e.text,type:e.status?e.status:void 0})},[e,l]);const B=F(()=>{T.length||w(!0)},[T]),L=F((P,I)=>T.length?!1:(w(!0),I&&Pe(P,T,""),!0),[T]),O=F((P,I)=>{I!=null&&I.userName&&(P.target.reset(),q(n)?window.location.href=n():(c==null||c({userName:I==null?void 0:I.userName,status:!0}),p({userName:I==null?void 0:I.userName,status:!0})))},[c,n]),j=F((P,I)=>{var Y;if((Y=P==null?void 0:P.errorMessage)!=null&&Y.length){h(I);const W=P.errorMessage.includes("This account isn't confirmed. Verify and try again."),Q=W?t.resendEmailInformationText:P.displayErrorMessage;v(W?[{label:t.resendEmailButtonText,onClick:()=>{C(I)}}]:[]),l({text:Q,type:"error"}),y("")}},[C,l,t.resendEmailButtonText,t.resendEmailInformationText]),re=F(async(P,I)=>{if(l(),L(P,I))return;S(!0);const Y=Ae(P.target);if(Object.values(Y).every(Q=>Q)){const{email:Q,password:pe}=Y,M=await Se({email:Q,password:pe,handleSetInLineAlertProps:l,onErrorCallback:u,translations:t,apiErrorMessageOverride:_});j(M,Q),O(P,M),w(!1)}S(!1)},[t,u,L,j,O,l,_]),G=F(()=>{if(q(s)){s("resetPasswordForm");return}q(i)&&(window.location.href=i())},[i,s]),ae=F(()=>{if(q(m)&&m(),q(s)){s("signUpForm");return}q(a)&&(window.location.href=a())},[m,a,s]),k=Ne(()=>{const P=Te(vt);return r!=null&&r.length?P==null?void 0:P.map(I=>({...I,defaultValue:r})):P},[r]),de=F(()=>{l(),q(N)?window.location.href=N():d(!1)},[l,N]);return{additionalActionsAlert:$,userEmail:x,defaultEnhancedEmailFields:k,passwordError:g,isSuccessful:E,isLoading:b,signInPasswordValue:T,showEmailConfirmationForm:f,setShowEmailConfirmationForm:d,setSignInPasswordValue:y,submitLogInUser:re,forgotPasswordCallback:G,onSignUpLinkClickCallback:ae,handledOnPrimaryButtonClick:de,handleSetPassword:J,onBlurPassword:B}},Bt=()=>{let 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()))},qt=({enableEmailConfirmation:e})=>{const t=K({accountConfirmMessage:"Auth.EmailConfirmationForm.accountConfirmMessage",accountConfirmationEmailSuccessMessage:"Auth.EmailConfirmationForm.accountConfirmationEmailSuccessMessage"}),[r,a]=A({text:"",status:""});return ie(()=>{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 Et({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}},ze=({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:N,setActiveComponent:_,onErrorCallback:x,onSignUpLinkClick:h,apiErrorMessageOverride:f})=>{const d=ye({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:T}=qt({enableEmailConfirmation:n}),{inLineAlertProps:y,handleSetInLineAlertProps:g}=xe(),{userEmail:w,additionalActionsAlert:E,defaultEnhancedEmailFields:p,passwordError:b,isSuccessful:S,isLoading:$,signInPasswordValue:v,showEmailConfirmationForm:C,submitLogInUser:J,forgotPasswordCallback:B,onSignUpLinkClickCallback:L,handledOnPrimaryButtonClick:O,handleSetPassword:j,onBlurPassword:re}=Ot({translations:d,emailConfirmationStatusMessage:T,initialEmailValue:a,routeSignUp:l,routeForgotPassword:m,routeRedirectOnSignIn:c,setActiveComponent:_,onErrorCallback:x,onSuccessCallback:N,onSignUpLinkClick:h,handleSetInLineAlertProps:g,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(Ze,{formSize:r,userEmail:w,inLineAlertProps:y,hideCloseBtnOnEmailConfirmation:u,handleSetInLineAlertProps:g,onPrimaryButtonClick:O});const G={userEmail:w,signInPasswordValue:v,isLoading:$,passwordError:b,isSuccessful:S};return R("div",{className:te(["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:{...G},children:o(fe,{title:(t==null?void 0:t.formTitleText)??d.title,divider:!1,className:"auth-sign-in-form__title"})}),y.text?o(he,{"data-testid":"authInLineAlert",className:"auth-sign-in-form__notification",type:y.type,variant:"secondary",heading:y.text,icon:y.icon,additionalActions:E}):null,R(be,{name:"signIn_form",className:"auth-sign-in-form__form",onSubmit:J,loading:$,fieldsConfig:p,formSlot:{name:"Form",slot:e==null?void 0:e.Form,context:G,dataTestId:"form"},children:[o(Ee,{hideStatusIndicator:!0,className:"auth-sign-in-form__form__password",autoComplete:"current-password",errorMessage:b?d.requiredFieldError:void 0,defaultValue:v,onValue:j,onBlur:re,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:{...G},children:[R("div",{className:"auth-sign-in-form__form__buttons__combine",children:[o(ee,{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:B,"data-testid":"switchToSignUp"}),i?R(we,{children:[o("span",{}),o(ee,{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(ee,{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:$})]})})]}),o("div",{id:"generateCustomerToken"})]})},pr=Object.freeze(Object.defineProperty({__proto__:null,SignInForm:ze,default:ze},Symbol.toStringTag,{value:"Module"})),Dt=e=>e.reduce((t,r)=>({...t,[r.name]:r.value}),{}),kt=e=>/^\d+$/.test(e),Wt=e=>/^[a-zA-Z0-9\s]+$/.test(e),zt=e=>/^[a-zA-Z0-9]+$/.test(e),Ht=e=>/^[a-zA-Z]+$/.test(e),Je=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)),jt=(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)},_e=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]},Gt=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),Zt=(e,t,r)=>{const a=e.length;return a>=t&&a<=r},Fe=(e,t,r,a)=>{var $,v;const{requiredFieldError:i,lengthTextError:n,numericError:u,alphaNumWithSpacesError:s,alphaNumericError:c,alphaError:m,emailError:l,dateError:N,urlError:_,dateRangeError:x,dateMaxError:h,dateMinError:f}=r,d=t==null?void 0:t.customUpperCode,T={[d]:""};if(a[d]&&delete a[d],t!=null&&t.required&&(!e||e==="false"))return{[d]:`${H.REQUIRED_FIELD_ERROR}${V}${i}`};if(!(t!=null&&t.required)&&!e||!(($=t==null?void 0:t.validateRules)!=null&&$.length))return T;const y=Dt(t==null?void 0:t.validateRules),g=y.MIN_TEXT_LENGTH??1,w=y.MAX_TEXT_LENGTH??255,E=y.DATE_RANGE_MIN,p=y.DATE_RANGE_MAX;if(!Zt(e,+g,+w)&&!(E||p)){const C=n.replace("{min}",g).replace("{max}",w);return{[d]:`${H.LENGTH_TEXT_ERROR}${V}${C}`}}if(!jt(e,+E,+p)&&(E||p)){if(E&&E){const C=x.replace("{min}",_e(E)).replace("{max}",_e(p));return{[d]:`${H.DATE_RANGE_ERROR}${V}${C}`}}if(typeof E>"u"&&typeof p<"u"){const C=h.replace("{max}",_e(p));return{[d]:`${H.DATE_MAX_ERROR}${V}${C}`}}if(typeof p>"u"&&typeof E<"u"){const C=f.replace("{min}",_e(E));return{[d]:`${H.DATE_MIN_ERROR}${V}${C}`}}}const S={numeric:{validate:kt,error:`${H.NUMERIC_ERROR}${V}${u}`},"alphanum-with-spaces":{validate:Wt,error:`${H.ALPHA_NUM_WITH_SPACES_ERROR}${V}${s}`},alphanumeric:{validate:zt,error:`${H.ALPHA_NUMERIC_ERROR}${V}${c}`},alpha:{validate:Ht,error:`${H.ALPHA_ERROR}${V}${m}`},email:{validate:Je,error:`${H.EMAIL_ERROR}${V}${l}`},date:{validate:Vt,error:`${H.DATE_ERROR}${V}${N}`},url:{validate:Gt,error:`${H.URL_ERROR}${V}${_}`}}[y.INPUT_VALIDATION];return S&&!S.validate(e)&&!((v=a[d])!=null&&v.length)?{[d]:S.error}:T},Xt=({routeSignIn:e,onErrorCallback:t,onSuccessCallback:r,setActiveComponent:a,handleSetInLineAlertProps:i})=>{const n=K({successPasswordResetEmailNotification:"Auth.Notification.successPasswordResetEmailNotification"}),[u,s]=A(!1),c=F(async l=>{l.preventDefault();const N=Ae(l.target);if(!Je(N==null?void 0:N.email))return;s(!0);const _=await Tt(N.email);if(s(!1),!_.success){t==null||t(_),i==null||i({type:"error",text:_.message});return}if(r){await r();return}i==null||i({type:"success",text:n.successPasswordResetEmailNotification.replace("{email}",N.email)})},[i,t,r,n.successPasswordResetEmailNotification]),m=F(()=>{if(q(a)){a("signInForm");return}q(e)&&(window.location.href=e())},[a,e]);return{isLoading:u,submitResetPassword:c,redirectToSignInPage:m}},He=({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:c,handleSetInLineAlertProps:m}=xe(),{isLoading:l,submitResetPassword:N,redirectToSignInPage:_}=Xt({routeSignIn:t,setActiveComponent:r,onErrorCallback:a,onSuccessCallback:i,handleSetInLineAlertProps:m}),x={isLoading:l};return R("div",{...u,className:te(["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:{...x},children:o(fe,{title:s.title,divider:!1,className:"auth-reset-password-form__title"})}),c.text?o(he,{className:"auth-reset-password-form__notification",type:c.type,variant:"secondary",heading:c.text,icon:c.icon}):null,o(be,{"aria-labelledby":s.formAriaLabel,name:"resetPassword_form",className:"auth-reset-password-form__form",onSubmit:N,loading:l,fieldsConfig:Te(Pt),formSlot:{name:"Form",slot:n==null?void 0:n.Form,context:x,dataTestId:"form"},children:R(D,{name:"Buttons",className:"auth-reset-password-form__buttons","data-testid":"buttons",slot:n==null?void 0:n.Buttons,context:{...x},children:[o(ee,{className:"auth-reset-password-form__buttons--signin",type:"button",variant:"tertiary",style:{padding:"0"},icon:o(xt,{style:{transform:"rotate(90deg)"}}),buttonText:s.buttonSecondary,enableLoader:!1,onClick:_}),o(ee,{type:"submit",buttonText:s.buttonPrimary,variant:"primary",enableLoader:l})]})}),o("div",{id:"requestPasswordResetEmail"})]})},_r=Object.freeze(Object.defineProperty({__proto__:null,ResetPasswordForm:He,default:He},Symbol.toStringTag,{value:"Module"})),Kt=e=>e.reduce((t,{customUpperCode:r,required:a,defaultValue:i})=>(a&&r&&(t.initialData[r]=i||"",t.errorList[r]=""),t),{initialData:{},errorList:{}}),Jt=["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=ye({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=qe(null),i=qe(!1),[n,u]=A({}),[s,c]=A({}),m=F(()=>{let h=!0;const f={...s};let d=null;for(const[T,y]of Object.entries(n)){const g=e==null?void 0:e.find(E=>{var p;return(p=E==null?void 0:E.customUpperCode)==null?void 0:p.includes(T)}),w=Fe(y.toString(),g,r,f);w[T]&&(Object.assign(f,w),h=!1),d||(d=Object.keys(f).find(E=>f[E])??null)}if(c(f),d&&a.current){const T=a.current.elements.namedItem(d);T==null||T.focus()}return h},[s,e,n,r]);ie(()=>{if(e!=null&&e.length){const{initialData:h,errorList:f}=Kt(e);u(d=>({...h,...d})),c(f)}},[JSON.stringify(e)]);const l=F(async h=>{const f=h.target,d=!Jt.some(T=>f.classList.contains(T));!i.current&&d&&(await at(0),i.current=!0)},[]),N=F(h=>{const{name:f,value:d,type:T,checked:y}=h==null?void 0:h.target,g=T==="checkbox"?y:d;u(p=>({...p,[f]:g}));const w=e==null?void 0:e.find(p=>{var b;return(b=p==null?void 0:p.customUpperCode)==null?void 0:b.includes(f)});let E={...s};if(w){const p=Fe(g.toString(),w,r,E);p&&Object.assign(E,p),c(E)}},[e,s,r]),_=F(h=>{const{name:f,value:d,type:T,checked:y}=h==null?void 0:h.target,g=T==="checkbox"?y:d,w=e==null?void 0:e.find(E=>E.customUpperCode===f);if(w){const E={...s},p=Fe(g.toString(),w,r,E);p&&Object.assign(E,p),c(E)}},[s,e,r]),x=F(h=>{h.preventDefault();const f=m();t==null||t(h,f)},[m,t]);return{formData:n,errors:s,formRef:a,handleChange:N,handleBlur:_,handleSubmit:x,handleFocus:l}};var ce=(e=>(e.BOOLEAN="BOOLEAN",e.DATE="DATE",e.DATETIME="DATETIME",e.DROPDOWN="DROPDOWN",e.FILE="FILE",e.GALLERY="GALLERY",e.HIDDEN="HIDDEN",e.IMAGE="IMAGE",e.MEDIA_IMAGE="MEDIA_IMAGE",e.MULTILINE="MULTILINE",e.MULTISELECT="MULTISELECT",e.PRICE="PRICE",e.SELECT="SELECT",e.TEXT="TEXT",e.TEXTAREA="TEXTAREA",e.UNDEFINED="UNDEFINED",e.VISUAL="VISUAL",e.WEIGHT="WEIGHT",e.EMPTY="",e))(ce||{});const Ye=e=>{const t={errorKey:"",defaultErrorMessage:""};if(!e)return t;const r=e.indexOf(V);return r===-1?t:{errorKey:e.substring(0,r).trim(),defaultErrorMessage:e.substring(r+V.length).trim()}},ge=le(({item:e,errorConfig:t,className:r,itemClassName:a,loading:i,children:n})=>{const{errorKey:u,defaultErrorMessage:s}=Ye(t),c=K(`Auth.FormText.${u}.${e.code}`)[e.code];let m="";return s.length&&(m=c||s),o(Le,{error:m,className:te([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(ge,{item:e,errorConfig:r,className:u,itemClassName:s,loading:c,children:o(nt,{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})})),je=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(ge,{item:e,errorConfig:r,className:n,itemClassName:u,loading:s,children:o(ot,{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})})}),Qt=le(({item:e,valueMessage:t,errorConfig:r,onBlur:a,onChange:i,className:n,itemClassName:u,loading:s})=>o(ge,{item:e,errorConfig:r,className:n,itemClassName:u,loading:s,children:o(it,{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})})),er=le(({item:e,valueMessage:t,errorConfig:r,onBlur:a,onChange:i,className:n,itemClassName:u,loading:s})=>o(ge,{item:e,errorConfig:r,className:n,itemClassName:u,loading:s,children:o(Re,{name:e.customUpperCode,checked:t||e.defaultValue,placeholder:e.label,label:`${e.label} ${e.required?"*":""}`,onBlur:a,onChange:i})})),tr=le(({item:e,valueMessage:t,errorConfig:r,onBlur:a,onChange:i,className:n,itemClassName:u,loading:s})=>o(ge,{item:e,errorConfig:r,className:n,itemClassName:u,loading:s,children:o(st,{name:e.customUpperCode,value:t??e.defaultValue,label:`${e.label} ${e.required?"*":""}`,onBlur:a,onChange:i})})),rr=({slots:e,item:t,handleOnChange:r,handleOnBlur:a,handleOnFocus:i,errorConfig:n,errors:u})=>{const{errorKey:s,defaultErrorMessage:c}=Ye(n),m=K(`Auth.FormText.${s}.${t.code}`)[t.code];let l="";c.length&&(l=m||c);const N={inputName:t.customUpperCode,handleOnChange:r,handleOnBlur:a,handleOnFocus:i,errorMessage:l,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:N},t.id)},be=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:N,handleChange:_,handleBlur:x,handleSubmit:h,handleFocus:f}=Yt({onSubmit:u,fieldsConfig:n}),d=`${i}__field`,T=R(we,{children:[n.map(g=>{const w=l==null?void 0:l[g.customUpperCode],E=m==null?void 0:m[g.customUpperCode],p=!!(e!=null&&e[`SignUpFormInput_${g.code}`]),b=o(rr,{slots:e,item:g,handleOnChange:_,handleOnBlur:x,handleOnFocus:f,errorConfig:w,errors:l});switch(g.fieldType){case ce.TEXT:return p?b:g.options.length?o(je,{item:g,valueMessage:E,errorConfig:w,onBlur:x,onChange:_,onFocus:f,itemClassName:d,className:i,loading:r}):o(Ve,{item:g,valueMessage:E,errorConfig:w,onBlur:x,onChange:_,onFocus:f,itemClassName:d,className:i,loading:r});case ce.MULTILINE:return p?b:o(Ve,{item:g,valueMessage:E,errorConfig:w,onBlur:x,onChange:_,onFocus:f,itemClassName:d,className:i,loading:r});case ce.SELECT:return p?b:o(je,{item:g,valueMessage:E,errorConfig:w,onBlur:x,onChange:_,itemClassName:d,className:i,loading:r});case ce.DATE:return p?b:o(Qt,{item:g,valueMessage:E,errorConfig:w,onBlur:x,onChange:_,itemClassName:d,className:i,loading:r});case ce.BOOLEAN:return p?b:o(er,{item:g,valueMessage:E,errorConfig:w,onBlur:x,onChange:_,itemClassName:d,className:i,loading:r});case ce.TEXTAREA:return p?b:o(tr,{item:g,valueMessage:E,errorConfig:w,onBlur:x,onChange:_,itemClassName:d,className:i,loading:r});default:return null}}),a]}),y={...(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:N,onFocus:f,...c,children:s?o(D,{name:s.name,slot:s.slot,context:y,className:i,"data-testid":s.dataTestId,children:T}):T})}),ee=({type:e,buttonText:t,variant:r,className:a="",enableLoader:i=!1,onClick:n,style:u,icon:s,...c})=>{const m=F(N=>{n==null||n(N)},[n]);return R(ve,{icon:s,style:u,type:e,variant:r,className:te(["auth-button",a,i?"enableLoader":""]),onClick:m,...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]})},ar=({label:e="",tooltip:t="",name:r="allowRemoteShoppingAssistance",defaultChecked:a=!1,onChange:i,className:n=""})=>{const[u,s]=A(!1),[c,m]=A(a),l=`${r}-tooltip`,N=({currentTarget:_})=>{const x=_.checked;m(x),i==null||i(x)};return o("div",{className:te(["remote-shopping-assistance-consent",n]),children:R("div",{className:"remote-shopping-assistance-consent__wrapper",children:[o(Le,{children:o(Re,{name:r,value:"true",placeholder:e,label:e,checked:c,onChange:N})}),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{He as R,fr as S,hr as U,We as a,ze as b,$t as c,pr as d,_r as e,gr as i};
+//# sourceMappingURL=components.js.map