@saasquatch/mint-components 1.6.2-38 → 1.6.2-40

package/dist/esm-es5/sqm-portal-registration-form.entry.js

@@ -1 +1 @@
-var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,r){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:r})}else{e.raw=r}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var r,i=1,t=arguments.length;i<t;i++){r=arguments[i];for(var a in r)if(Object.prototype.hasOwnProperty.call(r,a))e[a]=r[a]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,r,i,t){function a(e){return e instanceof i?e:new i((function(r){r(e)}))}return new(i||(i=Promise))((function(i,o){function s(e){try{l(t.next(e))}catch(e){o(e)}}function n(e){try{l(t["throw"](e))}catch(e){o(e)}}function l(e){e.done?i(e.value):a(e.value).then(s,n)}l((t=t.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var i={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},t,a,o,s;return s={next:n(0),throw:n(1),return:n(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function n(e){return function(r){return l([e,r])}}function l(s){if(t)throw new TypeError("Generator is already executing.");while(i)try{if(t=1,a&&(o=s[0]&2?a["return"]:s[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,s[1])).done)return o;if(a=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;a=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){i.label=s[1];break}if(s[0]===6&&i.label<o[1]){i.label=o[1];o=s;break}if(o&&i.label<o[2]){i.label=o[2];i.ops.push(s);break}if(o[2])i.ops.pop();i.trys.pop();continue}s=r.call(e,i)}catch(e){s=[6,e];a=0}finally{t=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};import{h,r as registerInstance}from"./index-17b4da69.js";import{j as useRef,f as useEffect,m as h$1}from"./stencil-hooks.module-eefa3570.js";import{u as useCallback}from"./use-callback-684c8bb7.js";import{d as dist,q as qe,a as dn,f as fn,i as isDemo}from"./index.module-877f3231.js";import{j as jsonpointer}from"./jsonpointer-388a7082.js";import{c as cjs}from"./cjs-bdfb4486.js";import{A as AuthWrapper,a as AuthColumn,H as HostBlock,b as AuthButtonsContainer,E as ErrorStyles}from"./mixins-f60a614c.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{T as TextSpanView}from"./sqm-text-span-view-8b194920.js";import{A as AsYouType}from"./AsYouType-46f67d0d.js";import{u as useRegistrationFormState}from"./useRegistrationFormState-1490be1c.js";var style={Wrapper:__assign(__assign({},AuthWrapper),{"max-width":"600px"}),Column:AuthColumn,HostBlock:HostBlock,":host":{margin:"0 auto",width:"100%"},ButtonsContainer:AuthButtonsContainer,ErrorStyle:ErrorStyles};var vanillaStyle="\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";var sheet=createStyleSheet(style);var styleString=sheet.toString();function PortalRegistrationFormView(e){var r,i,t,a,o,s,n,l,d,u,v,m,f,c,g,p,b,y,w;var _=e.states,E=e.refs,P=e.callbacks,S=e.content;if(_.error){window.scrollTo({top:0,left:0,behavior:"smooth"})}return h("div",{class:sheet.classes.Wrapper},h("style",{type:"text/css"},vanillaStyle,styleString),h(TextSpanView,{type:"h3"},S.pageLabel),h("sl-form",{class:sheet.classes.Column,"onSl-submit":P.submit,ref:function(e){return E.formRef.current=e},novalidate:true},((r=_.registrationFormState)===null||r===void 0?void 0:r.disabled)?h("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},h("div",{part:"erroralert-text"},_.registrationFormState.disabledMessage)):_.error&&h("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},h("div",{part:"erroralert-text"},e.states.error)),S.formData,!_.hideInputs&&h("sl-input",Object.assign({exportparts:"label: input-label",type:"email",name:"/email",label:S.emailLabel||"Email",disabled:_.loading||((i=_.registrationFormState)===null||i===void 0?void 0:i.disabled),required:true,validationError:function(e){var r=e.value;if(!r){return"Cannot be empty"}if(!r.includes("@")){return"Must be a valid email address"}}},((a=(t=_.registrationFormState)===null||t===void 0?void 0:t.initialData)===null||a===void 0?void 0:a.email)?{value:(s=(o=_.registrationFormState)===null||o===void 0?void 0:o.initialData)===null||s===void 0?void 0:s.email}:{},((l=(n=_.registrationFormState)===null||n===void 0?void 0:n.validationErrors)===null||l===void 0?void 0:l.email)?{class:sheet.classes.ErrorStyle,helpText:((u=(d=_.registrationFormState)===null||d===void 0?void 0:d.validationErrors)===null||u===void 0?void 0:u.email)||"Cannot be empty"}:[])),!_.hideInputs&&h("sqm-password-field",{fieldLabel:S.passwordLabel,"disable-validation":!_.enablePasswordValidation}),S.passwordField,!_.hideInputs&&_.confirmPassword&&h("sl-input",Object.assign({exportparts:"label: input-label",type:"password",name:"/confirmPassword",label:S.confirmPasswordLabel,disabled:_.loading,required:true},((m=(v=_.registrationFormState)===null||v===void 0?void 0:v.initialData)===null||m===void 0?void 0:m.confirmPassword)?{value:(c=(f=_.registrationFormState)===null||f===void 0?void 0:f.initialData)===null||c===void 0?void 0:c.confirmPassword}:{},((p=(g=_.registrationFormState)===null||g===void 0?void 0:g.validationErrors)===null||p===void 0?void 0:p.confirmPassword)?{class:sheet.classes.ErrorStyle,helpText:((y=(b=_.registrationFormState)===null||b===void 0?void 0:b.validationErrors)===null||y===void 0?void 0:y.confirmPassword)||"Cannot be empty"}:[])),S.terms,h("div",{class:sheet.classes.ButtonsContainer},h("sl-button",{submit:true,loading:_.loading,disabled:(w=_.registrationFormState)===null||w===void 0?void 0:w.disabled,exportparts:"base: primarybutton-base",type:"primary"},S.submitLabel||"Register"),S.secondaryButton)))}var RegistrationFormQuery=dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  query RegistrationFormQuery($key: String!) {\n    form(key: $key) {\n      key\n      type\n      initialData {\n        initialData\n        isEnabled\n        isEnabledErrorMessage\n      }\n    }\n  }\n"],["\n  query RegistrationFormQuery($key: String!) {\n    form(key: $key) {\n      key\n      type\n      initialData {\n        initialData\n        isEnabled\n        isEnabledErrorMessage\n      }\n    }\n  }\n"])));function usePortalRegistrationForm(e){var r=this;var i,t,a,o,s,n,l,d,u;var v=useRef(null);var m=useRegistrationFormState({}),f=m.registrationFormState,c=m.setRegistrationFormState;var g=qe(),p=g[0],h=g[1],b=h.loading,y=h.errors,w=h.data,_=h.formError;var E=dn(RegistrationFormQuery,{key:e.formKey});var P=b||E.loading;useEffect((function(){var r,i,t;var a=(r=E===null||E===void 0?void 0:E.data)===null||r===void 0?void 0:r.form.initialData.initialData;var o=((i=E===null||E===void 0?void 0:E.data)===null||i===void 0?void 0:i.form.initialData.isEnabled)===false;var s=((t=E===null||E===void 0?void 0:E.data)===null||t===void 0?void 0:t.form.initialData.isEnabledErrorMessage)||e.formDisabledErrorMessage;var n={loading:P,disabled:o,disabledMessage:s,initialData:a};c(n)}),[(i=E===null||E===void 0?void 0:E.data)===null||i===void 0?void 0:i.form.initialData]);useEffect((function(){if(!v.current)return;var e=v.current;e.addEventListener("sl-input",k);return function(){e.removeEventListener("sl-input",k)}}),[v.current]);var S=function(i){return __awaiter(r,void 0,void 0,(function(){var r,t,a,o,s,n,l,d,u,v,m,g,h,b,y,w,_,E,P,S,k,F,j,D,x,L,M,R;return __generator(this,(function(C){switch(C.label){case 0:P=i.target.getFormControls();S={};k={};P===null||P===void 0?void 0:P.forEach((function(r){if(!r.name)return;var i=r.name;var t=r.value;jsonpointer.set(S,i,t);if(r.required&&!t){jsonpointer.set(k,i,e.requiredFieldErrorMessage)}if(typeof r.validationError==="function"){var a=r.validationError;var o=a({control:r,key:i,value:t});if(o)jsonpointer.set(k,i,o)}}));if((e.confirmPassword||S.confirmPassword)&&S.password!==S.confirmPassword){k=__assign(__assign({},k),{confirmPassword:e.passwordMismatchErrorMessage})}if(Object.keys(k).length){c(__assign(__assign({},f),{loading:false,error:"",validationErrors:k}));return[2]}c(__assign(__assign({},f),{loading:true,error:"",validationErrors:{}}));F=S.email,j=S.password;delete S.email;delete S.password;delete S.confirmPassword;D=e.redirectPath;x={key:e.formKey,formData:__assign({email:F,password:j,redirectPath:D},S)};C.label=1;case 1:C.trys.push([1,3,,4]);return[4,p(x)];case 2:L=C.sent();if(L instanceof Error){throw L}c(__assign(__assign({},f),{loading:false,error:"",validationErrors:{}}));M=(r=L.submitForm)===null||r===void 0?void 0:r.results.find((function(e){var r;return((r=e===null||e===void 0?void 0:e.formHandler)===null||r===void 0?void 0:r.namespace)==="identity"}));if(M&&M.result.results.length&&M.result.results[0].success&&M.result.results[0].data.token){fn.push(e.nextPage)}else if(((t=L.submitForm)===null||t===void 0?void 0:t.results.length)===1&&((n=(s=(o=(a=L.submitForm)===null||a===void 0?void 0:a.results[0])===null||o===void 0?void 0:o.result)===null||s===void 0?void 0:s.results)===null||n===void 0?void 0:n.length)===1&&((m=(v=(u=(d=(l=L.submitForm)===null||l===void 0?void 0:l.results[0])===null||d===void 0?void 0:d.result)===null||u===void 0?void 0:u.results)===null||v===void 0?void 0:v[0])===null||m===void 0?void 0:m.success)===false&&((_=(w=(y=(b=(h=(g=L.submitForm)===null||g===void 0?void 0:g.results[0])===null||h===void 0?void 0:h.result)===null||b===void 0?void 0:b.results)===null||y===void 0?void 0:y[0])===null||w===void 0?void 0:w.message)===null||_===void 0?void 0:_.startsWith("Blocked email"))){c(__assign(__assign({},f),{loading:false,error:"",validationErrors:{email:e.invalidEmailErrorMessage}}))}return[3,4];case 3:R=C.sent();if((E=R===null||R===void 0?void 0:R.message)===null||E===void 0?void 0:E.includes("is not a valid email address")){c(__assign(__assign({},f),{loading:false,error:"",validationErrors:{email:e.invalidEmailErrorMessage}}))}else{c(__assign(__assign({},f),{loading:false,error:e.networkErrorMessage,validationErrors:{}}))}return[3,4];case 4:return[2]}}))}))};var k=useCallback((function(e){var r,i;var t=(i=(r=e.target)===null||r===void 0?void 0:r.type)===null||i===void 0?void 0:i.toLowerCase();if(t!=="tel")return;var a=new AsYouType("US");e.target.value=a.input(e.target.value)}),[]);var F="";if(((t=E===null||E===void 0?void 0:E.data)===null||t===void 0?void 0:t.form.initialData.isEnabled)===false){F=((a=E===null||E===void 0?void 0:E.data)===null||a===void 0?void 0:a.form.initialData.isEnabledErrorMessage)||e.formDisabledErrorMessage}else if((o=y===null||y===void 0?void 0:y.response)===null||o===void 0?void 0:o["error"]){F=e.networkErrorMessage}else if((y===null||y===void 0?void 0:y.message)&&!((s=y===null||y===void 0?void 0:y.response)===null||s===void 0?void 0:s.errors.length)){F=e.networkErrorMessage}else{F=_||((u=(d=(l=(n=E===null||E===void 0?void 0:E.errors)===null||n===void 0?void 0:n.response)===null||l===void 0?void 0:l.errors)===null||d===void 0?void 0:d[0])===null||u===void 0?void 0:u.message)||(f===null||f===void 0?void 0:f.error)}return{states:{loading:b||E.loading,error:F,registrationFormState:f,confirmPassword:e.confirmPassword,hideInputs:e.hideInputs,loginPath:e.loginPath,enablePasswordValidation:!e.disablePasswordValidation},callbacks:{submit:S,inputFunction:k},refs:{formRef:v}}}var PortalRegistrationForm=function(){function e(e){registerInstance(this,e);this.ignored=true;this.nextPage="/";this.redirectPath="/verifyEmail";this.emailLabel="Email";this.passwordLabel="Password";this.submitLabel="Register";this.loginLabel="Sign in";this.confirmPasswordLabel="Confirm Password";this.confirmPassword=false;this.disablePasswordValidation=false;this.hideInputs=false;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.";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?useRegisterDemo(this):usePortalRegistrationForm(this),r=e.states,i=e.callbacks,t=e.refs;var a={formData:h("slot",{name:"formData"}),secondaryButton:h("slot",{name:"secondaryButton"},h("sl-button",{type:"text",disabled:r.loading,onClick:function(){return fn.push(r.loginPath)}},this.loginLabel)),terms:h("slot",{name:"terms"}),emailLabel:this.emailLabel,passwordLabel:this.passwordLabel,submitLabel:this.submitLabel,pageLabel:this.pageLabel,confirmPasswordLabel:this.confirmPasswordLabel};return h(PortalRegistrationFormView,{states:r,callbacks:i,content:a,refs:t})};return e}();function useRegisterDemo(e){var r=this;return cjs({states:{error:"",loading:false,confirmPassword:e.confirmPassword,hideInputs:e.hideInputs||false,customPasswordField:false,loginPath:"/login"},callbacks:{submit:function(e){return __awaiter(r,void 0,void 0,(function(){return __generator(this,(function(e){console.log("submit");return[2]}))}))},inputFunction:function(){}},refs:{formRef:{}}},e.demoData||{},{arrayMerge:function(e,r){return r}})}export{PortalRegistrationForm as sqm_portal_registration_form};var templateObject_1;
+var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,r){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:r})}else{e.raw=r}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var r,i=1,t=arguments.length;i<t;i++){r=arguments[i];for(var a in r)if(Object.prototype.hasOwnProperty.call(r,a))e[a]=r[a]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,r,i,t){function a(e){return e instanceof i?e:new i((function(r){r(e)}))}return new(i||(i=Promise))((function(i,s){function o(e){try{l(t.next(e))}catch(e){s(e)}}function n(e){try{l(t["throw"](e))}catch(e){s(e)}}function l(e){e.done?i(e.value):a(e.value).then(o,n)}l((t=t.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},t,a,s,o;return o={next:n(0),throw:n(1),return:n(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function n(e){return function(r){return l([e,r])}}function l(o){if(t)throw new TypeError("Generator is already executing.");while(i)try{if(t=1,a&&(s=o[0]&2?a["return"]:o[0]?a["throw"]||((s=a["return"])&&s.call(a),0):a.next)&&!(s=s.call(a,o[1])).done)return s;if(a=0,s)o=[o[0]&2,s.value];switch(o[0]){case 0:case 1:s=o;break;case 4:i.label++;return{value:o[1],done:false};case 5:i.label++;a=o[1];o=[0];continue;case 7:o=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(o[0]===6||o[0]===2)){i=0;continue}if(o[0]===3&&(!s||o[1]>s[0]&&o[1]<s[3])){i.label=o[1];break}if(o[0]===6&&i.label<s[1]){i.label=s[1];s=o;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(o);break}if(s[2])i.ops.pop();i.trys.pop();continue}o=r.call(e,i)}catch(e){o=[6,e];a=0}finally{t=s=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{h,r as registerInstance}from"./index-17b4da69.js";import{j as useRef,f as useEffect,m as h$1}from"./stencil-hooks.module-eefa3570.js";import{u as useCallback}from"./use-callback-684c8bb7.js";import{d as dist,q as qe,a as dn,f as fn,i as isDemo}from"./index.module-877f3231.js";import{j as jsonpointer}from"./jsonpointer-388a7082.js";import{c as cjs}from"./cjs-bdfb4486.js";import{A as AuthWrapper,a as AuthColumn,H as HostBlock,b as AuthButtonsContainer,E as ErrorStyles}from"./mixins-f60a614c.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{T as TextSpanView}from"./sqm-text-span-view-8b194920.js";import{A as AsYouType}from"./AsYouType-46f67d0d.js";import{u as useRegistrationFormState}from"./useRegistrationFormState-1490be1c.js";var style={Wrapper:__assign(__assign({},AuthWrapper),{"max-width":"600px"}),Column:AuthColumn,HostBlock:HostBlock,":host":{margin:"0 auto",width:"100%"},ButtonsContainer:AuthButtonsContainer,ErrorStyle:ErrorStyles};var vanillaStyle="\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";var sheet=createStyleSheet(style);var styleString=sheet.toString();function PortalRegistrationFormView(e){var r,i,t,a,s,o,n,l,d,u,v,m,f,c,g,p,b,y,w,E;var _=e.states,P=e.refs,F=e.callbacks,k=e.content;if(_.error){window.scrollTo({top:0,left:0,behavior:"smooth"})}return h("div",{class:sheet.classes.Wrapper},h("style",{type:"text/css"},vanillaStyle,styleString),h(TextSpanView,{type:"h3"},k.pageLabel),h("sl-form",{class:sheet.classes.Column,"onSl-submit":F.submit,ref:function(e){return P.formRef.current=e},novalidate:true},((r=_.registrationFormState)===null||r===void 0?void 0:r.disabled)?h("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},h("div",{part:"erroralert-text"},_.registrationFormState.disabledMessage)):_.error&&h("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},h("div",{part:"erroralert-text"},e.states.error)),k.formData,!_.hideInputs&&h("sl-input",Object.assign({exportparts:"label: input-label",type:"email",name:"/email",label:k.emailLabel||"Email",disabled:_.loading||((i=_.registrationFormState)===null||i===void 0?void 0:i.disabled),required:true,validationError:function(e){var r=e.value;if(!r){return k.requiredFieldErrorMessage}if(!r.includes("@")){return k.invalidEmailErrorMessage}}},((a=(t=_.registrationFormState)===null||t===void 0?void 0:t.initialData)===null||a===void 0?void 0:a.email)?{value:(o=(s=_.registrationFormState)===null||s===void 0?void 0:s.initialData)===null||o===void 0?void 0:o.email}:{},((l=(n=_.registrationFormState)===null||n===void 0?void 0:n.validationErrors)===null||l===void 0?void 0:l.email)?{class:sheet.classes.ErrorStyle,helpText:((u=(d=_.registrationFormState)===null||d===void 0?void 0:d.validationErrors)===null||u===void 0?void 0:u.email)||k.requiredFieldErrorMessage}:[])),!_.hideInputs&&h("sqm-password-field",{fieldLabel:k.passwordLabel,"disable-validation":!_.enablePasswordValidation}),k.passwordField,!_.hideInputs&&_.confirmPassword&&h("sl-input",Object.assign({exportparts:"label: input-label",type:"password",name:"/confirmPassword",label:k.confirmPasswordLabel,disabled:_.loading||((v=_.registrationFormState)===null||v===void 0?void 0:v.disabled),required:true},((f=(m=_.registrationFormState)===null||m===void 0?void 0:m.initialData)===null||f===void 0?void 0:f.confirmPassword)?{value:(g=(c=_.registrationFormState)===null||c===void 0?void 0:c.initialData)===null||g===void 0?void 0:g.confirmPassword}:{},((b=(p=_.registrationFormState)===null||p===void 0?void 0:p.validationErrors)===null||b===void 0?void 0:b.confirmPassword)?{class:sheet.classes.ErrorStyle,helpText:((w=(y=_.registrationFormState)===null||y===void 0?void 0:y.validationErrors)===null||w===void 0?void 0:w.confirmPassword)||k.requiredFieldErrorMessage}:[])),k.terms,h("div",{class:sheet.classes.ButtonsContainer},h("sl-button",{submit:true,loading:_.loading,disabled:(E=_.registrationFormState)===null||E===void 0?void 0:E.disabled,exportparts:"base: primarybutton-base",type:"primary"},k.submitLabel||"Register"),k.secondaryButton)))}var RegistrationFormQuery=dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  query RegistrationFormQuery($key: String!) {\n    form(key: $key) {\n      key\n      type\n      initialData {\n        initialData\n        isEnabled\n        isEnabledErrorMessage\n      }\n    }\n  }\n"],["\n  query RegistrationFormQuery($key: String!) {\n    form(key: $key) {\n      key\n      type\n      initialData {\n        initialData\n        isEnabled\n        isEnabledErrorMessage\n      }\n    }\n  }\n"])));function usePortalRegistrationForm(e){var r=this;var i,t,a,s,o,n,l,d,u;var v=useRef(null);var m=useRegistrationFormState({}),f=m.registrationFormState,c=m.setRegistrationFormState;var g=qe(),h=g[0],p=g[1],b=p.loading,y=p.errors,w=p.data,E=p.formError;var _=dn(RegistrationFormQuery,{key:e.formKey});var P=b||_.loading;useEffect((function(){var r,i,t;var a=(r=_===null||_===void 0?void 0:_.data)===null||r===void 0?void 0:r.form.initialData.initialData;var s=((i=_===null||_===void 0?void 0:_.data)===null||i===void 0?void 0:i.form.initialData.isEnabled)===false;var o=((t=_===null||_===void 0?void 0:_.data)===null||t===void 0?void 0:t.form.initialData.isEnabledErrorMessage)||e.formDisabledErrorMessage;var n={loading:P,disabled:s,disabledMessage:o,initialData:a};c(n)}),[(i=_===null||_===void 0?void 0:_.data)===null||i===void 0?void 0:i.form.initialData]);useEffect((function(){if(!v.current)return;var e=v.current;e.addEventListener("sl-input",k);return function(){e.removeEventListener("sl-input",k)}}),[v.current]);var F=function(i){return __awaiter(r,void 0,void 0,(function(){var r,t,a,s,o,n,l,d,u,v,m,g,p,b,y,w,E,_,P,F,k,S,M,j,D,x,L,R;return __generator(this,(function(q){switch(q.label){case 0:P=i.target.getFormControls();F={};k={};P===null||P===void 0?void 0:P.forEach((function(r){if(!r.name)return;var i=r.name;var t=r.value;jsonpointer.set(F,i,t);if(r.required&&!t){jsonpointer.set(k,i,e.requiredFieldErrorMessage)}if(typeof r.validationError==="function"){var a=r.validationError;var s=a({control:r,key:i,value:t});if(s)jsonpointer.set(k,i,s)}}));if((e.confirmPassword||F.confirmPassword)&&F.password!==F.confirmPassword){k=__assign(__assign({},k),{confirmPassword:e.passwordMismatchErrorMessage})}if(Object.keys(k).length){c(__assign(__assign({},f),{loading:false,error:"",validationErrors:k}));return[2]}c(__assign(__assign({},f),{loading:true,error:"",validationErrors:{}}));S=F.email,M=F.password;delete F.email;delete F.password;delete F.confirmPassword;j=e.redirectPath;D={key:e.formKey,formData:__assign({email:S,password:M,redirectPath:j},F)};q.label=1;case 1:q.trys.push([1,3,,4]);return[4,h(D)];case 2:x=q.sent();if(x instanceof Error){throw x}c(__assign(__assign({},f),{loading:false,error:"",validationErrors:{}}));L=(r=x.submitForm)===null||r===void 0?void 0:r.results.find((function(e){var r;return((r=e===null||e===void 0?void 0:e.formHandler)===null||r===void 0?void 0:r.namespace)==="identity"}));if(L&&L.result.results.length&&L.result.results[0].success&&L.result.results[0].data.token){fn.push(e.nextPage)}else if(((t=x.submitForm)===null||t===void 0?void 0:t.results.length)===1&&((n=(o=(s=(a=x.submitForm)===null||a===void 0?void 0:a.results[0])===null||s===void 0?void 0:s.result)===null||o===void 0?void 0:o.results)===null||n===void 0?void 0:n.length)===1&&((m=(v=(u=(d=(l=x.submitForm)===null||l===void 0?void 0:l.results[0])===null||d===void 0?void 0:d.result)===null||u===void 0?void 0:u.results)===null||v===void 0?void 0:v[0])===null||m===void 0?void 0:m.success)===false&&((E=(w=(y=(b=(p=(g=x.submitForm)===null||g===void 0?void 0:g.results[0])===null||p===void 0?void 0:p.result)===null||b===void 0?void 0:b.results)===null||y===void 0?void 0:y[0])===null||w===void 0?void 0:w.message)===null||E===void 0?void 0:E.startsWith("Blocked email"))){c(__assign(__assign({},f),{loading:false,error:"",validationErrors:{email:e.invalidEmailErrorMessage}}))}return[3,4];case 3:R=q.sent();if((_=R===null||R===void 0?void 0:R.message)===null||_===void 0?void 0:_.includes("is not a valid email address")){c(__assign(__assign({},f),{loading:false,error:"",validationErrors:{email:e.invalidEmailErrorMessage}}))}else{c(__assign(__assign({},f),{loading:false,error:e.networkErrorMessage,validationErrors:{}}))}return[3,4];case 4:return[2]}}))}))};var k=useCallback((function(e){var r,i;var t=(i=(r=e.target)===null||r===void 0?void 0:r.type)===null||i===void 0?void 0:i.toLowerCase();if(t!=="tel")return;var a=new AsYouType("US");e.target.value=a.input(e.target.value)}),[]);var S="";if(((t=_===null||_===void 0?void 0:_.data)===null||t===void 0?void 0:t.form.initialData.isEnabled)===false){S=((a=_===null||_===void 0?void 0:_.data)===null||a===void 0?void 0:a.form.initialData.isEnabledErrorMessage)||e.formDisabledErrorMessage}else if((s=y===null||y===void 0?void 0:y.response)===null||s===void 0?void 0:s["error"]){S=e.networkErrorMessage}else if((y===null||y===void 0?void 0:y.message)&&!((o=y===null||y===void 0?void 0:y.response)===null||o===void 0?void 0:o.errors.length)){S=e.networkErrorMessage}else{S=E||((u=(d=(l=(n=_===null||_===void 0?void 0:_.errors)===null||n===void 0?void 0:n.response)===null||l===void 0?void 0:l.errors)===null||d===void 0?void 0:d[0])===null||u===void 0?void 0:u.message)||(f===null||f===void 0?void 0:f.error)}return{states:{loading:b||_.loading,error:S,registrationFormState:f,confirmPassword:e.confirmPassword,hideInputs:e.hideInputs,loginPath:e.loginPath,enablePasswordValidation:!e.disablePasswordValidation},callbacks:{submit:F,inputFunction:k},refs:{formRef:v}}}var PortalRegistrationForm=function(){function e(e){registerInstance(this,e);this.ignored=true;this.nextPage="/";this.redirectPath="/verifyEmail";this.emailLabel="Email";this.passwordLabel="Password";this.submitLabel="Register";this.loginLabel="Sign in";this.confirmPasswordLabel="Confirm Password";this.confirmPassword=false;this.disablePasswordValidation=false;this.hideInputs=false;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.";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?useRegisterDemo(this):usePortalRegistrationForm(this),r=e.states,i=e.callbacks,t=e.refs;var a={formData:h("slot",{name:"formData"}),secondaryButton:h("slot",{name:"secondaryButton"},h("sl-button",{type:"text",disabled:r.loading,onClick:function(){return fn.push(r.loginPath)}},this.loginLabel)),terms:h("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 h(PortalRegistrationFormView,{states:r,callbacks:i,content:a,refs:t})};return e}();function useRegisterDemo(e){var r=this;return cjs({states:{error:"",loading:false,confirmPassword:e.confirmPassword,hideInputs:e.hideInputs||false,customPasswordField:false,loginPath:"/login"},callbacks:{submit:function(e){return __awaiter(r,void 0,void 0,(function(){return __generator(this,(function(e){console.log("submit");return[2]}))}))},inputFunction:function(){}},refs:{formRef:{}}},e.demoData||{},{arrayMerge:function(e,r){return r}})}export{PortalRegistrationForm as sqm_portal_registration_form};var templateObject_1;