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

package/chunks/initialize.js

@@ -0,0 +1,2 @@
+import{Initializer as o}from"@dropins/tools/lib.js";const i=new o({init:async n=>{const e={authHeaderConfig:{header:"Authorization",tokenPrefix:"Bearer"}};i.config.setConfig({...e,...n})},listeners:()=>[]}),a=i.config;export{a as c,i};
+//# sourceMappingURL=initialize.js.map

package/chunks/initialize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"initialize.js","sources":["../../src/api/initialize/initialize.ts"],"sourcesContent":["import { Initializer } from '@adobe/elsie/lib';\nimport { Lang } from '@adobe/elsie/i18n';\n\ntype ConfigProps = {\n  langDefinitions?: Lang;\n  authHeaderConfig: {\n    header: string;\n    tokenPrefix: string;\n  };\n};\n\nexport const initialize = new Initializer<ConfigProps>({\n  init: async (config) => {\n    const defaultConfig = {\n      authHeaderConfig: {\n        header: 'Authorization',\n        tokenPrefix: 'Bearer',\n      },\n    };\n\n    initialize.config.setConfig({ ...defaultConfig, ...config });\n  },\n\n  listeners: () => [],\n});\n\nexport const config = initialize.config;\n"],"names":["initialize","Initializer","init","config","defaultConfig","authHeaderConfig","header","tokenPrefix","setConfig","listeners"],"mappings":"oDAWaA,MAAAA,EAAa,IAAIC,EAAyB,CACrDC,KAAM,MAAOC,GAAW,CACtB,MAAMC,EAAgB,CACpBC,iBAAkB,CAChBC,OAAQ,gBACRC,YAAa,QACf,CAAA,EAGFP,EAAWG,OAAOK,UAAU,CAAE,GAAGJ,EAAe,GAAGD,CAAAA,CAAQ,CAC7D,EAEAM,UAAWA,IAAM,CAAA,CACnB,CAAC,EAEYN,EAASH,EAAWG"}

package/chunks/network-error.js

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

package/chunks/network-error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"network-error.js","sources":["../../src/api/fetch-graphql/fetch-graphql.ts","../../src/lib/network-error.ts"],"sourcesContent":["import { FetchGraphQL } from '@adobe/fetch-graphql';\n\nexport const {\n  setEndpoint,\n  setFetchGraphQlHeader,\n  removeFetchGraphQlHeader,\n  setFetchGraphQlHeaders,\n  fetchGraphQl,\n  getConfig,\n} = new FetchGraphQL().getMethods();\n","import { events } from '@adobe/event-bus';\n\n/**\n * A function which can be attached to fetchGraphQL to handle thrown errors in\n * a generic way.\n */\nexport const handleNetworkError = (error: Error) => {\n  const isAbortError =\n    error instanceof DOMException && error.name === 'AbortError';\n\n  if (!isAbortError) {\n    events.emit('error', {\n      source: 'auth',\n      type: 'network',\n      error,\n    });\n  }\n  throw error;\n};\n"],"names":["setEndpoint","setFetchGraphQlHeader","removeFetchGraphQlHeader","setFetchGraphQlHeaders","fetchGraphQl","getConfig","FetchGraphQL","getMethods","handleNetworkError","error","DOMException","name","events","emit","source","type"],"mappings":"oHAEa,KAAA,CACXA,YAAAA,EACAC,sBAAAA,EACAC,yBAAAA,EACAC,uBAAAA,EACAC,aAAAA,EACAC,UAAAA,CACF,EAAI,IAAIC,EAAa,EAAEC,WAAW,ECHrBC,EAAsBC,GAAiB,CAIlD,MAFEA,aAAiBC,cAAgBD,EAAME,OAAS,cAGhDC,EAAOC,KAAK,QAAS,CACnBC,OAAQ,OACRC,KAAM,UACNN,MAAAA,CAAAA,CACD,EAEGA,CACR"}

package/chunks/requestPasswordResetEmail.js

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

package/chunks/requestPasswordResetEmail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"requestPasswordResetEmail.js","sources":["../../src/data/transforms/transform-password-reset-email.ts","../../src/api/requestPasswordResetEmail/graphql/requestPasswordResetEmail.graphql.ts","../../src/api/requestPasswordResetEmail/requestPasswordResetEmail.ts"],"sourcesContent":["import { PasswordResetEmailResponse } from '@/auth/types';\nimport { PasswordResetEmailModel } from '../models';\n\nexport const transformPasswordResetEmail = (\n  response: PasswordResetEmailResponse\n): PasswordResetEmailModel => {\n  let message: string = '';\n\n  if (response?.errors?.length)\n    message = response?.errors[0]?.message as unknown as string;\n\n  return {\n    message,\n    success: Boolean(response?.data?.requestPasswordResetEmail),\n  };\n};\n","export const REQUEST_PASSWORD_RESET_EMAIL = `\n  mutation REQUEST_PASSWORD_RESET_EMAIL($email: String!) {\n    requestPasswordResetEmail(email: $email)\n  }\n`;\n","import { handleNetworkError } from '@/auth/lib/network-error';\nimport { fetchGraphQl } from '../fetch-graphql';\nimport { REQUEST_PASSWORD_RESET_EMAIL } from './graphql/requestPasswordResetEmail.graphql';\nimport { transformPasswordResetEmail } from '@/auth/data/transforms';\nimport { PasswordResetEmailModel } from '@/auth/data/models';\n\nexport const requestPasswordResetEmail = async (\n  email: string\n): Promise<PasswordResetEmailModel> => {\n  return await fetchGraphQl(REQUEST_PASSWORD_RESET_EMAIL, {\n    method: 'POST',\n    variables: { email },\n  })\n    .then((response) => {\n      return transformPasswordResetEmail(response);\n    })\n    .catch(handleNetworkError);\n};\n"],"names":["transformPasswordResetEmail","response","message","errors","length","success","Boolean","data","requestPasswordResetEmail","REQUEST_PASSWORD_RESET_EMAIL","email","fetchGraphQl","method","variables","then","catch","handleNetworkError"],"mappings":"8CAGaA,MAAAA,EACXC,GAC4B,WAC5B,IAAIC,EAAkB,GAEtB,OAAID,EAAAA,GAAAA,YAAAA,EAAUE,SAAVF,MAAAA,EAAkBG,SACVH,GAAAA,EAAAA,GAAAA,YAAAA,EAAUE,OAAO,KAAjBF,YAAAA,EAAqBC,SAE1B,CACLA,QAAAA,EACAG,QAASC,IAAQL,EAAAA,GAAAA,YAAAA,EAAUM,OAAVN,MAAAA,EAAgBO,0BAAyB,CAE9D,ECfaC,EAA+B;AAAA;AAAA;AAAA;AAAA,ECM/BD,EAA4B,MACvCE,GAEO,MAAMC,EAAaF,EAA8B,CACtDG,OAAQ,OACRC,UAAW,CAAEH,MAAAA,CAAM,CAAA,CACpB,EACEI,KAAmBb,GACXD,EAA4BC,CAAQ,CAC5C,EACAc,MAAMC,CAAkB"}

package/chunks/resendConfirmationEmail.js

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

package/chunks/resendConfirmationEmail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resendConfirmationEmail.js","sources":["../../src/api/resendConfirmationEmail/graphql/resendConfirmationEmail.graphql.ts","../../src/api/resendConfirmationEmail/resendConfirmationEmail.ts"],"sourcesContent":["export const RESEND_CONFIRMATION_EMAIL = `\nmutation RESEND_CONFIRMATION_EMAIL($email: String!) {\n  resendConfirmationEmail(email: $email)\n}`;\n","import { fetchGraphQl } from '../fetch-graphql';\nimport { handleNetworkError } from '@/auth/lib/network-error';\nimport { RESEND_CONFIRMATION_EMAIL } from './graphql/resendConfirmationEmail.graphql';\nimport { resendConfirmationEmailResponse } from '@/auth/types';\n\nexport const resendConfirmationEmail = async (\n  customerEmail: string\n): Promise<resendConfirmationEmailResponse> => {\n  return await fetchGraphQl(RESEND_CONFIRMATION_EMAIL, {\n    method: 'POST',\n    variables: {\n      email: customerEmail,\n    },\n  }).catch(handleNetworkError);\n};\n"],"names":["RESEND_CONFIRMATION_EMAIL","resendConfirmationEmail","customerEmail","fetchGraphQl","method","variables","email","catch","handleNetworkError"],"mappings":"8CAAO,MAAMA,EAA4B;AAAA;AAAA;AAAA,GCK5BC,EAA0B,MACrCC,GAEO,MAAMC,EAAaH,EAA2B,CACnDI,OAAQ,OACRC,UAAW,CACTC,MAAOJ,CACT,CAAA,CACD,EAAEK,MAAMC,CAAkB"}

package/chunks/resetPassword.js

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

package/chunks/resetPassword.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resetPassword.js","sources":["../../src/api/resetPassword/graphql/resetPassword.graphql.ts","../../src/data/transforms/transform-reset-password.ts","../../src/api/resetPassword/resetPassword.ts"],"sourcesContent":["export const RESET_PASSWORD = `\n  mutation RESET_PASSWORD($email: String!, $resetPasswordToken: String!, $newPassword: String!){\n    resetPassword(email: $email,resetPasswordToken: $resetPasswordToken,newPassword: $newPassword)\n  }\n`;\n","import { ResetPasswordResponse } from '@/auth/types';\nimport { ResetPasswordModel } from '../models';\n\nexport const transformResetPassword = (\n  response: ResetPasswordResponse\n): ResetPasswordModel => {\n  let message: string = '';\n\n  if (response?.errors?.length)\n    message = response?.errors[0]?.message as unknown as string;\n\n  return {\n    message,\n    success: Boolean(response?.data?.resetPassword),\n  };\n};\n","import { handleNetworkError } from '@/auth/lib/network-error';\nimport { fetchGraphQl } from '../fetch-graphql';\nimport { RESET_PASSWORD } from './graphql/resetPassword.graphql';\nimport { transformResetPassword } from '@/auth/data/transforms/transform-reset-password';\nimport { ResetPasswordModel } from '@/auth/data/models';\nimport { ResetPasswordResponse } from '@/auth/types';\n\nexport const resetPassword = async (\n  email: string,\n  resetPasswordToken: string,\n  newPassword: string\n): Promise<ResetPasswordModel> => {\n  return await fetchGraphQl(RESET_PASSWORD, {\n    method: 'POST',\n    variables: { email, resetPasswordToken, newPassword },\n  })\n    .then((response: ResetPasswordResponse) => {\n      return transformResetPassword(response);\n    })\n    .catch(handleNetworkError);\n};\n"],"names":["RESET_PASSWORD","transformResetPassword","response","message","errors","length","success","Boolean","data","resetPassword","email","resetPasswordToken","newPassword","fetchGraphQl","method","variables","then","catch","handleNetworkError"],"mappings":"8CAAO,MAAMA,EAAiB;AAAA;AAAA;AAAA;AAAA,ECGjBC,EACXC,GACuB,WACvB,IAAIC,EAAkB,GAEtB,OAAID,EAAAA,GAAAA,YAAAA,EAAUE,SAAVF,MAAAA,EAAkBG,SACVH,GAAAA,EAAAA,GAAAA,YAAAA,EAAUE,OAAO,KAAjBF,YAAAA,EAAqBC,SAE1B,CACLA,QAAAA,EACAG,QAASC,IAAQL,EAAAA,GAAAA,YAAAA,EAAUM,OAAVN,MAAAA,EAAgBO,cAAa,CAElD,ECRaA,EAAgB,MAC3BC,EACAC,EACAC,IAEO,MAAMC,EAAab,EAAgB,CACxCc,OAAQ,OACRC,UAAW,CAAEL,MAAAA,EAAOC,mBAAAA,EAAoBC,YAAAA,CAAY,CAAA,CACrD,EACEI,KAAMd,GACED,EAAuBC,CAAQ,CACvC,EACAe,MAAMC,CAAkB"}

package/chunks/simplifyTransformAttributesForm.js

@@ -0,0 +1,2 @@
+import{t as a}from"./transform-attributes-form.js";const r=[{code:"email",default_value:"",entity_type:"CUSTOMER",frontend_class:"auth-signInForm__form__email",frontend_input:"TEXT",is_required:!0,is_unique:!1,label:"Email",options:[]}],_=[{code:"email",default_value:"",entity_type:"CUSTOMER",frontend_class:"auth-resetPasswordForm__form__item",frontend_input:"TEXT",is_required:!0,is_unique:!1,label:"Email",options:[]}],i=[{code:"email",default_value:"",entity_type:"CUSTOMER",frontend_class:"",frontend_input:"TEXT",is_required:!0,is_unique:!1,label:"Email",options:[]},{code:"firstname",default_value:"",entity_type:"CUSTOMER",frontend_class:"",frontend_input:"TEXT",is_required:!0,is_unique:!1,label:"First name",options:[]},{code:"lastname",default_value:"",entity_type:"CUSTOMER",frontend_class:"",frontend_input:"TEXT",is_required:!1,is_unique:!1,label:"Last name",options:[]}],o={date_of_birth:"",dob:"",email:"",firstname:"",gender:"",is_subscribed:"",lastname:"",middlename:"",password:"",prefix:"",suffix:"",taxvat:""},u=e=>{if(!(e!=null&&e.length))return[];const t={data:{attributesForm:{items:e}}},{fields:s}=a(t);return s};export{_ as D,r as a,i as b,o as c,u as s};
+//# sourceMappingURL=simplifyTransformAttributesForm.js.map

package/chunks/simplifyTransformAttributesForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"simplifyTransformAttributesForm.js","sources":["../../src/configs/defaultCreateUserConfigs.ts","../../src/lib/simplifyTransformAttributesForm.ts"],"sourcesContent":["export interface SignUpFieldsProps {\n  code: string;\n  default_value: string;\n  entity_type: string;\n  frontend_class: string;\n  frontend_input: string;\n  is_required: boolean;\n  is_unique: boolean;\n  label: string;\n  options: any[];\n}\n\nexport const DEFAULT__SIGN_IN_EMAIL_FIELD: SignUpFieldsProps[] = [\n  {\n    code: 'email',\n    default_value: '',\n    entity_type: 'CUSTOMER',\n    frontend_class: 'auth-signInForm__form__email',\n    frontend_input: 'TEXT',\n    is_required: true,\n    is_unique: false,\n    label: 'Email',\n    options: [],\n  },\n];\n\nexport const DEFAULT__RESET_PASSWORD_EMAIL_FIELD: Record<\n  string,\n  string | boolean | unknown\n>[] = [\n  {\n    code: 'email',\n    default_value: '',\n    entity_type: 'CUSTOMER',\n    frontend_class: 'auth-resetPasswordForm__form__item',\n    frontend_input: 'TEXT',\n    is_required: true,\n    is_unique: false,\n    label: 'Email',\n    options: [],\n  },\n];\n\nexport const DEFAULT_SIGN_UP_FIELDS: SignUpFieldsProps[] = [\n  {\n    code: 'email',\n    default_value: '',\n    entity_type: 'CUSTOMER',\n    frontend_class: '',\n    frontend_input: 'TEXT',\n    is_required: true,\n    is_unique: false,\n    label: 'Email',\n    options: [],\n  },\n  {\n    code: 'firstname',\n    default_value: '',\n    entity_type: 'CUSTOMER',\n    frontend_class: '',\n    frontend_input: 'TEXT',\n    is_required: true,\n    is_unique: false,\n    label: 'First name',\n    options: [],\n  },\n  {\n    code: 'lastname',\n    default_value: '',\n    entity_type: 'CUSTOMER',\n    frontend_class: '',\n    frontend_input: 'TEXT',\n    is_required: false,\n    is_unique: false,\n    label: 'Last name',\n    options: [],\n  },\n];\n\nexport const DEFAULT_INPUTS_PROPS: Record<string, string | ''> = {\n  date_of_birth: '',\n  dob: '',\n  email: '',\n  firstname: '',\n  gender: '',\n  is_subscribed: '',\n  lastname: '',\n  middlename: '',\n  password: '',\n  prefix: '',\n  suffix: '',\n  taxvat: '',\n};\n","import { transformAttributesForm } from '../data/transforms';\n\nexport const simplifyTransformAttributesForm = (defaultSignUpFields: any) => {\n  if (!defaultSignUpFields?.length) return [];\n\n  const params = {\n    data: {\n      attributesForm: { items: defaultSignUpFields },\n    },\n  };\n\n  const { fields } = transformAttributesForm(params);\n\n  return fields;\n};\n"],"names":["DEFAULT__SIGN_IN_EMAIL_FIELD","code","default_value","entity_type","frontend_class","frontend_input","is_required","is_unique","label","options","DEFAULT__RESET_PASSWORD_EMAIL_FIELD","DEFAULT_SIGN_UP_FIELDS","DEFAULT_INPUTS_PROPS","date_of_birth","dob","email","firstname","gender","is_subscribed","lastname","middlename","password","prefix","suffix","taxvat","simplifyTransformAttributesForm","defaultSignUpFields","length","params","data","attributesForm","items","fields","transformAttributesForm"],"mappings":"mDAYO,MAAMA,EAAoD,CAC/D,CACEC,KAAM,QACNC,cAAe,GACfC,YAAa,WACbC,eAAgB,+BAChBC,eAAgB,OAChBC,YAAa,GACbC,UAAW,GACXC,MAAO,QACPC,QAAS,CAAA,CACX,CAAC,EAGUC,EAGP,CACJ,CACET,KAAM,QACNC,cAAe,GACfC,YAAa,WACbC,eAAgB,qCAChBC,eAAgB,OAChBC,YAAa,GACbC,UAAW,GACXC,MAAO,QACPC,QAAS,CAAA,CACX,CAAC,EAGUE,EAA8C,CACzD,CACEV,KAAM,QACNC,cAAe,GACfC,YAAa,WACbC,eAAgB,GAChBC,eAAgB,OAChBC,YAAa,GACbC,UAAW,GACXC,MAAO,QACPC,QAAS,CAAA,CACX,EACA,CACER,KAAM,YACNC,cAAe,GACfC,YAAa,WACbC,eAAgB,GAChBC,eAAgB,OAChBC,YAAa,GACbC,UAAW,GACXC,MAAO,aACPC,QAAS,CAAA,CACX,EACA,CACER,KAAM,WACNC,cAAe,GACfC,YAAa,WACbC,eAAgB,GAChBC,eAAgB,OAChBC,YAAa,GACbC,UAAW,GACXC,MAAO,YACPC,QAAS,CAAA,CACX,CAAC,EAGUG,EAAoD,CAC/DC,cAAe,GACfC,IAAK,GACLC,MAAO,GACPC,UAAW,GACXC,OAAQ,GACRC,cAAe,GACfC,SAAU,GACVC,WAAY,GACZC,SAAU,GACVC,OAAQ,GACRC,OAAQ,GACRC,OAAQ,EACV,EC1FaC,EAAmCC,GAA6B,CAC3E,GAAI,EAACA,GAAAA,MAAAA,EAAqBC,QAAQ,MAAO,GAEzC,MAAMC,EAAS,CACbC,KAAM,CACJC,eAAgB,CAAEC,MAAOL,CAAoB,CAC/C,CAAA,EAGI,CAAEM,OAAAA,CAAAA,EAAWC,EAAwBL,CAAM,EAE1CI,OAAAA,CACT"}

package/chunks/transform-attributes-form.js

@@ -0,0 +1,2 @@
+const b=t=>{var n,d;const r=(n=t==null?void 0:t.data)==null?void 0:n.attributesForm;if((d=r==null?void 0:r.errors)!=null&&d.length)return{errors:r.errors};const i=(r==null?void 0:r.items)||[];return{fields:i==null?void 0:i.map(({default_value:a,frontend_input:l,frontend_class:s,is_required:f,code:e,...m})=>{let o=["email","firstname","lastname"].findIndex(u=>u===e)+1||5;return{...m,defaultValue:a||"",fieldType:l||"",className:s||"",required:f||!1,orderNumber:o,name:e,id:e,code:e}}).sort((a,l)=>a.orderNumber-l.orderNumber)}};export{b as t};
+//# sourceMappingURL=transform-attributes-form.js.map

package/chunks/transform-attributes-form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transform-attributes-form.js","sources":["../../src/data/transforms/transform-attributes-form.ts"],"sourcesContent":["import { getAttributesFormResponse } from '@/auth/types';\nimport { AttributesFormModel } from '../models';\n\nexport const transformAttributesForm = (\n  response: getAttributesFormResponse\n): AttributesFormModel => {\n  const attributesForm = response?.data?.attributesForm;\n\n  if (attributesForm?.errors?.length) return { errors: attributesForm.errors };\n\n  const items = attributesForm?.items || [];\n\n  const fields = items\n    ?.map(\n      ({\n        default_value,\n        frontend_input,\n        frontend_class,\n        is_required,\n        code,\n        ...other\n      }) => {\n        const initialCodeList = ['email', 'firstname', 'lastname'];\n\n        let orderNumber =\n          initialCodeList.findIndex((el) => el === code) + 1 || 5;\n\n        return {\n          ...other,\n          defaultValue: default_value || '',\n          fieldType: frontend_input || '',\n          className: frontend_class || '',\n          required: is_required || false,\n          orderNumber,\n          name: code,\n          id: code,\n          code,\n        };\n      }\n    )\n    .sort((a: any, b: any) => a.orderNumber - b.orderNumber);\n\n  return {\n    fields,\n  };\n};\n"],"names":["transformAttributesForm","response","attributesForm","data","errors","length","items","fields","map","default_value","frontend_input","frontend_class","is_required","code","other","orderNumber","findIndex","el","defaultValue","fieldType","className","required","name","id","sort","a","b"],"mappings":"AAGaA,MAAAA,EACXC,GACwB,CAFbD,IAAAA,EAAAA,EAGLE,MAAAA,GAAiBD,EAAAA,GAAAA,YAAAA,EAAUE,OAAVF,YAAAA,EAAgBC,eAEvC,IAAIA,EAAAA,GAAAA,YAAAA,EAAgBE,SAAhBF,MAAAA,EAAwBG,OAAe,MAAA,CAAED,OAAQF,EAAeE,MAAAA,EAE9DE,MAAAA,GAAQJ,GAAAA,YAAAA,EAAgBI,QAAS,GAgChC,MAAA,CACLC,OA/BaD,GAAAA,YAAAA,EACXE,IACA,CAAC,CACCC,cAAAA,EACAC,eAAAA,EACAC,eAAAA,EACAC,YAAAA,EACAC,KAAAA,EACA,GAAGC,CAAAA,IACC,CAGJ,IAAIC,EAFoB,CAAC,QAAS,YAAa,UAAU,EAGvCC,aAAkBC,IAAOJ,CAAI,EAAI,GAAK,EAEjD,MAAA,CACL,GAAGC,EACHI,aAAcT,GAAiB,GAC/BU,UAAWT,GAAkB,GAC7BU,UAAWT,GAAkB,GAC7BU,SAAUT,GAAe,GACzBG,YAAAA,EACAO,KAAMT,EACNU,GAAIV,EACJA,KAAAA,CAAAA,CACF,GAGHW,KAAK,CAACC,EAAQC,IAAWD,EAAEV,YAAcW,EAAEX,YAG5CR,CAEJ"}

package/chunks/useInLineAlert.js

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

package/chunks/useInLineAlert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInLineAlert.js","sources":["../../node_modules/@adobe/elsie/src/icons/ChevronDown.svg","../../node_modules/@adobe/elsie/src/icons/User.svg","../../node_modules/@adobe/elsie/src/icons/Warning.svg","../../node_modules/@adobe/elsie/src/icons/CheckWithCircle.svg","../../node_modules/@adobe/elsie/src/icons/WarningWithCircle.svg","../../src/lib/getFormValues.ts","../../src/lib/checkIsFunction.ts","../../src/components/UI/CheckboxField/CheckboxField.tsx","../../src/components/UI/Button/Button.tsx","../../src/lib/convertToInputDateFormat.ts","../../src/lib/setLoadingState.ts","../../src/hooks/ui/useForm.tsx","../../src/icons/Date.svg","../../src/components/UI/DateField/DateField.tsx","../../src/lib/generateRandomDigits.ts","../../src/components/UI/SelectField/SelectField.tsx","../../src/components/UI/TextArea/TextArea.tsx","../../src/components/UI/TextField/TextField.tsx","../../src/components/UI/FormInputs/FormInputs.tsx","../../src/components/UI/Form/Form.tsx","../../src/components/UI/Title/Title.tsx","../../src/hooks/useInLineAlert.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgChevronDown = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 24, height: 24, viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M7.74512 9.87701L12.0001 14.132L16.2551 9.87701\", stroke: \"currentColor\", strokeWidth: 1.5, strokeLinecap: \"square\", strokeLinejoin: \"round\" }));\nexport default SvgChevronDown;\n","import * as React from \"react\";\nconst SvgUser = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 24, height: 24, viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M11.8052 14.4968C10.8552 14.4968 9.9752 14.0268 9.4452 13.2368L9.4152 13.1868L9.3852 13.1268C8.1352 11.2268 7.5352 8.96681 7.6852 6.68681C7.7552 4.42681 9.6052 2.61681 11.8652 2.60681H12.0052C14.2752 2.47681 16.2152 4.21681 16.3452 6.47681C16.3452 6.55681 16.3452 6.62681 16.3452 6.70681C16.4852 8.94681 15.9052 11.1768 14.6852 13.0568L14.6052 13.1768C14.0552 13.9868 13.1352 14.4668 12.1652 14.4768H12.0052C11.9352 14.4768 11.8652 14.4868 11.7952 14.4868L11.8052 14.4968Z\", stroke: \"currentColor\" }), /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M4.3252 21.5469C4.3552 20.4169 4.4752 19.2869 4.6752 18.1769C4.8952 17.1669 6.4752 16.0269 8.9052 15.1569C9.2352 15.0369 9.4852 14.7869 9.5952 14.4569L9.8052 14.0269\", stroke: \"currentColor\" }), /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M14.425 14.4069L14.165 14.1569C14.375 14.5969 14.725 14.9569 15.155 15.1869C16.945 15.7969 19.125 16.9569 19.375 18.2069C19.585 19.3069 19.685 20.4269 19.675 21.5369\", stroke: \"currentColor\" }));\nexport default SvgUser;\n","import * as React from \"react\";\nconst SvgWarning = (props) => /* @__PURE__ */ React.createElement(\"svg\", { id: \"Icon_Warning_Base\", width: 24, height: 24, viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"g\", { clipPath: \"url(#clip0_841_1324)\" }, /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M11.9949 2.30237L0.802734 21.6977H23.1977L11.9949 2.30237Z\", stroke: \"currentColor\", strokeLinecap: \"round\", strokeLinejoin: \"round\" }), /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M12.4336 10.5504L12.3373 14.4766H11.6632L11.5669 10.5504V9.51273H12.4336V10.5504ZM11.5883 18.2636V17.2687H12.4229V18.2636H11.5883Z\", stroke: \"currentColor\", strokeLinecap: \"round\", strokeLinejoin: \"round\" })), /* @__PURE__ */ React.createElement(\"defs\", null, /* @__PURE__ */ React.createElement(\"clipPath\", { id: \"clip0_841_1324\" }, /* @__PURE__ */ React.createElement(\"rect\", { width: 24, height: 21, fill: \"white\", transform: \"translate(0 1.5)\" }))));\nexport default SvgWarning;\n","import * as React from \"react\";\nconst SvgCheckWithCircle = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 24, height: 24, viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.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\" }), /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M6.75 12.762L10.2385 15.75L17.25 9\", stroke: \"currentColor\" }));\nexport default SvgCheckWithCircle;\n","import * as React from \"react\";\nconst SvgWarningWithCircle = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 24, height: 24, viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.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\" }), /* @__PURE__ */ React.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\" }));\nexport default SvgWarningWithCircle;\n","export const getFormValues = (form: any) => {\n  if (!form) return null;\n\n  const formData = new FormData(form);\n\n  if (formData && typeof formData.entries === 'function') {\n    const entries = formData.entries();\n    if (entries && typeof entries[Symbol.iterator] === 'function') {\n      return JSON.parse(JSON.stringify(Object.fromEntries(entries))) || {};\n    }\n  }\n  return {};\n};\n","export const checkIsFunction = (value: any): value is Function => {\n  return typeof value === 'function';\n};\n","import { FunctionComponent, h } from 'preact';\nimport { useCallback, useState } from 'preact/hooks';\nimport { classes } from '@adobe/elsie/lib';\nimport '@/auth/components/UI/CheckboxField/CheckboxField.css';\nimport { Checkbox } from '@adobe/elsie/components';\nimport { HTMLAttributes, memo } from 'preact/compat';\n\nexport interface CheckboxFieldProps\n  extends Omit<HTMLAttributes<HTMLInputElement>, 'size'> {\n  initialValue?: boolean;\n  name?: string;\n  errors?: Record<string, string>;\n  label?: string;\n  onChange?: (event: h.JSX.TargetedEvent<HTMLInputElement, Event>) => void;\n  onBlur?: (event: h.JSX.TargetedEvent<HTMLInputElement, Event>) => void;\n}\n\nexport const CheckboxField: FunctionComponent<CheckboxFieldProps> = memo(\n  ({\n    initialValue = false,\n    label,\n    errors,\n    name = '',\n    onChange,\n    onBlur,\n    ...props\n  }) => {\n    const errorMessage = errors ? errors[name] : '';\n    const isError = errorMessage ? 'error' : '';\n\n    const [isChecked, setIsChecked] = useState<boolean>(initialValue);\n\n    const handleSetCheck = useCallback(\n      (value: any) => {\n        onChange?.(value);\n        setIsChecked((prev) => !prev);\n      },\n      [onChange]\n    );\n\n    return (\n      <div className={classes(['auth-checkbox-field'])}>\n        <Checkbox\n          name={name}\n          label={label}\n          // @ts-ignore\n          value={isChecked}\n          checked={isChecked}\n          error={!!errorMessage}\n          onChange={handleSetCheck}\n          onBlur={onBlur}\n          data-testid={name || 'uniqueCheckboxId'}\n          {...props}\n        />\n\n        {isError ? (\n          <div className=\"auth-checkbox-field__error\">\n            {errorMessage.replace('Enter a checkbox, this field', 'Checkbox')}\n          </div>\n        ) : null}\n      </div>\n    );\n  }\n);\n","import { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { useCallback } from 'preact/hooks';\nimport { classes } from '@adobe/elsie/lib';\nimport { Button as ElsieButton } from '@adobe/elsie/components';\nimport '@/auth/components/UI/Button/Button.css';\n\nexport interface ButtonProps {\n  type: 'submit' | 'button';\n  variant?: 'primary' | 'secondary' | 'tertiary';\n  className?: string;\n  buttonText: string;\n  enableLoader?: boolean;\n  onClick?: (event: MouseEvent) => void;\n  style?: Record<string, string | number>;\n  icon?: VNode<HTMLAttributes<SVGSVGElement>>;\n  disabled?: boolean;\n}\n\nexport const Button: FunctionComponent<ButtonProps> = ({\n  type,\n  buttonText,\n  variant,\n  className = '',\n  enableLoader = false,\n  onClick,\n  style,\n  icon,\n  ...props\n}) => {\n  const handleOnclick = useCallback(\n    (event: MouseEvent) => {\n      onClick?.(event);\n    },\n    [onClick]\n  );\n\n  const isLoader = enableLoader ? 'enableLoader' : '';\n\n  return (\n    <ElsieButton\n      icon={icon}\n      style={style}\n      type={type}\n      variant={variant}\n      className={classes(['auth-button', className, isLoader])}\n      onClick={handleOnclick}\n      {...props}\n    >\n      <span className=\"auth-button__text\">{buttonText}</span>\n      {enableLoader ? (\n        <div className=\"auth-button__loader-wrapper\">\n          <span className=\"auth-button__loader\" />\n        </div>\n      ) : null}\n    </ElsieButton>\n  );\n};\n","export const convertToInputDateFormat = (dateTimeString: string): string => {\n  if (!dateTimeString) return '';\n\n  const parts = dateTimeString.split('-');\n  if (parts.length < 3) {\n    return '';\n  }\n\n  const [year, month, day] = parts;\n  return `${year}-${month.padStart(2, '0')}-${day.padStart(2, '0')}`;\n};\n","export const setLoadingState = (fieldList: any, loading: boolean): any => {\n  fieldList.forEach((element: HTMLAnchorElement) => {\n    const input = element.querySelector('input');\n    const textArea = element.querySelector('textarea');\n    const select = element.querySelector('select');\n\n    loading\n      ? element.classList.add('elsie-field__label--disabled')\n      : element.classList.remove('elsie-field__label--disabled');\n\n    if (input) input.disabled = loading;\n    if (textArea) textArea.disabled = loading;\n    if (select) select.disabled = loading;\n  });\n};\n","import { convertToInputDateFormat } from '@/auth/lib/convertToInputDateFormat';\nimport { useCallback, useEffect, useRef, useState } from 'preact/hooks';\nimport { useText } from '@adobe/elsie/i18n';\nimport { useFormProps } from '@/auth/types';\nimport { setLoadingState } from '@/auth/lib/setLoadingState';\n\nexport const useForm = ({\n  submitCallback,\n  isLoading,\n  fieldsConfig,\n}: useFormProps) => {\n  const translations = useText({\n    requiredFieldError: 'Auth.FormText.requiredFieldError',\n  });\n\n  const formRef = useRef<HTMLFormElement>(null);\n  const [formData, setFormData] = useState<Record<string, string>>({});\n  const [errors, setErrors] = useState<Record<string, string>>({});\n\n  useEffect(() => {\n    if (formRef.current) {\n      const initForm = formRef.current;\n\n      const buttonSubmit = initForm.querySelector(\n        'button[type=\"submit\"]'\n      ) as HTMLButtonElement;\n      const fieldList = initForm.querySelectorAll('.elsie-field');\n\n      if (!buttonSubmit || !fieldList) return;\n\n      const loading = isLoading !== undefined ? isLoading : false;\n\n      setLoadingState(fieldList, loading);\n\n      loading\n        ? buttonSubmit.classList.add('loading')\n        : buttonSubmit.classList.remove('loading');\n\n      buttonSubmit.disabled = loading;\n    }\n  }, [isLoading]);\n\n  const updateFieldsConfig = useCallback((fieldsConfig: any[]) => {\n    fieldsConfig.forEach((field: any) => {\n      if (!field.required) return;\n\n      switch (field.fieldType) {\n        case 'DATE': {\n          const currentDate = convertToInputDateFormat(field.defaultValue);\n\n          setFormData((prev) => ({\n            ...prev,\n            [field.name]: currentDate || '',\n          }));\n          break;\n        }\n        case 'BOOLEAN': {\n          const defaultCheckBox = field.options.find(\n            (el: any) => el.is_default\n          );\n\n          const isChecked = defaultCheckBox?.value === '1';\n\n          setFormData((prev) => ({\n            ...prev,\n            [field.name]: defaultCheckBox ? isChecked : '',\n          }));\n          break;\n        }\n        case 'SELECT': {\n          const isDefault = field.options.find((el: any) => el.is_default);\n\n          setFormData((prev) => ({\n            ...prev,\n            [field.name]: isDefault?.value || '',\n          }));\n          break;\n        }\n\n        default:\n          setFormData((prev) => ({\n            ...prev,\n            [field.name]: field?.value || field?.defaultValue || '',\n          }));\n          break;\n      }\n\n      setErrors((prev: any) => ({ ...prev, [field.name]: '' }));\n    });\n  }, []);\n\n  useEffect(() => {\n    if (Array.isArray(fieldsConfig) && fieldsConfig?.length) {\n      updateFieldsConfig(fieldsConfig);\n    }\n  }, [fieldsConfig, updateFieldsConfig]);\n\n  const handleChange = useCallback(\n    ({ target: { name, value, type, checked } }: any) => {\n      const isCheckbox = type === 'checkbox';\n      const newValue = isCheckbox ? checked : value;\n      const newErrors = errors[name]\n        ? { ...errors, [name]: isCheckbox && checked ? '' : '' }\n        : errors;\n\n      setFormData({ ...formData, [name]: newValue });\n      setErrors(newErrors);\n    },\n    [errors, formData]\n  );\n\n  const handleBlur = useCallback(\n    (event: any) => {\n      const { name, value, type } = event.target;\n      const isCheckbox = type === 'checkbox';\n      const isKeyPresent = Object.keys(formData).includes(name);\n      const fieldMetaData = fieldsConfig.find((el: any) => el.name === name);\n\n      const isValidField = isCheckbox ? event.target.checked : value.trim();\n\n      if (\n        !isValidField &&\n        isKeyPresent &&\n        fieldMetaData &&\n        fieldMetaData.required\n      ) {\n        setErrors({\n          ...errors,\n          [name]: translations.requiredFieldError,\n        });\n      }\n    },\n    [errors, fieldsConfig, formData, translations.requiredFieldError]\n  );\n\n  const handleSubmit = useCallback(\n    (event: any) => {\n      event.preventDefault();\n\n      let valid = true;\n      const newErrors: Record<string, string> = {};\n\n      Object.keys(formData).forEach((key) => {\n        const isCheckbox = typeof formData[key] === 'boolean';\n        const isEmptyString =\n          typeof formData[key] === 'string' && !formData[key].trim();\n\n        if ((isCheckbox && !formData[key]) || isEmptyString) {\n          valid = false;\n          newErrors[key] = translations.requiredFieldError;\n        }\n      });\n\n      setErrors(newErrors);\n      submitCallback?.(event, valid);\n\n      const firstErrorField = Object.keys(newErrors)[0];\n      document.getElementsByName(firstErrorField)[0]?.focus();\n    },\n    [formData, submitCallback, translations.requiredFieldError]\n  );\n\n  return {\n    formData,\n    errors,\n    formRef,\n    handleChange,\n    handleBlur,\n    handleSubmit,\n  };\n};\n","import * as React from \"react\";\nconst SvgDate = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 30, height: 30, viewBox: \"0 0 40 40\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M24.75 10V9.25H23.25V10H24.75ZM23.25 14V14.75H24.75V14H23.25ZM16.75 10V9.25H15.25V10H16.75ZM15.25 14V14.75H16.75V14H15.25ZM10 17.25C9.58579 17.25 9.25 17.5858 9.25 18C9.25 18.4142 9.58579 18.75 10 18.75V17.25ZM30 18.75C30.4142 18.75 30.75 18.4142 30.75 18C30.75 17.5858 30.4142 17.25 30 17.25V18.75ZM12 12.75H28V11.25H12V12.75ZM28 12.75C28.6904 12.75 29.25 13.3096 29.25 14H30.75C30.75 12.4812 29.5188 11.25 28 11.25V12.75ZM29.25 14V28H30.75V14H29.25ZM29.25 28C29.25 28.6904 28.6904 29.25 28 29.25V30.75C29.5188 30.75 30.75 29.5188 30.75 28H29.25ZM28 29.25H12V30.75H28V29.25ZM12 29.25C11.3096 29.25 10.75 28.6904 10.75 28H9.25C9.25 29.5188 10.4812 30.75 12 30.75V29.25ZM10.75 28V14H9.25V28H10.75ZM10.75 14C10.75 13.3096 11.3096 12.75 12 12.75V11.25C10.4812 11.25 9.25 12.4812 9.25 14H10.75ZM23.25 10V14H24.75V10H23.25ZM15.25 10V14H16.75V10H15.25ZM10 18.75H30V17.25H10V18.75Z\", fill: \"#2B2B2B\" }));\nexport default SvgDate;\n","import { FunctionComponent } from 'preact';\nimport { classes } from '@adobe/elsie/lib';\nimport '@/auth/components/UI/DateField/DateField.css';\nimport { memo, useState } from 'preact/compat';\nimport { Field, Input } from '@adobe/elsie/components';\nimport { Date } from '@/auth/icons';\n\nexport interface DateFieldProps {\n  children?: any;\n  label?: string;\n  name?: string;\n  errors?: Record<string, string>;\n  values?: Record<string, string>;\n  onChange?: (event: Event) => void;\n  onBlur?: (event: Event) => void;\n}\n\n// TODO: Consider moving this component to the StorefrontSDK repository following the migration to Adobe's git.corp\nexport const DateField: FunctionComponent<DateFieldProps> = memo(\n  ({ children, name = '', onChange, onBlur, errors, values, label }) => {\n    const [inputType, setInputType] = useState('text');\n\n    const errorMessage = errors ? errors[name] : '';\n    const valueMessage = values ? values[name] : '';\n\n    const handleOnFocus = () => {\n      setInputType('date');\n    };\n\n    const handleAutoFocus = (event: Event) => {\n      setInputType('text');\n\n      onBlur?.(event);\n    };\n\n    return (\n      <div className={classes(['auth-date-field', inputType])}>\n        <Field error={errorMessage}>\n          <Input\n            type={inputType}\n            name={name}\n            value={valueMessage}\n            placeholder={label}\n            floatingLabel={label}\n            onFocus={handleOnFocus}\n            onBlur={handleAutoFocus}\n            onChange={onChange}\n          />\n        </Field>\n        {children}\n        <Date />\n      </div>\n    );\n  }\n);\n","export const generateRandomDigits = () => {\n  let digits = '';\n\n  for (let i = 0; i < 5; i++) {\n    digits += Math.floor(Math.random() * 10);\n  }\n  return digits;\n};\n","import { FunctionComponent } from 'preact';\nimport { classes } from '@adobe/elsie/lib';\nimport '@/auth/components/UI/SelectField/SelectField.css';\nimport { generateRandomDigits } from '@/auth/lib/generateRandomDigits';\nimport { ChevronDown } from '@adobe/elsie/icons';\n\nexport interface SelectFieldProps {\n  name?: string;\n  errors?: Record<string, string>;\n  values?: Record<string, string>;\n  selectTitle?: string;\n  optionConfig?: {\n    value: string;\n    label: string;\n    is_default: boolean;\n  }[];\n  onChange?: (event: any) => void;\n  onBlur?: (event: any) => void;\n}\n\nconst randomId = generateRandomDigits();\n\n// TODO: Consider moving this component to the StorefrontSDK repository following the migration to Adobe's git.corp\nexport const SelectField: FunctionComponent<SelectFieldProps> = ({\n  selectTitle,\n  optionConfig = [],\n  name = '',\n  onChange,\n  onBlur,\n  errors,\n  values,\n}) => {\n  const errorMessage = errors ? errors[name] : '';\n  const valueMessage = values ? values[name] : '';\n  const isError = errorMessage ? 'auth-select-field--error' : '';\n  const isSelected = valueMessage ? 'auth-select-field--selected' : '';\n\n  return (\n    <div\n      className={classes([\n        'auth-select-field',\n        'elsie-field',\n        isError,\n        isSelected,\n      ])}\n      data-testid=\"auth-select-field\"\n    >\n      <select\n        className=\"auth-select-field__select\"\n        id={`select_${name}_${randomId}`}\n        name={name}\n        value={valueMessage}\n        onBlur={onBlur}\n        onChange={onChange}\n        aria-label={`select_${name}`}\n      >\n        <option\n          selected={!!optionConfig.filter((item) => item.is_default).length}\n          disabled\n        >\n          {selectTitle}\n        </option>\n        {optionConfig.map((element, index) => (\n          <option\n            value={element.value}\n            defaultChecked={element.is_default}\n            key={index}\n          >\n            {element.label}\n          </option>\n        ))}\n      </select>\n      <label\n        htmlFor={`select_${name}_${randomId}`}\n        className=\"auth-select-field__label\"\n      >\n        {selectTitle}\n      </label>\n      <ChevronDown />\n      {isError && (\n        <div className=\"auth-select-field__error-text\">{errorMessage}</div>\n      )}\n    </div>\n  );\n};\n","import { FunctionComponent } from 'preact';\nimport { classes } from '@adobe/elsie/lib';\nimport { generateRandomDigits } from '@/auth/lib/generateRandomDigits';\nimport '@/auth/components/UI/TextArea/TextArea.css';\n\nexport interface TextAreaFieldProps {\n  name?: string;\n  label?: string;\n  className?: string;\n  errors?: Record<string, string>;\n  values?: Record<string, string>;\n  onChange?: (event: any) => void;\n  onBlur?: (event: any) => void;\n}\n\nconst randomId = generateRandomDigits();\n\n// TODO: Consider moving this component to the StorefrontSDK repository following the migration to Adobe's git.corp\nexport const TextArea: FunctionComponent<TextAreaFieldProps> = ({\n  name = '',\n  errors,\n  values,\n  label,\n  className,\n  onChange,\n  onBlur,\n}) => {\n  const errorMessage = errors ? errors[name] : '';\n  const valueMessage = values ? values[name] : '';\n  const isError = errorMessage ? 'error' : '';\n  const errorClass = isError ? 'auth-textarea-field--error' : '';\n\n  return (\n    <div\n      className={classes(['auth-textarea-field', className, errorClass])}\n      data-testid=\"auth-textarea-field\"\n    >\n      <textarea\n        className=\"auth-textarea-field__textarea\"\n        id={`textarea_${name}_${randomId}`}\n        placeholder={label}\n        name={name}\n        value={valueMessage}\n        onBlur={onBlur}\n        onChange={onChange}\n      />\n      <label\n        htmlFor={`textarea_${name}_${randomId}`}\n        className=\"auth-textarea-field__label\"\n      >\n        {label}\n      </label>\n      {isError ? (\n        <div className=\"auth-textarea-field__error-text\">{errorMessage}</div>\n      ) : null}\n    </div>\n  );\n};\n","import { Field, Input } from '@adobe/elsie/components';\nimport { FunctionComponent } from 'preact';\nimport { memo } from 'preact/compat';\nimport { classes } from '@adobe/elsie/lib';\n\nexport interface TextFieldProps {\n  label?: string;\n  className?: string;\n  name?: string;\n  errors?: Record<string, string>;\n  values?: Record<string, string>;\n  onChange?: (event: any) => void;\n  onBlur?: (event: any) => void;\n}\n\nexport const TextField: FunctionComponent<TextFieldProps> = memo(\n  ({ name = '', onChange, onBlur, errors, values, label, className }) => {\n    const errorMessage = errors ? errors[name] : '';\n    const valueMessage = values ? values[name] : '';\n\n    return (\n      <div\n        className={classes(['auth-text-field', className])}\n        data-testid=\"auth-text_field\"\n      >\n        <Field error={errorMessage}>\n          <Input\n            type=\"text\"\n            name={name}\n            value={valueMessage}\n            onBlur={onBlur}\n            onChange={onChange}\n            placeholder={label}\n            floatingLabel={label}\n          />\n        </Field>\n      </div>\n    );\n  }\n);\n","import { FunctionComponent } from 'preact';\nimport { classes } from '@adobe/elsie/lib';\nimport CheckboxField from '../CheckboxField';\nimport DateField from '../DateField';\nimport SelectField from '../SelectField';\nimport TextArea from '../TextArea';\nimport TextField from '../TextField';\nimport { memo } from 'preact/compat';\nimport { User } from '@adobe/elsie/icons';\nimport { Field, Input } from '@adobe/elsie/components';\n\nexport interface FormInputsProps {\n  className?: string;\n  errors?: Record<string, string>;\n  values?: Record<string, string>;\n  fields?: any;\n  onChange?: (event: Event) => void;\n  onBlur?: (event: Event) => void;\n}\n\nexport const FormInputs: FunctionComponent<FormInputsProps> = memo(\n  ({ values, fields = [], errors, className = '', onChange, onBlur }) => {\n    if (!fields.length) return null;\n\n    const itemClassName = `${className}__item`;\n    return (\n      <>\n        {fields.map((el: any) => {\n          switch (el.fieldType) {\n            case 'TEXT':\n              if (el.id === 'email') {\n                const errorMessage = errors ? errors[el.id] : '';\n                const valueMessage = values ? values[el.id] : '';\n\n                return (\n                  <div\n                    className={classes([\n                      `${itemClassName}`,\n                      `${itemClassName}--${el.id}`,\n                    ])}\n                    data-testid={`${itemClassName}--${el.id}`}\n                  >\n                    <Field error={errorMessage} className={el.className}>\n                      <Input\n                        type=\"email\"\n                        name={el.id}\n                        icon={<User />}\n                        value={valueMessage}\n                        placeholder={el.label}\n                        floatingLabel={el.label}\n                        onBlur={onBlur}\n                        onChange={onChange}\n                      />\n                    </Field>\n                  </div>\n                );\n              } else if (el.id === 'firstname' || el.id === 'lastname') {\n                return (\n                  <div\n                    className={classes([\n                      `${itemClassName}`,\n                      `${itemClassName}--${el.id}`,\n                    ])}\n                  >\n                    <TextField\n                      name={el.id}\n                      className={el.className}\n                      label={el.label}\n                      onBlur={onBlur}\n                      errors={errors}\n                      onChange={onChange}\n                      values={values}\n                    />\n                  </div>\n                );\n              }\n\n              return (\n                <div\n                  className={classes([\n                    `${itemClassName}`,\n                    `${itemClassName}--${el.id}`,\n                  ])}\n                >\n                  <TextField\n                    name={el.id}\n                    className={el.className}\n                    label={el.label}\n                    onBlur={onBlur}\n                    errors={errors}\n                    onChange={onChange}\n                    values={values}\n                  />\n                </div>\n              );\n\n            case 'SELECT':\n              return (\n                <div className={itemClassName}>\n                  <SelectField\n                    selectTitle={el.label}\n                    optionConfig={el.options}\n                    name={el.id}\n                    onBlur={onBlur}\n                    errors={errors}\n                    onChange={onChange}\n                    values={values}\n                  />\n                </div>\n              );\n\n            case 'BOOLEAN':\n              return (\n                <div className={itemClassName}>\n                  <CheckboxField\n                    label={el.label}\n                    name={el.id}\n                    onBlur={onBlur}\n                    errors={errors}\n                    onChange={onChange}\n                  />\n                </div>\n              );\n\n            case 'DATE':\n              return (\n                <div className={itemClassName}>\n                  <DateField\n                    label={el.label}\n                    name={el.id}\n                    onBlur={onBlur}\n                    errors={errors}\n                    onChange={onChange}\n                    values={values}\n                  />\n                </div>\n              );\n\n            case 'TEXTAREA':\n              return (\n                <div\n                  className={classes([\n                    `${itemClassName}`,\n                    `${itemClassName}--${el.id}`,\n                  ])}\n                >\n                  <TextArea\n                    className={el.className}\n                    label={el.label}\n                    name={el.id}\n                    onBlur={onBlur}\n                    errors={errors}\n                    onChange={onChange}\n                    values={values}\n                  />\n                </div>\n              );\n\n            default:\n              return null;\n          }\n        })}\n      </>\n    );\n  }\n);\n","import { FunctionComponent } from 'preact';\nimport { useForm } from '@/auth/hooks/ui/useForm';\nimport { FormProps } from '@/auth/types';\nimport FormInputs from '../FormInputs';\n\nexport const Form: FunctionComponent<FormProps> = ({\n  name,\n  isLoading,\n  children,\n  className = 'defaultForm',\n  fieldsConfig = [],\n  submitCallback,\n}) => {\n  const { formData, errors, formRef, handleChange, handleBlur, handleSubmit } =\n    useForm({\n      submitCallback,\n      isLoading,\n      fieldsConfig,\n    });\n\n  return (\n    <form\n      onSubmit={handleSubmit}\n      className={className}\n      name={name}\n      ref={formRef}\n    >\n      <FormInputs\n        fields={fieldsConfig}\n        onChange={handleChange}\n        onBlur={handleBlur}\n        errors={errors}\n        values={formData}\n        className={className}\n      />\n      {children}\n    </form>\n  );\n};\n","import { FunctionComponent } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe/elsie/lib';\nimport '@/auth/components/UI/Title/Title.css';\n\nexport interface TitleProps {\n  className?: string;\n  text: string;\n  bottomLine: boolean;\n  children?: any;\n}\n\nexport const Title: FunctionComponent<\n  TitleProps & HTMLAttributes<HTMLDivElement>\n> = ({ children, text, bottomLine = true, className }) => {\n  return (\n    <div\n      className={classes(['auth-title', className])}\n      data-testid=\"auth-title_id\"\n    >\n      <div className=\"auth-title__text\">\n        <h1 className=\"auth-title__heading\">{text}</h1>\n        {children}\n      </div>\n      {bottomLine ? <div className=\"auth-title__hr\" /> : null}\n    </div>\n  );\n};\n","import { useState, useCallback } from 'preact/hooks';\nimport { inLineAlertInterface } from '../types';\nimport {\n  CheckWithCircle as Success,\n  Warning,\n  WarningWithCircle as Error,\n} from '@adobe/elsie/icons';\n\nconst iconsList = {\n  success: <Success />,\n  warning: <Warning />,\n  error: <Error />,\n};\n\nexport const useInLineAlert = () => {\n  const [inLineAlertProps, setInLineAlertProps] =\n    useState<inLineAlertInterface>({});\n\n  const handleSetInLineAlertProps = useCallback(\n    (notification: inLineAlertInterface | undefined) => {\n      if (!notification || !notification.type) return;\n\n      const icon = iconsList[notification.type];\n\n      setInLineAlertProps({\n        ...notification,\n        icon,\n      });\n    },\n    []\n  );\n\n  return { inLineAlertProps, handleSetInLineAlertProps };\n};\n"],"names":["SvgChevronDown","props","React","SvgUser","SvgWarning","SvgCheckWithCircle","SvgWarningWithCircle","getFormValues","form","formData","FormData","entries","Symbol","iterator","JSON","parse","stringify","Object","fromEntries","checkIsFunction","value","CheckboxField","memo","initialValue","label","errors","name","onChange","onBlur","errorMessage","isError","isChecked","setIsChecked","useState","handleSetCheck","useCallback","prev","_jsxs","className","classes","children","_jsx","Checkbox","checked","error","replace","Button","type","buttonText","variant","enableLoader","onClick","style","icon","handleOnclick","event","ElsieButton","convertToInputDateFormat","dateTimeString","parts","split","length","year","month","day","padStart","setLoadingState","fieldList","loading","forEach","element","input","querySelector","textArea","select","classList","add","remove","disabled","useForm","submitCallback","isLoading","fieldsConfig","translations","useText","requiredFieldError","formRef","useRef","setFormData","setErrors","useEffect","current","initForm","buttonSubmit","querySelectorAll","undefined","updateFieldsConfig","field","required","fieldType","currentDate","defaultValue","defaultCheckBox","options","find","el","is_default","isDefault","Array","isArray","handleChange","target","isCheckbox","newValue","newErrors","handleBlur","isKeyPresent","keys","includes","fieldMetaData","trim","handleSubmit","preventDefault","valid","key","isEmptyString","firstErrorField","document","getElementsByName","focus","SvgDate","DateField","values","inputType","setInputType","valueMessage","handleOnFocus","handleAutoFocus","Field","Input","placeholder","floatingLabel","onFocus","Date","generateRandomDigits","digits","i","Math","floor","random","randomId","SelectField","selectTitle","optionConfig","id","selected","filter","item","map","index","defaultChecked","htmlFor","ChevronDown","TextArea","TextField","FormInputs","fields","itemClassName","_Fragment","User","Form","onSubmit","ref","Title","text","bottomLine","iconsList","success","Success","warning","Warning","Error","useInLineAlert","inLineAlertProps","setInLineAlertProps","handleSetInLineAlertProps","notification"],"mappings":"2eACK,MAACA,EAAkBC,GAA0BC,EAAM,cAAc,MAAO,CAAE,MAAO,GAAI,OAAQ,GAAI,QAAS,YAAa,KAAM,OAAQ,MAAO,6BAA8B,GAAGD,CAAK,EAAoBC,EAAM,cAAc,OAAQ,CAAE,EAAG,kDAAmD,OAAQ,eAAgB,YAAa,IAAK,cAAe,SAAU,eAAgB,QAAS,CAAC,ECAtXC,EAAWF,GAA0BC,EAAM,cAAc,MAAO,CAAE,MAAO,GAAI,OAAQ,GAAI,QAAS,YAAa,KAAM,OAAQ,MAAO,6BAA8B,GAAGD,CAAO,EAAkBC,EAAM,cAAc,OAAQ,CAAE,aAAc,qBAAsB,EAAG,2dAA4d,OAAQ,cAAc,CAAE,EAAmBA,EAAM,cAAc,OAAQ,CAAE,aAAc,qBAAsB,EAAG,wKAAyK,OAAQ,cAAgB,CAAA,EAAmBA,EAAM,cAAc,OAAQ,CAAE,aAAc,qBAAsB,EAAG,wKAAyK,OAAQ,cAAgB,CAAA,CAAC,ECA1yCE,EAAcH,GAA0BC,EAAM,cAAc,MAAO,CAAE,GAAI,oBAAqB,MAAO,GAAI,OAAQ,GAAI,QAAS,YAAa,KAAM,OAAQ,MAAO,6BAA8B,GAAGD,CAAO,EAAkBC,EAAM,cAAc,IAAK,CAAE,SAAU,wBAA0CA,EAAM,cAAc,OAAQ,CAAE,aAAc,qBAAsB,EAAG,6DAA8D,OAAQ,eAAgB,cAAe,QAAS,eAAgB,OAAS,CAAA,EAAmBA,EAAM,cAAc,OAAQ,CAAE,aAAc,qBAAsB,EAAG,qIAAsI,OAAQ,eAAgB,cAAe,QAAS,eAAgB,OAAO,CAAE,CAAC,EAAmBA,EAAM,cAAc,OAAQ,KAAsBA,EAAM,cAAc,WAAY,CAAE,GAAI,gBAAgB,EAAoBA,EAAM,cAAc,OAAQ,CAAE,MAAO,GAAI,OAAQ,GAAI,KAAM,QAAS,UAAW,mBAAoB,CAAC,CAAC,CAAC,ECAlhCG,EAAsBJ,GAA0BC,EAAM,cAAc,MAAO,CAAE,MAAO,GAAI,OAAQ,GAAI,QAAS,YAAa,KAAM,OAAQ,MAAO,6BAA8B,GAAGD,CAAK,EAAoBC,EAAM,cAAc,OAAQ,CAAE,aAAc,qBAAsB,EAAG,0JAA2J,OAAQ,cAAc,CAAE,EAAmBA,EAAM,cAAc,OAAQ,CAAE,aAAc,qBAAsB,EAAG,qCAAsC,OAAQ,cAAc,CAAE,CAAC,ECAxlBI,EAAwBL,GAA0BC,EAAM,cAAc,MAAO,CAAE,MAAO,GAAI,OAAQ,GAAI,QAAS,YAAa,KAAM,OAAQ,MAAO,6BAA8B,GAAGD,CAAK,EAAoBC,EAAM,cAAc,OAAQ,CAAE,aAAc,qBAAsB,EAAG,0JAA2J,OAAQ,cAAc,CAAE,EAAmBA,EAAM,cAAc,OAAQ,CAAE,aAAc,qBAAsB,EAAG,wHAAyH,OAAQ,cAAc,CAAE,CAAC,ECDtqBK,GAAiBC,GAAc,CAC1C,GAAI,CAACA,EAAa,OAAA,KAEZC,MAAAA,EAAW,IAAIC,SAASF,CAAI,EAElC,GAAIC,GAAY,OAAOA,EAASE,SAAY,WAAY,CAChDA,MAAAA,EAAUF,EAASE,UACzB,GAAIA,GAAW,OAAOA,EAAQC,OAAOC,QAAQ,GAAM,WAC1CC,OAAAA,KAAKC,MAAMD,KAAKE,UAAUC,OAAOC,YAAYP,CAAO,CAAC,CAAC,GAAK,EAEtE,CACA,MAAO,EACT,ECZaQ,GAAmBC,GACvB,OAAOA,GAAU,WCgBbC,EAAuDC,EAClE,CAAC,CACCC,aAAAA,EAAe,GACfC,MAAAA,EACAC,OAAAA,EACAC,KAAAA,EAAO,GACPC,SAAAA,EACAC,OAAAA,EACA,GAAG3B,CACL,IAAM,CACJ,MAAM4B,EAAeJ,EAASA,EAAOC,CAAI,EAAI,GACvCI,EAAUD,EAAe,QAAU,GAEnC,CAACE,EAAWC,CAAY,EAAIC,EAAkBV,CAAY,EAE1DW,EAAiBC,EACpBf,GAAe,CACdO,GAAAA,MAAAA,EAAWP,GACGgB,EAAAA,GAAS,CAACA,CAAI,CAAA,EAE9B,CAACT,CAAQ,CACX,EAEA,OACEU,EAAA,MAAA,CAAKC,UAAWC,EAAQ,CAAC,qBAAqB,CAAC,EAAEC,SAAA,CAC/CC,EAACC,EAAQ,CACPhB,KAAAA,EACAF,MAAAA,EAEAJ,MAAOW,EACPY,QAASZ,EACTa,MAAO,CAAC,CAACf,EACTF,SAAUO,EACVN,OAAAA,EACA,cAAaF,GAAQ,mBAAmB,GACpCzB,CAAAA,CACL,EAEA6B,EACCW,EAAA,MAAA,CAAKH,UAAU,6BAA4BE,SACxCX,EAAagB,QAAQ,+BAAgC,UAAU,CAC7D,CAAA,EACH,IAAI,CAAA,CACL,CAET,CACF,EC5CaC,GAAyCA,CAAC,CACrDC,KAAAA,EACAC,WAAAA,EACAC,QAAAA,EACAX,UAAAA,EAAY,GACZY,aAAAA,EAAe,GACfC,QAAAA,EACAC,MAAAA,EACAC,KAAAA,EACA,GAAGpD,CACL,IAAM,CACEqD,MAAAA,EAAgBnB,EACnBoB,GAAsB,CACrBJ,GAAAA,MAAAA,EAAUI,EAAK,EAEjB,CAACJ,CAAO,CACV,EAIA,OACEd,EAACmB,EAAW,CACVH,KAAAA,EACAD,MAAAA,EACAL,KAAAA,EACAE,QAAAA,EACAX,UAAWC,EAAQ,CAAC,cAAeD,EARtBY,EAAe,eAAiB,EAQS,CAAC,EACvDC,QAASG,EAAc,GACnBrD,EAAKuC,UAETC,EAAA,OAAA,CAAMH,UAAU,oBAAmBE,SAAEQ,CAAAA,CAAiB,EACrDE,EACCT,EAAA,MAAA,CAAKH,UAAU,8BAA6BE,SAC1CC,EAAA,OAAA,CAAMH,UAAU,qBAAA,CAAuB,CACpC,CAAA,EACH,IAAI,CAAA,CACG,CAEjB,ECzDamB,EAA4BC,GAAmC,CAC1E,GAAI,CAACA,EAAuB,MAAA,GAEtBC,MAAAA,EAAQD,EAAeE,MAAM,GAAG,EAClCD,GAAAA,EAAME,OAAS,EACV,MAAA,GAGT,KAAM,CAACC,EAAMC,EAAOC,CAAG,EAAIL,EAC3B,MAAO,GAAGG,CAAI,IAAIC,EAAME,SAAS,EAAG,GAAG,CAAC,IAAID,EAAIC,SAAS,EAAG,GAAG,CAAC,EAClE,ECVaC,EAAkBA,CAACC,EAAgBC,IAA0B,CAC9DC,EAAAA,QAASC,GAA+B,CAC1CC,MAAAA,EAAQD,EAAQE,cAAc,OAAO,EACrCC,EAAWH,EAAQE,cAAc,UAAU,EAC3CE,EAASJ,EAAQE,cAAc,QAAQ,EAGzCF,EAAAA,EAAQK,UAAUC,IAAI,8BAA8B,EACpDN,EAAQK,UAAUE,OAAO,8BAA8B,EAEvDN,IAAOA,EAAMO,SAAWV,GACxBK,IAAUA,EAASK,SAAWV,GAC9BM,IAAQA,EAAOI,SAAWV,EAAAA,CAC/B,CACH,ECRaW,EAAUA,CAAC,CACtBC,eAAAA,EACAC,UAAAA,EACAC,aAAAA,CACY,IAAM,CAClB,MAAMC,EAAeC,EAAQ,CAC3BC,mBAAoB,kCAAA,CACrB,EAEKC,EAAUC,EAAwB,IAAI,EACtC,CAAC9E,EAAU+E,CAAW,EAAIvD,EAAiC,CAAE,CAAA,EAC7D,CAACR,EAAQgE,CAAS,EAAIxD,EAAiC,CAAE,CAAA,EAE/DyD,EAAU,IAAM,CACd,GAAIJ,EAAQK,QAAS,CACnB,MAAMC,EAAWN,EAAQK,QAEnBE,EAAeD,EAASpB,cAC5B,uBACF,EACML,EAAYyB,EAASE,iBAAiB,cAAc,EAEtD,GAAA,CAACD,GAAgB,CAAC1B,EAAW,OAE3BC,MAAAA,EAAUa,IAAcc,OAAYd,EAAY,GAEtDf,EAAgBC,EAAWC,CAAO,EAG9ByB,EAAAA,EAAalB,UAAUC,IAAI,SAAS,EACpCiB,EAAalB,UAAUE,OAAO,SAAS,EAE3CgB,EAAaf,SAAWV,CAC1B,CAAA,EACC,CAACa,CAAS,CAAC,EAERe,MAAAA,EAAqB7D,EAAa+C,GAAwB,CAC9DA,EAAab,QAAS4B,GAAe,CACnC,GAAKA,EAAMC,SAEX,QAAQD,EAAME,UAAS,CACrB,IAAK,OAAQ,CACLC,MAAAA,EAAc3C,EAAyBwC,EAAMI,YAAY,EAE/Db,EAAuBpD,IAAA,CACrB,GAAGA,EACH,CAAC6D,EAAMvE,IAAI,EAAG0E,GAAe,EAC7B,EAAA,EACF,KACF,CACA,IAAK,UAAW,CACd,MAAME,EAAkBL,EAAMM,QAAQC,KACnCC,GAAYA,EAAGC,UAClB,EAEM3E,GAAYuE,GAAAA,YAAAA,EAAiBlF,SAAU,IAE7CoE,EAAuBpD,IAAA,CACrB,GAAGA,EACH,CAAC6D,EAAMvE,IAAI,EAAG4E,EAAkBvE,EAAY,EAC5C,EAAA,EACF,KACF,CACA,IAAK,SAAU,CACb,MAAM4E,EAAYV,EAAMM,QAAQC,KAAMC,GAAYA,EAAGC,UAAU,EAE/DlB,EAAuBpD,IAAA,CACrB,GAAGA,EACH,CAAC6D,EAAMvE,IAAI,GAAGiF,GAAAA,YAAAA,EAAWvF,QAAS,EAClC,EAAA,EACF,KACF,CAEA,QACEoE,EAAuBpD,IAAA,CACrB,GAAGA,EACH,CAAC6D,EAAMvE,IAAI,GAAGuE,GAAAA,YAAAA,EAAO7E,SAAS6E,GAAAA,YAAAA,EAAOI,eAAgB,EACrD,EAAA,EACF,KACJ,CAEAZ,EAAWrD,IAAe,CAAE,GAAGA,EAAM,CAAC6D,EAAMvE,IAAI,EAAG,EAAK,EAAA,EAAA,CACzD,CACH,EAAG,CAAE,CAAA,EAELgE,EAAU,IAAM,CACVkB,MAAMC,QAAQ3B,CAAY,IAAKA,GAAAA,MAAAA,EAAcrB,SAC/CmC,EAAmBd,CAAY,CACjC,EACC,CAACA,EAAcc,CAAkB,CAAC,EAE/Bc,MAAAA,EAAe3E,EACnB,CAAC,CAAE4E,OAAQ,CAAErF,KAAAA,EAAMN,MAAAA,EAAO2B,KAAAA,EAAMJ,QAAAA,CAAQ,CAAA,IAAa,CACnD,MAAMqE,EAAajE,IAAS,WACtBkE,EAAWD,EAAarE,EAAUvB,EAClC8F,EAAYzF,EAAOC,CAAI,EACzB,CAAE,GAAGD,EAAQ,CAACC,CAAI,EAA2B,EAC7CD,EAAAA,EAEQ+D,EAAA,CAAE,GAAG/E,EAAU,CAACiB,CAAI,EAAGuF,CAAAA,CAAU,EAC7CxB,EAAUyB,CAAS,CAAA,EAErB,CAACzF,EAAQhB,CAAQ,CACnB,EAEM0G,EAAahF,EAChBoB,GAAe,CACR,KAAA,CAAE7B,KAAAA,EAAMN,MAAAA,EAAO2B,KAAAA,CAAAA,EAASQ,EAAMwD,OAC9BC,EAAajE,IAAS,WACtBqE,EAAenG,OAAOoG,KAAK5G,CAAQ,EAAE6G,SAAS5F,CAAI,EAClD6F,EAAgBrC,EAAasB,KAAMC,GAAYA,EAAG/E,OAASA,CAAI,EAKnE,EAHmBsF,EAAazD,EAAMwD,OAAOpE,QAAUvB,EAAMoG,SAI7DJ,GACAG,GACAA,EAAcrB,UAEJT,EAAA,CACR,GAAGhE,EACH,CAACC,CAAI,EAAGyD,EAAaE,kBAAAA,CACtB,CACH,EAEF,CAAC5D,EAAQyD,EAAczE,EAAU0E,EAAaE,kBAAkB,CAClE,EAEMoC,EAAetF,EAClBoB,GAAe,OACdA,EAAMmE,eAAe,EAErB,IAAIC,EAAQ,GACZ,MAAMT,EAAoC,CAAA,EAE1CjG,OAAOoG,KAAK5G,CAAQ,EAAE4D,QAAiBuD,GAAA,CACrC,MAAMZ,EAAa,OAAOvG,EAASmH,CAAG,GAAM,UACtCC,EACJ,OAAOpH,EAASmH,CAAG,GAAM,UAAY,CAACnH,EAASmH,CAAG,EAAEJ,QAEjDR,GAAc,CAACvG,EAASmH,CAAG,GAAMC,KAC5BF,EAAA,GACEC,EAAAA,CAAG,EAAIzC,EAAaE,mBAChC,CACD,EAEDI,EAAUyB,CAAS,EACnBlC,GAAAA,MAAAA,EAAiBzB,EAAOoE,GAExB,MAAMG,EAAkB7G,OAAOoG,KAAKH,CAAS,EAAE,CAAC,GAChDa,EAAAA,SAASC,kBAAkBF,CAAe,EAAE,CAAC,IAA7CC,MAAAA,EAAgDE,SAElD,CAACxH,EAAUuE,EAAgBG,EAAaE,kBAAkB,CAC5D,EAEO,MAAA,CACL5E,SAAAA,EACAgB,OAAAA,EACA6D,QAAAA,EACAwB,aAAAA,EACAK,WAAAA,EACAM,aAAAA,CAAAA,CAEJ,ECzKMS,EAAWjI,GAA0BC,EAAM,cAAc,MAAO,CAAE,MAAO,GAAI,OAAQ,GAAI,QAAS,YAAa,KAAM,OAAQ,MAAO,6BAA8B,GAAGD,CAAO,EAAkBC,EAAM,cAAc,OAAQ,CAAE,EAAG,62BAA82B,KAAM,SAAW,CAAA,CAAC,ECiBxlCiI,EAA+C7G,EAC1D,CAAC,CAAEkB,SAAAA,EAAUd,KAAAA,EAAO,GAAIC,SAAAA,EAAUC,OAAAA,EAAQH,OAAAA,EAAQ2G,OAAAA,EAAQ5G,MAAAA,CAAM,IAAM,CACpE,KAAM,CAAC6G,EAAWC,CAAY,EAAIrG,EAAS,MAAM,EAE3CJ,EAAeJ,EAASA,EAAOC,CAAI,EAAI,GACvC6G,EAAeH,EAASA,EAAO1G,CAAI,EAAI,GAEvC8G,EAAgBA,IAAM,CAC1BF,EAAa,MAAM,CAAA,EAGfG,EAAmBlF,GAAiB,CACxC+E,EAAa,MAAM,EAEnB1G,GAAAA,MAAAA,EAAS2B,EAAK,EAGhB,OACElB,EAAA,MAAA,CAAKC,UAAWC,EAAQ,CAAC,kBAAmB8F,CAAS,CAAC,EAAE7F,SAAA,CACtDC,EAACiG,EAAK,CAAC9F,MAAOf,EAAaW,SACzBC,EAACkG,EAAK,CACJ5F,KAAMsF,EACN3G,KAAAA,EACAN,MAAOmH,EACPK,YAAapH,EACbqH,cAAerH,EACfsH,QAASN,EACT5G,OAAQ6G,EACR9G,SAAAA,CAAAA,CACD,CACI,CAAA,EACNa,EACDC,EAACsG,GAAM,CAAA,CAAC,CAAA,CACL,CAET,CACF,ECtDaC,EAAuBA,IAAM,CACxC,IAAIC,EAAS,GAEb,QAASC,EAAI,EAAGA,EAAI,EAAGA,IACrBD,GAAUE,KAAKC,MAAMD,KAAKE,OAAAA,EAAW,EAAE,EAElCJ,OAAAA,CACT,ECaMK,EAAWN,EAAqB,EAGzBO,EAAmDA,CAAC,CAC/DC,YAAAA,EACAC,aAAAA,EAAe,CAAE,EACjB/H,KAAAA,EAAO,GACPC,SAAAA,EACAC,OAAAA,EACAH,OAAAA,EACA2G,OAAAA,CACF,IAAM,CACJ,MAAMvG,EAAeJ,EAASA,EAAOC,CAAI,EAAI,GACvC6G,EAAeH,EAASA,EAAO1G,CAAI,EAAI,GACvCI,EAAUD,EAAe,2BAA6B,GAG5D,OACEQ,EAAA,MAAA,CACEC,UAAWC,EAAQ,CACjB,oBACA,cACAT,EAPayG,EAAe,8BAAgC,EAQlD,CACX,EACD,cAAY,oBAAmB/F,UAE/BH,EAAA,SAAA,CACEC,UAAU,4BACVoH,GAAI,UAAUhI,CAAI,IAAI4H,CAAQ,GAC9B5H,KAAAA,EACAN,MAAOmH,EACP3G,OAAAA,EACAD,SAAAA,EACA,aAAY,UAAUD,CAAI,GAAGc,UAE7BC,EAAA,SAAA,CACEkH,SAAU,CAAC,CAACF,EAAaG,OAAiBC,GAAAA,EAAKnD,UAAU,EAAE7C,OAC3DiB,SAAQ,GAAAtC,SAEPgH,CAAAA,CACK,EACPC,EAAaK,IAAI,CAACxF,EAASyF,IAC1BtH,EAAA,SAAA,CACErB,MAAOkD,EAAQlD,MACf4I,eAAgB1F,EAAQoC,WAAWlE,SAGlC8B,EAAQ9C,KAAAA,EAFJuI,CAGC,CACT,CAAC,CAAA,CACI,EACRtH,EAAA,QAAA,CACEwH,QAAS,UAAUvI,CAAI,IAAI4H,CAAQ,GACnChH,UAAU,2BAA0BE,SAEnCgH,CAAAA,CACI,EACP/G,EAACyH,IAAa,EACbpI,GACCW,EAAA,MAAA,CAAKH,UAAU,gCAA+BE,SAAEX,CAAAA,CAAkB,CACnE,CAAA,CACE,CAET,ECrEMyH,EAAWN,EAAqB,EAGzBmB,GAAkDA,CAAC,CAC9DzI,KAAAA,EAAO,GACPD,OAAAA,EACA2G,OAAAA,EACA5G,MAAAA,EACAc,UAAAA,EACAX,SAAAA,EACAC,OAAAA,CACF,IAAM,CACJ,MAAMC,EAAeJ,EAASA,EAAOC,CAAI,EAAI,GACvC6G,EAAeH,EAASA,EAAO1G,CAAI,EAAI,GACvCI,EAAUD,EAAe,QAAU,GAGzC,OACEQ,EAAA,MAAA,CACEC,UAAWC,EAAQ,CAAC,sBAAuBD,EAJ5BR,EAAU,6BAA+B,EAIQ,CAAC,EACjE,cAAY,sBAAqBU,UAEjCC,EAAA,WAAA,CACEH,UAAU,gCACVoH,GAAI,YAAYhI,CAAI,IAAI4H,CAAQ,GAChCV,YAAapH,EACbE,KAAAA,EACAN,MAAOmH,EACP3G,OAAAA,EACAD,SAAAA,CAAAA,CACD,EACDc,EAAA,QAAA,CACEwH,QAAS,YAAYvI,CAAI,IAAI4H,CAAQ,GACrChH,UAAU,6BAA4BE,SAErChB,CAAAA,CACI,EACNM,EACCW,EAAA,MAAA,CAAKH,UAAU,kCAAiCE,SAAEX,CAAkB,CAAA,EAClE,IAAI,CAAA,CACL,CAET,EC1CauI,EAA+C9I,EAC1D,CAAC,CAAEI,KAAAA,EAAO,GAAIC,SAAAA,EAAUC,OAAAA,EAAQH,OAAAA,EAAQ2G,OAAAA,EAAQ5G,MAAAA,EAAOc,UAAAA,CAAU,IAAM,CACrE,MAAMT,EAAeJ,EAASA,EAAOC,CAAI,EAAI,GACvC6G,EAAeH,EAASA,EAAO1G,CAAI,EAAI,GAE7C,OACEe,EAAA,MAAA,CACEH,UAAWC,EAAQ,CAAC,kBAAmBD,CAAS,CAAC,EACjD,cAAY,kBAAiBE,SAE7BC,EAACiG,EAAK,CAAC9F,MAAOf,EAAaW,SACzBC,EAACkG,EAAK,CACJ5F,KAAK,OACLrB,KAAAA,EACAN,MAAOmH,EACP3G,OAAAA,EACAD,SAAAA,EACAiH,YAAapH,EACbqH,cAAerH,CAAAA,CAChB,CAAA,CACI,CAAA,CACJ,CAET,CACF,ECnBa6I,GAAiD/I,EAC5D,CAAC,CAAE8G,OAAAA,EAAQkC,OAAAA,EAAS,CAAE,EAAE7I,OAAAA,EAAQa,UAAAA,EAAY,GAAIX,SAAAA,EAAUC,OAAAA,CAAO,IAAM,CACrE,GAAI,CAAC0I,EAAOzG,OAAe,OAAA,KAErB0G,MAAAA,EAAgB,GAAGjI,CAAS,SAClC,OACEG,EAAA+H,EAAA,CAAAhI,SACG8H,EAAOR,IAAKrD,GAAY,CACvB,OAAQA,EAAGN,UAAS,CAClB,IAAK,OACCM,GAAAA,EAAGiD,KAAO,QAAS,CACrB,MAAM7H,EAAeJ,EAASA,EAAOgF,EAAGiD,EAAE,EAAI,GACxCnB,EAAeH,EAASA,EAAO3B,EAAGiD,EAAE,EAAI,GAE9C,OACEjH,EAAA,MAAA,CACEH,UAAWC,EAAQ,CACjB,GAAGgI,CAAa,GAChB,GAAGA,CAAa,KAAK9D,EAAGiD,EAAE,EAAE,CAC7B,EACD,cAAa,GAAGa,CAAa,KAAK9D,EAAGiD,EAAE,GAAGlH,SAE1CC,EAACiG,EAAK,CAAC9F,MAAOf,EAAcS,UAAWmE,EAAGnE,UAAUE,SAClDC,EAACkG,EAAK,CACJ5F,KAAK,QACLrB,KAAM+E,EAAGiD,GACTrG,KAAMZ,EAACgI,IAAM,EACbrJ,MAAOmH,EACPK,YAAanC,EAAGjF,MAChBqH,cAAepC,EAAGjF,MAClBI,OAAAA,EACAD,SAAAA,CAAAA,CACD,CAAA,CACI,CAAA,CACJ,CAAA,SAEE8E,EAAGiD,KAAO,aAAejD,EAAGiD,KAAO,WAC5C,OACEjH,EAAA,MAAA,CACEH,UAAWC,EAAQ,CACjB,GAAGgI,CAAa,GAChB,GAAGA,CAAa,KAAK9D,EAAGiD,EAAE,EAAE,CAC7B,EAAElH,SAEHC,EAAC2H,EAAS,CACR1I,KAAM+E,EAAGiD,GACTpH,UAAWmE,EAAGnE,UACdd,MAAOiF,EAAGjF,MACVI,OAAAA,EACAH,OAAAA,EACAE,SAAAA,EACAyG,OAAAA,CAAAA,CACD,CAAA,CACE,EAIT,OACE3F,EAAA,MAAA,CACEH,UAAWC,EAAQ,CACjB,GAAGgI,CAAa,GAChB,GAAGA,CAAa,KAAK9D,EAAGiD,EAAE,EAAE,CAC7B,EAAElH,SAEHC,EAAC2H,EAAS,CACR1I,KAAM+E,EAAGiD,GACTpH,UAAWmE,EAAGnE,UACdd,MAAOiF,EAAGjF,MACVI,OAAAA,EACAH,OAAAA,EACAE,SAAAA,EACAyG,OAAAA,CAAAA,CACD,CAAA,CACE,EAGT,IAAK,SACH,OACE3F,EAAA,MAAA,CAAKH,UAAWiI,EAAc/H,SAC5BC,EAAC8G,EAAW,CACVC,YAAa/C,EAAGjF,MAChBiI,aAAchD,EAAGF,QACjB7E,KAAM+E,EAAGiD,GACT9H,OAAAA,EACAH,OAAAA,EACAE,SAAAA,EACAyG,OAAAA,CAAAA,CACD,CAAA,CACE,EAGT,IAAK,UACH,OACE3F,EAAA,MAAA,CAAKH,UAAWiI,EAAc/H,SAC5BC,EAACpB,EAAa,CACZG,MAAOiF,EAAGjF,MACVE,KAAM+E,EAAGiD,GACT9H,OAAAA,EACAH,OAAAA,EACAE,SAAAA,CAAAA,CACD,CAAA,CACE,EAGT,IAAK,OACH,OACEc,EAAA,MAAA,CAAKH,UAAWiI,EAAc/H,SAC5BC,EAAC0F,EAAS,CACR3G,MAAOiF,EAAGjF,MACVE,KAAM+E,EAAGiD,GACT9H,OAAAA,EACAH,OAAAA,EACAE,SAAAA,EACAyG,OAAAA,CAAAA,CACD,CAAA,CACE,EAGT,IAAK,WACH,OACE3F,EAAA,MAAA,CACEH,UAAWC,EAAQ,CACjB,GAAGgI,CAAa,GAChB,GAAGA,CAAa,KAAK9D,EAAGiD,EAAE,EAAE,CAC7B,EAAElH,SAEHC,EAAC0H,GAAQ,CACP7H,UAAWmE,EAAGnE,UACdd,MAAOiF,EAAGjF,MACVE,KAAM+E,EAAGiD,GACT9H,OAAAA,EACAH,OAAAA,EACAE,SAAAA,EACAyG,OAAAA,CAAAA,CACD,CAAA,CACE,EAGT,QACS,OAAA,IACX,CAAA,CACD,CAAA,CACD,CAEN,CACF,EChKasC,GAAqCA,CAAC,CACjDhJ,KAAAA,EACAuD,UAAAA,EACAzC,SAAAA,EACAF,UAAAA,EAAY,cACZ4C,aAAAA,EAAe,CAAE,EACjBF,eAAAA,CACF,IAAM,CACE,KAAA,CAAEvE,SAAAA,EAAUgB,OAAAA,EAAQ6D,QAAAA,EAASwB,aAAAA,EAAcK,WAAAA,EAAYM,aAAAA,GAC3D1C,EAAQ,CACNC,eAAAA,EACAC,UAAAA,EACAC,aAAAA,CAAAA,CACD,EAEH,OACE7C,EAAA,OAAA,CACEsI,SAAUlD,EACVnF,UAAAA,EACAZ,KAAAA,EACAkJ,IAAKtF,EAAQ9C,SAAA,CAEbC,EAAC4H,GAAU,CACTC,OAAQpF,EACRvD,SAAUmF,EACVlF,OAAQuF,EACR1F,OAAAA,EACA2G,OAAQ3H,EACR6B,UAAAA,CACD,CAAA,EACAE,CAAQ,CAAA,CACL,CAEV,EC1BaqI,GAETA,CAAC,CAAErI,SAAAA,EAAUsI,KAAAA,EAAMC,WAAAA,EAAa,GAAMzI,UAAAA,CAAU,IAEhDD,EAAA,MAAA,CACEC,UAAWC,EAAQ,CAAC,aAAcD,CAAS,CAAC,EAC5C,cAAY,gBAAeE,UAE3BH,EAAA,MAAA,CAAKC,UAAU,mBAAkBE,UAC/BC,EAAA,KAAA,CAAIH,UAAU,sBAAqBE,SAAEsI,CAAS,CAAA,EAC7CtI,CAAQ,CAAA,CACN,EACJuI,EAAatI,EAAA,MAAA,CAAKH,UAAU,gBAAkB,CAAA,EAAI,IAAI,CAAA,CACpD,ECjBH0I,GAAY,CAChBC,QAASxI,EAACyI,IAAS,EACnBC,QAAS1I,EAAC2I,IAAS,EACnBxI,MAAOH,EAAC4I,EAAO,EAAA,CACjB,EAEaC,GAAiBA,IAAM,CAClC,KAAM,CAACC,EAAkBC,CAAmB,EAC1CvJ,EAA+B,CAAE,CAAA,EAE7BwJ,EAA4BtJ,EAC/BuJ,GAAmD,CAC9C,GAAA,CAACA,GAAgB,CAACA,EAAa3I,KAAM,OAEnCM,MAAAA,EAAO2H,GAAUU,EAAa3I,IAAI,EAEpByI,EAAA,CAClB,GAAGE,EACHrI,KAAAA,CAAAA,CACD,CACH,EACA,CACF,CAAA,EAEO,MAAA,CAAEkI,iBAAAA,EAAkBE,0BAAAA,CAAAA,CAC7B","x_google_ignoreList":[0,1,2,3,4]}

package/chunks/usePasswordValidationMessage.js

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

package/chunks/usePasswordValidationMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePasswordValidationMessage.js","sources":["../../node_modules/@adobe/elsie/src/icons/Check.svg","../../node_modules/@adobe/elsie/src/icons/Close.svg","../../node_modules/@adobe/elsie/src/icons/Minus.svg","../../src/components/PasswordValidationMessage/PasswordValidationMessage.tsx","../../src/hooks/api/useGetStoreConfigs.tsx","../../src/lib/validationUniqueSymbolsPassword.ts","../../src/hooks/components/usePasswordValidationMessage.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgCheck = (props) => /* @__PURE__ */ React.createElement(\"svg\", { id: \"Icon_Check_Base\", \"data-name\": \"Icon \\\\u2013 Check \\\\u2013 Base\", xmlns: \"http://www.w3.org/2000/svg\", width: 24, height: 24, viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"g\", { id: \"Large\" }, /* @__PURE__ */ React.createElement(\"rect\", { id: \"Placement_area\", \"data-name\": \"Placement area\", width: 24, height: 24, fill: \"#fff\", opacity: 0 }), /* @__PURE__ */ React.createElement(\"g\", { id: \"Check_icon\", \"data-name\": \"Check icon\", transform: \"translate(303.874 1434.583)\" }, /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", id: \"Path_884137\", \"data-name\": \"Path 884137\", d: \"M148,494.611l4.248,4.244,8.538-8.522\", transform: \"translate(-446.265 -1917.177)\", fill: \"none\", stroke: \"currentColor\" }))));\nexport default SvgCheck;\n","import * as React from \"react\";\nconst SvgClose = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 24, height: 24, viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M18.3599 5.64001L5.62988 18.37\", stroke: \"currentColor\" }), /* @__PURE__ */ React.createElement(\"path\", { vectorEffect: \"non-scaling-stroke\", d: \"M18.3599 18.37L5.62988 5.64001\", stroke: \"currentColor\" }));\nexport default SvgClose;\n","import * as React from \"react\";\nconst SvgMinus = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 24, height: 24, viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M17.3332 11.75H6.6665\", strokeWidth: 1.5, strokeLinecap: \"square\", strokeLinejoin: \"round\", vectorEffect: \"non-scaling-stroke\", fill: \"none\", stroke: \"currentColor\" }));\nexport default SvgMinus;\n","import { FunctionComponent, JSX } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe/elsie/lib';\nimport '@/auth/components/PasswordValidationMessage/PasswordValidationMessage.css';\nimport { ValidateLengthConfigProps, statusTypes } from '@/auth/types';\nimport {\n  Check,\n  Close as ErrorValidation,\n  Minus as PendingValidation,\n} from '@adobe/elsie/icons';\nimport { useText } from '@adobe/elsie/i18n';\n\nexport interface PasswordValidationMessageProps {\n  validateLengthConfig?: ValidateLengthConfigProps;\n  isValidUniqueSymbols?: statusTypes;\n  minLength?: number;\n  requiredCharacterClasses?: number;\n}\n\nconst getIcon: { [key: string]: JSX.Element } = {\n  pending: <PendingValidation />,\n  success: <Check />,\n  error: <ErrorValidation style={{ fill: 'red' }} />,\n};\n\nexport const PasswordValidationMessage: FunctionComponent<\n  PasswordValidationMessageProps & HTMLAttributes<HTMLDivElement>\n> = ({\n  minLength = 0,\n  requiredCharacterClasses = 0,\n  isValidUniqueSymbols = 'pending',\n  validateLengthConfig = { status: '', icon: '', message: '' },\n  ...props\n}) => {\n  const translations = useText({\n    chartTwoSymbols: 'Auth.PasswordValidationMessage.chartTwoSymbols',\n    chartThreeSymbols: 'Auth.PasswordValidationMessage.chartThreeSymbols',\n    chartFourSymbols: 'Auth.PasswordValidationMessage.chartFourSymbols',\n  });\n\n  const getMessage = (chart: number) => {\n    switch (chart) {\n      case 2:\n        return translations.chartTwoSymbols;\n      case 3:\n        return translations.chartThreeSymbols;\n      case 4:\n        return translations.chartFourSymbols;\n      default:\n        return '';\n    }\n  };\n\n  return (\n    <div {...props} className={classes(['elsie-password-validation-message'])}>\n      {minLength > 0 ? (\n        <div\n          className={`auth-passwordValidationMessage_item auth-passwordValidationMessage_item--status-${validateLengthConfig.status}`}\n          data-testid={`auth-passwordValidationMessage_item--${validateLengthConfig.icon}`}\n        >\n          {getIcon[validateLengthConfig.icon as string]}\n          <span className={`${validateLengthConfig.status}`}>\n            {validateLengthConfig.message}\n          </span>\n        </div>\n      ) : null}\n      {requiredCharacterClasses && requiredCharacterClasses >= 2 ? (\n        <div\n          className={`auth-passwordValidationMessage_item auth-passwordValidationMessage_item--status-${isValidUniqueSymbols}`}\n          data-testid={`auth-passwordValidationMessage_item--${isValidUniqueSymbols}`}\n        >\n          {getIcon[isValidUniqueSymbols]}\n          <span className={`pending`}>\n            {getMessage(requiredCharacterClasses)}\n          </span>\n        </div>\n      ) : null}\n    </div>\n  );\n};\n","import { getStoreConfig } from '@/auth/api';\nimport { useEffect, useState } from 'preact/hooks';\nimport { StoreConfigModel } from '../../data/models';\n\nexport const useGetStoreConfigs = () => {\n  const [isEmailConfirmationRequired, setIsEmailConfirmationRequired] =\n    useState(false);\n  const [passwordConfigs, setPasswordConfigs] = useState<{\n    minLength: number;\n    requiredCharacterClasses: number;\n  } | null>(null);\n\n  useEffect(() => {\n    const storeConfigString = sessionStorage.getItem('storeConfig');\n\n    const cachedStoreConfig: StoreConfigModel = storeConfigString\n      ? JSON.parse(storeConfigString)\n      : null;\n\n    if (cachedStoreConfig) {\n      const { minLength, requiredCharacterClasses, createAccountConfirmation } =\n        cachedStoreConfig;\n\n      setPasswordConfigs({\n        minLength,\n        requiredCharacterClasses,\n      });\n\n      setIsEmailConfirmationRequired(createAccountConfirmation);\n    } else {\n      getStoreConfig().then((response) => {\n        if (response) {\n          const {\n            minLength,\n            requiredCharacterClasses,\n            createAccountConfirmation,\n          } = response;\n\n          sessionStorage.setItem('storeConfig', JSON.stringify(response));\n\n          setPasswordConfigs({\n            minLength,\n            requiredCharacterClasses,\n          });\n\n          setIsEmailConfirmationRequired(createAccountConfirmation);\n        }\n      });\n    }\n  }, []);\n\n  return { passwordConfigs, isEmailConfirmationRequired };\n};\n","export const validationUniqueSymbolsPassword = (\n  password: string,\n  uniqueSymbolsCount: number\n) => {\n  if (uniqueSymbolsCount <= 1) return true;\n\n  const numbers = /[0-9]/.test(password) ? 1 : 0;\n  const lowerCaseLetter = /[a-z]/.test(password) ? 1 : 0;\n  const upperCaseLetter = /[A-Z]/.test(password) ? 1 : 0;\n  const specialSymbols = /[^a-zA-Z0-9\\s]/.test(password) ? 1 : 0;\n\n  return (\n    numbers + lowerCaseLetter + upperCaseLetter + specialSymbols >=\n    uniqueSymbolsCount\n  );\n};\n","import { validationUniqueSymbolsPassword } from '@/auth/lib/validationUniqueSymbolsPassword';\nimport { useEffect, useMemo, useState } from 'preact/hooks';\nimport { ValidateLengthConfigProps, statusTypes } from '@/auth/types';\nimport { useText } from '@adobe/elsie/i18n';\n\ninterface UsePasswordValidationMessageProps {\n  passwordConfigs: {\n    minLength: number;\n    requiredCharacterClasses: number;\n  } | null;\n  isClickSubmit: boolean;\n  password: string;\n}\n\nexport const usePasswordValidationMessage = ({\n  passwordConfigs,\n  isClickSubmit,\n  password,\n}: UsePasswordValidationMessageProps) => {\n  const translations = useText({\n    messageLengthPassword:\n      'Auth.PasswordValidationMessage.messageLengthPassword',\n  });\n\n  const [isValidUniqueSymbols, setIsValidUniqueSymbols] =\n    useState<statusTypes>('pending');\n\n  useEffect(() => {\n    if (!passwordConfigs) return;\n\n    const result = validationUniqueSymbolsPassword(\n      password,\n      passwordConfigs.requiredCharacterClasses\n    );\n\n    if (isClickSubmit && password.length > 0) {\n      result\n        ? setIsValidUniqueSymbols('success')\n        : setIsValidUniqueSymbols('error');\n    } else if (isClickSubmit && password.length === 0) {\n      setIsValidUniqueSymbols('pending');\n    } else {\n      result\n        ? setIsValidUniqueSymbols('success')\n        : setIsValidUniqueSymbols('pending');\n    }\n  }, [isClickSubmit, passwordConfigs, password]);\n\n  const defaultLengthMessage: ValidateLengthConfigProps | undefined =\n    useMemo(() => {\n      if (!passwordConfigs) return;\n\n      const defaultMessage: ValidateLengthConfigProps = {\n        status: 'pending',\n        icon: 'pending',\n        message: translations.messageLengthPassword?.replace(\n          '{minLength}',\n          `${passwordConfigs.minLength}`\n        ),\n      };\n\n      if (password.length && password.length >= passwordConfigs.minLength) {\n        return { ...defaultMessage, icon: 'success', status: 'success' };\n      }\n\n      if (password.length && password.length < passwordConfigs.minLength) {\n        return isClickSubmit\n          ? { ...defaultMessage, icon: 'error', status: 'error' }\n          : { ...defaultMessage, icon: 'pending', status: 'pending' };\n      }\n\n      return defaultMessage;\n    }, [\n      passwordConfigs,\n      translations.messageLengthPassword,\n      password?.length,\n      isClickSubmit,\n    ]);\n\n  return { isValidUniqueSymbols, defaultLengthMessage };\n};\n"],"names":["SvgCheck","props","React","SvgClose","SvgMinus","getIcon","pending","_jsx","PendingValidation","success","Check","error","ErrorValidation","style","fill","PasswordValidationMessage","minLength","requiredCharacterClasses","isValidUniqueSymbols","validateLengthConfig","status","icon","message","translations","useText","chartTwoSymbols","chartThreeSymbols","chartFourSymbols","getMessage","chart","_jsxs","className","classes","children","useGetStoreConfigs","isEmailConfirmationRequired","setIsEmailConfirmationRequired","useState","passwordConfigs","setPasswordConfigs","useEffect","storeConfigString","sessionStorage","getItem","cachedStoreConfig","JSON","parse","createAccountConfirmation","getStoreConfig","then","response","setItem","stringify","validationUniqueSymbolsPassword","password","uniqueSymbolsCount","numbers","test","lowerCaseLetter","upperCaseLetter","specialSymbols","usePasswordValidationMessage","isClickSubmit","messageLengthPassword","setIsValidUniqueSymbols","result","length","defaultLengthMessage","useMemo","defaultMessage","replace"],"mappings":"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","x_google_ignoreList":[0,1,2]}

package/containers/AuthCombine.js

@@ -1 +1,2 @@
-import*as e from"@dropins/tools/event-bus.js";import*as n from"@dropins/tools/fetch-graphql.js";export const id=907;export const ids=[907];export const modules={1890:(e,n,t)=>{t.d(n,{E:()=>_,A:()=>j});var r=t(6613),i=t(5292),o=t.n(i),a=t(9893),l=t.n(a),s=t(9383),d=t.n(s),p=t(8296),c=t.n(p),u=t(9088),m=t.n(u),f=t(5459),g={attributes:{"data-dropin":"storefront-auth","data-sdk":"0.21.2"},styleTagTransform:function(e,n){window._loadedStyles=window._loadedStyles??{};const t=e?.match(/^\.dropin-(\w+)/)?.[1],r=n.getAttribute("data-sdk"),i=t?`sdk/${t}`:n.getAttribute("data-dropin");n.setAttribute("data-dropin",i),n.removeAttribute("data-sdk");const o=window._loadedStyles[i];if(o){const i=function(e,n){const[t,r]=e.split("-"),[i,o]=n.split("-"),a=[...t.split("."),r],l=[...i.split("."),o],s=parseInt(a[0],10),d=parseInt(l[0],10);if(s!==d)return s>d?e:n;const p=parseInt(a[1],10),c=parseInt(l[1],10);if(p!==c)return p>c?e:n;const u=parseInt(a[2],10),m=parseInt(l[2],10);if(u!==m)return u>m?e:n;if(a[3]&&l[3]){const t=/(alpha|beta)(.*)/,r=a[3].match(t),i=l[3].match(t),o=r[1],s=i[1],d=parseInt(r[2],10),p=parseInt(i[2],10);if(o===s)return d>p?e:n;if("alpha"===o&&"beta"===s)return n;if("beta"===o&&"alpha"===s)return e}return a[3]?n:e}(r,o.sdk);if(!t||t&&i===o.sdk){const n=o.style.textContent;o.style.textContent=`${n}\n/* --- MERGED --- */\n${e}`}else t&&i!==o.sdk&&(o.style.textContent=`/* --- UPGRADED --- */\n${e}`);return void n.remove()}n.textContent=e,window._loadedStyles[i]={sdk:r,core:t,style:n};const a=document.querySelector("head"),{lastDropinStyleInjected:l,lastSDKStyleInjected:s}=window._loadedStyles;t?(s?a.insertBefore(n,s.nextSibling):a.insertBefore(n,a.firstChild),window._loadedStyles.lastSDKStyleInjected=n):(l?a.insertBefore(n,l.nextSibling):s?a.insertBefore(n,s.nextSibling):a.insertBefore(n,a.firstChild),window._loadedStyles.lastDropinStyleInjected=n)}};g.setAttributes=c(),g.insert=d().bind(null,"head"),g.domAPI=l(),g.insertStyleElement=m();o()(f.A,g);f.A&&f.A.locals&&f.A.locals;var h=t(8294),v=["className","fullWidth","lines","size","variant","children","multilineGap"],w=["className","children","rowGap"];function b(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function y(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?b(Object(t),!0).forEach((function(n){k(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):b(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function k(e,n,t){var r;return(n="symbol"==typeof(r=function(e,n){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(n,"string"))?r:r+"")in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function x(e,n){if(null==e)return{};var t,r,i=function(e,n){if(null==e)return{};var t={};for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r)){if(n.indexOf(r)>=0)continue;t[r]=e[r]}return t}(e,n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(r=0;r<o.length;r++)t=o[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}var O=1,j=e=>{var{className:n,fullWidth:t=!1,lines:i=O,size:o="small",variant:a="row",children:l=null,multilineGap:s="medium"}=e,d=x(e,v),p=[["dropin-skeleton-row__".concat(a),a],["dropin-skeleton-row__".concat(a,"-").concat(o),a&&o]];if(!l&&"empty"===a)return(0,h.Y)("div",{className:(0,r.L)(["dropin-skeleton-row dropin-skeleton-row__empty",n])});if(l){var c=l.trim();return(0,h.Y)("div",y(y({},d),{},{class:(0,r.L)(["dropin-skeleton-row",["dropin-skeleton-row--full",t],n]),dangerouslySetInnerHTML:{__html:c}}))}return!1===i>O?(0,h.Y)("div",y(y({},d),{},{class:(0,r.L)(["dropin-skeleton-row",["dropin-skeleton-row--full",t],"dropin-skeleton--row__content",...p,n])})):(0,h.Y)("div",y(y({},d),{},{style:{"--multiline-gap-spacing":"var(--spacing-".concat(s,")")},class:(0,r.L)(["dropin-skeleton-row--multiline",["dropin-skeleton-row--full",t],n]),children:Array.from({length:i}).map(((e,n)=>(0,h.Y)("div",{class:(0,r.L)(["dropin-skeleton-row",["dropin-skeleton-row--full",t],"dropin-skeleton--row__content",...p])},n)))}))},_=e=>{var{className:n,children:t,rowGap:i="medium"}=e,o=x(e,w);return(0,h.Y)("div",y(y({style:{"--row-gap-spacing":"var(--spacing-".concat(i,")")}},o),{},{className:(0,r.L)(["dropin-skeleton",n]),role:"status","aria-label":"Loading...",children:t}))}},7427:(e,n,t)=>{t.d(n,{j:()=>d});var r=t(3078),i=t(1890),o=t(8294),a=()=>(0,o.FD)(i.E,{children:[(0,o.Y)(i.A,{variant:"heading",size:"xlarge",fullWidth:!1,lines:1}),(0,o.Y)(i.A,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),(0,o.Y)(i.A,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),(0,o.Y)(i.A,{variant:"heading",size:"medium",fullWidth:!1,lines:1})," ",(0,o.Y)(i.A,{variant:"heading",size:"medium",fullWidth:!1,lines:1})]}),l=()=>(0,o.FD)(i.E,{children:[(0,o.Y)(i.A,{variant:"heading",size:"xlarge",fullWidth:!1,lines:1}),(0,o.Y)(i.A,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),(0,o.Y)(i.A,{variant:"heading",size:"medium",fullWidth:!1,lines:1}),(0,o.Y)(i.A,{variant:"heading",size:"medium",fullWidth:!1,lines:1})," ",(0,o.Y)(i.A,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),(0,o.Y)(i.A,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),(0,o.Y)(i.A,{variant:"heading",size:"medium",fullWidth:!0,lines:1}),(0,o.Y)(i.A,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),(0,o.Y)(i.A,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),(0,o.Y)(i.A,{variant:"heading",size:"medium",fullWidth:!1,lines:1}),(0,o.Y)(i.A,{variant:"heading",size:"medium",fullWidth:!1,lines:1})]}),s=()=>(0,o.FD)(i.E,{children:[(0,o.Y)(i.A,{variant:"heading",size:"xlarge",fullWidth:!1,lines:1}),(0,o.Y)(i.A,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),(0,o.Y)(i.A,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),(0,o.Y)(i.A,{variant:"heading",size:"medium",fullWidth:!1,lines:1})," ",(0,o.Y)(i.A,{variant:"heading",size:"medium",fullWidth:!1,lines:1})]}),d=e=>{var{activeSkeleton:n}=e,t=(0,r.Kr)((()=>({signInForm:(0,o.Y)(a,{}),signUpForm:(0,o.Y)(l,{}),resetPasswordForm:(0,o.Y)(s,{})})),[]);return(0,o.Y)(o.FK,{children:t[n]})}},5783:(e,n,t)=>{t.d(n,{S:()=>m,A:()=>m});var r=t(9094),i=t(3078),o=t(7427),a=t(8294);function l(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function s(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?l(Object(t),!0).forEach((function(n){d(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):l(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function d(e,n,t){var r;return(n="symbol"==typeof(r=function(e,n){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var r=t.call(e,n||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===n?String:Number)(e)}(n,"string"))?r:r+"")in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var p=(0,r.RZ)((()=>Promise.all([t.e(591),t.e(243),t.e(101),t.e(378),t.e(728)]).then(t.bind(t,6728)))),c=(0,r.RZ)((()=>Promise.all([t.e(591),t.e(243),t.e(101),t.e(739),t.e(592),t.e(902),t.e(508)]).then(t.bind(t,4508)))),u=(0,r.RZ)((()=>Promise.all([t.e(591),t.e(243),t.e(101),t.e(739),t.e(592),t.e(77),t.e(474)]).then(t.bind(t,8638)))),m=e=>{var{defaultView:n="signInForm",signInFormConfig:t,signUpFormConfig:l,resetPasswordFormConfig:d}=e,[m,f]=(0,i.J0)(n),g=(0,i.Kr)((()=>({signInForm:(0,a.Y)(c,s({setActiveComponent:f},t)),signUpForm:(0,a.Y)(u,s({setActiveComponent:f},l)),resetPasswordForm:(0,a.Y)(p,s({setActiveComponent:f},d))})),[d,t,l,f]);return(0,a.Y)(r.tY,{fallback:(0,a.Y)(o.j,{activeSkeleton:m}),children:(0,a.Y)("div",{className:"auth-combine",children:g[m]})})}},5459:(e,n,t)=>{t.d(n,{A:()=>l});var r=t(8645),i=t.n(r),o=t(278),a=t.n(o)()(i());a.push([e.id,".dropin-skeleton{\n  --row-gap-spacing:var(--spacing-medium);\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:var(--row-gap-spacing);\n}\n\n.dropin-skeleton .dropin-skeleton--row__content{\n  background:var(--color-neutral-300) linear-gradient(\n      to right,\n      var(--color-neutral-300) 0%,\n      var(--color-neutral-100) 20%,\n      var(--color-neutral-300) 40%,\n      var(--color-neutral-300) 100%\n    ) no-repeat;\n  animation:skeletonShimmer infinite 1.2s linear;\n  border-radius:var(--shape-border-radius-2);\n}\n.dropin-skeleton__empty{\n  background:none;\n}\n\n.dropin-skeleton-row--multiline{\n  --multiline-gap-spacing:var(--spacing-medium);\n  display:grid;\n  grid-auto-rows:max-content;\n  gap:var(--multiline-gap-spacing);\n}\n\n.dropin-skeleton-row--full{\n  grid-column:1 / -1;\n}\n.dropin-skeleton-row svg{\n  fill:var(--color-neutral-400);\n  fill-opacity:0.5;\n  animation-duration:1s;\n  animation-fill-mode:forwards;\n  animation-iteration-count:infinite;\n  animation-name:placeholderShimmer;\n  animation-timing-function:linear;\n}\n\n.dropin-skeleton-row__row-xsmall{\n  height:32px;\n}\n\n.dropin-skeleton-row__row-small{\n  height:40px;\n}\n\n.dropin-skeleton-row__row-medium{\n  height:48px;\n}\n\n.dropin-skeleton-row__row-large{\n  height:56px;\n}\n\n.dropin-skeleton-row__row-xlarge{\n  height:72px;\n}\n\n.dropin-skeleton-row__heading-xsmall{\n  height:20px;\n}\n\n.dropin-skeleton-row__heading-small{\n  height:24px;\n}\n\n.dropin-skeleton-row__heading-medium{\n  height:32px;\n}\n\n.dropin-skeleton-row__heading-large{\n  height:40px;\n}\n\n.dropin-skeleton-row__heading-xlarge{\n  height:48px;\n}\n\n@keyframes skeletonShimmer{\n  0%{\n    background-position:-600px 0;\n  }\n\n  100%{\n    background-position:600px 0;\n  }\n}\n\n@keyframes placeholderShimmer{\n  0%{\n    fill-opacity:0.5;\n  }\n\n  50%{\n    fill-opacity:1;\n  }\n\n  100%{\n    fill-opacity:0.5;\n  }\n}\n@media only screen and (max-width: 600px){\n  .dropin-skeleton{\n    grid-template-columns:1fr;\n  }\n}\n",""]);const l=a},1178:(n,t,r)=>{n.exports=(e=>{var n={};return r.d(n,e),n})({events:()=>e.events})},5867:(e,t,r)=>{e.exports=(e=>{var n={};return r.d(n,e),n})({FetchGraphQL:()=>n.FetchGraphQL})}};import t from"../runtime.js";import*as r from"../408.js";t.C(r);import*as i from"./AuthCombine.js";t.C(i);var o,a=(o=5783,t(t.s=o)),l=a.S,s=a.A;export{l as AuthCombine,s as default};
+import{lazy as u,Suspense as v}from"@dropins/tools/preact-compat.js";import{useState as E,useMemo as S}from"@dropins/tools/preact-hooks.js";import{S as y}from"../chunks/SkeletonLoader.js";import{jsx as i}from"@dropins/tools/preact-jsx-runtime.js";import"@dropins/tools/components.js";const L=function(){const t=typeof document<"u"&&document.createElement("link").relList;return t&&t.supports&&t.supports("modulepreload")?"modulepreload":"preload"}(),P=function(c){return"/"+c},p={},d=function(t,s,a){let l=Promise.resolve();if(s&&s.length>0){document.getElementsByTagName("link");const e=document.querySelector("meta[property=csp-nonce]"),r=(e==null?void 0:e.nonce)||(e==null?void 0:e.getAttribute("nonce"));l=Promise.all(s.map(o=>{if(o=P(o),o in p)return;p[o]=!0;const m=o.endsWith(".css"),f=m?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${o}"]${f}`))return;const n=document.createElement("link");if(n.rel=m?"stylesheet":L,m||(n.as="script",n.crossOrigin=""),n.href=o,r&&n.setAttribute("nonce",r),document.head.appendChild(n),m)return new Promise((_,h)=>{n.addEventListener("load",_),n.addEventListener("error",()=>h(new Error(`Unable to preload CSS for ${o}`)))})}))}return l.then(()=>t()).catch(e=>{const r=new Event("vite:preloadError",{cancelable:!0});if(r.payload=e,window.dispatchEvent(r),!r.defaultPrevented)throw e})},k=u(()=>d(()=>import("../chunks/index.js"),[])),b=u(()=>d(()=>import("../chunks/index2.js"),[])),w=u(()=>d(()=>import("../chunks/index3.js"),[])),F=({defaultView:c="signInForm",signInFormConfig:t,signUpFormConfig:s,resetPasswordFormConfig:a})=>{const[l,e]=E(c),r=S(()=>({signInForm:i(b,{setActiveComponent:e,...t}),signUpForm:i(w,{setActiveComponent:e,...s}),resetPasswordForm:i(k,{setActiveComponent:e,...a})}),[a,t,s,e]);return i(v,{fallback:i(y,{activeSkeleton:l}),children:i("div",{className:"auth-combine",children:r[l]})})};export{F as AuthCombine,F as default};
+//# sourceMappingURL=AuthCombine.js.map

package/containers/AuthCombine.js.map

@@ -0,0 +1 @@
+{"version":3,"mappings":"i0CAMMA,EAAoBC,EACxB,IAAMC,EAAA,WAAO,oBAAqC,EACpD,KACMC,EAAaF,EAAK,IAAMC,EAAA,WAAO,qBAA8B,EAAC,KAC9DE,EAAaH,EAAK,IAAMC,EAAA,WAAO,qBAA8B,EAAC,KAEvDG,EAA2CA,CAAC,CACvDC,cAAc,aACdC,mBACAC,mBACAC,yBACF,IAAM,CACJ,KAAM,CAACC,EAAiBC,CAAkB,EACxCC,EAA8BN,CAAW,EAErCO,EAAkBC,EACtB,KAAO,CACLC,WACEC,EAACb,EAAU,CACTQ,qBAAuC,GACnCJ,EACL,EAEHU,WACED,EAACZ,EAAU,CACTO,qBAAuC,GACnCH,EACL,EAEHU,kBACEF,EAAChB,EAAiB,CAChBW,qBAAuC,GACnCF,EACL,IAGL,CACEA,EACAF,EACAC,EACAG,CAAkB,CAEtB,EAEA,OACEK,EAACG,EAAQ,CAACC,SAAUJ,EAACK,EAAc,CAACC,eAAgBZ,EAAkB,EAAEa,SACtEP,EAAA,OAAKQ,UAAU,eAAcD,SAAEV,EAAgBH,CAAe,EAAO,EAC7D,CAEd","names":["ResetPasswordForm","lazy","__vitePreload","SignInForm","SignUpForm","AuthCombine","defaultView","signInFormConfig","signUpFormConfig","resetPasswordFormConfig","activeComponent","setActiveComponent","useState","renderComponent","useMemo","signInForm","_jsx","signUpForm","resetPasswordForm","Suspense","fallback","SkeletonLoader","activeSkeleton","children","className"],"ignoreList":[],"sources":["../../src/containers/AuthCombine/AuthCombine.tsx"],"sourcesContent":["import { Suspense, lazy } from 'preact/compat';\nimport { Container } from '@adobe/elsie/lib';\nimport { useMemo, useState } from 'preact/hooks';\nimport { AuthCombineProps, activeComponentType } from '@/auth/types';\nimport SkeletonLoader from '@/auth/components/SkeletonLoader';\n\nconst ResetPasswordForm = lazy(\n  () => import('@/auth/components/ResetPasswordForm')\n);\nconst SignInForm = lazy(() => import('@/auth/components/SignInForm'));\nconst SignUpForm = lazy(() => import('@/auth/components/SignUpForm'));\n\nexport const AuthCombine: Container<AuthCombineProps> = ({\n  defaultView = 'signInForm',\n  signInFormConfig,\n  signUpFormConfig,\n  resetPasswordFormConfig,\n}) => {\n  const [activeComponent, setActiveComponent] =\n    useState<activeComponentType>(defaultView);\n\n  const renderComponent = useMemo(\n    () => ({\n      signInForm: (\n        <SignInForm\n          setActiveComponent={setActiveComponent}\n          {...signInFormConfig}\n        />\n      ),\n      signUpForm: (\n        <SignUpForm\n          setActiveComponent={setActiveComponent}\n          {...signUpFormConfig}\n        />\n      ),\n      resetPasswordForm: (\n        <ResetPasswordForm\n          setActiveComponent={setActiveComponent}\n          {...resetPasswordFormConfig}\n        />\n      ),\n    }),\n    [\n      resetPasswordFormConfig,\n      signInFormConfig,\n      signUpFormConfig,\n      setActiveComponent,\n    ]\n  );\n\n  return (\n    <Suspense fallback={<SkeletonLoader activeSkeleton={activeComponent} />}>\n      <div className=\"auth-combine\">{renderComponent[activeComponent]}</div>\n    </Suspense>\n  );\n};\n"],"file":"containers/AuthCombine.js"}

package/containers/ResetPassword.js

@@ -1 +1,2 @@
-import*as r from"@dropins/tools/event-bus.js";import*as o from"@dropins/tools/fetch-graphql.js";export const id=32;export const ids=[32];export const modules={3778:(r,o,s)=>{s.d(o,{R:()=>a,A:()=>a});var t=s(5378),e=s(8294),a=r=>{var{formSize:o,routeSignIn:s,onErrorCallback:a}=r;return(0,e.Y)("div",{className:"auth-reset-password",children:(0,e.Y)(t.F,{formSize:o,routeSignIn:s,onErrorCallback:a})})}},1178:(o,s,t)=>{o.exports=(r=>{var o={};return t.d(o,r),o})({events:()=>r.events})},5867:(r,s,t)=>{r.exports=(r=>{var o={};return t.d(o,r),o})({FetchGraphQL:()=>o.FetchGraphQL})}};import s from"../runtime.js";import*as t from"../591.js";s.C(t);import*as e from"../243.js";s.C(e);import*as a from"../408.js";s.C(a);import*as m from"../101.js";s.C(m);import*as p from"../378.js";s.C(p);import*as i from"./ResetPassword.js";s.C(i);var n,d=(n=3778,s(s.s=n)),f=d.R,l=d.A;export{f as ResetPassword,l as default};
+import{R as i}from"../chunks/ResetPasswordForm.js";import{jsx as r}from"@dropins/tools/preact-jsx-runtime.js";import"@dropins/tools/lib.js";import"@dropins/tools/event-bus.js";import"../chunks/requestPasswordResetEmail.js";import"../chunks/network-error.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/useInLineAlert.js";import"@dropins/tools/preact-hooks.js";import"@dropins/tools/components.js";import"@dropins/tools/i18n.js";import"@dropins/tools/preact-compat.js";import"../chunks/simplifyTransformAttributesForm.js";import"../chunks/transform-attributes-form.js";const P=({formSize:o,routeSignIn:t,onErrorCallback:m})=>r("div",{className:"auth-reset-password",children:r(i,{formSize:o,routeSignIn:t,onErrorCallback:m})});export{P as ResetPassword,P as default};
+//# sourceMappingURL=ResetPassword.js.map

package/containers/ResetPassword.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResetPassword.js","sources":["../../src/containers/ResetPassword/ResetPassword.tsx"],"sourcesContent":["import { Container } from '@adobe/elsie/lib';\nimport ResetPasswordForm from '@/auth/components/ResetPasswordForm';\nimport { ResetPasswordProps } from '@/auth/types';\n\nexport const ResetPassword: Container<ResetPasswordProps> = ({\n  formSize,\n  routeSignIn,\n  onErrorCallback,\n}) => {\n  return (\n    <div className=\"auth-reset-password\">\n      <ResetPasswordForm\n        formSize={formSize}\n        routeSignIn={routeSignIn}\n        onErrorCallback={onErrorCallback}\n      />\n    </div>\n  );\n};\n"],"names":["ResetPassword","formSize","routeSignIn","onErrorCallback","_jsx","className","children","ResetPasswordForm"],"mappings":"qkBAIO,MAAMA,EAA+CA,CAAC,CAC3DC,SAAAA,EACAC,YAAAA,EACAC,gBAAAA,CACF,IAEIC,EAAA,MAAA,CAAKC,UAAU,sBAAqBC,SAClCF,EAACG,EAAiB,CAChBN,SAAAA,EACAC,YAAAA,EACAC,gBAAAA,CAAAA,CACD,CAAA,CACE"}

package/containers/SignIn.js

@@ -1 +1,2 @@
-import*as o from"@dropins/tools/event-bus.js";import*as r from"@dropins/tools/fetch-graphql.js";export const id=124;export const ids=[124];export const modules={4016:(o,r,i)=>{i.d(r,{L:()=>e,A:()=>e});var n=i(6498),t=i(8294),e=o=>{var{enableEmailConfirmation:r,initialEmailValue:i,formSize:e,renderSignUpLink:s,hideCloseBtnOnEmailConfirmation:a,routeRedirectOnEmailConfirmationClose:m,routeRedirectOnSignIn:l,routeForgotPassword:c,routeSignUp:p,onSuccessCallback:C,onErrorCallback:f,onSignUpLinkClick:u,successNotificationForm:d}=o;return(0,t.Y)("div",{className:"auth-sign-in",children:(0,t.Y)(n.b,{formSize:e,renderSignUpLink:s,initialEmailValue:i,enableEmailConfirmation:r,hideCloseBtnOnEmailConfirmation:a,routeRedirectOnEmailConfirmationClose:m,routeSignUp:p,onErrorCallback:f,onSuccessCallback:C,onSignUpLinkClick:u,routeForgotPassword:c,routeRedirectOnSignIn:l,successNotificationForm:d})})}},1178:(r,i,n)=>{r.exports=(o=>{var r={};return n.d(r,o),r})({events:()=>o.events})},5867:(o,i,n)=>{o.exports=(o=>{var r={};return n.d(r,o),r})({FetchGraphQL:()=>r.FetchGraphQL})}};import i from"../runtime.js";import*as n from"../591.js";i.C(n);import*as t from"../243.js";i.C(t);import*as e from"../408.js";i.C(e);import*as s from"../101.js";i.C(s);import*as a from"../739.js";i.C(a);import*as m from"../592.js";i.C(m);import*as l from"../902.js";i.C(l);import*as c from"./SignIn.js";i.C(c);var p,C=(p=4016,i(i.s=p)),f=C.L,u=C.A;export{f as SignIn,u as default};
+import{S as l}from"../chunks/SignInForm.js";import{jsx as r}from"@dropins/tools/preact-jsx-runtime.js";import"@dropins/tools/lib.js";import"../chunks/useInLineAlert.js";import"@dropins/tools/preact-hooks.js";import"@dropins/tools/components.js";import"@dropins/tools/i18n.js";import"@dropins/tools/preact-compat.js";import"@dropins/tools/event-bus.js";import"../chunks/getStoreConfig.js";import"../chunks/network-error.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/initialize.js";import"../chunks/resendConfirmationEmail.js";import"../chunks/simplifyTransformAttributesForm.js";import"../chunks/transform-attributes-form.js";import"../chunks/confirmEmail.js";import"../chunks/EmailConfirmationForm.js";import"../chunks/PasswordField.js";const E=({enableEmailConfirmation:i,initialEmailValue:o,formSize:t,renderSignUpLink:m,hideCloseBtnOnEmailConfirmation:p,routeRedirectOnEmailConfirmationClose:n,routeRedirectOnSignIn:s,routeForgotPassword:a,routeSignUp:e,onSuccessCallback:c,onErrorCallback:d,onSignUpLinkClick:f,successNotificationForm:g})=>r("div",{className:"auth-sign-in",children:r(l,{formSize:t,renderSignUpLink:m,initialEmailValue:o,enableEmailConfirmation:i,hideCloseBtnOnEmailConfirmation:p,routeRedirectOnEmailConfirmationClose:n,routeSignUp:e,onErrorCallback:d,onSuccessCallback:c,onSignUpLinkClick:f,routeForgotPassword:a,routeRedirectOnSignIn:s,successNotificationForm:g})});export{E as SignIn,E as default};
+//# sourceMappingURL=SignIn.js.map

package/containers/SignIn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignIn.js","sources":["../../src/containers/SignIn/SignIn.tsx"],"sourcesContent":["import { Container } from '@adobe/elsie/lib';\nimport SignInForm from '@/auth/components/SignInForm';\nimport { SignInProps } from '@/auth/types';\n\nexport const SignIn: Container<SignInProps> = ({\n  enableEmailConfirmation,\n  initialEmailValue,\n  formSize,\n  renderSignUpLink,\n  hideCloseBtnOnEmailConfirmation,\n  routeRedirectOnEmailConfirmationClose,\n  routeRedirectOnSignIn,\n  routeForgotPassword,\n  routeSignUp,\n  onSuccessCallback,\n  onErrorCallback,\n  onSignUpLinkClick,\n  successNotificationForm,\n}) => {\n  return (\n    <div className=\"auth-sign-in\">\n      <SignInForm\n        formSize={formSize}\n        renderSignUpLink={renderSignUpLink}\n        initialEmailValue={initialEmailValue}\n        enableEmailConfirmation={enableEmailConfirmation}\n        hideCloseBtnOnEmailConfirmation={hideCloseBtnOnEmailConfirmation}\n        routeRedirectOnEmailConfirmationClose={\n          routeRedirectOnEmailConfirmationClose\n        }\n        routeSignUp={routeSignUp}\n        onErrorCallback={onErrorCallback}\n        onSuccessCallback={onSuccessCallback}\n        onSignUpLinkClick={onSignUpLinkClick}\n        routeForgotPassword={routeForgotPassword}\n        routeRedirectOnSignIn={routeRedirectOnSignIn}\n        successNotificationForm={successNotificationForm}\n      />\n    </div>\n  );\n};\n"],"names":["SignIn","enableEmailConfirmation","initialEmailValue","formSize","renderSignUpLink","hideCloseBtnOnEmailConfirmation","routeRedirectOnEmailConfirmationClose","routeRedirectOnSignIn","routeForgotPassword","routeSignUp","onSuccessCallback","onErrorCallback","onSignUpLinkClick","successNotificationForm","_jsx","className","children","SignInForm"],"mappings":"gvBAIO,MAAMA,EAAiCA,CAAC,CAC7CC,wBAAAA,EACAC,kBAAAA,EACAC,SAAAA,EACAC,iBAAAA,EACAC,gCAAAA,EACAC,sCAAAA,EACAC,sBAAAA,EACAC,oBAAAA,EACAC,YAAAA,EACAC,kBAAAA,EACAC,gBAAAA,EACAC,kBAAAA,EACAC,wBAAAA,CACF,IAEIC,EAAA,MAAA,CAAKC,UAAU,eAAcC,SAC3BF,EAACG,EAAU,CACTd,SAAAA,EACAC,iBAAAA,EACAF,kBAAAA,EACAD,wBAAAA,EACAI,gCAAAA,EACAC,sCAAAA,EAGAG,YAAAA,EACAE,gBAAAA,EACAD,kBAAAA,EACAE,kBAAAA,EACAJ,oBAAAA,EACAD,sBAAAA,EACAM,wBAAAA,CAAAA,CACD,CAAA,CACE"}

package/containers/SignUp.js

@@ -1 +1,2 @@
-import*as i from"@dropins/tools/event-bus.js";import*as e from"@dropins/tools/fetch-graphql.js";export const id=342;export const ids=[342];export const modules={7427:(i,e,a)=>{a.d(e,{j:()=>d});var r=a(3078),n=a(1890),s=a(8294),l=()=>(0,s.FD)(n.E,{children:[(0,s.Y)(n.A,{variant:"heading",size:"xlarge",fullWidth:!1,lines:1}),(0,s.Y)(n.A,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),(0,s.Y)(n.A,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),(0,s.Y)(n.A,{variant:"heading",size:"medium",fullWidth:!1,lines:1})," ",(0,s.Y)(n.A,{variant:"heading",size:"medium",fullWidth:!1,lines:1})]}),t=()=>(0,s.FD)(n.E,{children:[(0,s.Y)(n.A,{variant:"heading",size:"xlarge",fullWidth:!1,lines:1}),(0,s.Y)(n.A,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),(0,s.Y)(n.A,{variant:"heading",size:"medium",fullWidth:!1,lines:1}),(0,s.Y)(n.A,{variant:"heading",size:"medium",fullWidth:!1,lines:1})," ",(0,s.Y)(n.A,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),(0,s.Y)(n.A,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),(0,s.Y)(n.A,{variant:"heading",size:"medium",fullWidth:!0,lines:1}),(0,s.Y)(n.A,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),(0,s.Y)(n.A,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),(0,s.Y)(n.A,{variant:"heading",size:"medium",fullWidth:!1,lines:1}),(0,s.Y)(n.A,{variant:"heading",size:"medium",fullWidth:!1,lines:1})]}),o=()=>(0,s.FD)(n.E,{children:[(0,s.Y)(n.A,{variant:"heading",size:"xlarge",fullWidth:!1,lines:1}),(0,s.Y)(n.A,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),(0,s.Y)(n.A,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),(0,s.Y)(n.A,{variant:"heading",size:"medium",fullWidth:!1,lines:1})," ",(0,s.Y)(n.A,{variant:"heading",size:"medium",fullWidth:!1,lines:1})]}),d=i=>{var{activeSkeleton:e}=i,a=(0,r.Kr)((()=>({signInForm:(0,s.Y)(l,{}),signUpForm:(0,s.Y)(t,{}),resetPasswordForm:(0,s.Y)(o,{})})),[]);return(0,s.Y)(s.FK,{children:a[e]})}},2615:(i,e,a)=>{a.d(e,{H:()=>s,A:()=>s});var r=a(77),n=a(8294),s=i=>{var{inputsDefaultValueSet:e,formSize:a,fieldsConfigForApiVersion1:s,apiVersion2:l,displayNewsletterCheckbox:t,displayTermsOfUseCheckbox:o,hideCloseBtnOnEmailConfirmation:d,routeRedirectOnEmailConfirmationClose:m,routeSignIn:h,routeRedirectOnSignIn:u,successNotificationForm:f,onErrorCallback:g,onSuccessCallback:p}=i;return(0,n.Y)("div",{className:"auth-sign-up",children:(0,n.Y)(r.X,{formSize:a,apiVersion2:l,inputsDefaultValueSet:e,fieldsConfigForApiVersion1:s,displayNewsletterCheckbox:t,displayTermsOfUseCheckbox:o,hideCloseBtnOnEmailConfirmation:d,routeRedirectOnEmailConfirmationClose:m,routeRedirectOnSignIn:u,routeSignIn:h,successNotificationForm:f,onErrorCallback:g,onSuccessCallback:p})})}},1178:(e,a,r)=>{e.exports=(i=>{var e={};return r.d(e,i),e})({events:()=>i.events})},5867:(i,a,r)=>{i.exports=(i=>{var e={};return r.d(e,i),e})({FetchGraphQL:()=>e.FetchGraphQL})}};import a from"../runtime.js";import*as r from"../591.js";a.C(r);import*as n from"../243.js";a.C(n);import*as s from"../408.js";a.C(s);import*as l from"../38.js";a.C(l);import*as t from"../101.js";a.C(t);import*as o from"../739.js";a.C(o);import*as d from"../592.js";a.C(d);import*as m from"../77.js";a.C(m);import*as h from"./SignUp.js";a.C(h);var u,f=(u=2615,a(a.s=u)),g=f.H,p=f.A;export{g as SignUp,p as default};
+import{S as l}from"../chunks/SignUpForm.js";import{jsx as r}from"@dropins/tools/preact-jsx-runtime.js";import"@dropins/tools/lib.js";import"@dropins/tools/event-bus.js";import"../chunks/createCustomerAddress.js";import"../chunks/network-error.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/transform-attributes-form.js";import"../chunks/getStoreConfig.js";import"../chunks/initialize.js";import"@dropins/tools/preact-hooks.js";import"../chunks/simplifyTransformAttributesForm.js";import"../chunks/usePasswordValidationMessage.js";import"@dropins/tools/preact-compat.js";import"@dropins/tools/i18n.js";import"../chunks/useInLineAlert.js";import"@dropins/tools/components.js";import"../chunks/SkeletonLoader.js";import"../chunks/EmailConfirmationForm.js";import"../chunks/resendConfirmationEmail.js";import"../chunks/PasswordField.js";const I=({formSize:i,apiVersion2:o,addressesData:t,inputsDefaultValueSet:m,displayNewsletterCheckbox:p,displayTermsOfUseCheckbox:s,fieldsConfigForApiVersion1:a,hideCloseBtnOnEmailConfirmation:n,routeRedirectOnEmailConfirmationClose:e,routeRedirectOnSignIn:u,successNotificationForm:c,onSuccessCallback:d,onErrorCallback:f,routeSignIn:g})=>r("div",{className:"auth-sign-up",children:r(l,{formSize:i,apiVersion2:o,addressesData:t,inputsDefaultValueSet:m,fieldsConfigForApiVersion1:a,displayNewsletterCheckbox:p,displayTermsOfUseCheckbox:s,hideCloseBtnOnEmailConfirmation:n,routeRedirectOnEmailConfirmationClose:e,routeRedirectOnSignIn:u,routeSignIn:g,successNotificationForm:c,onErrorCallback:f,onSuccessCallback:d})});export{I as SignUp,I as default};
+//# sourceMappingURL=SignUp.js.map

package/containers/SignUp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignUp.js","sources":["../../src/containers/SignUp/SignUp.tsx"],"sourcesContent":["import { Container } from '@adobe/elsie/lib';\nimport SignUpForm from '@/auth/components/SignUpForm';\nimport { SignUpProps } from '@/auth/types';\n\nexport const SignUp: Container<SignUpProps> = ({\n  formSize,\n  apiVersion2,\n  addressesData,\n  inputsDefaultValueSet,\n  displayNewsletterCheckbox,\n  displayTermsOfUseCheckbox,\n  fieldsConfigForApiVersion1,\n  hideCloseBtnOnEmailConfirmation,\n  routeRedirectOnEmailConfirmationClose,\n  routeRedirectOnSignIn,\n  successNotificationForm,\n  onSuccessCallback,\n  onErrorCallback,\n  routeSignIn,\n}) => {\n  return (\n    <div className=\"auth-sign-up\">\n      <SignUpForm\n        formSize={formSize}\n        apiVersion2={apiVersion2}\n        addressesData={addressesData}\n        inputsDefaultValueSet={inputsDefaultValueSet}\n        fieldsConfigForApiVersion1={fieldsConfigForApiVersion1}\n        displayNewsletterCheckbox={displayNewsletterCheckbox}\n        displayTermsOfUseCheckbox={displayTermsOfUseCheckbox}\n        hideCloseBtnOnEmailConfirmation={hideCloseBtnOnEmailConfirmation}\n        routeRedirectOnEmailConfirmationClose={\n          routeRedirectOnEmailConfirmationClose\n        }\n        routeRedirectOnSignIn={routeRedirectOnSignIn}\n        routeSignIn={routeSignIn}\n        successNotificationForm={successNotificationForm}\n        onErrorCallback={onErrorCallback}\n        onSuccessCallback={onSuccessCallback}\n      />\n    </div>\n  );\n};\n"],"names":["SignUp","formSize","apiVersion2","addressesData","inputsDefaultValueSet","displayNewsletterCheckbox","displayTermsOfUseCheckbox","fieldsConfigForApiVersion1","hideCloseBtnOnEmailConfirmation","routeRedirectOnEmailConfirmationClose","routeRedirectOnSignIn","successNotificationForm","onSuccessCallback","onErrorCallback","routeSignIn","_jsx","className","children","SignUpForm"],"mappings":"+0BAIO,MAAMA,EAAiCA,CAAC,CAC7CC,SAAAA,EACAC,YAAAA,EACAC,cAAAA,EACAC,sBAAAA,EACAC,0BAAAA,EACAC,0BAAAA,EACAC,2BAAAA,EACAC,gCAAAA,EACAC,sCAAAA,EACAC,sBAAAA,EACAC,wBAAAA,EACAC,kBAAAA,EACAC,gBAAAA,EACAC,YAAAA,CACF,IAEIC,EAAA,MAAA,CAAKC,UAAU,eAAcC,SAC3BF,EAACG,EAAU,CACTjB,SAAAA,EACAC,YAAAA,EACAC,cAAAA,EACAC,sBAAAA,EACAG,2BAAAA,EACAF,0BAAAA,EACAC,0BAAAA,EACAE,gCAAAA,EACAC,sCAAAA,EAGAC,sBAAAA,EACAI,YAAAA,EACAH,wBAAAA,EACAE,gBAAAA,EACAD,kBAAAA,CAAAA,CACD,CAAA,CACE"}

package/containers/SuccessNotification.js

@@ -1 +1,2 @@
-export const id=506;export const ids=[506];export const modules={3459:(n,t,r)=>{r.d(t,{$:()=>O});var e=r(6613),o=r(5704),i=r(5292),a=r.n(i),c=r(9893),s=r.n(c),d=r(9383),l=r.n(d),p=r(8296),u=r.n(p),b=r(9088),v=r.n(b),f=r(8429),y={attributes:{"data-dropin":"storefront-auth","data-sdk":"0.21.2"},styleTagTransform:function(n,t){window._loadedStyles=window._loadedStyles??{};const r=n?.match(/^\.dropin-(\w+)/)?.[1],e=t.getAttribute("data-sdk"),o=r?`sdk/${r}`:t.getAttribute("data-dropin");t.setAttribute("data-dropin",o),t.removeAttribute("data-sdk");const i=window._loadedStyles[o];if(i){const o=function(n,t){const[r,e]=n.split("-"),[o,i]=t.split("-"),a=[...r.split("."),e],c=[...o.split("."),i],s=parseInt(a[0],10),d=parseInt(c[0],10);if(s!==d)return s>d?n:t;const l=parseInt(a[1],10),p=parseInt(c[1],10);if(l!==p)return l>p?n:t;const u=parseInt(a[2],10),b=parseInt(c[2],10);if(u!==b)return u>b?n:t;if(a[3]&&c[3]){const r=/(alpha|beta)(.*)/,e=a[3].match(r),o=c[3].match(r),i=e[1],s=o[1],d=parseInt(e[2],10),l=parseInt(o[2],10);if(i===s)return d>l?n:t;if("alpha"===i&&"beta"===s)return t;if("beta"===i&&"alpha"===s)return n}return a[3]?t:n}(e,i.sdk);if(!r||r&&o===i.sdk){const t=i.style.textContent;i.style.textContent=`${t}\n/* --- MERGED --- */\n${n}`}else r&&o!==i.sdk&&(i.style.textContent=`/* --- UPGRADED --- */\n${n}`);return void t.remove()}t.textContent=n,window._loadedStyles[o]={sdk:e,core:r,style:t};const a=document.querySelector("head"),{lastDropinStyleInjected:c,lastSDKStyleInjected:s}=window._loadedStyles;r?(s?a.insertBefore(t,s.nextSibling):a.insertBefore(t,a.firstChild),window._loadedStyles.lastSDKStyleInjected=t):(c?a.insertBefore(t,c.nextSibling):s?a.insertBefore(t,s.nextSibling):a.insertBefore(t,a.firstChild),window._loadedStyles.lastDropinStyleInjected=t)}};y.setAttributes=u(),y.insert=l().bind(null,"head"),y.domAPI=s(),y.insertStyleElement=v();a()(f.A,y);f.A&&f.A.locals&&f.A.locals;var m=r(8294),g=["value","variant","size","icon","className","children","disabled","active","activeChildren","activeIcon","href"];function h(n,t){var r=Object.keys(n);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(n);t&&(e=e.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.push.apply(r,e)}return r}function x(n){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?h(Object(r),!0).forEach((function(t){w(n,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):h(Object(r)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(r,t))}))}return n}function w(n,t,r){var e;return(t="symbol"==typeof(e=function(n,t){if("object"!=typeof n||!n)return n;var r=n[Symbol.toPrimitive];if(void 0!==r){var e=r.call(n,t||"default");if("object"!=typeof e)return e;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(n)}(t,"string"))?e:e+"")in n?Object.defineProperty(n,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[t]=r,n}function S(n,t){if(null==n)return{};var r,e,o=function(n,t){if(null==n)return{};var r={};for(var e in n)if(Object.prototype.hasOwnProperty.call(n,e)){if(t.indexOf(e)>=0)continue;r[e]=n[e]}return r}(n,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);for(e=0;e<i.length;e++)r=i[e],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(n,r)&&(o[r]=n[r])}return o}var O=n=>{var{value:t,variant:r="primary",size:i="medium",icon:a,className:c,children:s,disabled:d=!1,active:l=!1,activeChildren:p,activeIcon:u,href:b}=n,v=S(n,g),f="dropin-button";(a&&!s||a&&l&&!p||!a&&l&&u)&&(f="dropin-iconButton"),l&&p&&(f="dropin-button"),c=(0,e.L)([f,"".concat(f,"--").concat(i),"".concat(f,"--").concat(r),["".concat(f,"--").concat(r,"--disabled"),d],s&&a&&"".concat(f,"--with-icon"),!s&&p&&a&&"".concat(f,"--with-icon"),l&&u&&"".concat(f,"--with-icon"),c]);var y=(0,e.L)(["dropin-button-icon","dropin-button-icon--".concat(r),["dropin-button-icon--".concat(r,"--disabled"),d],null==a?void 0:a.props.className]),h=b?x(x({node:(0,m.Y)("a",{}),role:"link",href:b},v),{},{disabled:d,active:l}):x(x({node:(0,m.Y)("button",{}),role:"button"},v),{},{value:t,disabled:d,active:l});return(0,m.FD)(o.a,x(x({},h),{},{className:c,children:[a&&!l&&(0,m.Y)(o.a,{node:a,className:y}),u&&l&&(0,m.Y)(o.a,{node:u,className:y}),s&&!l&&("string"==typeof s?(0,m.Y)("span",{children:s}):s),l&&p&&("string"==typeof p?(0,m.Y)("span",{children:p}):p)]}))}},5704:(n,t,r)=>{r.d(t,{a:()=>l});var e=r(6613),o=r(8294),i=["node"];function a(n,t){var r=Object.keys(n);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(n);t&&(e=e.filter((function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.push.apply(r,e)}return r}function c(n){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?a(Object(r),!0).forEach((function(t){s(n,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(r,t))}))}return n}function s(n,t,r){var e;return(t="symbol"==typeof(e=function(n,t){if("object"!=typeof n||!n)return n;var r=n[Symbol.toPrimitive];if(void 0!==r){var e=r.call(n,t||"default");if("object"!=typeof e)return e;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(n)}(t,"string"))?e:e+"")in n?Object.defineProperty(n,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):n[t]=r,n}function d(n,t){if(null==n)return{};var r,e,o=function(n,t){if(null==n)return{};var r={};for(var e in n)if(Object.prototype.hasOwnProperty.call(n,e)){if(t.indexOf(e)>=0)continue;r[e]=n[e]}return r}(n,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);for(e=0;e<i.length;e++)r=i[e],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(n,r)&&(o[r]=n[r])}return o}function l(n){var{node:t}=n,r=d(n,i);return t?Array.isArray(t)?(0,o.Y)(o.FK,{children:t.map(((n,t)=>(0,o.Y)(l,c({node:n,className:r.className},r),t)))}):(r.className=(0,e.L)([t.props.className,r.className]),(0,o.Y)(t.type,c(c({ref:t.ref},t.props),r),t.key)):null}},9155:(n,t,r)=>{r.d(t,{d:()=>h,A:()=>h});var e=r(6613),o=r(5292),i=r.n(o),a=r(9893),c=r.n(a),s=r(9383),d=r.n(s),l=r(8296),p=r.n(l),u=r(9088),b=r.n(u),v=r(2444),f={attributes:{"data-dropin":"storefront-auth","data-sdk":"0.21.2"},styleTagTransform:function(n,t){window._loadedStyles=window._loadedStyles??{};const r=n?.match(/^\.dropin-(\w+)/)?.[1],e=t.getAttribute("data-sdk"),o=r?`sdk/${r}`:t.getAttribute("data-dropin");t.setAttribute("data-dropin",o),t.removeAttribute("data-sdk");const i=window._loadedStyles[o];if(i){const o=function(n,t){const[r,e]=n.split("-"),[o,i]=t.split("-"),a=[...r.split("."),e],c=[...o.split("."),i],s=parseInt(a[0],10),d=parseInt(c[0],10);if(s!==d)return s>d?n:t;const l=parseInt(a[1],10),p=parseInt(c[1],10);if(l!==p)return l>p?n:t;const u=parseInt(a[2],10),b=parseInt(c[2],10);if(u!==b)return u>b?n:t;if(a[3]&&c[3]){const r=/(alpha|beta)(.*)/,e=a[3].match(r),o=c[3].match(r),i=e[1],s=o[1],d=parseInt(e[2],10),l=parseInt(o[2],10);if(i===s)return d>l?n:t;if("alpha"===i&&"beta"===s)return t;if("beta"===i&&"alpha"===s)return n}return a[3]?t:n}(e,i.sdk);if(!r||r&&o===i.sdk){const t=i.style.textContent;i.style.textContent=`${t}\n/* --- MERGED --- */\n${n}`}else r&&o!==i.sdk&&(i.style.textContent=`/* --- UPGRADED --- */\n${n}`);return void t.remove()}t.textContent=n,window._loadedStyles[o]={sdk:e,core:r,style:t};const a=document.querySelector("head"),{lastDropinStyleInjected:c,lastSDKStyleInjected:s}=window._loadedStyles;r?(s?a.insertBefore(t,s.nextSibling):a.insertBefore(t,a.firstChild),window._loadedStyles.lastSDKStyleInjected=t):(c?a.insertBefore(t,c.nextSibling):s?a.insertBefore(t,s.nextSibling):a.insertBefore(t,a.firstChild),window._loadedStyles.lastDropinStyleInjected=t)}};f.setAttributes=p(),f.insert=d().bind(null,"head"),f.domAPI=c(),f.insertStyleElement=b();i()(v.A,f);v.A&&v.A.locals&&v.A.locals;var y=r(3459),m=r(8294),g=n=>{var{formSize:t="default",className:r="",headingText:o="",messageText:i="",primaryButtonText:a="",secondaryButtonText:c="",onPrimaryButtonClick:s,onSecondaryButtonClick:d}=n;return a||c?(0,m.FD)("div",{className:(0,e.L)(["auth-successNotificationForm",t,r]),children:[(0,m.Y)("p",{className:"auth-successNotificationForm__title","data-testid":"notification-title",children:o}),(0,m.Y)("p",{className:"auth-successNotificationForm__content-text","data-testid":"notification-content",children:i}),(0,m.Y)(y.$,{type:"button",className:"auth-successNotificationForm__button auth-successNotificationForm__button--top",onClick:s,children:a}),(0,m.Y)(y.$,{type:"button",variant:"tertiary",onClick:d,children:c})]}):null},h=n=>{var{formSize:t="default",className:r,headingText:e,messageText:o,primaryButtonText:i,secondaryButtonText:a,onPrimaryButtonClick:c,onSecondaryButtonClick:s}=n;return(0,m.Y)("div",{className:"auth-success-notification",children:(0,m.Y)(g,{formSize:t,className:r,headingText:e,messageText:o,primaryButtonText:i,secondaryButtonText:a,onPrimaryButtonClick:c,onSecondaryButtonClick:s})})}},8429:(n,t,r)=>{r.d(t,{A:()=>c});var e=r(8645),o=r.n(e),i=r(278),a=r.n(i)()(o());a.push([n.id,".dropin-button,\n.dropin-iconButton{\n  border:0 none;\n  cursor:pointer;\n  white-space:normal;\n}\n\n.dropin-button{\n  border-radius:var(--shape-border-radius-3);\n  font-size:var(--type-button-1-font);\n  font-weight:var(--type-button-1-font);\n  padding:var(--spacing-xsmall) var(--spacing-medium);\n  display:flex;\n  justify-content:center;\n  align-items:center;\n  text-align:left;\n  word-wrap:break-word;\n}\n\n.dropin-iconButton{\n  height:var(--spacing-xbig);\n  width:var(--spacing-xbig);\n  padding:var(--spacing-xsmall);\n}\n\n.dropin-button:disabled,\n.dropin-iconButton:disabled{\n  pointer-events:none;\n  user-select:none;\n}\n\n.dropin-button:not(:disabled),\n.dropin-iconButton:not(:disabled){\n  cursor:pointer;\n}\n\n.dropin-button:focus,\n.dropin-iconButton:focus{\n  outline:none;\n}\n\n.dropin-button:focus-visible,\n.dropin-iconButton:focus-visible{\n  outline:var(--spacing-xxsmall) solid var(--color-button-focus);\n}\n.dropin-button--primary,\na.dropin-button--primary,\n.dropin-iconButton--primary{\n  border:none;\n  background:var(--color-brand-500) 0 0% no-repeat padding-box;\n  color:var(--color-neutral-50);\n  text-align:left;\n  margin-right:0;\n}\n\n.dropin-iconButton--primary{\n  border-radius:var(--spacing-xbig);\n  min-height:var(--spacing-xbig);\n  min-width:var(--spacing-xbig);\n  padding:var(--spacing-xsmall);\n}\n\n.dropin-button--primary--disabled,\na.dropin-button--primary--disabled,\n.dropin-iconButton--primary--disabled{\n  background:var(--color-neutral-300) 0 0% no-repeat padding-box;\n  color:var(--color-neutral-500);\n  fill:var(--color-neutral-300);\n  pointer-events:none;\n  user-select:none;\n}\n\n.dropin-button--primary:hover,\na.dropin-button--primary:hover,\n.dropin-iconButton--primary:hover,\n.dropin-button--primary:focus:hover,\n.dropin-iconButton--primary:focus:hover{\n  background-color:var(--color-button-hover);\n  text-decoration:none;\n}\n\n.dropin-button--primary:focus,\n.dropin-iconButton--primary:focus{\n  background-color:var(--color-brand-500);\n}\n\n.dropin-button--primary:hover:active,\n.dropin-iconButton--primary:hover:active{\n  background-color:var(--color-button-active);\n}\n.dropin-button--secondary,\na.dropin-button--secondary,\n.dropin-iconButton--secondary{\n  border:var(--shape-border-width-2) solid var(--color-brand-500);\n  background:none 0 0% no-repeat padding-box;\n  color:var(--color-brand-500);\n  padding-top:calc(var(--spacing-xsmall) - var(--shape-border-width-2));\n  padding-left:calc(var(--spacing-medium) - var(--shape-border-width-2));\n}\n\n.dropin-iconButton--secondary{\n  border-radius:var(--spacing-xbig);\n  min-height:var(--spacing-xbig);\n  min-width:var(--spacing-xbig);\n  padding:var(--spacing-xsmall);\n  padding-top:calc(var(--spacing-xsmall) - var(--shape-border-width-2));\n  padding-left:calc(var(--spacing-xsmall) - var(--shape-border-width-2));\n}\n\n.dropin-button--secondary--disabled,\na.dropin-button--secondary--disabled,\n.dropin-iconButton--secondary--disabled{\n  border:var(--shape-border-width-2) solid var(--color-neutral-300);\n  background:none 0 0% no-repeat padding-box;\n  color:var(--color-neutral-500);\n  fill:var(--color-neutral-300);\n  pointer-events:none;\n  user-select:none;\n}\n\n.dropin-button--secondary:hover,\na.dropin-button--secondary:hover,\n.dropin-iconButton--secondary:hover{\n  border:var(--shape-border-width-2) solid var(--color-button-hover);\n  color:var(--color-button-hover);\n  text-decoration:none;\n}\n\n.dropin-button--secondary:active,\n.dropin-iconButton--secondary:active{\n  border:var(--shape-border-width-2) solid var(--color-button-active);\n  color:var(--color-button-active);\n}\n.dropin-button--tertiary,\na.dropin-button--tertiary,\n.dropin-iconButton--tertiary{\n  border:none;\n  background:none 0 0% no-repeat padding-box;\n  color:var(--color-brand-500);\n}\n\n.dropin-iconButton--tertiary{\n  border:none;\n  border-radius:var(--spacing-xbig);\n  min-height:var(--spacing-xbig);\n  min-width:var(--spacing-xbig);\n  padding:var(--spacing-xsmall);\n}\n\n.dropin-button--tertiary--disabled,\na.dropin-button--tertiary--disabled,\n.dropin-iconButton--tertiary--disabled{\n  border:none;\n  color:var(--color-neutral-500);\n  pointer-events:none;\n  user-select:none;\n}\n\n.dropin-button--tertiary:hover,\na.dropin-button--tertiary:hover,\n.dropin-iconButton--tertiary:hover{\n  color:var(--color-button-hover);\n  text-decoration:none;\n}\n\n.dropin-button--tertiary:active,\n.dropin-iconButton--tertiary:active{\n  color:var(--color-button-active);\n}\n\n.dropin-button--tertiary:focus-visible,\n.dropin-iconButton--tertiary:focus-visible{\n  -webkit-box-shadow:inset 0 0 0 2px var(--color-neutral-800);\n  -moz-box-shadow:inset 0 0 0 2px var(--color-neutral-800);\n  box-shadow:inset 0 0 0 2px var(--color-neutral-800);\n}\n.dropin-button--large{\n  font:var(--type-button-1-font);\n  letter-spacing:var(--type-button-1-letter-spacing);\n}\n\n.dropin-button--medium{\n  font:var(--type-button-2-font);\n  letter-spacing:var(--type-button-2-letter-spacing);\n}\n\n.dropin-button-icon{\n  height:24px;\n}\n.dropin-button--with-icon{\n  column-gap:var(--spacing-xsmall);\n  row-gap:var(--spacing-xsmall);\n}\n",""]);const c=a},2444:(n,t,r)=>{r.d(t,{A:()=>c});var e=r(8645),o=r.n(e),i=r(278),a=r.n(i)()(o());a.push([n.id,".auth-successNotificationForm{\n  display:flex;\n  justify-content:center;\n  align-items:center;\n  flex-direction:column;\n  border-radius:var(--shape-border-radius-2);\n  background:var(--color-neutral-50, #fff);\n  padding:var(--spacing-xbig) var(--spacing-small) var(--spacing-medium) var(--spacing-small);\n}\n\n@media (min-width: 768px){\n  .auth-successNotificationForm{\n    padding:var(--spacing-big) var(--spacing-xbig) var(--spacing-xxbig) var(--spacing-xbig);\n  }\n}\n\n.auth-successNotificationForm.small{\n  padding:var(--spacing-small) var(--spacing-small) var(--spacing-medium) var(--spacing-small);\n}\n\n.auth-successNotificationForm__title{\n  color:var(--color-neutral-800, #2b2b2b);\n  font:var(--type-headline-2-strong-font);\n  letter-spacing:var(--type-details-caption-1-letter-spacing);\n  margin-bottom:var(--spacing-medium);\n}\n\n.auth-successNotificationForm__content-text{\n  color:var(--color-neutral-800, #2b2b2b);\n  font:var(--type-body-1-default-font);\n  letter-spacing:var(--type-body-1-default-letter-spacing);\n  text-align:center;\n  margin-bottom:var(--spacing-xxbig);\n}\n\n.auth-successNotificationForm__button--top{\n  margin-bottom:var(--spacing-xsmall);\n}\n",""]);const c=a}};import n from"../runtime.js";import*as t from"../408.js";n.C(t);import*as r from"./SuccessNotification.js";n.C(r);var e,o=(e=9155,n(n.s=e)),i=o.d,a=o.A;export{i as SuccessNotification,a as default};
+import{classes as l}from"@dropins/tools/lib.js";import{Button as u}from"@dropins/tools/components.js";import{jsxs as f,jsx as t}from"@dropins/tools/preact-jsx-runtime.js";const m=({formSize:o="default",className:s="",headingText:a="",messageText:e="",primaryButtonText:i="",secondaryButtonText:c="",onPrimaryButtonClick:n,onSecondaryButtonClick:r})=>!i&&!c?null:f("div",{className:l(["auth-successNotificationForm",o,s]),children:[t("p",{className:"auth-successNotificationForm__title","data-testid":"notification-title",children:a}),t("p",{className:"auth-successNotificationForm__content-text","data-testid":"notification-content",children:e}),t(u,{type:"button",className:"auth-successNotificationForm__button auth-successNotificationForm__button--top",onClick:n,children:i}),t(u,{type:"button",variant:"tertiary",onClick:r,children:c})]}),p=({formSize:o="default",className:s,headingText:a,messageText:e,primaryButtonText:i,secondaryButtonText:c,onPrimaryButtonClick:n,onSecondaryButtonClick:r})=>t("div",{className:"auth-success-notification",children:t(m,{formSize:o,className:s,headingText:a,messageText:e,primaryButtonText:i,secondaryButtonText:c,onPrimaryButtonClick:n,onSecondaryButtonClick:r})});export{p as SuccessNotification,p as default};
+//# sourceMappingURL=SuccessNotification.js.map

package/containers/SuccessNotification.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuccessNotification.js","sources":["../../src/components/SuccessNotificationForm/SuccessNotificationForm.tsx","../../src/containers/SuccessNotification/SuccessNotification.tsx"],"sourcesContent":["import { FunctionComponent } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe/elsie/lib';\nimport '@/auth/components/SuccessNotificationForm/SuccessNotificationForm.css';\nimport { Button } from '@adobe/elsie/components';\nimport { SuccessNotificationFormProps } from '@/auth/types';\n\nexport const SuccessNotificationForm: FunctionComponent<\n  SuccessNotificationFormProps & HTMLAttributes<HTMLDivElement>\n> = ({\n  formSize = 'default',\n  className = '',\n  headingText = '',\n  messageText = '',\n  primaryButtonText = '',\n  secondaryButtonText = '',\n  onPrimaryButtonClick,\n  onSecondaryButtonClick,\n}) => {\n  if (!primaryButtonText && !secondaryButtonText) return null;\n\n  return (\n    <div\n      className={classes(['auth-successNotificationForm', formSize, className])}\n    >\n      <p\n        className=\"auth-successNotificationForm__title\"\n        data-testid=\"notification-title\"\n      >\n        {headingText}\n      </p>\n      <p\n        className=\"auth-successNotificationForm__content-text\"\n        data-testid=\"notification-content\"\n      >\n        {messageText}\n      </p>\n\n      <Button\n        type=\"button\"\n        className=\"auth-successNotificationForm__button auth-successNotificationForm__button--top\"\n        onClick={onPrimaryButtonClick}\n      >\n        {primaryButtonText}\n      </Button>\n      <Button type=\"button\" variant=\"tertiary\" onClick={onSecondaryButtonClick}>\n        {secondaryButtonText}\n      </Button>\n    </div>\n  );\n};\n","import { Container } from '@adobe/elsie/lib';\nimport SuccessNotificationForm from '@/auth/components/SuccessNotificationForm';\nimport { SuccessNotificationProps } from '@/auth/types';\n\nexport const SuccessNotification: Container<SuccessNotificationProps> = ({\n  formSize = 'default',\n  className,\n  headingText,\n  messageText,\n  primaryButtonText,\n  secondaryButtonText,\n  onPrimaryButtonClick,\n  onSecondaryButtonClick,\n}) => {\n  return (\n    <div className=\"auth-success-notification\">\n      <SuccessNotificationForm\n        formSize={formSize}\n        className={className}\n        headingText={headingText}\n        messageText={messageText}\n        primaryButtonText={primaryButtonText}\n        secondaryButtonText={secondaryButtonText}\n        onPrimaryButtonClick={onPrimaryButtonClick}\n        onSecondaryButtonClick={onSecondaryButtonClick}\n      />\n    </div>\n  );\n};\n"],"names":["SuccessNotificationForm","formSize","className","headingText","messageText","primaryButtonText","secondaryButtonText","onPrimaryButtonClick","onSecondaryButtonClick","_jsxs","classes","children","_jsx","Button","type","onClick","variant","SuccessNotification"],"mappings":"2KAOO,MAAMA,EAETA,CAAC,CACHC,SAAAA,EAAW,UACXC,UAAAA,EAAY,GACZC,YAAAA,EAAc,GACdC,YAAAA,EAAc,GACdC,kBAAAA,EAAoB,GACpBC,oBAAAA,EAAsB,GACtBC,qBAAAA,EACAC,uBAAAA,CACF,IACM,CAACH,GAAqB,CAACC,EAA4B,KAGrDG,EAAA,MAAA,CACEP,UAAWQ,EAAQ,CAAC,+BAAgCT,EAAUC,CAAS,CAAC,EAAES,UAE1EC,EAAA,IAAA,CACEV,UAAU,sCACV,cAAY,qBAAoBS,SAE/BR,CAAAA,CACA,EACHS,EAAA,IAAA,CACEV,UAAU,6CACV,cAAY,uBAAsBS,SAEjCP,CAAAA,CACA,EAEHQ,EAACC,EAAM,CACLC,KAAK,SACLZ,UAAU,iFACVa,QAASR,EAAqBI,SAE7BN,CAAAA,CACK,EACRO,EAACC,EAAM,CAACC,KAAK,SAASE,QAAQ,WAAWD,QAASP,EAAuBG,SACtEL,CAAAA,CACK,CAAC,CAAA,CACN,EC5CIW,EAA2DA,CAAC,CACvEhB,SAAAA,EAAW,UACXC,UAAAA,EACAC,YAAAA,EACAC,YAAAA,EACAC,kBAAAA,EACAC,oBAAAA,EACAC,qBAAAA,EACAC,uBAAAA,CACF,IAEII,EAAA,MAAA,CAAKV,UAAU,4BAA2BS,SACxCC,EAACZ,EAAuB,CACtBC,SAAAA,EACAC,UAAAA,EACAC,YAAAA,EACAC,YAAAA,EACAC,kBAAAA,EACAC,oBAAAA,EACAC,qBAAAA,EACAC,uBAAAA,CAAAA,CACD,CAAA,CACE"}