@saasquatch/mint-components 1.15.0-141 → 1.15.0-143

package/dist/mint-components/{p-efc42205.system.entry.js → p-13d5c629.system.entry.js}

@@ -1 +1 @@
-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 s(r){try{l(n.next(r))}catch(r){o(r)}}function i(r){try{l(n["throw"](r))}catch(r){o(r)}}function l(r){r.done?t(r.value):a(r.value).then(s,i)}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,s;return s={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function i(r){return function(e){return l([r,e])}}function l(s){if(n)throw new TypeError("Generator is already executing.");while(t)try{if(n=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:t.label++;return{value:s[1],done:false};case 5:t.label++;a=s[1];s=[0];continue;case 7:s=t.ops.pop();t.trys.pop();continue;default:if(!(o=t.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){t=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){t.label=s[1];break}if(s[0]===6&&t.label<o[1]){t.label=o[1];o=s;break}if(o&&t.label<o[2]){t.label=o[2];t.ops.push(s);break}if(o[2])t.ops.pop();t.trys.pop();continue}s=e.call(r,t)}catch(r){s=[6,r];a=0}finally{n=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-59b028db.system.js","./p-114fa6b4.system.js","./p-4f5329a2.system.js","./p-171310d9.system.js","./p-4bd679a7.system.js","./p-15bfd7e2.system.js","./p-1a673057.system.js","./p-67ad2252.system.js","./p-57dd28bd.system.js","./p-d09d3b8f.system.js"],(function(r){"use strict";var e,t,n,a,o,s,i,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;s=r.n},function(r){i=r.d;l=r.t;u=r.w;c=r.J;p=r.$;d=r.i;m=r.p},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=i.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=i.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,s=a.data,i=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:s,errors:i}]}function _(r){var e=this;var t=l(y),n=t[0],s=t[1];var i=l(g),c=i[0],p=i[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],T=q[1];var E=x(),I=E.initialized,j=E.send,C=j[0],S=j[1],O=S.loading,z=S.errors;var L=k()[0];var D=a(true),P=D[0],U=D[1];var W=u(w,{}),$=W.data,H=W.loading;var M=/^(([^<>()[\]\\.,;:\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(I)U(false)}),[I]);var V=function(r){return __awaiter(e,void 0,void 0,(function(){var e,t,n,a,o;return __generator(this,(function(i){switch(i.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(!M.test(n)){h(true);return[2]}return[4,L(n)];case 1:a=i.sent();if(!a||!a.user.email)h(true);i.label=2;case 2:if(!I)return[2];return[4,C()];case 3:o=i.sent();if(!o||!o.success)T(true);else{p(e);s(true)}U(false);return[2]}}))}))};return{callbacks:{submitEmail:V},states:{loading:P,initialLoading:H&&!I,error:v,email:$===null||$===void 0?void 0:$.viewer.email,sendCodeError:_},text:r.getTextProps()}}var T={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 E='\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 I=v(T);var j=I.toString();function C(r){var t=r.states,a=r.callbacks,o=r.text;var s=function(){return e("div",{class:I.classes.Wrapper},e("sl-skeleton",{class:I.classes.SkeletonOne}),e("sl-skeleton",{class:I.classes.SkeletonTwo}),e("sl-skeleton",{class:I.classes.SkeletonThree}))};return e("div",{part:"sqm-base"},e("style",{type:"text/css"},E,j),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?s():e("div",{class:I.classes.Wrapper},e(h,{type:"p"},o.verifyEmailHeaderText),e("sl-form",{"onSl-submit":a.submitEmail},e("div",{class:I.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:I.classes.ErrorInput,helpText:o.emailValidationErrorText}:{})),e("sl-button",{submit:true,class:I.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";s(this)}r.prototype.disconnectedCallback=function(){};r.prototype.getTextProps=function(){return f(this)};r.prototype.render=function(){var r=d()?O(this):_(this);return e(C,Object.assign({},r))};return r}());function O(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}})}}}}));
+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 s(r){try{l(n.next(r))}catch(r){o(r)}}function i(r){try{l(n["throw"](r))}catch(r){o(r)}}function l(r){r.done?t(r.value):a(r.value).then(s,i)}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,s;return s={next:i(0),throw:i(1),return:i(2)},typeof Symbol==="function"&&(s[Symbol.iterator]=function(){return this}),s;function i(r){return function(e){return l([r,e])}}function l(s){if(n)throw new TypeError("Generator is already executing.");while(t)try{if(n=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:t.label++;return{value:s[1],done:false};case 5:t.label++;a=s[1];s=[0];continue;case 7:s=t.ops.pop();t.trys.pop();continue;default:if(!(o=t.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){t=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){t.label=s[1];break}if(s[0]===6&&t.label<o[1]){t.label=o[1];o=s;break}if(o&&t.label<o[2]){t.label=o[2];t.ops.push(s);break}if(o[2])t.ops.pop();t.trys.pop();continue}s=e.call(r,t)}catch(r){s=[6,r];a=0}finally{n=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};System.register(["./p-59b028db.system.js","./p-47e30387.system.js","./p-4f5329a2.system.js","./p-171310d9.system.js","./p-4bd679a7.system.js","./p-15bfd7e2.system.js","./p-1a673057.system.js","./p-67ad2252.system.js","./p-57dd28bd.system.js","./p-d09d3b8f.system.js"],(function(r){"use strict";var e,t,n,a,o,s,i,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;s=r.n},function(r){i=r.d;l=r.t;u=r.w;c=r.J;p=r.$;d=r.i;m=r.p},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=i.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=i.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,s=a.data,i=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:s,errors:i}]}function _(r){var e=this;var t=l(y),n=t[0],s=t[1];var i=l(g),c=i[0],p=i[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],T=q[1];var E=x(),I=E.initialized,j=E.send,C=j[0],S=j[1],O=S.loading,z=S.errors;var L=k()[0];var D=a(true),P=D[0],U=D[1];var W=u(w,{}),$=W.data,H=W.loading;var M=/^(([^<>()[\]\\.,;:\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(I)U(false)}),[I]);var V=function(r){return __awaiter(e,void 0,void 0,(function(){var e,t,n,a,o;return __generator(this,(function(i){switch(i.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(!M.test(n)){h(true);return[2]}return[4,L(n)];case 1:a=i.sent();if(!a||!a.user.email)h(true);i.label=2;case 2:if(!I)return[2];return[4,C()];case 3:o=i.sent();if(!o||!o.success)T(true);else{p(e);s(true)}U(false);return[2]}}))}))};return{callbacks:{submitEmail:V},states:{loading:P,initialLoading:H&&!I,error:v,email:$===null||$===void 0?void 0:$.viewer.email,sendCodeError:_},text:r.getTextProps()}}var T={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 E='\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 I=v(T);var j=I.toString();function C(r){var t=r.states,a=r.callbacks,o=r.text;var s=function(){return e("div",{class:I.classes.Wrapper},e("sl-skeleton",{class:I.classes.SkeletonOne}),e("sl-skeleton",{class:I.classes.SkeletonTwo}),e("sl-skeleton",{class:I.classes.SkeletonThree}))};return e("div",{part:"sqm-base"},e("style",{type:"text/css"},E,j),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?s():e("div",{class:I.classes.Wrapper},e(h,{type:"p"},o.verifyEmailHeaderText),e("sl-form",{"onSl-submit":a.submitEmail},e("div",{class:I.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:I.classes.ErrorInput,helpText:o.emailValidationErrorText}:{})),e("sl-button",{submit:true,class:I.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";s(this)}r.prototype.disconnectedCallback=function(){};r.prototype.getTextProps=function(){return f(this)};r.prototype.render=function(){var r=d()?O(this):_(this);return e(C,Object.assign({},r))};return r}());function O(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}})}}}}));