@saasquatch/mint-components 1.7.3-1 → 1.7.3-2

package/dist/mint-components/p-d7210c13.entry.js

@@ -1,13 +0,0 @@
-import{h as i,r as o}from"./p-64c3217a.js";import{k as l,f as r,m as s}from"./p-901f5b80.js";import{d as t,O as a,q as e,b as d,h as n,f as v,i as u}from"./p-8b28c511.js";import{j as m}from"./p-e7e129ac.js";import{c}from"./p-c1086930.js";import{A as p,a as h,H as f,b,E as g}from"./p-02be1a88.js";import{c as y}from"./p-cef45012.js";import{T as w}from"./p-5d0c9424.js";import{u as E}from"./p-878daf52.js";import{A as k}from"./p-121cdc60.js";const j=y({Wrapper:{...p,"max-width":"600px"},Column:h,HostBlock:f,":host":{margin:"0 auto",width:"100%"},ButtonsContainer:b,ErrorStyle:g}),x=j.toString();function P(o){var l,r,s,t,a,e,d,n,v,u,m,c,p,h,f,b,g,y,E,k;const{states:P,refs:q,callbacks:M,content:F}=o;return P.error&&window.scrollTo({top:0,left:0,behavior:"smooth"}),i("div",{class:j.classes.Wrapper,part:"sqm-base"},i("style",{type:"text/css"},"\nsqm-portal-register {\n  margin: 0 auto;\n  width: 100%;\n  display: block;\n}\n\n:host{\n  display: block;\n}\n\n:host([hidden]) {\n  display: none;\n}\n",x),i(w,{type:"h3"},F.pageLabel),i("sl-form",{class:j.classes.Column,"onSl-submit":M.submit,ref:i=>q.formRef.current=i,novalidate:!0},(null===(l=P.registrationFormState)||void 0===l?void 0:l.disabled)?i("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},i("div",{part:"erroralert-text"},P.registrationFormState.disabledMessage)):P.error&&i("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},i("div",{part:"erroralert-text"},o.states.error)),F.formData,!P.hideInputs&&i("sl-input",Object.assign({exportparts:"label: input-label",type:"email",name:"/email",label:F.emailLabel||"Email",disabled:P.loading||(null===(r=P.registrationFormState)||void 0===r?void 0:r.disabled),required:!0,validationError:({value:i})=>i?i.includes("@")?void 0:F.invalidEmailErrorMessage:F.requiredFieldErrorMessage},(null===(t=null===(s=P.registrationFormState)||void 0===s?void 0:s.initialData)||void 0===t?void 0:t.email)?{value:null===(e=null===(a=P.registrationFormState)||void 0===a?void 0:a.initialData)||void 0===e?void 0:e.email}:{},(null===(n=null===(d=P.registrationFormState)||void 0===d?void 0:d.validationErrors)||void 0===n?void 0:n.email)?{class:j.classes.ErrorStyle,helpText:(null===(u=null===(v=P.registrationFormState)||void 0===v?void 0:v.validationErrors)||void 0===u?void 0:u.email)||F.requiredFieldErrorMessage}:[])),!P.hideInputs&&i("sqm-password-field",{fieldLabel:F.passwordLabel,"disable-validation":!P.enablePasswordValidation}),F.passwordField,!P.hideInputs&&P.confirmPassword&&i("sl-input",Object.assign({exportparts:"label: input-label",type:"password",name:"/confirmPassword",label:F.confirmPasswordLabel,disabled:P.loading||(null===(m=P.registrationFormState)||void 0===m?void 0:m.disabled),required:!0},(null===(p=null===(c=P.registrationFormState)||void 0===c?void 0:c.initialData)||void 0===p?void 0:p.confirmPassword)?{value:null===(f=null===(h=P.registrationFormState)||void 0===h?void 0:h.initialData)||void 0===f?void 0:f.confirmPassword}:{},(null===(g=null===(b=P.registrationFormState)||void 0===b?void 0:b.validationErrors)||void 0===g?void 0:g.confirmPassword)?{class:j.classes.ErrorStyle,helpText:(null===(E=null===(y=P.registrationFormState)||void 0===y?void 0:y.validationErrors)||void 0===E?void 0:E.confirmPassword)||F.requiredFieldErrorMessage}:[])),F.terms,i("div",{class:j.classes.ButtonsContainer},i("sl-button",{submit:!0,loading:P.loading,disabled:null===(k=P.registrationFormState)||void 0===k?void 0:k.disabled,exportparts:"base: primarybutton-base",type:"primary"},F.submitLabel||"Register"),F.secondaryButton)))}const q=t.gql`
-  query RegistrationFormQuery($key: String!) {
-    form(key: $key) {
-      key
-      type
-      initialData {
-        initialData
-        isEnabled
-        isEnabledErrorMessage
-      }
-    }
-  }
-`,M=class{constructor(i){o(this,i),this.ignored=!0,this.nextPage="/",this.redirectPath="/verifyEmail",this.useBrowserLocale=!1,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.",s(this)}disconnectedCallback(){}render(){const{states:o,callbacks:s,refs:t}=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,s,t,u,c,p,h,f,b;const g=l(null),y=a(),{registrationFormState:w,setRegistrationFormState:j}=E({}),[x,{loading:P,errors:M,formError:F}]=e(),S=d(q,{key:i.formKey}),D=P||S.loading;r((()=>{var o,l,r;const s=null===(o=null==S?void 0:S.data)||void 0===o?void 0:o.form.initialData.initialData,t=!1===(null===(l=null==S?void 0:S.data)||void 0===l?void 0:l.form.initialData.isEnabled),a=(null===(r=null==S?void 0:S.data)||void 0===r?void 0:r.form.initialData.isEnabledErrorMessage)||i.formDisabledErrorMessage;j({loading:D,disabled:t,disabledMessage:a,initialData:s})}),[null===(o=null==S?void 0:S.data)||void 0===o?void 0:o.form.initialData]),r((()=>{if(!g.current)return;const i=g.current;return i.addEventListener("sl-input",R),()=>{i.removeEventListener("sl-input",R)}}),[g.current]);const R=v((i=>{var o,l;if("tel"!==(null===(l=null===(o=i.target)||void 0===o?void 0:o.type)||void 0===l?void 0:l.toLowerCase()))return;const r=new k("US");i.target.value=r.input(i.target.value)}),[]);let C="";return C=!1===(null===(s=null==S?void 0:S.data)||void 0===s?void 0:s.form.initialData.isEnabled)?(null===(t=null==S?void 0:S.data)||void 0===t?void 0:t.form.initialData.isEnabledErrorMessage)||i.formDisabledErrorMessage:(null===(u=null==M?void 0:M.response)||void 0===u?void 0:u.error)||(null==M?void 0:M.message)&&!(null===(c=null==M?void 0:M.response)||void 0===c?void 0:c.errors.length)?i.networkErrorMessage:F||(null===(b=null===(f=null===(h=null===(p=null==S?void 0:S.errors)||void 0===p?void 0:p.response)||void 0===h?void 0:h.errors)||void 0===f?void 0:f[0])||void 0===b?void 0:b.message)||(null==w?void 0:w.error),{states:{loading:P||S.loading,error:C,registrationFormState:w,confirmPassword:i.confirmPassword,hideInputs:i.hideInputs,loginPath:i.loginPath,enablePasswordValidation:!i.disablePasswordValidation},callbacks:{submit:async o=>{var l,r,s,t,a,e,d,v,u,c,p,h,f,b,g,E,k,P;let q=o.target.getFormControls(),M={},F={};if(null==q||q.forEach((o=>{if(!o.name)return;const l=o.name,r=o.value;if(m.set(M,l,r),o.required&&!r&&m.set(F,l,i.requiredFieldErrorMessage),"function"==typeof o.validationError){const i=(0,o.validationError)({control:o,key:l,value:r});i&&m.set(F,l,i)}})),(i.confirmPassword||M.confirmPassword)&&M.password!==M.confirmPassword&&(F={...F,confirmPassword:i.passwordMismatchErrorMessage}),Object.keys(F).length)return void j({...w,loading:!1,error:"",validationErrors:F});j({...w,loading:!0,error:"",validationErrors:{}});const{email:S,password:D}=M;delete M.email,delete M.password,delete M.confirmPassword;const R={key:i.formKey,formData:{...i.useBrowserLocale?{locale:y}:{},email:S,password:D,redirectPath:i.redirectPath,...M}};try{const o=await x(R);if(o instanceof Error)throw o;j({...w,loading:!1,error:"",validationErrors:{}});const m=null===(l=o.submitForm)||void 0===l?void 0:l.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?n.push(i.nextPage):1===(null===(r=o.submitForm)||void 0===r?void 0:r.results.length)&&1===(null===(e=null===(a=null===(t=null===(s=o.submitForm)||void 0===s?void 0:s.results[0])||void 0===t?void 0:t.result)||void 0===a?void 0:a.results)||void 0===e?void 0:e.length)&&!1===(null===(p=null===(c=null===(u=null===(v=null===(d=o.submitForm)||void 0===d?void 0:d.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===p?void 0:p.success)&&(null===(k=null===(E=null===(g=null===(b=null===(f=null===(h=o.submitForm)||void 0===h?void 0:h.results[0])||void 0===f?void 0:f.result)||void 0===b?void 0:b.results)||void 0===g?void 0:g[0])||void 0===E?void 0:E.message)||void 0===k?void 0:k.startsWith("Blocked email"))&&j({...w,loading:!1,error:"",validationErrors:{email:i.invalidEmailErrorMessage}})}catch(o){(null===(P=null==o?void 0:o.message)||void 0===P?void 0:P.includes("is not a valid email address"))?j({...w,loading:!1,error:"",validationErrors:{email:i.invalidEmailErrorMessage}}):j({...w,loading:!1,error:i.networkErrorMessage,validationErrors:{}})}},inputFunction:R},refs:{formRef:g}}}(this);const p={formData:i("slot",{name:"formData"}),secondaryButton:i("slot",{name:"secondaryButton"},i("sl-button",{type:"text",disabled:o.loading,onClick:()=>n.push(o.loginPath)},this.loginLabel)),terms:i("slot",{name:"terms"}),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};return i(P,{states:o,callbacks:s,content:p,refs:t})}};export{M as sqm_portal_registration_form}

package/dist/mint-components/p-efd129de.js

@@ -1 +0,0 @@
-import{h as s}from"./p-64c3217a.js";import{A as e,a as r,b as t}from"./p-02be1a88.js";import{c as a}from"./p-cef45012.js";import{T as o}from"./p-5d0c9424.js";const p=a({Wrapper:e,Column:r,ButtonsContainer:t,Banner:{"&::part(erroralert-base)":{margin:"15px 0px"}},CodeError:{"&::part(erroralert-base)":{"margin-bottom":"15px"}},CodeSuccess:{"&::part(successalert-base)":{"margin-bottom":"15px"}},ContinueButton:{width:"100%"}}),l=p.toString();function i(e){const{states:r,callbacks:t}=e;return r.reset?s("div",{class:`${p.classes.Wrapper} ${p.classes.Column}`},s("style",{type:"text/css"},l),s(o,{type:"h3"},r.content.resetPasswordHeader),s("sqm-form-message",{class:p.classes.CodeSuccess,exportparts:"success-icon"},s("div",{part:"successalert-text"},"Your password has been reset and you are being redirected. If you are not redirected, please click Continue.")),s("div",null,s("sl-button",{class:p.classes.ContinueButton,onClick:t.gotoNextPage,loading:r.loading,exportparts:"base: primarybutton-base",type:"primary"},r.content.continueButtonText))):r.oobCodeValidating?s("div",null):r.oobCodeValid?s("div",{class:p.classes.Wrapper},s("style",{type:"text/css"},"\n:host {\n  display: block;\n}\n:host([hidden]): {\n  display: none;\n}\n",l),s(o,{type:"h2"},r.reset?r.content.passwordResetHeader:r.content.resetPasswordHeader),s("sl-form",{class:p.classes.Column,"onSl-submit":t.submit},e.states.error&&s("sqm-form-message",{type:"error",class:p.classes.Banner,exportparts:"erroralert-icon"},s("div",{part:"erroralert-text"},e.states.error)),!r.reset&&s("sqm-password-field",{fieldLabel:r.content.passwordFieldLabel,demoData:r.passwordDemoData}),!r.reset&&r.confirmPassword&&s("sl-input",{exportparts:"label: input-label",type:"password",name:"/confirmPassword",label:r.content.confirmPasswordFieldLabel,disabled:r.loading,required:!0}),s("div",{class:p.classes.ButtonsContainer},s("sl-button",{class:p.classes.ContinueButton,submit:!0,loading:r.loading,exportparts:"base: primarybutton-base",type:"primary"},r.reset?r.content.continueButtonText:r.content.resetPasswordButtonText)))):s("div",{class:`${p.classes.Wrapper} ${p.classes.Column}`},s("style",{type:"text/css"},l),s("sqm-form-message",{class:p.classes.CodeError,type:"error",exportparts:"erroralert-icon"},s("div",{part:"erroralert-text"},"The password reset code is invalid or has expired, please try again.")),s("div",null,s("sl-button",{class:p.classes.ContinueButton,onClick:t.failed,exportparts:"base: primarybutton-base",type:"primary"},r.content.continueButtonText)))}export{i as P}