@saasquatch/mint-components 2.1.9-0 → 2.1.9-1

package/dist/mint-components/{p-a0667674.system.entry.js → p-6e6f19ea.system.entry.js}

@@ -1 +1 @@
-var __makeTemplateObject=this&&this.__makeTemplateObject||function(n,e){if(Object.defineProperty){Object.defineProperty(n,"raw",{value:e})}else{n.raw=e}return n};var __awaiter=this&&this.__awaiter||function(n,e,r,t){function o(n){return n instanceof r?n:new r((function(e){e(n)}))}return new(r||(r=Promise))((function(r,a){function i(n){try{u(t.next(n))}catch(n){a(n)}}function s(n){try{u(t["throw"](n))}catch(n){a(n)}}function u(n){n.done?r(n.value):o(n.value).then(i,s)}u((t=t.apply(n,e||[])).next())}))};var __generator=this&&this.__generator||function(n,e){var r={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},t,o,a,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(n){return function(e){return u([n,e])}}function u(i){if(t)throw new TypeError("Generator is already executing.");while(r)try{if(t=1,o&&(a=i[0]&2?o["return"]:i[0]?o["throw"]||((a=o["return"])&&a.call(o),0):o.next)&&!(a=a.call(o,i[1])).done)return a;if(o=0,a)i=[i[0]&2,a.value];switch(i[0]){case 0:case 1:a=i;break;case 4:r.label++;return{value:i[1],done:false};case 5:r.label++;o=i[1];i=[0];continue;case 7:i=r.ops.pop();r.trys.pop();continue;default:if(!(a=r.trys,a=a.length>0&&a[a.length-1])&&(i[0]===6||i[0]===2)){r=0;continue}if(i[0]===3&&(!a||i[1]>a[0]&&i[1]<a[3])){r.label=i[1];break}if(i[0]===6&&r.label<a[1]){r.label=a[1];a=i;break}if(a&&r.label<a[2]){r.label=a[2];r.ops.push(i);break}if(a[2])r.ops.pop();r.trys.pop();continue}i=e.call(n,r)}catch(n){i=[6,n];o=0}finally{t=a=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-1b9705fd.system.js","./p-b6504987.system.js","./p-d6c1e876.system.js","./p-4bd679a7.system.js","./p-6333265f.system.js","./p-1a673057.system.js","./p-7b909aa5.system.js","./p-78909fc0.system.js","./p-57dd28bd.system.js","./p-6f8dde97.system.js","./p-695ec086.system.js"],(function(n){"use strict";var e,r,t,o,a,i,s,u,l,c,d,p,m,v,f,b,y,h,g,x,w,C,q;return{setters:[function(n){e=n.h;r=n.r},function(n){t=n.i},function(n){o=n.k;a=n.f;i=n.n},function(n){s=n.d;u=n.t;l=n.w;c=n.J;d=n.$;p=n.i;m=n.q;v=n.L},function(n){f=n.c},function(n){b=n.g},function(n){y=n.c},function(n){h=n.T},function(n){g=n.P},function(n){x=n.S;w=n.V},function(n){C=n.T},function(n){q=n.u}],execute:function(){var k=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 _=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 T(){var n=this;var e=c();var r=d(k),t=r[0],o=r[1],a=o.loading,i=o.data,s=o.errors;var u=function(r){return __awaiter(n,void 0,void 0,(function(){var n,o;return __generator(this,(function(a){switch(a.label){case 0:a.trys.push([0,2,,3]);return[4,t({userInput:{id:e.id,accountId:e.accountId,email:r}})];case 1:n=a.sent();if(n instanceof Error||!n)throw new Error;return[2,n];case 2:o=a.sent();console.error("Could not set email on user",o);return[2,undefined];case 3:return[2]}}))}))};return[u,{loading:a,data:i,errors:s}]}function E(n){var e=this;var r=u(x),t=r[0],i=r[1];var s=u(w),c=s[0],d=s[1];var p=o(false),m=p[0],v=p[1];var f=o(false),b=f[0],y=f[1];var h=o(false),g=h[0],C=h[1];var k=q(),E=k.initialized,I=k.send,P=I[0],S=I[1],L=S.loading,j=S.errors;var N=T()[0];var D=o(true),O=D[0],$=D[1];var U=l(_,{}),B=U.data,H=U.loading;var z=/^(([^<>()[\]\\.,;:\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,}))$/;a((function(){if(!(B===null||B===void 0?void 0:B.viewer))return;v(!!B.viewer.email)}),[B]);a((function(){if(E)$(false)}),[E]);var W=function(n){return __awaiter(e,void 0,void 0,(function(){var e,r,t,o,a;return __generator(this,(function(s){switch(s.label){case 0:n.preventDefault();if(!(B===null||B===void 0?void 0:B.viewer))return[2];$(true);e=B.viewer.email;if(!!e)return[3,2];r=n.detail.formData;t=r.get("email").toString();if(!z.test(t)){y(true);return[2]}return[4,N(t)];case 1:o=s.sent();if(!o||!o.user.email)y(true);s.label=2;case 2:if(!E)return[2];return[4,P()];case 3:a=s.sent();if(!a||!a.success)C(true);else{d(e);i(true)}$(false);return[2]}}))}))};return{callbacks:{submitEmail:W},states:{loading:O,initialLoading:H&&!E,error:b,email:B===null||B===void 0?void 0:B.viewer.email,sendCodeError:g},text:n.getTextProps()}}var I={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 P='\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 S=y(I);var L=S.toString();function j(n){var r=n.states,o=n.callbacks,a=n.text;var i=function(){return e("div",{class:S.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:S.classes.ContinueButton,loading:true,exportparts:"base: primarybutton-base",type:"primary"},a.sendCodeText))};return e("div",{part:"sqm-base"},e("style",{type:"text/css"},P,L),r.sendCodeError&&e("sqm-form-message",{type:"error"},e("p",{part:"alert-title"},a.sendCodeErrorHeader),t.formatMessage({id:"sendCodeErrorDescription",defaultMessage:a.sendCodeErrorDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},a.supportLink)})),r.initialLoading?i():e("div",{class:S.classes.Wrapper},e(h,{type:"p"},a.verifyEmailHeaderText),e("sl-form",{"onSl-submit":o.submitEmail},e("div",{class:S.classes.InputsContainer},e("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",label:a.emailLabel,value:r.email||"",type:"email",id:"email",name:"email",disabled:!!r.email||r.loading},r.error?{class:S.classes.ErrorInput,helpText:a.emailValidationErrorText}:{})),e("sl-button",{submit:true,class:S.classes.ContinueButton,loading:r.loading,exportparts:"base: primarybutton-base",type:"primary"},a.sendCodeText)))))}var N=n("sqm_email_verification",function(){function n(n){r(this,n);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)}n.prototype.disconnectedCallback=function(){};n.prototype.getTextProps=function(){return b(this)};n.prototype.render=function(){var n=p()?D(this):E(this);return e(j,Object.assign({},n))};return n}());function D(n){var e=this;var r=m(x);return f({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(n){return[2,r(true)]}))}))}},text:n.getTextProps()},n.demoData||{},{arrayMerge:function(n,e){return e}})}var O=s.gql(__makeTemplateObject(["\n  query getUserPartnerInfo {\n    user: viewer {\n      ... on User {\n        id\n        accountId\n        firstName\n        lastName\n        email\n        countryCode\n        customFields\n        impactConnection {\n          connected\n          publisher {\n            phoneNumber\n            phoneNumberCountryCode\n            countryCode\n            currency\n            requiredTaxDocumentType\n            currentTaxDocument {\n              type\n              status\n            }\n            withdrawalSettings {\n              paymentMethod\n            }\n          }\n        }\n      }\n    }\n  }\n"],["\n  query getUserPartnerInfo {\n    user: viewer {\n      ... on User {\n        id\n        accountId\n        firstName\n        lastName\n        email\n        countryCode\n        customFields\n        impactConnection {\n          connected\n          publisher {\n            phoneNumber\n            phoneNumberCountryCode\n            countryCode\n            currency\n            requiredTaxDocumentType\n            currentTaxDocument {\n              type\n              status\n            }\n            withdrawalSettings {\n              paymentMethod\n            }\n          }\n        }\n      }\n    }\n  }\n"]));var $=s.gql(__makeTemplateObject(["\n  query getCountries {\n    impactPayoutCountries(limit: 1000) {\n      data {\n        countryCode\n        displayName\n      }\n    }\n  }\n"],["\n  query getCountries {\n    impactPayoutCountries(limit: 1000) {\n      data {\n        countryCode\n        displayName\n      }\n    }\n  }\n"]));var U=s.gql(__makeTemplateObject(["\n  query currencies($locale: RSLocale) {\n    currencies(limit: 300) {\n      data {\n        displayName(locale: $locale)\n        currencyCode\n      }\n    }\n  }\n"],["\n  query currencies($locale: RSLocale) {\n    currencies(limit: 300) {\n      data {\n        displayName(locale: $locale)\n        currencyCode\n      }\n    }\n  }\n"]));var B=s.gql(__makeTemplateObject(["\n  mutation createImpactConnection($vars: ImpactConnectionInput!) {\n    createImpactConnection(impactConnectionInput: $vars) {\n      success\n      validationErrors {\n        field\n        message\n      }\n      user {\n        id\n        accountId\n        impactConnection {\n          connected\n          publisher {\n            brandedSignup\n            requiredTaxDocumentType\n            currentTaxDocument {\n              type\n              status\n            }\n          }\n        }\n      }\n    }\n  }\n"],["\n  mutation createImpactConnection($vars: ImpactConnectionInput!) {\n    createImpactConnection(impactConnectionInput: $vars) {\n      success\n      validationErrors {\n        field\n        message\n      }\n      user {\n        id\n        accountId\n        impactConnection {\n          connected\n          publisher {\n            brandedSignup\n            requiredTaxDocumentType\n            currentTaxDocument {\n              type\n              status\n            }\n          }\n        }\n      }\n    }\n  }\n"]));var H=s.gql(__makeTemplateObject(["\n  query getTenantSettings {\n    tenantSettings {\n      companyName\n    }\n  }\n"],["\n  query getTenantSettings {\n    tenantSettings {\n      companyName\n    }\n  }\n"]));function z(n){var e,r,t,i,s,u,c,p,m;var f=v();var b=l(O,{}),y=b.data,h=b.loading,g=b.refetch;var x=y===null||y===void 0?void 0:y.user;var w=l(U,{variables:{locale:f}}),q=w.data,k=w.loading;var _=l($,{}),T=_.data,E=_.loading;var I=l(H,{}).data;var P=d(B),S=P[0],L=P[1],j=L.loading,N=L.errors;var D=o(((r=(e=x===null||x===void 0?void 0:x.impactConnection)===null||e===void 0?void 0:e.publisher)===null||r===void 0?void 0:r.countryCode)||""),z=D[0],W=D[1];var F=o(((i=(t=x===null||x===void 0?void 0:x.impactConnection)===null||t===void 0?void 0:t.publisher)===null||i===void 0?void 0:i.currency)||""),M=F[0],R=F[1];console.log(z,M,"initial country and currency state");var A=o(""),V=A[0],Z=A[1];var G=o(""),J=G[0],K=G[1];var Q=o(((s=T===null||T===void 0?void 0:T.impactPayoutCountries)===null||s===void 0?void 0:s.data)||[]),X=Q[0],Y=Q[1];var nn=o(((u=q===null||q===void 0?void 0:q.currencies)===null||u===void 0?void 0:u.data)||[]),en=nn[0],rn=nn[1];var tn=o(""),on=tn[0],an=tn[1];var sn=o(false),un=sn[0],ln=sn[1];var cn=((c=T===null||T===void 0?void 0:T.impactPayoutCountries)===null||c===void 0?void 0:c.data)||[];var dn=((p=q===null||q===void 0?void 0:q.currencies)===null||p===void 0?void 0:p.data)||[];console.log(x,"user data from partner info query");a((function(){var n;if(y&&((n=x.impactConnection)===null||n===void 0?void 0:n.publisher)){W(x.impactConnection.publisher.countryCode);R(x.impactConnection.publisher.currency)}}),[y]);a((function(){if(!(cn===null||cn===void 0?void 0:cn.length))return;if(V.trim()===""){Y(cn||[])}else{Y(cn.filter((function(n){return n.displayName.toLowerCase().includes(V.toLowerCase())}))||[])}}),[V,cn]);a((function(){if(!(dn===null||dn===void 0?void 0:dn.length))return;if(J.trim()===""){rn(dn||[])}else{rn(dn.filter((function(n){return n.currencyCode.toLowerCase().includes(J.toLowerCase())}))||[])}}),[J,dn]);var pn=x===null||x===void 0?void 0:x.impactConnection;function mn(n){var e,r;var t=(r=(e=n.detail)===null||e===void 0?void 0:e.item)===null||r===void 0?void 0:r.__value;if(!t)return;W(t);R("");an("")}function vn(n){var e,r;var t=(r=(e=n.detail)===null||e===void 0?void 0:e.item)===null||r===void 0?void 0:r.__value;if(!t)return;R(t);an("")}function fn(){return __awaiter(this,void 0,void 0,(function(){var e,r,t,o,a,i,s;return __generator(this,(function(u){switch(u.label){case 0:if(!z||!M){an(n.missingFieldsErrorText);return[2]}an("");u.label=1;case 1:u.trys.push([1,4,,5]);t={user:{id:x.id,accountId:x.accountId},firstName:x.firstName,lastName:x.lastName,countryCode:z,currency:M};return[4,S({vars:t})];case 2:o=u.sent();if(!o||((e=o)===null||e===void 0?void 0:e.message)){an(n.networkErrorText);return[2]}a=o.createImpactConnection;console.log(o,a,"result and connectionResult from creating partner from modal");if(!(a===null||a===void 0?void 0:a.success)){i=(r=a===null||a===void 0?void 0:a.validationErrors)===null||r===void 0?void 0:r.map((function(n){return n.message})).join(". ");an(i||n.networkErrorText);console.error("Failed to create Impact connection:",a===null||a===void 0?void 0:a.validationErrors);return[2]}window.dispatchEvent(new Event(C));return[4,g()];case 3:u.sent();ln(true);return[3,5];case 4:s=u.sent();console.error("Partner creation error:",s);an(n.networkErrorText);return[3,5];case 5:return[2]}}))}))}console.log(un,"success state in partner info modal");var bn=!un&&!h&&(!(pn===null||pn===void 0?void 0:pn.connected)||!(pn===null||pn===void 0?void 0:pn.publisher));console.log(bn,"showModal condition in partner info modal");return{states:{open:bn,loading:h||E||k,submitting:j,isExistingPartner:(pn===null||pn===void 0?void 0:pn.connected)||(pn===null||pn===void 0?void 0:pn.publisher),countryCode:z,currency:M,error:on,success:un,brandName:((m=I===null||I===void 0?void 0:I.tenantSettings)===null||m===void 0?void 0:m.companyName)||"",filteredCountries:X||[],filteredCurrencies:en||[]},callbacks:{onCountryChange:mn,onCurrencyChange:vn,setCurrencySearch:K,setCountrySearch:Z,onSubmit:fn,onClose:function(){window.dispatchEvent(new Event(C));ln(true)}},text:n.getTextProps()}}var W=n("sqm_partner_info_modal",function(){function n(n){r(this,n);this.brandName="";this.modalHeader="Let's get you ready for rewards";this.modalHeaderExistingPartner="We found an existing account";this.descriptionNewPartner="Confirm your country and currency now to get your future rewards faster.";this.descriptionExistingPartner="We found an account with this email on our referral program provider, impact.com. Please confirm your country and currency now to get your future rewards faster.";this.supportDescriptionExistingPartner="If this is a mistake, please contact Support or sign up for this referral program with a different email.";this.countryLabel="Country";this.currencyLabel="Currency";this.submitButtonLabel="Submit";this.confirmButtonLabel="Confirm";this.searchCountryPlaceholder="Search for a country";this.searchCurrencyPlaceholder="Search for a currency";this.networkErrorText="An error occurred. Please try again.";this.missingFieldsErrorText="Please select both a country and currency.";i(this)}n.prototype.disconnectedCallback=function(){};n.prototype.getTextProps=function(){return b(this)};n.prototype.render=function(){var n=p()?F(this):z(this);return e(g,Object.assign({},n))};return n}());function F(n){var e=o("US"),r=e[0],t=e[1];var a=o(""),i=a[0],s=a[1];var u=o(""),l=u[0],c=u[1];return f({states:{brandName:"Test Brand",open:true,loading:false,submitting:false,isExistingPartner:false,countryCode:r,currency:i,error:l,success:false,filteredCountries:[],filteredCurrencies:[]},callbacks:{onCountryChange:function(n){var e,r;var o=(r=(e=n===null||n===void 0?void 0:n.detail)===null||e===void 0?void 0:e.item)===null||r===void 0?void 0:r.__value;if(o){t(o);s("")}},onCurrencyChange:function(n){var e,r;var t=(r=(e=n===null||n===void 0?void 0:n.detail)===null||e===void 0?void 0:e.item)===null||r===void 0?void 0:r.__value;if(t)s(t)},setCountrySearch:function(){},setCurrencySearch:function(){},onSubmit:function(){if(!r||!i){c(n.missingFieldsErrorText);return}c("")},onClose:function(){}},text:{modalHeader:n.modalHeader,descriptionNewPartner:n.descriptionNewPartner,descriptionExistingPartner:n.descriptionExistingPartner,countryLabel:n.countryLabel,currencyLabel:n.currencyLabel,submitButtonLabel:n.submitButtonLabel,confirmButtonLabel:n.confirmButtonLabel,searchCountryPlaceholder:n.searchCountryPlaceholder,searchCurrencyPlaceholder:n.searchCurrencyPlaceholder,supportDescriptionExistingPartner:n.supportDescriptionExistingPartner,modalHeaderExistingPartner:n.modalHeaderExistingPartner}},n.demoData||{},{arrayMerge:function(n,e){return e}})}}}}));
+var __makeTemplateObject=this&&this.__makeTemplateObject||function(n,e){if(Object.defineProperty){Object.defineProperty(n,"raw",{value:e})}else{n.raw=e}return n};var __awaiter=this&&this.__awaiter||function(n,e,r,t){function o(n){return n instanceof r?n:new r((function(e){e(n)}))}return new(r||(r=Promise))((function(r,a){function i(n){try{u(t.next(n))}catch(n){a(n)}}function s(n){try{u(t["throw"](n))}catch(n){a(n)}}function u(n){n.done?r(n.value):o(n.value).then(i,s)}u((t=t.apply(n,e||[])).next())}))};var __generator=this&&this.__generator||function(n,e){var r={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},t,o,a,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(n){return function(e){return u([n,e])}}function u(i){if(t)throw new TypeError("Generator is already executing.");while(r)try{if(t=1,o&&(a=i[0]&2?o["return"]:i[0]?o["throw"]||((a=o["return"])&&a.call(o),0):o.next)&&!(a=a.call(o,i[1])).done)return a;if(o=0,a)i=[i[0]&2,a.value];switch(i[0]){case 0:case 1:a=i;break;case 4:r.label++;return{value:i[1],done:false};case 5:r.label++;o=i[1];i=[0];continue;case 7:i=r.ops.pop();r.trys.pop();continue;default:if(!(a=r.trys,a=a.length>0&&a[a.length-1])&&(i[0]===6||i[0]===2)){r=0;continue}if(i[0]===3&&(!a||i[1]>a[0]&&i[1]<a[3])){r.label=i[1];break}if(i[0]===6&&r.label<a[1]){r.label=a[1];a=i;break}if(a&&r.label<a[2]){r.label=a[2];r.ops.push(i);break}if(a[2])r.ops.pop();r.trys.pop();continue}i=e.call(n,r)}catch(n){i=[6,n];o=0}finally{t=a=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-1b9705fd.system.js","./p-b6504987.system.js","./p-d6c1e876.system.js","./p-4bd679a7.system.js","./p-6333265f.system.js","./p-1a673057.system.js","./p-7b909aa5.system.js","./p-78909fc0.system.js","./p-57dd28bd.system.js","./p-6f8dde97.system.js","./p-695ec086.system.js"],(function(n){"use strict";var e,r,t,o,a,i,s,u,l,c,d,p,m,v,f,b,y,h,g,x,C,w,q;return{setters:[function(n){e=n.h;r=n.r},function(n){t=n.i},function(n){o=n.k;a=n.f;i=n.n},function(n){s=n.d;u=n.t;l=n.w;c=n.J;d=n.$;p=n.i;m=n.q;v=n.L},function(n){f=n.c},function(n){b=n.g},function(n){y=n.c},function(n){h=n.T},function(n){g=n.P},function(n){x=n.S;C=n.V},function(n){w=n.T},function(n){q=n.u}],execute:function(){var k=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 _=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 T(){var n=this;var e=c();var r=d(k),t=r[0],o=r[1],a=o.loading,i=o.data,s=o.errors;var u=function(r){return __awaiter(n,void 0,void 0,(function(){var n,o;return __generator(this,(function(a){switch(a.label){case 0:a.trys.push([0,2,,3]);return[4,t({userInput:{id:e.id,accountId:e.accountId,email:r}})];case 1:n=a.sent();if(n instanceof Error||!n)throw new Error;return[2,n];case 2:o=a.sent();console.error("Could not set email on user",o);return[2,undefined];case 3:return[2]}}))}))};return[u,{loading:a,data:i,errors:s}]}function E(n){var e=this;var r=u(x),t=r[0],i=r[1];var s=u(C),c=s[0],d=s[1];var p=o(false),m=p[0],v=p[1];var f=o(false),b=f[0],y=f[1];var h=o(false),g=h[0],w=h[1];var k=q(),E=k.initialized,I=k.send,P=I[0],S=I[1],L=S.loading,j=S.errors;var N=T()[0];var D=o(true),O=D[0],$=D[1];var U=l(_,{}),B=U.data,H=U.loading;var z=/^(([^<>()[\]\\.,;:\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,}))$/;a((function(){if(!(B===null||B===void 0?void 0:B.viewer))return;v(!!B.viewer.email)}),[B]);a((function(){if(E)$(false)}),[E]);var W=function(n){return __awaiter(e,void 0,void 0,(function(){var e,r,t,o,a;return __generator(this,(function(s){switch(s.label){case 0:n.preventDefault();if(!(B===null||B===void 0?void 0:B.viewer))return[2];$(true);e=B.viewer.email;if(!!e)return[3,2];r=n.detail.formData;t=r.get("email").toString();if(!z.test(t)){y(true);return[2]}return[4,N(t)];case 1:o=s.sent();if(!o||!o.user.email)y(true);s.label=2;case 2:if(!E)return[2];return[4,P()];case 3:a=s.sent();if(!a||!a.success)w(true);else{d(e);i(true)}$(false);return[2]}}))}))};return{callbacks:{submitEmail:W},states:{loading:O,initialLoading:H&&!E,error:b,email:B===null||B===void 0?void 0:B.viewer.email,sendCodeError:g},text:n.getTextProps()}}var I={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 P='\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 S=y(I);var L=S.toString();function j(n){var r=n.states,o=n.callbacks,a=n.text;var i=function(){return e("div",{class:S.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:S.classes.ContinueButton,loading:true,exportparts:"base: primarybutton-base",type:"primary"},a.sendCodeText))};return e("div",{part:"sqm-base"},e("style",{type:"text/css"},P,L),r.sendCodeError&&e("sqm-form-message",{type:"error"},e("p",{part:"alert-title"},a.sendCodeErrorHeader),t.formatMessage({id:"sendCodeErrorDescription",defaultMessage:a.sendCodeErrorDescription},{supportLink:e("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},a.supportLink)})),r.initialLoading?i():e("div",{class:S.classes.Wrapper},e(h,{type:"p"},a.verifyEmailHeaderText),e("sl-form",{"onSl-submit":o.submitEmail},e("div",{class:S.classes.InputsContainer},e("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",label:a.emailLabel,value:r.email||"",type:"email",id:"email",name:"email",disabled:!!r.email||r.loading},r.error?{class:S.classes.ErrorInput,helpText:a.emailValidationErrorText}:{})),e("sl-button",{submit:true,class:S.classes.ContinueButton,loading:r.loading,exportparts:"base: primarybutton-base",type:"primary"},a.sendCodeText)))))}var N=n("sqm_email_verification",function(){function n(n){r(this,n);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)}n.prototype.disconnectedCallback=function(){};n.prototype.getTextProps=function(){return b(this)};n.prototype.render=function(){var n=p()?D(this):E(this);return e(j,Object.assign({},n))};return n}());function D(n){var e=this;var r=m(x);return f({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(n){return[2,r(true)]}))}))}},text:n.getTextProps()},n.demoData||{},{arrayMerge:function(n,e){return e}})}var O=s.gql(__makeTemplateObject(["\n  query getUserPartnerInfo {\n    user: viewer {\n      ... on User {\n        id\n        accountId\n        firstName\n        lastName\n        email\n        countryCode\n        customFields\n        impactConnection {\n          connected\n          publisher {\n            phoneNumber\n            phoneNumberCountryCode\n            countryCode\n            currency\n            requiredTaxDocumentType\n            currentTaxDocument {\n              type\n              status\n            }\n            withdrawalSettings {\n              paymentMethod\n            }\n          }\n        }\n      }\n    }\n  }\n"],["\n  query getUserPartnerInfo {\n    user: viewer {\n      ... on User {\n        id\n        accountId\n        firstName\n        lastName\n        email\n        countryCode\n        customFields\n        impactConnection {\n          connected\n          publisher {\n            phoneNumber\n            phoneNumberCountryCode\n            countryCode\n            currency\n            requiredTaxDocumentType\n            currentTaxDocument {\n              type\n              status\n            }\n            withdrawalSettings {\n              paymentMethod\n            }\n          }\n        }\n      }\n    }\n  }\n"]));var $=s.gql(__makeTemplateObject(["\n  query getCountries {\n    impactPayoutCountries(limit: 1000) {\n      data {\n        countryCode\n        displayName\n      }\n    }\n  }\n"],["\n  query getCountries {\n    impactPayoutCountries(limit: 1000) {\n      data {\n        countryCode\n        displayName\n      }\n    }\n  }\n"]));var U=s.gql(__makeTemplateObject(["\n  query currencies($locale: RSLocale) {\n    currencies(limit: 300) {\n      data {\n        displayName(locale: $locale)\n        currencyCode\n      }\n    }\n  }\n"],["\n  query currencies($locale: RSLocale) {\n    currencies(limit: 300) {\n      data {\n        displayName(locale: $locale)\n        currencyCode\n      }\n    }\n  }\n"]));var B=s.gql(__makeTemplateObject(["\n  mutation createImpactConnection($vars: ImpactConnectionInput!) {\n    createImpactConnection(impactConnectionInput: $vars) {\n      success\n      validationErrors {\n        field\n        message\n      }\n      user {\n        id\n        accountId\n        impactConnection {\n          connected\n          publisher {\n            brandedSignup\n            requiredTaxDocumentType\n            currentTaxDocument {\n              type\n              status\n            }\n          }\n        }\n      }\n    }\n  }\n"],["\n  mutation createImpactConnection($vars: ImpactConnectionInput!) {\n    createImpactConnection(impactConnectionInput: $vars) {\n      success\n      validationErrors {\n        field\n        message\n      }\n      user {\n        id\n        accountId\n        impactConnection {\n          connected\n          publisher {\n            brandedSignup\n            requiredTaxDocumentType\n            currentTaxDocument {\n              type\n              status\n            }\n          }\n        }\n      }\n    }\n  }\n"]));var H=s.gql(__makeTemplateObject(["\n  query getTenantSettings {\n    tenantSettings {\n      companyName\n    }\n  }\n"],["\n  query getTenantSettings {\n    tenantSettings {\n      companyName\n    }\n  }\n"]));function z(n){var e,r,t,i,s,u,c,p,m;var f=v();var b=l(O,{}),y=b.data,h=b.loading,g=b.refetch;var x=y===null||y===void 0?void 0:y.user;var C=l(U,{variables:{locale:f}}),q=C.data,k=C.loading;var _=l($,{}),T=_.data,E=_.loading;var I=l(H,{}).data;var P=d(B),S=P[0],L=P[1],j=L.loading,N=L.errors;var D=o(((r=(e=x===null||x===void 0?void 0:x.impactConnection)===null||e===void 0?void 0:e.publisher)===null||r===void 0?void 0:r.countryCode)||""),z=D[0],W=D[1];var F=o(((i=(t=x===null||x===void 0?void 0:x.impactConnection)===null||t===void 0?void 0:t.publisher)===null||i===void 0?void 0:i.currency)||""),M=F[0],R=F[1];console.log(z,M,"initial country and currency state");var A=o(""),V=A[0],Z=A[1];var G=o(""),J=G[0],K=G[1];var Q=o(((s=T===null||T===void 0?void 0:T.impactPayoutCountries)===null||s===void 0?void 0:s.data)||[]),X=Q[0],Y=Q[1];var nn=o(((u=q===null||q===void 0?void 0:q.currencies)===null||u===void 0?void 0:u.data)||[]),en=nn[0],rn=nn[1];var tn=o(""),on=tn[0],an=tn[1];var sn=o(false),un=sn[0],ln=sn[1];var cn=((c=T===null||T===void 0?void 0:T.impactPayoutCountries)===null||c===void 0?void 0:c.data)||[];var dn=((p=q===null||q===void 0?void 0:q.currencies)===null||p===void 0?void 0:p.data)||[];console.log(x,"user data from partner info query");a((function(){var n;if(y&&((n=x.impactConnection)===null||n===void 0?void 0:n.publisher)){W(x.impactConnection.publisher.countryCode);R(x.impactConnection.publisher.currency)}}),[y]);a((function(){if(!(cn===null||cn===void 0?void 0:cn.length))return;if(V.trim()===""){Y(cn||[])}else{Y(cn.filter((function(n){return n.displayName.toLowerCase().includes(V.toLowerCase())}))||[])}}),[V,cn]);a((function(){if(!(dn===null||dn===void 0?void 0:dn.length))return;if(J.trim()===""){rn(dn||[])}else{rn(dn.filter((function(n){return n.currencyCode.toLowerCase().includes(J.toLowerCase())}))||[])}}),[J,dn]);var pn=x===null||x===void 0?void 0:x.impactConnection;function mn(n){var e,r;var t=(r=(e=n.detail)===null||e===void 0?void 0:e.item)===null||r===void 0?void 0:r.__value;if(!t)return;W(t);R("");an("")}function vn(n){var e,r;var t=(r=(e=n.detail)===null||e===void 0?void 0:e.item)===null||r===void 0?void 0:r.__value;if(!t)return;R(t);an("")}function fn(){return __awaiter(this,void 0,void 0,(function(){var e,r,t,o,a,i,s;return __generator(this,(function(u){switch(u.label){case 0:if(!z||!M){an(n.missingFieldsErrorText);return[2]}an("");u.label=1;case 1:u.trys.push([1,4,,5]);t={user:{id:x.id,accountId:x.accountId},firstName:x.firstName,lastName:x.lastName,countryCode:z,currency:M};return[4,S({vars:t})];case 2:o=u.sent();if(!o||((e=o)===null||e===void 0?void 0:e.message)){an(n.networkErrorText);return[2]}a=o.createImpactConnection;console.log(o,a,"result and connectionResult from creating partner from modal");if(!(a===null||a===void 0?void 0:a.success)){i=(r=a===null||a===void 0?void 0:a.validationErrors)===null||r===void 0?void 0:r.map((function(n){return n.message})).join(". ");an(i||n.networkErrorText);console.error("Failed to create Impact connection:",a===null||a===void 0?void 0:a.validationErrors);return[2]}window.dispatchEvent(new Event(w));return[4,g()];case 3:u.sent();ln(true);return[3,5];case 4:s=u.sent();console.error("Partner creation error:",s);an(n.networkErrorText);return[3,5];case 5:return[2]}}))}))}console.log(un,"success state in partner info modal");var bn=!un&&!h&&(!(pn===null||pn===void 0?void 0:pn.connected)||!(pn===null||pn===void 0?void 0:pn.publisher));console.log(bn,"showModal condition in partner info modal");return{states:{open:bn,loading:h||E||k,submitting:j,isExistingPartner:(pn===null||pn===void 0?void 0:pn.connected)||(pn===null||pn===void 0?void 0:pn.publisher),countryCode:z,currency:M,error:on,success:un,brandName:((m=I===null||I===void 0?void 0:I.tenantSettings)===null||m===void 0?void 0:m.companyName)||"",filteredCountries:X||[],filteredCurrencies:en||[]},callbacks:{onCountryChange:mn,onCurrencyChange:vn,setCurrencySearch:K,setCountrySearch:Z,onSubmit:fn,onClose:function(){return ln(true)}},text:n.getTextProps()}}var W=n("sqm_partner_info_modal",function(){function n(n){r(this,n);this.brandName="";this.modalHeader="Let's get you ready for rewards";this.modalHeaderExistingPartner="We found an existing account";this.descriptionNewPartner="Confirm your country and currency now to get your future rewards faster.";this.descriptionExistingPartner="We found an account with this email on our referral program provider, impact.com. Please confirm your country and currency now to get your future rewards faster.";this.supportDescriptionExistingPartner="If this is a mistake, please contact Support or sign up for this referral program with a different email.";this.countryLabel="Country";this.currencyLabel="Currency";this.submitButtonLabel="Submit";this.confirmButtonLabel="Confirm";this.searchCountryPlaceholder="Search for a country";this.searchCurrencyPlaceholder="Search for a currency";this.networkErrorText="An error occurred. Please try again.";this.missingFieldsErrorText="Please select both a country and currency.";i(this)}n.prototype.disconnectedCallback=function(){};n.prototype.getTextProps=function(){return b(this)};n.prototype.render=function(){var n=p()?F(this):z(this);return e(g,Object.assign({},n))};return n}());function F(n){var e=o("US"),r=e[0],t=e[1];var a=o(""),i=a[0],s=a[1];var u=o(""),l=u[0],c=u[1];return f({states:{brandName:"Test Brand",open:true,loading:false,submitting:false,isExistingPartner:false,countryCode:r,currency:i,error:l,success:false,filteredCountries:[],filteredCurrencies:[]},callbacks:{onCountryChange:function(n){var e,r;var o=(r=(e=n===null||n===void 0?void 0:n.detail)===null||e===void 0?void 0:e.item)===null||r===void 0?void 0:r.__value;if(o){t(o);s("")}},onCurrencyChange:function(n){var e,r;var t=(r=(e=n===null||n===void 0?void 0:n.detail)===null||e===void 0?void 0:e.item)===null||r===void 0?void 0:r.__value;if(t)s(t)},setCountrySearch:function(){},setCurrencySearch:function(){},onSubmit:function(){if(!r||!i){c(n.missingFieldsErrorText);return}c("")},onClose:function(){}},text:{modalHeader:n.modalHeader,descriptionNewPartner:n.descriptionNewPartner,descriptionExistingPartner:n.descriptionExistingPartner,countryLabel:n.countryLabel,currencyLabel:n.currencyLabel,submitButtonLabel:n.submitButtonLabel,confirmButtonLabel:n.confirmButtonLabel,searchCountryPlaceholder:n.searchCountryPlaceholder,searchCurrencyPlaceholder:n.searchCurrencyPlaceholder,supportDescriptionExistingPartner:n.supportDescriptionExistingPartner,modalHeaderExistingPartner:n.modalHeaderExistingPartner}},n.demoData||{},{arrayMerge:function(n,e){return e}})}}}}));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "2.1.9-0",
+  "version": "2.1.9-1",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",

package/dist/cjs/sqm-partner-info-modal.cjs.entry.js

@@ -1,396 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-fd67d7bc.js');
-const domContextHooks_module = require('./dom-context-hooks.module-224e09d4.js');
-const index_module = require('./index.module-c79bd5b0.js');
-require('./jss-preset-default.esm-b48f0c33.js');
-require('./JSS-518e9b4d.js');
-const utils = require('./utils-e326d1b5.js');
-const cjs = require('./cjs-2bf512b9.js');
-const sqmPartnerInfoModalView = require('./sqm-partner-info-modal-view-a56c6df5.js');
-const eventKeys = require('./eventKeys-7af4df4d.js');
-
-// new field under impactConnection:{ resolvedByEmail: boolean } - determines if connection came from managed identity
-const GET_USER_PARTNER_INFO = index_module.dist.gql `
-  query getUserPartnerInfo {
-    user: viewer {
-      ... on User {
-        id
-        accountId
-        firstName
-        lastName
-        email
-        countryCode
-        customFields
-        impactConnection {
-          connected
-          publisher {
-            phoneNumber
-            phoneNumberCountryCode
-            countryCode
-            currency
-            requiredTaxDocumentType
-            currentTaxDocument {
-              type
-              status
-            }
-            withdrawalSettings {
-              paymentMethod
-            }
-          }
-        }
-      }
-    }
-  }
-`;
-const GET_COUNTRIES = index_module.dist.gql `
-  query getCountries {
-    impactPayoutCountries(limit: 1000) {
-      data {
-        countryCode
-        displayName
-      }
-    }
-  }
-`;
-const GET_CURRENCIES = index_module.dist.gql `
-  query currencies($locale: RSLocale) {
-    currencies(limit: 300) {
-      data {
-        displayName(locale: $locale)
-        currencyCode
-      }
-    }
-  }
-`;
-const CONNECT_PARTNER = index_module.dist.gql `
-  mutation createImpactConnection($vars: ImpactConnectionInput!) {
-    createImpactConnection(impactConnectionInput: $vars) {
-      success
-      validationErrors {
-        field
-        message
-      }
-      user {
-        id
-        accountId
-        impactConnection {
-          connected
-          publisher {
-            brandedSignup
-            requiredTaxDocumentType
-            currentTaxDocument {
-              type
-              status
-            }
-          }
-        }
-      }
-    }
-  }
-`;
-const GET_BRAND_NAME = index_module.dist.gql `
-  query getTenantSettings {
-    tenantSettings {
-      companyName
-    }
-  }
-`;
-function usePartnerInfoModal(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-  const locale = index_module.L();
-  const { data: userData, loading: userLoading, refetch, } = index_module.wn(GET_USER_PARTNER_INFO, {});
-  const user = userData === null || userData === void 0 ? void 0 : userData.user;
-  const { data: currenciesData, loading: currenciesLoading } = index_module.wn(GET_CURRENCIES, { variables: { locale } });
-  const { data: countriesData, loading: countriesLoading } = index_module.wn(GET_COUNTRIES, {});
-  const { data: tenantSettingsData } = index_module.wn(GET_BRAND_NAME, {});
-  const [connectImpactPartner, { loading: connectLoading, errors: connectErrors },] = index_module.$e(CONNECT_PARTNER);
-  const [countryCode, setCountryCode] = domContextHooks_module.useState(((_b = (_a = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher) === null || _b === void 0 ? void 0 : _b.countryCode) || "");
-  const [currency, setCurrency] = domContextHooks_module.useState(((_d = (_c = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _c === void 0 ? void 0 : _c.publisher) === null || _d === void 0 ? void 0 : _d.currency) || "");
-  console.log(countryCode, currency, "initial country and currency state"); // TEMP
-  const [countrySearch, setCountrySearch] = domContextHooks_module.useState("");
-  const [currencySearch, setCurrencySearch] = domContextHooks_module.useState("");
-  const [filteredCountries, setFilteredCountries] = domContextHooks_module.useState(((_e = countriesData === null || countriesData === void 0 ? void 0 : countriesData.impactPayoutCountries) === null || _e === void 0 ? void 0 : _e.data) || []);
-  const [filteredCurrencies, setFilteredCurrencies] = domContextHooks_module.useState(((_f = currenciesData === null || currenciesData === void 0 ? void 0 : currenciesData.currencies) === null || _f === void 0 ? void 0 : _f.data) || []);
-  const [error, setError] = domContextHooks_module.useState("");
-  const [success, setSuccess] = domContextHooks_module.useState(false);
-  const countries = ((_g = countriesData === null || countriesData === void 0 ? void 0 : countriesData.impactPayoutCountries) === null || _g === void 0 ? void 0 : _g.data) || [];
-  const currencies = ((_h = currenciesData === null || currenciesData === void 0 ? void 0 : currenciesData.currencies) === null || _h === void 0 ? void 0 : _h.data) || [];
-  console.log(user, "user data from partner info query"); // TEMP
-  domContextHooks_module.useEffect(() => {
-    var _a;
-    if (userData && ((_a = user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher)) {
-      setCountryCode(user.impactConnection.publisher.countryCode);
-      setCurrency(user.impactConnection.publisher.currency);
-    }
-  }, [userData]);
-  domContextHooks_module.useEffect(() => {
-    if (!(countries === null || countries === void 0 ? void 0 : countries.length))
-      return;
-    if (countrySearch.trim() === "") {
-      setFilteredCountries(countries || []);
-    }
-    else {
-      setFilteredCountries(countries.filter((c) => c.displayName.toLowerCase().includes(countrySearch.toLowerCase())) || []);
-    }
-  }, [countrySearch, countries]);
-  domContextHooks_module.useEffect(() => {
-    if (!(currencies === null || currencies === void 0 ? void 0 : currencies.length))
-      return;
-    if (currencySearch.trim() === "") {
-      setFilteredCurrencies(currencies || []);
-    }
-    else {
-      setFilteredCurrencies(currencies.filter((c) => c.currencyCode.toLowerCase().includes(currencySearch.toLowerCase())) || []);
-    }
-  }, [currencySearch, currencies]);
-  const impactConnection = user === null || user === void 0 ? void 0 : user.impactConnection;
-  function onCountryChange(e) {
-    var _a, _b;
-    const value = (_b = (_a = e.detail) === null || _a === void 0 ? void 0 : _a.item) === null || _b === void 0 ? void 0 : _b.__value;
-    if (!value)
-      return;
-    setCountryCode(value);
-    setCurrency("");
-    setError("");
-  }
-  function onCurrencyChange(e) {
-    var _a, _b;
-    const value = (_b = (_a = e.detail) === null || _a === void 0 ? void 0 : _a.item) === null || _b === void 0 ? void 0 : _b.__value;
-    if (!value)
-      return;
-    setCurrency(value);
-    setError("");
-  }
-  async function onSubmit() {
-    var _a, _b;
-    if (!countryCode || !currency) {
-      setError(props.missingFieldsErrorText);
-      return;
-    }
-    setError("");
-    try {
-      const vars = {
-        user: {
-          id: user.id,
-          accountId: user.accountId,
-        },
-        firstName: user.firstName,
-        lastName: user.lastName,
-        // phoneNumber: null,
-        // phoneNumberCountryCode: null,
-        countryCode,
-        currency,
-      };
-      const result = await connectImpactPartner({ vars });
-      if (!result || ((_a = result) === null || _a === void 0 ? void 0 : _a.message)) {
-        setError(props.networkErrorText);
-        return;
-      }
-      const connectionResult = result
-        .createImpactConnection;
-      console.log(result, connectionResult, "result and connectionResult from creating partner from modal");
-      if (!(connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.success)) {
-        const validationMsg = (_b = connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.validationErrors) === null || _b === void 0 ? void 0 : _b.map((e) => e.message).join(". ");
-        setError(validationMsg || props.networkErrorText);
-        console.error("Failed to create Impact connection:", connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.validationErrors);
-        return;
-      }
-      window.dispatchEvent(new Event(eventKeys.TAX_FORM_UPDATED_EVENT_KEY));
-      await refetch();
-      setSuccess(true);
-    }
-    catch (e) {
-      console.error("Partner creation error:", e);
-      setError(props.networkErrorText);
-    }
-  }
-  console.log(success, "success state in partner info modal");
-  const showModal = !success &&
-    !userLoading &&
-    (!(impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.connected) || !(impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.publisher));
-  console.log(showModal, "showModal condition in partner info modal"); // TEMP
-  return {
-    states: {
-      open: showModal,
-      loading: userLoading || countriesLoading || currenciesLoading,
-      submitting: connectLoading,
-      isExistingPartner: (impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.connected) || (impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.publisher),
-      countryCode,
-      currency,
-      error,
-      success,
-      brandName: ((_j = tenantSettingsData === null || tenantSettingsData === void 0 ? void 0 : tenantSettingsData.tenantSettings) === null || _j === void 0 ? void 0 : _j.companyName) || "",
-      filteredCountries: filteredCountries || [],
-      filteredCurrencies: filteredCurrencies || [],
-    },
-    callbacks: {
-      onCountryChange,
-      onCurrencyChange,
-      setCurrencySearch,
-      setCountrySearch,
-      onSubmit,
-      onClose: () => {
-        window.dispatchEvent(new Event(eventKeys.TAX_FORM_UPDATED_EVENT_KEY));
-        setSuccess(true);
-      },
-    },
-    text: props.getTextProps(),
-  };
-}
-
-const PartnerInfoModal = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /**
-     * Brand name shown in the modal header
-     *
-     * @uiName Brand name
-     */
-    this.brandName = "";
-    /**
-     * Header text when user has no existing partner
-     *
-     * @uiName New partner header
-     * @uiWidget textArea
-     */
-    this.modalHeader = "Let's get you ready for rewards";
-    /**
-     * Header text when user has an existing partner
-     *
-     * @uiName Existing partner header
-     * @uiWidget textArea
-     */
-    this.modalHeaderExistingPartner = "We found an existing account";
-    /**
-     * Description for new partner setup
-     *
-     * @uiName New partner description
-     * @uiWidget textArea
-     */
-    this.descriptionNewPartner = "Confirm your country and currency now to get your future rewards faster.";
-    /**
-     * Description for existing partner confirmation
-     *
-     * @uiName Existing partner description
-     * @uiWidget textArea
-     */
-    this.descriptionExistingPartner = "We found an account with this email on our referral program provider, impact.com. Please confirm your country and currency now to get your future rewards faster.";
-    /**
-     * Support description for existing partner confirmation
-     *
-     * @uiName Existing partner support description
-     * @uiWidget textArea
-     */
-    this.supportDescriptionExistingPartner = "If this is a mistake, please contact Support or sign up for this referral program with a different email.";
-    /**
-     * @uiName Country label
-     */
-    this.countryLabel = "Country";
-    /**
-     * @uiName Currency label
-     */
-    this.currencyLabel = "Currency";
-    /**
-     * @uiName Submit button label
-     */
-    this.submitButtonLabel = "Submit";
-    /**
-     * @uiName Confirm button label
-     */
-    this.confirmButtonLabel = "Confirm";
-    /**
-     * @uiName Search country placeholder
-     */
-    this.searchCountryPlaceholder = "Search for a country";
-    /**
-     * @uiName Search currency placeholder
-     */
-    this.searchCurrencyPlaceholder = "Search for a currency";
-    /**
-     * @uiName Network error text
-     * @uiWidget textArea
-     */
-    this.networkErrorText = "An error occurred. Please try again.";
-    /**
-     * @uiName Missing fields error text
-     * @uiWidget textArea
-     */
-    this.missingFieldsErrorText = "Please select both a country and currency.";
-    domContextHooks_module.h$1(this);
-  }
-  disconnectedCallback() { }
-  getTextProps() {
-    return utils.getProps(this);
-  }
-  render() {
-    // AL: TODO add usePartnerInfoModal
-    const props = index_module.isDemo()
-      ? useDemoPartnerInfoModal(this)
-      : usePartnerInfoModal(this);
-    return index.h(sqmPartnerInfoModalView.PartnerInfoModalView, Object.assign({}, props));
-  }
-};
-function useDemoPartnerInfoModal(props) {
-  const [countryCode, setCountryCode] = domContextHooks_module.useState("US");
-  const [currency, setCurrency] = domContextHooks_module.useState("");
-  const [error, setError] = domContextHooks_module.useState("");
-  return cjs.cjs({
-    states: {
-      brandName: "Test Brand",
-      open: true,
-      loading: false,
-      submitting: false,
-      isExistingPartner: false,
-      countryCode,
-      currency,
-      error,
-      success: false,
-      filteredCountries: [],
-      filteredCurrencies: [],
-    },
-    callbacks: {
-      onCountryChange: (e) => {
-        var _a, _b;
-        const value = (_b = (_a = e === null || e === void 0 ? void 0 : e.detail) === null || _a === void 0 ? void 0 : _a.item) === null || _b === void 0 ? void 0 : _b.__value;
-        if (value) {
-          setCountryCode(value);
-          setCurrency("");
-        }
-      },
-      onCurrencyChange: (e) => {
-        var _a, _b;
-        const value = (_b = (_a = e === null || e === void 0 ? void 0 : e.detail) === null || _a === void 0 ? void 0 : _a.item) === null || _b === void 0 ? void 0 : _b.__value;
-        if (value)
-          setCurrency(value);
-      },
-      setCountrySearch: () => { },
-      setCurrencySearch: () => { },
-      onSubmit: () => {
-        if (!countryCode || !currency) {
-          setError(props.missingFieldsErrorText);
-          return;
-        }
-        setError("");
-      },
-      onClose: () => { },
-    },
-    text: {
-      modalHeader: props.modalHeader,
-      descriptionNewPartner: props.descriptionNewPartner,
-      descriptionExistingPartner: props.descriptionExistingPartner,
-      countryLabel: props.countryLabel,
-      currencyLabel: props.currencyLabel,
-      submitButtonLabel: props.submitButtonLabel,
-      confirmButtonLabel: props.confirmButtonLabel,
-      searchCountryPlaceholder: props.searchCountryPlaceholder,
-      searchCurrencyPlaceholder: props.searchCurrencyPlaceholder,
-      supportDescriptionExistingPartner: props.supportDescriptionExistingPartner,
-      modalHeaderExistingPartner: props.modalHeaderExistingPartner,
-    },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}
-
-exports.sqm_partner_info_modal = PartnerInfoModal;