@saasquatch/mint-components 2.2.0 → 2.3.0-2

package/dist/mint-components/p-892797eb.system.entry.js

@@ -1 +0,0 @@
-var __makeTemplateObject=this&&this.__makeTemplateObject||function(r,e){if(Object.defineProperty){Object.defineProperty(r,"raw",{value:e})}else{r.raw=e}return r};var __awaiter=this&&this.__awaiter||function(r,e,t,n){function a(r){return r instanceof t?r:new t((function(e){e(r)}))}return new(t||(t=Promise))((function(t,o){function i(r){try{l(n.next(r))}catch(r){o(r)}}function s(r){try{l(n["throw"](r))}catch(r){o(r)}}function l(r){r.done?t(r.value):a(r.value).then(i,s)}l((n=n.apply(r,e||[])).next())}))};var __generator=this&&this.__generator||function(r,e){var t={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,a,o,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(r){return function(e){return l([r,e])}}function l(i){if(n)throw new TypeError("Generator is already executing.");while(t)try{if(n=1,a&&(o=i[0]&2?a["return"]:i[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,i[1])).done)return o;if(a=0,o)i=[i[0]&2,o.value];switch(i[0]){case 0:case 1:o=i;break;case 4:t.label++;return{value:i[1],done:false};case 5:t.label++;a=i[1];i=[0];continue;case 7:i=t.ops.pop();t.trys.pop();continue;default:if(!(o=t.trys,o=o.length>0&&o[o.length-1])&&(i[0]===6||i[0]===2)){t=0;continue}if(i[0]===3&&(!o||i[1]>o[0]&&i[1]<o[3])){t.label=i[1];break}if(i[0]===6&&t.label<o[1]){t.label=o[1];o=i;break}if(o&&t.label<o[2]){t.label=o[2];t.ops.push(i);break}if(o[2])t.ops.pop();t.trys.pop();continue}i=e.call(r,t)}catch(r){i=[6,r];a=0}finally{n=o=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};System.register(["./p-641f968d.system.js","./p-7265bbcb.system.js","./p-b6504987.system.js","./p-30c1ef36.system.js","./p-4bd679a7.system.js","./p-6333265f.system.js","./p-1a673057.system.js","./p-7562cd98.system.js","./p-57dd28bd.system.js","./p-8583ce0c.system.js"],(function(r){"use strict";var e,t,n,a,o,i,s,l,u,c,p,d,m,b,f,v,h,y,g,x;return{setters:[function(r){e=r.h;t=r.r},function(r){n=r.i},function(r){a=r.k;o=r.f;i=r.n},function(r){s=r.d;l=r.q;u=r.w;c=r.J;p=r.$;d=r.i;m=r.o},function(r){b=r.c},function(r){f=r.g},function(r){v=r.c},function(r){h=r.T},function(r){y=r.S;g=r.V},function(r){x=r.u}],execute:function(){var q=s.gql(__makeTemplateObject(["\n  mutation upsertUser($userInput: UserInput!) {\n    upsertUser(userInput: $userInput) {\n      id\n      accountId\n      email\n    }\n  }\n"],["\n  mutation upsertUser($userInput: UserInput!) {\n    upsertUser(userInput: $userInput) {\n      id\n      accountId\n      email\n    }\n  }\n"]));var w=s.gql(__makeTemplateObject(["\n  query user {\n    viewer {\n      ... on User {\n        id\n        accountId\n        email\n        impactConnection {\n          user {\n            id\n            email\n          }\n        }\n      }\n    }\n  }\n"],["\n  query user {\n    viewer {\n      ... on User {\n        id\n        accountId\n        email\n        impactConnection {\n          user {\n            id\n            email\n          }\n        }\n      }\n    }\n  }\n"]));function k(){var r=this;var e=c();var t=p(q),n=t[0],a=t[1],o=a.loading,i=a.data,s=a.errors;var l=function(t){return __awaiter(r,void 0,void 0,(function(){var r,a;return __generator(this,(function(o){switch(o.label){case 0:o.trys.push([0,2,,3]);return[4,n({userInput:{id:e.id,accountId:e.accountId,email:t}})];case 1:r=o.sent();if(r instanceof Error||!r)throw new Error;return[2,r];case 2:a=o.sent();console.error("Could not set email on user",a);return[2,undefined];case 3:return[2]}}))}))};return[l,{loading:o,data:i,errors:s}]}function _(r){var e=this;var t=l(y),n=t[0],i=t[1];var s=l(g),c=s[0],p=s[1];var d=a(false),m=d[0],b=d[1];var f=a(false),v=f[0],h=f[1];var q=a(false),_=q[0],E=q[1];var T=x(),C=T.initialized,I=T.send,j=I[0],S=I[1],z=S.loading,L=S.errors;var O=k()[0];var D=a(true),P=D[0],U=D[1];var W=u(w,{}),$=W.data,H=W.loading;var B=/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;o((function(){if(!($===null||$===void 0?void 0:$.viewer))return;b(!!$.viewer.email)}),[$]);o((function(){if(C)U(false)}),[C]);var M=function(r){return __awaiter(e,void 0,void 0,(function(){var e,t,n,a,o;return __generator(this,(function(s){switch(s.label){case 0:r.preventDefault();if(!($===null||$===void 0?void 0:$.viewer))return[2];U(true);e=$.viewer.email;if(!!e)return[3,2];t=r.detail.formData;n=t.get("email").toString();if(!B.test(n)){h(true);return[2]}return[4,O(n)];case 1:a=s.sent();if(!a||!a.user.email)h(true);s.label=2;case 2:if(!C)return[2];return[4,j()];case 3:o=s.sent();if(!o||!o.success)E(true);else{p(e);i(true)}U(false);return[2]}}))}))};return{callbacks:{submitEmail:M},states:{loading:P,initialLoading:H&&!C,error:v,email:$===null||$===void 0?void 0:$.viewer.email,sendCodeError:_},text:r.getTextProps()}}var E={Wrapper:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)",marginTop:"var(--sl-spacing-medium)"},InputsContainer:{display:"flex",gap:"var(--sl-spacing-medium)",position:"relative",flexDirection:"column",maxWidth:"320px"},ContinueButton:{width:"100%",maxWidth:"100px"},SkeletonOne:{width:"50%",height:"16px"},SkeletonTwo:{width:"30%",height:"34px"},SkeletonThree:{width:"15%",height:"24px"},ErrorInput:{"&::part(base)":{border:"var(--sqm-border-thickness) solid var(--sqm-danger-color-border)",borderRadius:"var(--sqm-input-border-radius)"},"&::part(help-text)":{color:"var(--sqm-danger-color-text)"}}};var T='\n:host {\n  display: block;\n}\n:host([hidden]): {\n  display: none;\n}\n\na {\n  color: inherit;\n  text-decoration: underline;\n  cursor: pointer;\n}\n\n*::part(primarybutton-base),\nsl-button[type="primary"]::part(base) {\n  font-family: var(--sqm-primary-font);\n  width: 100%;\n  background-color: var(--sqm-primary-button-background);\n  color: var(--sqm-primary-button-color);\n  border-color: var(--sqm-primary-button-color-border);\n  border-radius: var(--sqm-primary-button-radius);\n}\n\n*::part(primarybutton-base):hover,\nsl-button[type="primary"]::part(base):hover{\n  background-color: var(--sqm-primary-button-background-hover);\n  border-color: var(--sqm-primary-button-border-color-hover);\n  color: var(--sqm-primary-button-color-hover);\n}\n\n\n*::part(primarybutton-base):focus,\nsl-button[type="primary"]::part(base):focus {\n  box-shadow: none;\n}\n\n*::part(secondarybutton-base),\nsl-button[type="secondary"]::part(base) {\nfont-family: var(--sqm-primary-font);\n  background-color: var(--sqm-secondary-button-background);\n  color: var(--sqm-secondary-button-color);\n  border-color: var(--sqm-secondary-button-color-border);\n  border-radius: var(--sqm-secondary-button-radius);\n}\n\n*::part(secondarybutton-base):hover,\nsl-button[type="secondary"]::part(base):hover {\n  background-color: var(--sqm-secondary-button-background-hover);\n  color: var(--sqm-secondary-button-color-hover);\n  border-color: var(--sqm-secondary-button-border-color-hover);\n}\n\n*::part(input-label), *::part(select-label), *::part(textarea-label){\n  font-family: var(--sqm-primary-font);\n  font-size: var(--sqm-input-label-font-size, var(--sl-input-font-size-small));\n  font-weight: var(--sl-font-weight-semibold);\n  color: var(--sqm-input-label-color, var(--sqm-text), black);\n}\n\n*::part(input-base), *::part(select-base), *::part(textarea-base){\n  font-family: var(--sqm-primary-font);\n  background-color: var(--sqm-input-background, #fff);\n  border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);\n  color: var(--sqm-input-color, white);\n  border-width: var(--sqm-border-thickness, 1px);\n}\n\n*::part(input-base):hover, *::part(select-base):hover, *::part(textarea-base):hover{\n  border-color: var(--sqm-border-color-hover);\n}\n\n*::part(input-base):focus, *::part(select-base):focus, *::part(textarea-base):focus{\n  border-color: var(--sqm-border-color-focus);\n}\n\nsqm-name-fields::part(input-base) {\n  font-family: var(--sqm-primary-font);\n  background-color: var(--sqm-input-background, #fff);\n  border-radius: var(--sqm-input-border-radius, var(--sl-input-border-radius-large), 0.25rem);\n  color: var(--sqm-input-color, white);\n  border-width: var(--sqm-border-thickness, 1px);\n}\n\nsl-input::part(base):focus,\nsl-select::part(form-control-wrapper):focus,\nsl-textarea::part(textarea-label):focus {\n  border-color: var(--sqm-border-color-focus);\n}\n\n*::part(input-label):disabled, *::part(select-label):disabled, *::part(textarea-label):disabled{\n  background: var(--sqm-input-disabled-background, #f5f5f5);\n  color: var(--sqm-input-disabled-color, var(--sl-color-gray-600));\n}\n\n*::part(input):-webkit-autofill {\n  box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;\n  -webkit-text-fill-color: var(--sqm-input-color, white) !important;\n}\n\n*::part(input):-webkit-autofill:hover {\n  box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;\n  -webkit-text-fill-color: var(--sqm-input-color, white) !important;\n}\n\n*::part(input):-webkit-autofill:focus {\n  box-shadow: 0 0 0 50px var(--sqm-input-background, #fff) inset !important;\n  -webkit-text-fill-color: var(--sqm-input-color, white) !important;\n}\n\n*::part(input)::placeholder,\n*::part(select)::placeholder, \n*::part(textarea)::placeholder {\n  font-family: var(--sqm-primary-font);\n  color: var(--sqm-text-subdued);\n}\n\n*::part(input)::-webkit-input-placeholder,\n*::part(select)::-webkit-input-placeholder,\n*::part(textarea)::-webkit-input-placeholder {\n  font-family: var(--sqm-primary-font);\n  color: var(--sqm-text-subdued);\n}\n\n*::part(input)::-moz-placeholder,\n*::part(select)::-moz-placeholder,\n*::part(textarea)::-moz-placeholder {\n  font-family: var(--sqm-primary-font);\n  opacity: 1; /* Firefox adds an opacity to placeholders by default */\n  color: var(--sqm-text-subdued);\n}\n\n*::part(input)::-ms-input-placeholder,\n*::part(select)::-ms-input-placeholder,\n*::part(textarea)::-ms-input-placeholder {\n  font-family: var(--sqm-primary-font);\n  color: var(--sqm-text-subdued);\n}\n\n\n';var C=v(E);var I=C.toString();function j(r){var t=r.states,a=r.callbacks,o=r.text;var i=function(){return e("div",{class:C.classes.Wrapper},e("sqm-skeleton",{height:"16px",width:"50%"}),e("sqm-skeleton",{height:"16px",width:"50%"}),e("sqm-skeleton",{height:"16px",width:"50%"}),e("sqm-skeleton",{height:"34px",width:"30%"}),e("sqm-skeleton",{height:"24px",width:"15%"}),e("sl-button",{submit:true,class:C.classes.ContinueButton,loading:true,exportparts:"base: primarybutton-base",type:"primary"},o.sendCodeText))};return e("div",{part:"sqm-base"},e("style",{type:"text/css"},T,I),t.sendCodeError&&e("sqm-form-message",{type:"error"},e("p",{part:"alert-title"},o.sendCodeErrorHeader),n.formatMessage({id:"sendCodeErrorDescription",defaultMessage:o.sendCodeErrorDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},o.supportLink)})),t.initialLoading?i():e("div",{class:C.classes.Wrapper},e(h,{type:"p"},o.verifyEmailHeaderText),e("sl-form",{"onSl-submit":a.submitEmail},e("div",{class:C.classes.InputsContainer},e("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",label:o.emailLabel,value:t.email||"",type:"email",id:"email",name:"email",disabled:!!t.email||t.loading},t.error?{class:C.classes.ErrorInput,helpText:o.emailValidationErrorText}:{})),e("sl-button",{submit:true,class:C.classes.ContinueButton,loading:t.loading,exportparts:"base: primarybutton-base",type:"primary"},o.sendCodeText)))))}var S=r("sqm_email_verification",function(){function r(r){t(this,r);this.verifyEmailHeaderText="Start by verifying your email. We’ll send you a code through our referral provider, impact.com.";this.sendCodeErrorHeader="There was an error sending your code";this.supportLink="support team";this.sendCodeErrorDescription="Please try again. If this problem continues, contact our program {supportLink}.";this.emailLabel="Email";this.sendCodeText="Send code";this.emailValidationErrorText="Please enter a valid email";i(this)}r.prototype.disconnectedCallback=function(){};r.prototype.getTextProps=function(){return f(this)};r.prototype.render=function(){var r=d()?z(this):_(this);return e(j,Object.assign({},r))};return r}());function z(r){var e=this;var t=m(y);return b({states:{error:true,initialLoading:false,loading:false,email:"test@example.com",sendCodeError:true},callbacks:{submitEmail:function(){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(r){return[2,t(true)]}))}))}},text:r.getTextProps()},r.demoData||{},{arrayMerge:function(r,e){return e}})}}}}));

package/dist/mint-components/p-91a96e98.entry.js

@@ -1 +0,0 @@
-import{r as e,h as t}from"./p-083180bf.js";import"./p-f8a09b0f.js";import{i as s,n as i}from"./p-a7fc1e02.js";import{i as a}from"./p-d0993bb9.js";import{c as r}from"./p-c1086930.js";import{g as o,a as n}from"./p-9ec99ced.js";import"./p-cef45012.js";import"./p-49b20dae.js";import{L as p,R as l}from"./p-bc386a7b.js";import{L as c}from"./p-e6240c72.js";const m=class{constructor(t){e(this,t),this.ignored=!0,this.optionalLabel="(optional)",this.fieldType="text",this.requiredFieldErrorMessage="Please enter a {fieldLabel}",this.fieldOptional=!1,i(this)}disconnectedCallback(){}render(){const e={...o(this)},i=n([{attribute:"field-name",value:this.fieldName}]);if(!a()&&i)return t(l,{missingProps:i,heading:"An error occured while loading this form",subheading:"A technical problem prevented this input field from loading. Please contact us with the link to this page.",description:"Values for the following attributes are missing:"});const{states:m}=a()?r({states:{leadForState:{}},content:{fieldName:(d=this).fieldName,fieldLabel:d.fieldLabel,fieldType:d.fieldType,requiredFieldErrorMessage:d.requiredFieldErrorMessage}},d.demoData||{},{arrayMerge:(e,t)=>t}):{states:{leadFormState:s(p)}};var d;return t(c,{states:m,content:e})}};export{m as sqm_lead_input_field}

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

@@ -1 +0,0 @@
-import{r as t,h as e,c as s}from"./p-083180bf.js";import{f as r,n as a}from"./p-a7fc1e02.js";import{J as i,k as o,j as n,i as c}from"./p-d0993bb9.js";const l=class{constructor(e){t(this,e),this.ignored=!0,this.redirectTo="/",this.requireEmailVerification=!1,this.redirectToUnverified="/emailVerification",a(this)}disconnectedCallback(){}render(){const t=!!c()||function({requireEmailVerification:t,redirectTo:e,redirectToUnverified:s}){var a;const c=i(),l=!!(null==c?void 0:c.jwt),h=null===(a=null==c?void 0:c.managedIdentity)||void 0===a?void 0:a.emailVerified,{pathname:d,search:m}=o(),p=new URLSearchParams;return p.append("nextPage",`${d}${m}`),r((()=>l?t&&!h?n.push({pathname:s||e,search:"?"+p.toString()}):void 0:n.push({pathname:e,search:"?"+p.toString()})),[]),!!c}(this);return e(s,{style:{display:t?"contents":"none"}},e("slot",null))}};export{l as sqm_portal_protected_route}

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

@@ -1,16 +0,0 @@
-import{r as e,h as i}from"./p-083180bf.js";import{k as r,f as o,n as t}from"./p-a7fc1e02.js";import{d as a,J as n,I as s,o as c,X as l,i as d}from"./p-d0993bb9.js";import{c as m}from"./p-c1086930.js";import{g as u}from"./p-9ec99ced.js";import{e as h,p as f}from"./p-0797a946.js";import{S as p,V as y,a as v}from"./p-38c7775a.js";const g=a.gql`
-  query checkUserVerification {
-    viewer {
-      ... on User {
-        id
-        accountId
-        email
-        emailVerified
-        managedIdentity {
-          email
-          emailVerified
-        }
-      }
-    }
-  }
-`,V=class{constructor(i){e(this,i),this.general_verifyEmailHeader="Verify your email",this.general_verifyEmailDescription="To get your cash paid out directly to your bank account, please complete your account setup",this.emailStep_verifyEmailHeaderText="Start by verifying your email. We’ll send you a code through our referral provider, impact.com.",this.emailStep_sendCodeErrorHeader="There was an error sending your code.",this.emailStep_sendCodeErrorDescription="Please try again. If this problem continues, contact our program support team.",this.emailStep_emailLabel="Email",this.emailStep_sendCodeText="Send code",this.emailStep_emailValidationErrorText="Please enter a valid email",this.codeStep_verifyCodeHeaderText="Enter the code sent to {email} from our referral provider, impact.com.",this.codeStep_reverifyCodeHeaderText="Enter the code sent to {email} from our referral provider, impact.com.",this.codeStep_resendCodeText="Didn't receive your code? {resendCodeLink}",this.codeStep_resendCodeLabel="Resend code",this.codeStep_codeResentSuccessfullyText="Another code has been sent to {email}",this.codeStep_invalidCodeText="Please check your code and try again. If you’re still having trouble, try resending your code.",this.codeStep_verifyText="Verify",this.codeStep_networkErrorMessage="An error occurred while verifying your email. Please refresh the page and try again.",this.stateController="{}",t(this)}disconnectedCallback(){}getStepTextProps(e){const i=u(this);return h(i,e)}render(){const e=d()?function(e){const[i,r]=s({namespace:p,initialValue:!1}),[o,t]=s({namespace:y,initialValue:void 0}),a=c(v),n=f(e.stateController),l=Object.keys(n).reduce(((e,i)=>"sqm-widget-verification"===i?{...e,...n[i]}:{...e,[`${i}_stateController`]:n[i]}),{});return m({showCode:i,onVerification:()=>{a(!0)},loading:!1},l||{},{arrayMerge:(e,i)=>i})}(this):function(){const e=n(),[i,t]=s({namespace:p,initialValue:!1}),[a,d]=s({namespace:y,initialValue:null==e?void 0:e.email}),m=c(v),[u,h]=r(!0),[f]=l(g);return o((()=>{(async()=>{var e,i,r;try{const o=await f({});if(!o||o instanceof Error)throw new Error;((null===(e=null==o?void 0:o.viewer)||void 0===e?void 0:e.emailVerified)||(null===(r=null===(i=null==o?void 0:o.viewer)||void 0===i?void 0:i.managedIdentity)||void 0===r?void 0:r.emailVerified))&&m(!0)}catch(e){console.error("Could not fetch user information:",e)}finally{h(!1)}})()}),[]),{showCode:i,onVerification:()=>{m(!0)},loading:u}}();if(e.loading)return i("sl-spinner",null);const t=this.getStepTextProps("general_");return i("div",null,i("h3",{style:{fontSize:"24px",margin:"0"}},t.verifyEmailHeader),i("p",{style:{color:"var(--sl-color-neutral-500)",fontSize:"var(--sl-font-size-medium)",margin:"0"}},t.verifyEmailDescription),e.showCode?i("sqm-code-verification",Object.assign({onVerification:e.onVerification},this.getStepTextProps("codeStep_"),h(e,"sqm-code-verification_"))):i("sqm-email-verification",Object.assign({},this.getStepTextProps("emailStep_"),h(e,"sqm-email-verification_"))))}};export{V as sqm_widget_verification}

package/dist/mint-components/p-bba16a46.system.entry.js

@@ -1 +0,0 @@
-var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,t){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:t})}else{e.raw=t}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++){t=arguments[n];for(var i in t)if(Object.prototype.hasOwnProperty.call(t,i))e[i]=t[i]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,t,n,r){function i(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,a){function s(e){try{l(r.next(e))}catch(e){a(e)}}function o(e){try{l(r["throw"](e))}catch(e){a(e)}}function l(e){e.done?n(e.value):i(e.value).then(s,o)}l((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,i,a,s;return s={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function o(e){return function(t){return l([e,t])}}function l(s){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,i&&(a=s[0]&2?i["return"]:s[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,s[1])).done)return a;if(i=0,a)s=[s[0]&2,a.value];switch(s[0]){case 0:case 1:a=s;break;case 4:n.label++;return{value:s[1],done:false};case 5:n.label++;i=s[1];s=[0];continue;case 7:s=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(s[0]===6||s[0]===2)){n=0;continue}if(s[0]===3&&(!a||s[1]>a[0]&&s[1]<a[3])){n.label=s[1];break}if(s[0]===6&&n.label<a[1]){n.label=a[1];a=s;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(s);break}if(a[2])n.ops.pop();n.trys.pop();continue}s=t.call(e,n)}catch(e){s=[6,e];i=0}finally{r=a=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-641f968d.system.js","./p-7265bbcb.system.js","./p-b6504987.system.js","./p-30c1ef36.system.js","./p-4bd679a7.system.js","./p-6333265f.system.js","./p-1a673057.system.js","./p-8a6494c7.system.js","./p-7562cd98.system.js","./p-57dd28bd.system.js","./p-8583ce0c.system.js"],(function(e){"use strict";var t,n,r,i,a,s,o,l,c,u,d,f,p,m,v,h,y,g,b,x,_;return{setters:[function(e){t=e.h;n=e.r},function(e){r=e.i},function(e){i=e.l;a=e.k;s=e.f;o=e.n},function(e){l=e.d;c=e.q;u=e.F;d=e.i;f=e.o},function(e){p=e.c},function(e){m=e.g},function(e){v=e.c},function(e){h=e.E},function(e){y=e.T},function(e){g=e.V;b=e.S;x=e.a},function(e){_=e.u}],execute:function(){var C={Wrapper:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)",maxWidth:"550px"},HeaderContainer:{display:"flex",flexDirection:"column"},InputsContainer:{display:"flex",gap:"var(--sl-spacing-medium)",position:"relative",flexDirection:"column"},CodeInputContainer:{display:"flex",gap:"var(--sl-spacing-medium)"},CodeInput:{maxWidth:"40px","&::part(base)":{borderRadius:"4px !important"},"&::part(input)":{margin:"0",padding:"0 var(--sl-input-spacing-small)",fontSize:"var(--sl-font-size-large)"}},CodeInputError:__assign(__assign({},h),{maxWidth:"40px","&::part(base)":{borderRadius:"4px !important"},"&::part(input)":{margin:"0",padding:"0 var(--sl-input-spacing-small)",fontSize:"var(--sl-font-size-large)"}}),ErrorText:{color:"var(--sqm-danger-color-text)",fontSize:"var(--sl-font-size-small)",margin:"0"},ContinueButton:{width:"100%",maxWidth:"100px"},FooterContainer:{display:"flex",flexDirection:"column"},SkeletonOne:{width:"50%",height:"16px"},SkeletonTwo:{width:"30%",height:"34px"},SkeletonThree:{width:"15%",height:"24px"}};var w="\n:host {\n  display: block;\n}\n:host([hidden]): {\n  display: none;\n}\n\n\n";var E=v(C);var T=E.toString();function k(e){var n=e.states,i=e.refs,a=e.callbacks,s=e.text;var o=r.formatMessage({id:"resendCodeText",defaultMessage:s.resendCodeText},{resendCodeLink:t("a",{href:"",style:{textDecoration:"underline",color:"inherit",cursor:"pointer"},onClick:function(e){e.preventDefault();a.resendEmail()}},s.resendCodeLabel)});var l=r.formatMessage({id:"codeResentSuccessfully",defaultMessage:s.codeResentSuccessfullyText},{email:n.email});var c=n.verifyFailed?E.classes.CodeInputError:E.classes.CodeInput;return t("div",{part:"sqm-base"},t("style",{type:"text/css"},w,T),t("div",{class:E.classes.Wrapper},t("div",{class:E.classes.HeaderContainer},t(y,{type:"p"},r.formatMessage({id:"emailHeaderText",defaultMessage:n.verifyFailed?s.reverifyCodeHeaderText:s.verifyCodeHeaderText},{email:n.email}))),n.emailResent&&t("sqm-form-message",{type:"success",exportparts:"successalert-icon"},t("b",null,l)),t("div",{class:E.classes.InputsContainer},t("div",{ref:i.codeWrapperRef,class:E.classes.CodeInputContainer},t("sl-input",{class:c,name:"code"}),t("sl-input",{class:c,name:"code"}),t("sl-input",{class:c,name:"code"}),t("sl-input",{class:c,name:"code"}),t("sl-input",{class:c,name:"code"}),t("sl-input",{class:c,name:"code"})),n.verifyFailed&&t("p",{class:E.classes.ErrorText},s.invalidCodeText),t("sl-button",{class:E.classes.ContinueButton,onClick:a.submitCode,disabled:n.loading||n.initialiseLoading,loading:n.loading||n.initialiseLoading,exportparts:"base: primarybutton-base",type:"primary"},s.verifyText)),t("div",{class:E.classes.FooterContainer},t(y,{type:"p"},o))))}var S=l.gql(__makeTemplateObject(["\n  mutation submitImpactPublisherEmail2FACode(\n    $user: UserIdInput!\n    $code: String!\n  ) {\n    submitImpactPublisherEmail2FACode(user: $user, code: $code) {\n      verifiedEmail\n      accessKey\n    }\n  }\n"],["\n  mutation submitImpactPublisherEmail2FACode(\n    $user: UserIdInput!\n    $code: String!\n  ) {\n    submitImpactPublisherEmail2FACode(user: $user, code: $code) {\n      verifiedEmail\n      accessKey\n    }\n  }\n"]));function j(e){var t=this;var n=i();var r=c(b),o=r[0],l=r[1];var d=u(g);var f=a(false),p=f[0],m=f[1];var v=a(false),h=v[0],y=v[1];var x=a(null),C=x[0],w=x[1];var E=a(false),T=E[0],k=E[1];var S=a(false),j=S[0],I=S[1];var P=_(),R=P.initialized,F=P.verificationEmail,L=P.send,q=L[0],A=L[1],O=A.loading,M=A.errors,W=P.verify,D=W[0],$=W[1],z=$.loading,H=$.errors;s((function(){if(!C)return;var e=C.querySelectorAll("sl-input");var t=Array.from(e).map((function(e){return e.shadowRoot.querySelector('input[name="code"]')}));t.forEach((function(e,n){e.addEventListener("focus",(function(e){e.target.select()}));e.addEventListener("keydown",(function(e){if(e.key==="Backspace"&&e.target.value===""){t[Math.max(0,n-1)].focus()}}));e.addEventListener("input",(function(e){var r=e.data;if(!r)return;if(n===t.length-1){e.target.value=r.slice(0,1);return}if(r.length>1){var i=r.slice(1);e.target.value=r.slice(0,1);t[n+1].dispatchEvent(new InputEvent("input",{inputType:"insertFromPaste",data:i}))}t[n+1].focus()}))}))}),[C]);var B=function(){l(false);k(false)};var K=function(){return __awaiter(t,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:if(!R)return[2];return[4,q()];case 1:e=t.sent();if(!e){I(true);return[2]}if(p)y(true);m(true);return[2]}}))}))};var V=function(){return __awaiter(t,void 0,void 0,(function(){var t,n,r,i;return __generator(this,(function(a){switch(a.label){case 0:t=C.querySelectorAll("sl-input");n=Array.from(t).map((function(e){return e.shadowRoot.querySelector('input[name="code"]')}));if(n.find((function(e){return!e.value}))){k(true);return[2]}r="";n.forEach((function(e){r=""+r+e.value}));if(!R)return[2];k(false);return[4,D(r)];case 1:i=a.sent();if(i===null||i===void 0?void 0:i.success){e.onVerification(i.accessKey);B()}else{k(true)}return[2]}}))}))};s((function(){if(!R)return;if(!d)K();else m(true)}),[R]);return{refs:{codeWrapperRef:w},states:{email:F,emailResent:h,resendError:M||H,initialiseLoading:!R,loading:O||z,verifyFailed:!!T},callbacks:{resendEmail:K,submitCode:V},text:e.getTextProps()}}var I=e("sqm_code_verification",function(){function e(e){n(this,e);this.verifyCodeHeaderText="Enter the code sent to {email} from our referral provider, impact.com.";this.reverifyCodeHeaderText="Enter the code sent to {email} from our referral provider, impact.com.";this.resendCodeText="Didn't receive your code? {resendCodeLink}";this.resendCodeLabel="Resend code";this.codeResentSuccessfullyText="Another code has been sent to {email}";this.invalidCodeText="Please check your code and try again. If you’re still having trouble, try resending your code.";this.verifyText="Verify";this.networkErrorMessage="An error occurred while verifying your email. Please refresh the page and try again.";o(this)}e.prototype.disconnectedCallback=function(){};e.prototype.getTextProps=function(){return m(this)};e.prototype.render=function(){var e=d()?P(this):j(this);return t(k,Object.assign({},e))};return e}());function P(e){var t=this;var n=a(false),r=n[0],i=n[1];var s=f(x);return p({states:{initialiseLoading:false,loading:false,email:"test@example.com",emailResent:r,verifyFailed:false},refs:{codeWrapperRef:function(){}},callbacks:{resendEmail:function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){return[2,i(true)]}))}))},submitCode:function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){return[2,s(true)]}))}))}},text:e.getTextProps()},e.demoData||{},{arrayMerge:function(e,t){return t}})}}}}));