@saasquatch/mint-components 1.6.8-21 → 1.6.8-23

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,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,u as useEffect,m as h$1}from"./stencil-hooks.module-b48b45ec.js";import{u as useCallback}from"./use-callback-051c06c6.js";import{d as dist,q as qe,b as mn,p as pn,i as isDemo}from"./index.module-72cfa256.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-8d140661.js";import{A as AsYouType}from"./AsYouType-46f67d0d.js";import{u as useRegistrationFormState}from"./useRegistrationFormState-ad7d132d.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,c,f,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,part:"sqm-base"},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},((c=(m=_.registrationFormState)===null||m===void 0?void 0:m.initialData)===null||c===void 0?void 0:c.confirmPassword)?{value:(g=(f=_.registrationFormState)===null||f===void 0?void 0:f.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({}),c=m.registrationFormState,f=m.setRegistrationFormState;var g=qe(),p=g[0],h=g[1],b=h.loading,y=h.errors,w=h.data,E=h.formError;var _=mn(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};f(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,h,b,y,w,E,_,P,F,k,S,M,j,D,x,L,q;return __generator(this,(function(R){switch(R.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){f(__assign(__assign({},c),{loading:false,error:"",validationErrors:k}));return[2]}f(__assign(__assign({},c),{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)};R.label=1;case 1:R.trys.push([1,3,,4]);return[4,p(D)];case 2:x=R.sent();if(x instanceof Error){throw x}f(__assign(__assign({},c),{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){pn.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=(h=(g=x.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||E===void 0?void 0:E.startsWith("Blocked email"))){f(__assign(__assign({},c),{loading:false,error:"",validationErrors:{email:e.invalidEmailErrorMessage}}))}return[3,4];case 3:q=R.sent();if((_=q===null||q===void 0?void 0:q.message)===null||_===void 0?void 0:_.includes("is not a valid email address")){f(__assign(__assign({},c),{loading:false,error:"",validationErrors:{email:e.invalidEmailErrorMessage}}))}else{f(__assign(__assign({},c),{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)||(c===null||c===void 0?void 0:c.error)}return{states:{loading:b||_.loading,error:S,registrationFormState:c,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 pn.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;
+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,u as useEffect,m as h$1}from"./stencil-hooks.module-b48b45ec.js";import{u as useCallback}from"./use-callback-051c06c6.js";import{d as dist,q as qe,b as mn,p as pn,i as isDemo}from"./index.module-72cfa256.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-8d140661.js";import{u as useRegistrationFormState}from"./useRegistrationFormState-ad7d132d.js";import{A as AsYouType}from"./AsYouType-46f67d0d.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,c,f,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,part:"sqm-base"},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},((c=(m=_.registrationFormState)===null||m===void 0?void 0:m.initialData)===null||c===void 0?void 0:c.confirmPassword)?{value:(g=(f=_.registrationFormState)===null||f===void 0?void 0:f.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({}),c=m.registrationFormState,f=m.setRegistrationFormState;var g=qe(),p=g[0],h=g[1],b=h.loading,y=h.errors,w=h.data,E=h.formError;var _=mn(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};f(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,h,b,y,w,E,_,P,F,k,S,M,j,D,x,L,q;return __generator(this,(function(R){switch(R.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){f(__assign(__assign({},c),{loading:false,error:"",validationErrors:k}));return[2]}f(__assign(__assign({},c),{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)};R.label=1;case 1:R.trys.push([1,3,,4]);return[4,p(D)];case 2:x=R.sent();if(x instanceof Error){throw x}f(__assign(__assign({},c),{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){pn.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=(h=(g=x.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||E===void 0?void 0:E.startsWith("Blocked email"))){f(__assign(__assign({},c),{loading:false,error:"",validationErrors:{email:e.invalidEmailErrorMessage}}))}return[3,4];case 3:q=R.sent();if((_=q===null||q===void 0?void 0:q.message)===null||_===void 0?void 0:_.includes("is not a valid email address")){f(__assign(__assign({},c),{loading:false,error:"",validationErrors:{email:e.invalidEmailErrorMessage}}))}else{f(__assign(__assign({},c),{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)||(c===null||c===void 0?void 0:c.error)}return{states:{loading:b||_.loading,error:S,registrationFormState:c,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 pn.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;

package/dist/esm-es5/sqm-referred-registration.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,t,i,r){function a(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,s){function n(e){try{l(r.next(e))}catch(e){s(e)}}function o(e){try{l(r["throw"](e))}catch(e){s(e)}}function l(e){e.done?i(e.value):a(e.value).then(n,o)}l((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},r,a,s,n;return n={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function o(e){return function(t){return l([e,t])}}function l(n){if(r)throw new TypeError("Generator is already executing.");while(i)try{if(r=1,a&&(s=n[0]&2?a["return"]:n[0]?a["throw"]||((s=a["return"])&&s.call(a),0):a.next)&&!(s=s.call(a,n[1])).done)return s;if(a=0,s)n=[n[0]&2,s.value];switch(n[0]){case 0:case 1:s=n;break;case 4:i.label++;return{value:n[1],done:false};case 5:i.label++;a=n[1];n=[0];continue;case 7:n=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(n[0]===6||n[0]===2)){i=0;continue}if(n[0]===3&&(!s||n[1]>s[0]&&n[1]<s[3])){i.label=n[1];break}if(n[0]===6&&i.label<s[1]){i.label=s[1];s=n;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(n);break}if(s[2])i.ops.pop();i.trys.pop();continue}n=t.call(e,i)}catch(e){n=[6,e];a=0}finally{r=s=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};import{r as registerInstance,h as h$1}from"./index-17b4da69.js";import{m as h}from"./stencil-hooks.module-b48b45ec.js";import"./use-callback-051c06c6.js";import{i as isDemo,e as setUserIdentity}from"./index.module-72cfa256.js";import"./jsonpointer-388a7082.js";import{c as cjs}from"./cjs-bdfb4486.js";import"./mixins-f60a614c.js";import"./JSS-67b5cff8.js";import{E as EmailRegistrationView}from"./email-registration-view-1ea7bd16.js";import{u as useInstantAccessRegistration}from"./useInstantAccessRegistration-e3f31ca4.js";var ReferredRegistration=function(){function e(e){registerInstance(this,e);this.ignored=true;this.emailLabel="Email";this.firstNameLabel="First Name";this.lastNameLabel="Last Name";this.registerLabel="Start Referring";this.includeName=false;this.removeBorder=false;this.requiredFieldErrorMessage="Cannot be empty";this.invalidEmailErrorMessage="Must be a valid email address";this.paddingTop="large";this.paddingRight="large";this.paddingBottom="large";this.paddingLeft="large";this.backgroundColor="#ffffff";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?useRegistrationDemo(this):useInstantAccessRegistration({includeCookies:true}),t=e.states,i=e.callbacks;var r={emailLabel:this.emailLabel,registerLabel:this.registerLabel,firstNameLabel:this.firstNameLabel,lastNameLabel:this.lastNameLabel,includeName:this.includeName,removeBorder:this.removeBorder,invalidEmailErrorMessage:this.invalidEmailErrorMessage,requiredFieldErrorMessage:this.requiredFieldErrorMessage,paddingTop:this.paddingTop,paddingBottom:this.paddingBottom,paddingLeft:this.paddingLeft,paddingRight:this.paddingRight,backgroundColor:this.backgroundColor,topSlot:h$1("slot",{name:"top-slot"}),bottomSlot:h$1("slot",{name:"bottom-slot"})};return h$1(EmailRegistrationView,{states:t,callbacks:i,content:r})};return e}();function useRegistrationDemo(e){var t=this;var i=function(){setUserIdentity({id:"referrer@example.com",accountId:"referrer@example.com",jwt:"eyJraWQiOiJlNjI2NzQxNy1jMzZlLTRlM2EtYjM5NS1lYTFmY2YyNmU3YzIiLCJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJjbVZtWlhKeVpYSkFaWGhoYlhCc1pTNWpiMjA9OmNtVm1aWEp5WlhKQVpYaGhiWEJzWlM1amIyMD1AdGVzdF9heGJndGF0dzF0Y2NwOnVzZXJzIiwicGFzc3dvcmRsZXNzIjp0cnVlLCJpc3MiOiJodHRwczovL3N0YWdpbmcucmVmZXJyYWxzYWFzcXVhdGNoLmNvbS8iLCJleHAiOjE2ODA4ODU5MTksImlhdCI6MTY4MDc5OTUxOX0.kjmTVVf_BTb-uMNKnadLyNLxMFwpkefsY02O3iAfBVIJJZZfeZMwunPlKsS3Vbp28aYRClBjH5Wj4pYxDn23D0CdZx8KNCqiJ8yF6149O9SPMkRseoJkliqS6LyvMOEDjGDkuLfcC8_hq1AHBXFt5BdCtWOk1gwf_5R9A0w5gXEIvprBzbNDLbuo88bVAlrmFNvfttXXryrpUeruMal7cBKuy02YblBrB4kKoyJiprU5GLEjciBA4A56u8TwQc0kbsPf2YcQaJsY_IvkC7S1u4sPyObpq6iF6Ed8UYHAo6nU5KjZXyVtoUyeIS11mf_6OtDO6LyMNHV2FtEUUDdPCg"})};return cjs({states:{error:"",loading:false},callbacks:{submit:function(e){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){i();return[2]}))}))}}},e.demoData||{},{arrayMerge:function(e,t){return t}})}export{ReferredRegistration as sqm_referred_registration};
+var __awaiter=this&&this.__awaiter||function(e,t,i,r){function a(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,s){function n(e){try{l(r.next(e))}catch(e){s(e)}}function o(e){try{l(r["throw"](e))}catch(e){s(e)}}function l(e){e.done?i(e.value):a(e.value).then(n,o)}l((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},r,a,s,n;return n={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(n[Symbol.iterator]=function(){return this}),n;function o(e){return function(t){return l([e,t])}}function l(n){if(r)throw new TypeError("Generator is already executing.");while(i)try{if(r=1,a&&(s=n[0]&2?a["return"]:n[0]?a["throw"]||((s=a["return"])&&s.call(a),0):a.next)&&!(s=s.call(a,n[1])).done)return s;if(a=0,s)n=[n[0]&2,s.value];switch(n[0]){case 0:case 1:s=n;break;case 4:i.label++;return{value:n[1],done:false};case 5:i.label++;a=n[1];n=[0];continue;case 7:n=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(n[0]===6||n[0]===2)){i=0;continue}if(n[0]===3&&(!s||n[1]>s[0]&&n[1]<s[3])){i.label=n[1];break}if(n[0]===6&&i.label<s[1]){i.label=s[1];s=n;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(n);break}if(s[2])i.ops.pop();i.trys.pop();continue}n=t.call(e,i)}catch(e){n=[6,e];a=0}finally{r=s=0}if(n[0]&5)throw n[1];return{value:n[0]?n[1]:void 0,done:true}}};import{r as registerInstance,h as h$1}from"./index-17b4da69.js";import{m as h}from"./stencil-hooks.module-b48b45ec.js";import"./use-callback-051c06c6.js";import{i as isDemo,e as setUserIdentity}from"./index.module-72cfa256.js";import"./jsonpointer-388a7082.js";import{c as cjs}from"./cjs-bdfb4486.js";import"./mixins-f60a614c.js";import"./JSS-67b5cff8.js";import{E as EmailRegistrationView}from"./email-registration-view-627ac4c6.js";import"./useRegistrationFormState-ad7d132d.js";import{u as useInstantAccessRegistration}from"./useInstantAccessRegistration-7d9bd601.js";var ReferredRegistration=function(){function e(e){registerInstance(this,e);this.ignored=true;this.emailLabel="Email";this.firstNameLabel="First Name";this.lastNameLabel="Last Name";this.registerLabel="Start Referring";this.includeName=false;this.includeBorder=true;this.requiredFieldErrorMessage="Cannot be empty";this.invalidEmailErrorMessage="Must be a valid email address";this.networkErrorMessage="Network request failed.";this.paddingTop="large";this.paddingRight="large";this.paddingBottom="large";this.paddingLeft="large";this.backgroundColor="#ffffff";this.includeCookies=true;h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?useRegistrationDemo(this):useInstantAccessRegistration(this),t=e.states,i=e.callbacks;var r={emailLabel:this.emailLabel,registerLabel:this.registerLabel,firstNameLabel:this.firstNameLabel,lastNameLabel:this.lastNameLabel,includeName:this.includeName,includeBorder:this.includeBorder,invalidEmailErrorMessage:this.invalidEmailErrorMessage,requiredFieldErrorMessage:this.requiredFieldErrorMessage,paddingTop:this.paddingTop,paddingBottom:this.paddingBottom,paddingLeft:this.paddingLeft,paddingRight:this.paddingRight,backgroundColor:this.backgroundColor,topSlot:h$1("slot",{name:"top"}),bottomSlot:h$1("slot",{name:"bottom"})};return h$1(EmailRegistrationView,{states:t,callbacks:i,content:r})};return e}();function useRegistrationDemo(e){var t=this;var i=function(){setUserIdentity({id:"referrer@example.com",accountId:"referrer@example.com",jwt:"eyJraWQiOiJlNjI2NzQxNy1jMzZlLTRlM2EtYjM5NS1lYTFmY2YyNmU3YzIiLCJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJzdWIiOiJjbVZtWlhKeVpYSkFaWGhoYlhCc1pTNWpiMjA9OmNtVm1aWEp5WlhKQVpYaGhiWEJzWlM1amIyMD1AdGVzdF9heGJndGF0dzF0Y2NwOnVzZXJzIiwicGFzc3dvcmRsZXNzIjp0cnVlLCJpc3MiOiJodHRwczovL3N0YWdpbmcucmVmZXJyYWxzYWFzcXVhdGNoLmNvbS8iLCJleHAiOjE2ODA4ODU5MTksImlhdCI6MTY4MDc5OTUxOX0.kjmTVVf_BTb-uMNKnadLyNLxMFwpkefsY02O3iAfBVIJJZZfeZMwunPlKsS3Vbp28aYRClBjH5Wj4pYxDn23D0CdZx8KNCqiJ8yF6149O9SPMkRseoJkliqS6LyvMOEDjGDkuLfcC8_hq1AHBXFt5BdCtWOk1gwf_5R9A0w5gXEIvprBzbNDLbuo88bVAlrmFNvfttXXryrpUeruMal7cBKuy02YblBrB4kKoyJiprU5GLEjciBA4A56u8TwQc0kbsPf2YcQaJsY_IvkC7S1u4sPyObpq6iF6Ed8UYHAo6nU5KjZXyVtoUyeIS11mf_6OtDO6LyMNHV2FtEUUDdPCg"})};return cjs({states:{error:"",loading:false},callbacks:{submit:function(e){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){i();return[2]}))}))}}},e.demoData||{},{arrayMerge:function(e,t){return t}})}export{ReferredRegistration as sqm_referred_registration};