@saasquatch/mint-components 1.12.0-9 → 1.12.1-1

package/dist/mint-components/p-15a64357.entry.js

@@ -0,0 +1,13 @@
+import{r as i,h as o}from"./p-64c3217a.js";import{m as t,f as s,n as r}from"./p-fd2c5407.js";import{d as e,Q as l,e as a,E as n,x as d,b as v,i as u}from"./p-bdd6bb13.js";import{j as m}from"./p-e7e129ac.js";import{c}from"./p-c1086930.js";import"./p-02be1a88.js";import"./p-cef45012.js";import"./p-5d0c9424.js";import{u as h}from"./p-f655a7df.js";import{P as f}from"./p-40b1de58.js";import{A as p}from"./p-121cdc60.js";const b=e.gql`
+  query RegistrationFormQuery($key: String!) {
+    form(key: $key) {
+      key
+      type
+      initialData {
+        initialData
+        isEnabled
+        isEnabledErrorMessage
+      }
+    }
+  }
+`,g=class{constructor(o){i(this,o),this.ignored=!0,this.nextPage="/",this.redirectPath="/verifyEmail",this.emailLabel="Email",this.passwordLabel="Password",this.submitLabel="Register",this.loginLabel="Sign in",this.confirmPasswordLabel="Confirm Password",this.confirmPassword=!1,this.disablePasswordValidation=!1,this.hideInputs=!1,this.pageLabel="Register",this.loginPath="/login",this.requiredFieldErrorMessage="Cannot be empty",this.networkErrorMessage="Network request failed.",this.passwordMismatchErrorMessage="Passwords do not match.",this.invalidEmailErrorMessage="Must be a valid email address",this.formDisabledErrorMessage="The registration form is currently disabled.",this.meetsRequirementsText="Password has met all requirements",this.doesNotMeetRequirementsText="Password must meet the following requirements:",this.minErrorText="be a minimum of 8 characters",this.uppercaseErrorText="contain at least 1 uppercase character",this.lowercaseErrorText="contain at least 1 lowercase character",this.hasErrorText="contain at least 1 number or symbol",r(this)}disconnectedCallback(){}render(){const{states:i,callbacks:r,refs:e}=u()?c({states:{error:"",loading:!1,confirmPassword:this.confirmPassword,hideInputs:this.hideInputs||!1,customPasswordField:!1,loginPath:"/login"},callbacks:{submit:async()=>{console.log("submit")},inputFunction:()=>{}},refs:{formRef:{}}},this.demoData||{},{arrayMerge:(i,o)=>o}):function(i){var o,r,e,u,c,f,g,E,w;const y=t(null),k=l(),{registrationFormState:P,setRegistrationFormState:j}=h({}),[M,{loading:x,errors:D,formError:q}]=a(),F=n(b,{key:i.formKey}),R=x||F.loading;s((()=>{var o,t,s;const r=null===(o=null==F?void 0:F.data)||void 0===o?void 0:o.form.initialData.initialData,e=!1===(null===(t=null==F?void 0:F.data)||void 0===t?void 0:t.form.initialData.isEnabled),l=(null===(s=null==F?void 0:F.data)||void 0===s?void 0:s.form.initialData.isEnabledErrorMessage)||i.formDisabledErrorMessage;j({loading:R,disabled:e,disabledMessage:l,initialData:r})}),[null===(o=null==F?void 0:F.data)||void 0===o?void 0:o.form.initialData]),s((()=>{if(!y.current)return;const i=y.current;return i.addEventListener("sl-input",T),()=>{i.removeEventListener("sl-input",T)}}),[y.current]);const T=v((i=>{var o,t;if("tel"!==(null===(t=null===(o=i.target)||void 0===o?void 0:o.type)||void 0===t?void 0:t.toLowerCase()))return;const s=new p("US");i.target.value=s.input(i.target.value)}),[]);let S="";return S=!1===(null===(r=null==F?void 0:F.data)||void 0===r?void 0:r.form.initialData.isEnabled)?(null===(e=null==F?void 0:F.data)||void 0===e?void 0:e.form.initialData.isEnabledErrorMessage)||i.formDisabledErrorMessage:(null===(u=null==D?void 0:D.response)||void 0===u?void 0:u.error)||(null==D?void 0:D.message)&&!(null===(c=null==D?void 0:D.response)||void 0===c?void 0:c.errors.length)?i.networkErrorMessage:q||(null===(w=null===(E=null===(g=null===(f=null==F?void 0:F.errors)||void 0===f?void 0:f.response)||void 0===g?void 0:g.errors)||void 0===E?void 0:E[0])||void 0===w?void 0:w.message)||(null==P?void 0:P.error),{states:{loading:x||F.loading,error:S,registrationFormState:P,confirmPassword:i.confirmPassword,hideInputs:i.hideInputs,loginPath:i.loginPath,enablePasswordValidation:!i.disablePasswordValidation},callbacks:{submit:async o=>{var t,s,r,e,l,a,n,v,u,c,h,f,p,b,g,E,w,y;let x=o.target.getFormControls();console.log("Test 123");let D={},q={};if(null==x||x.forEach((o=>{if(!o.name)return;const t=o.name,s=o.value;if(m.set(D,t,s),o.required&&!s&&m.set(q,t,i.requiredFieldErrorMessage),"function"==typeof o.validationError){const i=(0,o.validationError)({control:o,key:t,value:s});i&&m.set(q,t,i)}})),(i.confirmPassword||D.confirmPassword)&&D.password!==D.confirmPassword&&(q={...q,confirmPassword:i.passwordMismatchErrorMessage}),Object.keys(q).length)return void j({...P,loading:!1,error:"",validationErrors:q});j({...P,loading:!0,error:"",validationErrors:{}});const{email:F,password:R}=D;console.log("form data is ",D),delete D.email,delete D.password,delete D.confirmPassword;const T=i.redirectPath,S=D.marketingEmails?Date.now():null,I={key:i.formKey,formData:{locale:k,email:F,password:R,redirectPath:T,...D.marketingEmails&&{marketingEmailOptInDate:S},...D}};try{const o=await M(I);if(o instanceof Error)throw o;j({...P,loading:!1,error:"",validationErrors:{}});const m=null===(t=o.submitForm)||void 0===t?void 0:t.results.find((i=>{var o;return"identity"===(null===(o=null==i?void 0:i.formHandler)||void 0===o?void 0:o.namespace)}));m&&m.result.results.length&&m.result.results[0].success&&m.result.results[0].data.token?d.push(i.nextPage):1===(null===(s=o.submitForm)||void 0===s?void 0:s.results.length)&&1===(null===(a=null===(l=null===(e=null===(r=o.submitForm)||void 0===r?void 0:r.results[0])||void 0===e?void 0:e.result)||void 0===l?void 0:l.results)||void 0===a?void 0:a.length)&&!1===(null===(h=null===(c=null===(u=null===(v=null===(n=o.submitForm)||void 0===n?void 0:n.results[0])||void 0===v?void 0:v.result)||void 0===u?void 0:u.results)||void 0===c?void 0:c[0])||void 0===h?void 0:h.success)&&(null===(w=null===(E=null===(g=null===(b=null===(p=null===(f=o.submitForm)||void 0===f?void 0:f.results[0])||void 0===p?void 0:p.result)||void 0===b?void 0:b.results)||void 0===g?void 0:g[0])||void 0===E?void 0:E.message)||void 0===w?void 0:w.startsWith("Blocked email"))&&j({...P,loading:!1,error:"",validationErrors:{email:i.invalidEmailErrorMessage}})}catch(o){(null===(y=null==o?void 0:o.message)||void 0===y?void 0:y.includes("is not a valid email address"))?j({...P,loading:!1,error:"",validationErrors:{email:i.invalidEmailErrorMessage}}):j({...P,loading:!1,error:i.networkErrorMessage,validationErrors:{}})}},inputFunction:T},refs:{formRef:y}}}(this);const g={formData:o("slot",{name:"formData"}),secondaryButton:o("slot",{name:"secondaryButton"},o("sl-button",{type:"text",disabled:i.loading,onClick:()=>d.push(i.loginPath)},this.loginLabel)),terms:o("slot",{name:"terms"}),emailOptIn:o("slot",{name:"emailOptIn"}),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel,confirmPasswordLabel:this.confirmPasswordLabel,networkErrorMessage:this.networkErrorMessage,passwordMismatchErrorMessage:this.passwordMismatchErrorMessage,invalidEmailErrorMessage:this.invalidEmailErrorMessage,formDisabledErrorMessage:this.formDisabledErrorMessage,requiredFieldErrorMessage:this.requiredFieldErrorMessage,meetsRequirementsText:this.meetsRequirementsText,doesNotMeetRequirementsText:this.doesNotMeetRequirementsText,minErrorText:this.minErrorText,uppercaseErrorText:this.uppercaseErrorText,lowercaseErrorText:this.lowercaseErrorText,hasErrorText:this.hasErrorText};return o(f,{states:i,callbacks:r,content:g,refs:e})}};export{g as sqm_portal_registration_form}