@saasquatch/mint-components 1.15.0-140 → 1.15.0-142

package/dist/mint-components/{p-4b8c6fd2.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-56e5d39c.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}})}}}}));

package/dist/mint-components/p-1b3c16f8.entry.js

@@ -0,0 +1,33 @@
+import{r as e,h as t}from"./p-c7c11325.js";import"./p-f655c9ae.js";import{k as r,f as i,n as o}from"./p-63e29387.js";import{d as s,J as a,w as l,$ as n,i as u}from"./p-0ec54f97.js";import{c as d}from"./p-c1086930.js";import{g as m}from"./p-6951663b.js";import"./p-cef45012.js";import"./p-204861a6.js";import{P as c}from"./p-e5a4f49e.js";import{i as f}from"./p-513f5d80.js";const v=s.gql`
+  query {
+    viewer {
+      ... on User {
+        id
+        accountId
+        firstName
+        lastName
+        email
+        countryCode
+      }
+    }
+  }
+`,h=s.gql`
+  mutation (
+    $id: String!
+    $accountId: String!
+    $firstName: String!
+    $lastName: String!
+  ) {
+    upsertUser(
+      userInput: {
+        id: $id
+        accountId: $accountId
+        firstName: $firstName
+        lastName: $lastName
+      }
+    ) {
+      firstName
+      lastName
+    }
+  }
+`,p={country:"",email:"",firstName:"",lastName:"",errors:{},error:""},N=class{constructor(t){e(this,t),this.ignored=!0,this.firstnametext="First Name",this.lastnametext="Last Name",this.emailtext="Email",this.countrytext="Country",this.editProfileHeader="Edit your profile",this.editProfileSubHeader="Personal Information",this.submitChangeButtonText="Submit Changes",this.hideCountry=!1,this.networkRequestMessage="An error occurred while loading this page. Please refresh the page.",this.fieldEmptyText="Field is required",this.formErrorText="Please correct the errors below to update your profile.",this.submissionSuccessText="Your profile has been successfully updated.",o(this)}disconnectedCallback(){}render(){const e=u()?function(e){return d({states:{success:!1,loading:!1,submitDisabled:!1,showCountry:!e.hideCountry,user:{id:"01",accountId:"111100000",firstName:"Joe",lastName:"Smith",email:"jsmith@gmail.com",countryCode:"CA"},text:{firstnametext:e.firstnametext,lastnametext:e.lastnametext,emailtext:e.emailtext,countrytext:e.countrytext,editProfileHeader:e.editProfileHeader,editProfileSubHeader:e.editProfileSubHeader,submitChangeButtonText:e.submitChangeButtonText,submissionSuccessText:e.submissionSuccessText,fieldEmptyText:e.fieldEmptyText},formState:{country:"Canada",firstName:"Joe",lastName:"Smith",errors:null,error:""}},callbacks:{onSubmit:e=>console.log(e),onChange:e=>console.log(e)}},e.demoData||{},{arrayMerge:(e,t)=>t})}(m(this)):function(e){const t=a(),[o,s]=r(!1),[u,d]=r(void 0),[m,c]=r(p),N=l(v,{},!(null==t?void 0:t.jwt)),[b,g]=n(h);return i((()=>{(null==g?void 0:g.loading)||((null==g?void 0:g.errors)?c((e=>{var t,r,i;return{...e,error:null===(i=null===(r=null===(t=null==g?void 0:g.errors)||void 0===t?void 0:t.response)||void 0===r?void 0:r.errors)||void 0===i?void 0:i[0].message}})):(d((e=>{var t;return{...e,...null===(t=null==g?void 0:g.data)||void 0===t?void 0:t.upsertUser}})),(null==g?void 0:g.data)&&s(!0)))}),[null==g?void 0:g.loading]),i((()=>{var e,t;d((e=>{var t;return{...e,...null===(t=null==N?void 0:N.data)||void 0===t?void 0:t.viewer}})),c({...p,...null===(e=N.data)||void 0===e?void 0:e.viewer,...null===(t=g.data)||void 0===t?void 0:t.upsertUser})}),[null==N?void 0:N.data]),i((()=>{var t,r;(null===(t=null==g?void 0:g.errors)||void 0===t?void 0:t.message)&&c({...null===(r=N.data)||void 0===r?void 0:r.viewer,error:e.networkRequestMessage})}),[null==g?void 0:g.errors]),{states:{success:o,loading:(null==N?void 0:N.loading)||g.loading,submitDisabled:!1,showCountry:!e.hideCountry,formState:m,user:u,text:{firstnametext:e.firstnametext,lastnametext:e.lastnametext,countrytext:e.countrytext,emailtext:e.emailtext,editProfileHeader:e.editProfileHeader,editProfileSubHeader:e.editProfileSubHeader,submitChangeButtonText:e.submitChangeButtonText}},callbacks:{onSubmit:()=>{if(s(!1),m.firstName&&m.lastName)return b({id:null==t?void 0:t.id,accountId:null==t?void 0:t.accountId,firstName:m.firstName,lastName:m.lastName}),void c((e=>({...e,errors:{},error:""})));const r={};m.firstName||(r.firstName={message:e.fieldEmptyText}),m.lastName||(r.lastName={message:e.fieldEmptyText}),f(r)||c((t=>({...t,error:e.formErrorText}))),c((e=>({...e,errors:r})))},onChange:e=>{const{name:t,value:r}=e.target;c((e=>({...e,[t]:r})))}}}}(m(this));return t(c,Object.assign({},e))}};export{N as sqm_portal_profile}

package/dist/mint-components/{p-59d63018.entry.js → p-1dac71a2.entry.js}

@@ -1,4 +1,4 @@
-import{h as r,r as t}from"./p-c7c11325.js";import{i as a}from"./p-69782dfe.js";import{k as o,f as n,n as e}from"./p-63e29387.js";import{d as s,t as i,w as l,J as p,$ as c,i as d,p as u}from"./p-0ec54f97.js";import{c as m}from"./p-c1086930.js";import{g as b}from"./p-6951663b.js";import{c as f}from"./p-cef45012.js";import{T as v}from"./p-204861a6.js";import{S as h,V as y}from"./p-38c7775a.js";import{u as q}from"./p-c30ad421.js";const x=s.gql`
+import{h as r,r as t}from"./p-c7c11325.js";import{i as a}from"./p-f655c9ae.js";import{k as o,f as n,n as e}from"./p-63e29387.js";import{d as s,t as i,w as l,J as p,$ as c,i as d,p as u}from"./p-0ec54f97.js";import{c as m}from"./p-c1086930.js";import{g as b}from"./p-6951663b.js";import{c as f}from"./p-cef45012.js";import{T as v}from"./p-204861a6.js";import{S as h,V as y}from"./p-38c7775a.js";import{u as q}from"./p-c30ad421.js";const x=s.gql`
   mutation upsertUser($userInput: UserInput!) {
     upsertUser(userInput: $userInput) {
       id