@saasquatch/mint-components 2.1.9-20 → 2.1.9-21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (53) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/mint-components.cjs.js +1 -1
  3. package/dist/cjs/sqm-banking-info-form_10.cjs.entry.js +1 -1
  4. package/dist/cjs/sqm-email-verification_2.cjs.entry.js +42 -2
  5. package/dist/cjs/{sqm-partner-info-modal-view-d5c997e6.js → sqm-partner-info-modal-view-464c52c9.js} +20 -2
  6. package/dist/cjs/sqm-partner-info-modal.cjs.entry.js +493 -0
  7. package/dist/cjs/sqm-stencilbook.cjs.entry.js +10 -2
  8. package/dist/cjs/{sqm-user-info-form-view-db47a968.js → sqm-user-info-form-view-01bf2f41.js} +2 -7
  9. package/dist/collection/components/sqm-partner-info-modal/PartnerInfoModal.stories.js +8 -0
  10. package/dist/collection/components/sqm-partner-info-modal/sqm-partner-info-modal-view.js +20 -2
  11. package/dist/collection/components/sqm-partner-info-modal/sqm-partner-info-modal.js +91 -2
  12. package/dist/collection/components/sqm-partner-info-modal/usePartnerInfoModal.js +17 -0
  13. package/dist/collection/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.js +2 -7
  14. package/dist/esm/loader.js +1 -1
  15. package/dist/esm/mint-components.js +1 -1
  16. package/dist/esm/sqm-banking-info-form_10.entry.js +1 -1
  17. package/dist/esm/sqm-email-verification_2.entry.js +42 -2
  18. package/dist/esm/{sqm-partner-info-modal-view-08b7c5f6.js → sqm-partner-info-modal-view-a6324934.js} +20 -2
  19. package/dist/esm/sqm-partner-info-modal.entry.js +489 -0
  20. package/dist/esm/sqm-stencilbook.entry.js +10 -2
  21. package/dist/esm/{sqm-user-info-form-view-712cd51b.js → sqm-user-info-form-view-365cef98.js} +2 -7
  22. package/dist/esm-es5/loader.js +1 -1
  23. package/dist/esm-es5/mint-components.js +1 -1
  24. package/dist/esm-es5/sqm-banking-info-form_10.entry.js +1 -1
  25. package/dist/esm-es5/sqm-email-verification_2.entry.js +1 -1
  26. package/dist/esm-es5/sqm-partner-info-modal-view-a6324934.js +1 -0
  27. package/dist/esm-es5/sqm-partner-info-modal.entry.js +1 -0
  28. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  29. package/dist/esm-es5/{sqm-user-info-form-view-712cd51b.js → sqm-user-info-form-view-365cef98.js} +1 -1
  30. package/dist/mint-components/mint-components.esm.js +1 -1
  31. package/dist/mint-components/{p-fc783749.entry.js → p-038d0b8f.entry.js} +1 -1
  32. package/dist/mint-components/p-1c413a06.system.js +1 -1
  33. package/dist/mint-components/p-1e35f151.system.js +1 -0
  34. package/dist/mint-components/{p-842f45b9.js → p-52eca331.js} +1 -1
  35. package/dist/mint-components/{p-0dc17c6a.entry.js → p-6530c3f1.entry.js} +2 -2
  36. package/dist/mint-components/{p-1b7dfd6f.system.entry.js → p-9b790948.system.entry.js} +1 -1
  37. package/dist/mint-components/{p-0a126d1b.system.entry.js → p-a0986077.system.entry.js} +1 -1
  38. package/dist/mint-components/p-a1e1c42a.js +1 -0
  39. package/dist/mint-components/{p-8e1acd9a.system.js → p-a2db4345.system.js} +1 -1
  40. package/dist/mint-components/{p-45e72bed.system.entry.js → p-b6ac3080.system.entry.js} +1 -1
  41. package/dist/mint-components/{p-91a00693.entry.js → p-bc4b2728.entry.js} +5 -5
  42. package/dist/mint-components/sqm-partner-info-modal.entry.js +489 -0
  43. package/dist/mint-components/sqm-partner-info-modal.system.entry.js +1 -0
  44. package/dist/types/components/sqm-partner-info-modal/sqm-partner-info-modal-view.d.ts +7 -0
  45. package/dist/types/components/sqm-partner-info-modal/sqm-partner-info-modal.d.ts +16 -0
  46. package/dist/types/components.d.ts +32 -0
  47. package/docs/docs.docx +0 -0
  48. package/docs/raisins.json +1 -1
  49. package/grapesjs/grapesjs.js +1 -1
  50. package/package.json +1 -1
  51. package/dist/esm-es5/sqm-partner-info-modal-view-08b7c5f6.js +0 -1
  52. package/dist/mint-components/p-b077d478.js +0 -1
  53. package/dist/mint-components/p-da6c5d98.system.js +0 -1
package/dist/esm-es5/sqm-email-verification_2.entry.js CHANGED
@@ -1 +1 @@
1
- var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,n){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:n})}else{e.raw=n}return e};var __awaiter=this&&this.__awaiter||function(e,n,t,r){function a(e){return e instanceof t?e:new t((function(n){n(e)}))}return new(t||(t=Promise))((function(t,o){function i(e){try{l(r.next(e))}catch(e){o(e)}}function s(e){try{l(r["throw"](e))}catch(e){o(e)}}function l(e){e.done?t(e.value):a(e.value).then(i,s)}l((r=r.apply(e,n||[])).next())}))};var __generator=this&&this.__generator||function(e,n){var t={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,a,o,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(e){return function(n){return l([e,n])}}function l(i){if(r)throw new TypeError("Generator is already executing.");while(t)try{if(r=1,a&&(o=i[0]&2?a["return"]:i[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,i[1])).done)return o;if(a=0,o)i=[i[0]&2,o.value];switch(i[0]){case 0:case 1:o=i;break;case 4:t.label++;return{value:i[1],done:false};case 5:t.label++;a=i[1];i=[0];continue;case 7:i=t.ops.pop();t.trys.pop();continue;default:if(!(o=t.trys,o=o.length>0&&o[o.length-1])&&(i[0]===6||i[0]===2)){t=0;continue}if(i[0]===3&&(!o||i[1]>o[0]&&i[1]<o[3])){t.label=i[1];break}if(i[0]===6&&t.label<o[1]){t.label=o[1];o=i;break}if(o&&t.label<o[2]){t.label=o[2];t.ops.push(i);break}if(o[2])t.ops.pop();t.trys.pop();continue}i=n.call(e,t)}catch(e){i=[6,e];a=0}finally{r=o=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};var __spreadArrays=this&&this.__spreadArrays||function(){for(var e=0,n=0,t=arguments.length;n<t;n++)e+=arguments[n].length;for(var r=Array(e),a=0,n=0;n<t;n++)for(var o=arguments[n],i=0,s=o.length;i<s;i++,a++)r[a]=o[i];return r};import{h,r as registerInstance}from"./index-38ad4957.js";import{i as intl}from"./global-39f55ec2.js";import{k as useState,f as useEffect,n as h$1,u as useMemo}from"./dom-context-hooks.module-50442785.js";import{d as dist,t as Pn,w as wn,J,$ as $e,i as isDemo,r as En,L}from"./index.module-cede12c6.js";import{c as cjs}from"./cjs-bdfb4486.js";import{g as getProps}from"./utils-334c1e34.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{T as TextSpanView}from"./sqm-text-span-view-4db9e33f.js";import{g as GET_FINANCE_NETWORK_SETTINGS}from"./data-33c16dff.js";import{a as PartnerInfoModalContentView,P as PartnerInfoModalView}from"./sqm-partner-info-modal-view-08b7c5f6.js";import{S as SHOW_CODE_NAMESPACE,a as VERIFICATION_EMAIL_NAMESPACE,V as VERIFICATION_PARENT_NAMESPACE}from"./keys-db1897ae.js";import{T as TAX_FORM_UPDATED_EVENT_KEY}from"./eventKeys-f76b6a03.js";import{p as parseStates}from"./parseStates-ed75e224.js";import{u as useVerificationEmail}from"./useVerificationEmail-cb3d51e3.js";var UpsertUserEmailMutation=dist.gql(templateObject_1||(templateObject_1=__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 UserLookupQuery=dist.gql(templateObject_2||(templateObject_2=__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 useUpsertUserEmail(){var e=this;var n=J();var t=$e(UpsertUserEmailMutation),r=t[0],a=t[1],o=a.loading,i=a.data,s=a.errors;var l=function(t){return __awaiter(e,void 0,void 0,(function(){var e,a;return __generator(this,(function(o){switch(o.label){case 0:o.trys.push([0,2,,3]);return[4,r({userInput:{id:n.id,accountId:n.accountId,email:t}})];case 1:e=o.sent();if(e instanceof Error||!e)throw new Error;return[2,e];case 2:a=o.sent();console.error("Could not set email on user",a);return[2,undefined];case 3:return[2]}}))}))};return[l,{loading:o,data:i,errors:s}]}function useWidgetEmailVerification(e){var n=this;var t=Pn(SHOW_CODE_NAMESPACE),r=t[0],a=t[1];var o=Pn(VERIFICATION_EMAIL_NAMESPACE),i=o[0],s=o[1];var l=useState(false),u=l[0],c=l[1];var d=useState(false),p=d[0],m=d[1];var f=useState(false),v=f[0],b=f[1];var h=useVerificationEmail(),y=h.initialized,g=h.send,C=g[0],E=g[1],_=E.loading,w=E.errors;var x=useUpsertUserEmail()[0];var T=useState(true),I=T[0],S=T[1];var q=wn(UserLookupQuery,{}),k=q.data,P=q.loading;var N=/^(([^<>()[\]\\.,;:\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,}))$/;useEffect((function(){if(!(k===null||k===void 0?void 0:k.viewer))return;c(!!k.viewer.email)}),[k]);useEffect((function(){if(y)S(false)}),[y]);var O=function(e){return __awaiter(n,void 0,void 0,(function(){var n,t,r,o,i;return __generator(this,(function(l){switch(l.label){case 0:e.preventDefault();if(!(k===null||k===void 0?void 0:k.viewer))return[2];S(true);n=k.viewer.email;if(!!n)return[3,2];t=e.detail.formData;r=t.get("email").toString();if(!N.test(r)){m(true);return[2]}return[4,x(r)];case 1:o=l.sent();if(!o||!o.user.email)m(true);l.label=2;case 2:if(!y)return[2];return[4,C()];case 3:i=l.sent();if(!i||!i.success)b(true);else{s(n);a(true)}S(false);return[2]}}))}))};return{callbacks:{submitEmail:O},states:{loading:I,initialLoading:P&&!y,error:p,email:k===null||k===void 0?void 0:k.viewer.email,sendCodeError:v},text:e.getTextProps()}}var style={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"},ContinueButton:{width:"100%"},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 vanillaStyle='\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 sheet=createStyleSheet(style);var styleString=sheet.toString();function WidgetEmailVerificationView(e){var n=e.states,t=e.callbacks,r=e.text;var a=function(){return h("div",{class:sheet.classes.Wrapper},h("sqm-skeleton",{height:"16px",width:"50%"}),h("sqm-skeleton",{height:"16px",width:"50%"}),h("sqm-skeleton",{height:"16px",width:"50%"}),h("sqm-skeleton",{height:"34px",width:"30%"}),h("sqm-skeleton",{height:"24px",width:"15%"}),h("sl-button",{submit:true,class:sheet.classes.ContinueButton,loading:true,exportparts:"base: primarybutton-base",type:"primary"},r.sendCodeText))};return h("div",{part:"sqm-base"},h("style",{type:"text/css"},vanillaStyle,styleString),n.sendCodeError&&h("sqm-form-message",{type:"error"},h("p",{part:"alert-title"},r.sendCodeErrorHeader),intl.formatMessage({id:"sendCodeErrorDescription",defaultMessage:r.sendCodeErrorDescription},{supportLink:h("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)})),n.initialLoading?a():h("div",{class:sheet.classes.Wrapper},h(TextSpanView,{type:"p"},r.verifyEmailHeaderText),h("sl-form",{"onSl-submit":t.submitEmail},h("div",{class:sheet.classes.InputsContainer},h("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",label:r.emailLabel,value:n.email||"",type:"email",id:"email",name:"email",disabled:!!n.email||n.loading},n.error?{class:sheet.classes.ErrorInput,helpText:r.emailValidationErrorText}:{})),h("sl-button",{submit:true,class:sheet.classes.ContinueButton,loading:n.loading,exportparts:"base: primarybutton-base",type:"primary"},r.sendCodeText)))))}var WidgetEmailVerification=function(){function e(e){registerInstance(this,e);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";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.getTextProps=function(){return getProps(this)};e.prototype.render=function(){var e=isDemo()?useDemoWidgetEmailVerification(this):useWidgetEmailVerification(this);return h(WidgetEmailVerificationView,Object.assign({},e))};return e}();function useDemoWidgetEmailVerification(e){var n=this;var t=En(SHOW_CODE_NAMESPACE);return cjs({states:{error:true,initialLoading:false,loading:false,email:"test@example.com",sendCodeError:true},callbacks:{submitEmail:function(){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(e){return[2,t(true)]}))}))}},text:e.getTextProps()},e.demoData||{},{arrayMerge:function(e,n){return n}})}var GET_USER_PARTNER_INFO=dist.gql(templateObject_3||(templateObject_3=__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 connectionStatus\n publisher {\n id\n countryCode\n currency\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 connectionStatus\n publisher {\n id\n countryCode\n currency\n }\n }\n }\n }\n }\n"])));var GET_COUNTRIES=dist.gql(templateObject_4||(templateObject_4=__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 GET_CURRENCIES=dist.gql(templateObject_5||(templateObject_5=__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 CONNECT_PARTNER=dist.gql(templateObject_6||(templateObject_6=__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 START_IMPACT_CONNECTION=dist.gql(templateObject_7||(templateObject_7=__makeTemplateObject(["\n mutation startImpactConnection($vars: ImpactConnectionInput!) {\n startImpactConnection(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 startImpactConnection($vars: ImpactConnectionInput!) {\n startImpactConnection(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 GET_BRAND_NAME=dist.gql(templateObject_8||(templateObject_8=__makeTemplateObject(["\n query getTenantSettings {\n tenantSettings {\n companyName\n }\n }\n"],["\n query getTenantSettings {\n tenantSettings {\n companyName\n }\n }\n"])));function usePartnerInfoModal(e){var n,t,r,a,o,i,s;var l=L();var u=En(VERIFICATION_PARENT_NAMESPACE);var c=wn(GET_USER_PARTNER_INFO,{}),d=c.data,p=c.loading,m=c.refetch;var f=d===null||d===void 0?void 0:d.user;var v=wn(GET_CURRENCIES,{variables:{locale:l}}),b=v.data,h=v.loading;var y=wn(GET_COUNTRIES,{}),g=y.data,C=y.loading;var E=wn(GET_BRAND_NAME,{}).data;var _=wn(GET_FINANCE_NETWORK_SETTINGS,{variables:{filter:{}}}).data;var w=$e(START_IMPACT_CONNECTION),x=w[0],T=w[1],I=T.loading,S=T.errors;var q=useState(((t=(n=f===null||f===void 0?void 0:f.impactConnection)===null||n===void 0?void 0:n.publisher)===null||t===void 0?void 0:t.countryCode)||l.replace(/^.*_/,"")),k=q[0],P=q[1];var N=useState(((a=(r=f===null||f===void 0?void 0:f.impactConnection)===null||r===void 0?void 0:r.publisher)===null||a===void 0?void 0:a.currency)||""),O=N[0],j=N[1];var A=((o=g===null||g===void 0?void 0:g.impactPayoutCountries)===null||o===void 0?void 0:o.data)||[];var D=useMemo((function(){var e,n;var t=(n=(e=_===null||_===void 0?void 0:_.impactFinanceNetworkSettings)===null||e===void 0?void 0:e.data)===null||n===void 0?void 0:n.reduce((function(e,n){var t,r;var a=(r=(t=b===null||b===void 0?void 0:b.currencies)===null||t===void 0?void 0:t.data)===null||r===void 0?void 0:r.find((function(e){return e.currencyCode===n.currency}));if(!a)return e;if(e.find((function(e){return e.currencyCode===n.currency})))return e;if(k&&n.countryCode!==k)return e;return __spreadArrays(e,[a])}),[]);return(t||[]).sort((function(e,n){return e.displayName.localeCompare(n.displayName)}))}),[_,b,k]);var M=useState(""),R=M[0],U=M[1];var V=useState(""),$=V[0],W=V[1];var F=useState(((i=g===null||g===void 0?void 0:g.impactPayoutCountries)===null||i===void 0?void 0:i.data)||[]),G=F[0],H=F[1];var B=useState(D||[]),z=B[0],K=B[1];console.log(d,"userData partner info modal");var J=useState(""),Q=J[0],X=J[1];var Y=useState(false),Z=Y[0],ee=Y[1];useEffect((function(){var e;var n=(e=f===null||f===void 0?void 0:f.impactConnection)===null||e===void 0?void 0:e.publisher;if(!d||!n)return;P(n.countryCode);j(n.currency)}),[d,f]);useEffect((function(){if(!(A===null||A===void 0?void 0:A.length))return;if(R.trim()===""){H(A||[])}else{H(A.filter((function(e){return e.displayName.toLowerCase().includes(R.toLowerCase())}))||[])}}),[R,A]);useEffect((function(){if(!(D===null||D===void 0?void 0:D.length))return;if($.trim()===""){K(D||[])}else{K(D.filter((function(e){return e.currencyCode.toLowerCase().includes($.toLowerCase())}))||[])}}),[$,D]);var ne=f===null||f===void 0?void 0:f.impactConnection;function te(e){var n,t;var r=(t=(n=e.detail)===null||n===void 0?void 0:n.item)===null||t===void 0?void 0:t.__value;if(!r)return;P(r);j("");X("")}function re(e){var n,t;var r=(t=(n=e.detail)===null||n===void 0?void 0:n.item)===null||t===void 0?void 0:t.__value;if(!r)return;j(r);X("")}function ae(){return __awaiter(this,void 0,void 0,(function(){var n,t,r,a,o,i,s;return __generator(this,(function(l){switch(l.label){case 0:if(!k||!O){X(e.missingFieldsErrorText);return[2]}X("");l.label=1;case 1:l.trys.push([1,4,,5]);r={user:{id:f.id,accountId:f.accountId},firstName:f.firstName,lastName:f.lastName,countryCode:k,currency:O};return[4,x({vars:r})];case 2:a=l.sent();if(!a||((n=a)===null||n===void 0?void 0:n.message)){X(e.networkErrorText);return[2]}o=a.startImpactConnection;console.log(a,o,"result and connectionResult from creating partner from modal");if(!(o===null||o===void 0?void 0:o.success)){i=(t=o===null||o===void 0?void 0:o.validationErrors)===null||t===void 0?void 0:t.map((function(e){return e.message})).join(". ");X(i||e.networkErrorText);console.error("Failed to create Impact connection:",o===null||o===void 0?void 0:o.validationErrors);return[2]}window.dispatchEvent(new Event(TAX_FORM_UPDATED_EVENT_KEY));return[4,m()];case 3:l.sent();ee(true);u(true);return[3,5];case 4:s=l.sent();console.error("Partner creation error:",s);X(e.networkErrorText);return[3,5];case 5:return[2]}}))}))}var oe=!Z&&!p&&(ne===null||ne===void 0?void 0:ne.connectionStatus)==="NOT_STARTED";return{states:{open:oe,loading:p||C||h,submitting:I,isExistingPartner:ne===null||ne===void 0?void 0:ne.publisher,countryCode:k,currency:O,error:Q,success:Z,brandName:((s=E===null||E===void 0?void 0:E.tenantSettings)===null||s===void 0?void 0:s.companyName)||"",filteredCountries:G||[],filteredCurrencies:z||[]},callbacks:{onCountryChange:te,onCurrencyChange:re,setCurrencySearch:W,setCountrySearch:U,onSubmit:ae,onClose:function(){return ee(true)}},text:e.getTextProps()}}var PartnerInfoModal=function(){function e(e){registerInstance(this,e);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.";this.inModal=false;this.stateController="{}";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.getTextProps=function(){return getProps(this)};e.prototype.render=function(){var e=isDemo()?useDemoPartnerInfoModal(this):usePartnerInfoModal(this);if(this.inModal){return h(PartnerInfoModalContentView,Object.assign({},e))}return h(PartnerInfoModalView,Object.assign({},e))};return e}();function useDemoPartnerInfoModal(e){var n=useState("US"),t=n[0],r=n[1];var a=useState(""),o=a[0],i=a[1];var s=useState(""),l=s[0],u=s[1];var c=parseStates(e.stateController);var d=(c===null||c===void 0?void 0:c["sqm-partner-info-modal"])||c||{};return cjs({states:{brandName:"Test Brand",open:true,loading:false,submitting:false,isExistingPartner:false,countryCode:t,currency:o,error:l,success:false,filteredCountries:[],filteredCurrencies:[]},callbacks:{onCountryChange:function(e){var n,t;var a=(t=(n=e===null||e===void 0?void 0:e.detail)===null||n===void 0?void 0:n.item)===null||t===void 0?void 0:t.__value;if(a){r(a);i("")}},onCurrencyChange:function(e){var n,t;var r=(t=(n=e===null||e===void 0?void 0:e.detail)===null||n===void 0?void 0:n.item)===null||t===void 0?void 0:t.__value;if(r)i(r)},setCountrySearch:function(){},setCurrencySearch:function(){},onSubmit:function(){if(!t||!o){u(e.missingFieldsErrorText);return}u("")},onClose:function(){}},text:{modalHeader:e.modalHeader,descriptionNewPartner:e.descriptionNewPartner,descriptionExistingPartner:e.descriptionExistingPartner,countryLabel:e.countryLabel,currencyLabel:e.currencyLabel,submitButtonLabel:e.submitButtonLabel,confirmButtonLabel:e.confirmButtonLabel,searchCountryPlaceholder:e.searchCountryPlaceholder,searchCurrencyPlaceholder:e.searchCurrencyPlaceholder,supportDescriptionExistingPartner:e.supportDescriptionExistingPartner,modalHeaderExistingPartner:e.modalHeaderExistingPartner}},e.demoData||d,{arrayMerge:function(e,n){return n}})}export{WidgetEmailVerification as sqm_email_verification,PartnerInfoModal as sqm_partner_info_modal};var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8;
1
+ var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,n){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:n})}else{e.raw=n}return e};var __awaiter=this&&this.__awaiter||function(e,n,t,r){function a(e){return e instanceof t?e:new t((function(n){n(e)}))}return new(t||(t=Promise))((function(t,o){function i(e){try{l(r.next(e))}catch(e){o(e)}}function s(e){try{l(r["throw"](e))}catch(e){o(e)}}function l(e){e.done?t(e.value):a(e.value).then(i,s)}l((r=r.apply(e,n||[])).next())}))};var __generator=this&&this.__generator||function(e,n){var t={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,a,o,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(e){return function(n){return l([e,n])}}function l(i){if(r)throw new TypeError("Generator is already executing.");while(t)try{if(r=1,a&&(o=i[0]&2?a["return"]:i[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,i[1])).done)return o;if(a=0,o)i=[i[0]&2,o.value];switch(i[0]){case 0:case 1:o=i;break;case 4:t.label++;return{value:i[1],done:false};case 5:t.label++;a=i[1];i=[0];continue;case 7:i=t.ops.pop();t.trys.pop();continue;default:if(!(o=t.trys,o=o.length>0&&o[o.length-1])&&(i[0]===6||i[0]===2)){t=0;continue}if(i[0]===3&&(!o||i[1]>o[0]&&i[1]<o[3])){t.label=i[1];break}if(i[0]===6&&t.label<o[1]){t.label=o[1];o=i;break}if(o&&t.label<o[2]){t.label=o[2];t.ops.push(i);break}if(o[2])t.ops.pop();t.trys.pop();continue}i=n.call(e,t)}catch(e){i=[6,e];a=0}finally{r=o=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};var __spreadArrays=this&&this.__spreadArrays||function(){for(var e=0,n=0,t=arguments.length;n<t;n++)e+=arguments[n].length;for(var r=Array(e),a=0,n=0;n<t;n++)for(var o=arguments[n],i=0,s=o.length;i<s;i++,a++)r[a]=o[i];return r};import{h,r as registerInstance}from"./index-38ad4957.js";import{i as intl}from"./global-39f55ec2.js";import{k as useState,f as useEffect,n as h$1,u as useMemo}from"./dom-context-hooks.module-50442785.js";import{d as dist,t as Pn,w as wn,J,$ as $e,i as isDemo,r as En,L}from"./index.module-cede12c6.js";import{c as cjs}from"./cjs-bdfb4486.js";import{g as getProps}from"./utils-334c1e34.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{T as TextSpanView}from"./sqm-text-span-view-4db9e33f.js";import{g as GET_FINANCE_NETWORK_SETTINGS}from"./data-33c16dff.js";import{a as PartnerInfoModalContentView,P as PartnerInfoModalView}from"./sqm-partner-info-modal-view-a6324934.js";import{S as SHOW_CODE_NAMESPACE,a as VERIFICATION_EMAIL_NAMESPACE,V as VERIFICATION_PARENT_NAMESPACE}from"./keys-db1897ae.js";import{T as TAX_FORM_UPDATED_EVENT_KEY}from"./eventKeys-f76b6a03.js";import{p as parseStates}from"./parseStates-ed75e224.js";import{u as useVerificationEmail}from"./useVerificationEmail-cb3d51e3.js";var UpsertUserEmailMutation=dist.gql(templateObject_1||(templateObject_1=__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 UserLookupQuery=dist.gql(templateObject_2||(templateObject_2=__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 useUpsertUserEmail(){var e=this;var n=J();var t=$e(UpsertUserEmailMutation),r=t[0],a=t[1],o=a.loading,i=a.data,s=a.errors;var l=function(t){return __awaiter(e,void 0,void 0,(function(){var e,a;return __generator(this,(function(o){switch(o.label){case 0:o.trys.push([0,2,,3]);return[4,r({userInput:{id:n.id,accountId:n.accountId,email:t}})];case 1:e=o.sent();if(e instanceof Error||!e)throw new Error;return[2,e];case 2:a=o.sent();console.error("Could not set email on user",a);return[2,undefined];case 3:return[2]}}))}))};return[l,{loading:o,data:i,errors:s}]}function useWidgetEmailVerification(e){var n=this;var t=Pn(SHOW_CODE_NAMESPACE),r=t[0],a=t[1];var o=Pn(VERIFICATION_EMAIL_NAMESPACE),i=o[0],s=o[1];var l=useState(false),c=l[0],u=l[1];var d=useState(false),p=d[0],m=d[1];var f=useState(false),v=f[0],b=f[1];var h=useVerificationEmail(),y=h.initialized,g=h.send,C=g[0],E=g[1],_=E.loading,w=E.errors;var x=useUpsertUserEmail()[0];var T=useState(true),I=T[0],S=T[1];var k=wn(UserLookupQuery,{}),q=k.data,P=k.loading;var N=/^(([^<>()[\]\\.,;:\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,}))$/;useEffect((function(){if(!(q===null||q===void 0?void 0:q.viewer))return;u(!!q.viewer.email)}),[q]);useEffect((function(){if(y)S(false)}),[y]);var O=function(e){return __awaiter(n,void 0,void 0,(function(){var n,t,r,o,i;return __generator(this,(function(l){switch(l.label){case 0:e.preventDefault();if(!(q===null||q===void 0?void 0:q.viewer))return[2];S(true);n=q.viewer.email;if(!!n)return[3,2];t=e.detail.formData;r=t.get("email").toString();if(!N.test(r)){m(true);return[2]}return[4,x(r)];case 1:o=l.sent();if(!o||!o.user.email)m(true);l.label=2;case 2:if(!y)return[2];return[4,C()];case 3:i=l.sent();if(!i||!i.success)b(true);else{s(n);a(true)}S(false);return[2]}}))}))};return{callbacks:{submitEmail:O},states:{loading:I,initialLoading:P&&!y,error:p,email:q===null||q===void 0?void 0:q.viewer.email,sendCodeError:v},text:e.getTextProps()}}var style={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"},ContinueButton:{width:"100%"},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 vanillaStyle='\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 sheet=createStyleSheet(style);var styleString=sheet.toString();function WidgetEmailVerificationView(e){var n=e.states,t=e.callbacks,r=e.text;var a=function(){return h("div",{class:sheet.classes.Wrapper},h("sqm-skeleton",{height:"16px",width:"50%"}),h("sqm-skeleton",{height:"16px",width:"50%"}),h("sqm-skeleton",{height:"16px",width:"50%"}),h("sqm-skeleton",{height:"34px",width:"30%"}),h("sqm-skeleton",{height:"24px",width:"15%"}),h("sl-button",{submit:true,class:sheet.classes.ContinueButton,loading:true,exportparts:"base: primarybutton-base",type:"primary"},r.sendCodeText))};return h("div",{part:"sqm-base"},h("style",{type:"text/css"},vanillaStyle,styleString),n.sendCodeError&&h("sqm-form-message",{type:"error"},h("p",{part:"alert-title"},r.sendCodeErrorHeader),intl.formatMessage({id:"sendCodeErrorDescription",defaultMessage:r.sendCodeErrorDescription},{supportLink:h("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},r.supportLink)})),n.initialLoading?a():h("div",{class:sheet.classes.Wrapper},h(TextSpanView,{type:"p"},r.verifyEmailHeaderText),h("sl-form",{"onSl-submit":t.submitEmail},h("div",{class:sheet.classes.InputsContainer},h("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",label:r.emailLabel,value:n.email||"",type:"email",id:"email",name:"email",disabled:!!n.email||n.loading},n.error?{class:sheet.classes.ErrorInput,helpText:r.emailValidationErrorText}:{})),h("sl-button",{submit:true,class:sheet.classes.ContinueButton,loading:n.loading,exportparts:"base: primarybutton-base",type:"primary"},r.sendCodeText)))))}var WidgetEmailVerification=function(){function e(e){registerInstance(this,e);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";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.getTextProps=function(){return getProps(this)};e.prototype.render=function(){var e=isDemo()?useDemoWidgetEmailVerification(this):useWidgetEmailVerification(this);return h(WidgetEmailVerificationView,Object.assign({},e))};return e}();function useDemoWidgetEmailVerification(e){var n=this;var t=En(SHOW_CODE_NAMESPACE);return cjs({states:{error:true,initialLoading:false,loading:false,email:"test@example.com",sendCodeError:true},callbacks:{submitEmail:function(){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(e){return[2,t(true)]}))}))}},text:e.getTextProps()},e.demoData||{},{arrayMerge:function(e,n){return n}})}var GET_USER_PARTNER_INFO=dist.gql(templateObject_3||(templateObject_3=__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 connectionStatus\n publisher {\n id\n countryCode\n currency\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 connectionStatus\n publisher {\n id\n countryCode\n currency\n }\n }\n }\n }\n }\n"])));var GET_COUNTRIES=dist.gql(templateObject_4||(templateObject_4=__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 GET_CURRENCIES=dist.gql(templateObject_5||(templateObject_5=__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 CONNECT_PARTNER=dist.gql(templateObject_6||(templateObject_6=__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 START_IMPACT_CONNECTION=dist.gql(templateObject_7||(templateObject_7=__makeTemplateObject(["\n mutation startImpactConnection($vars: ImpactConnectionInput!) {\n startImpactConnection(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 startImpactConnection($vars: ImpactConnectionInput!) {\n startImpactConnection(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 GET_BRAND_NAME=dist.gql(templateObject_8||(templateObject_8=__makeTemplateObject(["\n query getTenantSettings {\n tenantSettings {\n companyName\n }\n }\n"],["\n query getTenantSettings {\n tenantSettings {\n companyName\n }\n }\n"])));function usePartnerInfoModal(e){var n,t,r,a,o,i,s;var l=L();var c=En(VERIFICATION_PARENT_NAMESPACE);var u=wn(GET_USER_PARTNER_INFO,{}),d=u.data,p=u.loading,m=u.refetch;var f=d===null||d===void 0?void 0:d.user;var v=wn(GET_CURRENCIES,{variables:{locale:l}}),b=v.data,h=v.loading;var y=wn(GET_COUNTRIES,{}),g=y.data,C=y.loading;var E=wn(GET_BRAND_NAME,{}).data;var _=wn(GET_FINANCE_NETWORK_SETTINGS,{variables:{filter:{}}}).data;var w=$e(START_IMPACT_CONNECTION),x=w[0],T=w[1],I=T.loading,S=T.errors;var k=useState(false),q=k[0],P=k[1];var N=useState(""),O=N[0],j=N[1];var A=useState(((t=(n=f===null||f===void 0?void 0:f.impactConnection)===null||n===void 0?void 0:n.publisher)===null||t===void 0?void 0:t.countryCode)||l.replace(/^.*_/,"")),D=A[0],M=A[1];var R=useState(((a=(r=f===null||f===void 0?void 0:f.impactConnection)===null||r===void 0?void 0:r.publisher)===null||a===void 0?void 0:a.currency)||""),U=R[0],V=R[1];var $=((o=g===null||g===void 0?void 0:g.impactPayoutCountries)===null||o===void 0?void 0:o.data)||[];var F=useMemo((function(){var e,n;var t=(n=(e=_===null||_===void 0?void 0:_.impactFinanceNetworkSettings)===null||e===void 0?void 0:e.data)===null||n===void 0?void 0:n.reduce((function(e,n){var t,r;var a=(r=(t=b===null||b===void 0?void 0:b.currencies)===null||t===void 0?void 0:t.data)===null||r===void 0?void 0:r.find((function(e){return e.currencyCode===n.currency}));if(!a)return e;if(e.find((function(e){return e.currencyCode===n.currency})))return e;if(D&&n.countryCode!==D)return e;return __spreadArrays(e,[a])}),[]);return(t||[]).sort((function(e,n){return e.displayName.localeCompare(n.displayName)}))}),[_,b,D]);var W=useState(""),B=W[0],G=W[1];var H=useState(""),z=H[0],K=H[1];var J=useState(((i=g===null||g===void 0?void 0:g.impactPayoutCountries)===null||i===void 0?void 0:i.data)||[]),Q=J[0],X=J[1];var Y=useState(F||[]),Z=Y[0],ee=Y[1];console.log(d,"userData partner info modal");var ne=useState(""),te=ne[0],re=ne[1];var ae=useState(false),oe=ae[0],ie=ae[1];useEffect((function(){var e;var n=(e=f===null||f===void 0?void 0:f.impactConnection)===null||e===void 0?void 0:e.publisher;if(!d||!n)return;M(n.countryCode);V(n.currency)}),[d,f]);useEffect((function(){if(!($===null||$===void 0?void 0:$.length))return;if(B.trim()===""){X($||[])}else{X($.filter((function(e){return e.displayName.toLowerCase().includes(B.toLowerCase())}))||[])}}),[B,$]);useEffect((function(){if(!(F===null||F===void 0?void 0:F.length))return;if(z.trim()===""){ee(F||[])}else{ee(F.filter((function(e){return e.currencyCode.toLowerCase().includes(z.toLowerCase())}))||[])}}),[z,F]);var se=f===null||f===void 0?void 0:f.impactConnection;function le(e){var n,t;var r=(t=(n=e.detail)===null||n===void 0?void 0:n.item)===null||t===void 0?void 0:t.__value;if(!r)return;M(r);V("");re("")}function ce(e){var n,t;var r=(t=(n=e.detail)===null||n===void 0?void 0:n.item)===null||t===void 0?void 0:t.__value;if(!r)return;V(r);re("")}function ue(e){var n=e.target.checked;P(n);if(n)j("")}function de(){return __awaiter(this,void 0,void 0,(function(){var n,t,r,a,o,i,s;return __generator(this,(function(l){switch(l.label){case 0:if(!q){j(e.missingFieldsErrorText);return[2]}if(!D||!U){re(e.missingFieldsErrorText);return[2]}re("");j("");l.label=1;case 1:l.trys.push([1,4,,5]);r={user:{id:f.id,accountId:f.accountId},firstName:f.firstName,lastName:f.lastName,countryCode:D,currency:U};return[4,x({vars:r})];case 2:a=l.sent();if(!a||((n=a)===null||n===void 0?void 0:n.message)){re(e.networkErrorText);return[2]}o=a.startImpactConnection;console.log(a,o,"result and connectionResult from creating partner from modal");if(!(o===null||o===void 0?void 0:o.success)){i=(t=o===null||o===void 0?void 0:o.validationErrors)===null||t===void 0?void 0:t.map((function(e){return e.message})).join(". ");re(i||e.networkErrorText);console.error("Failed to create Impact connection:",o===null||o===void 0?void 0:o.validationErrors);return[2]}window.dispatchEvent(new Event(TAX_FORM_UPDATED_EVENT_KEY));return[4,m()];case 3:l.sent();ie(true);c(true);return[3,5];case 4:s=l.sent();console.error("Partner creation error:",s);re(e.networkErrorText);return[3,5];case 5:return[2]}}))}))}var pe=!oe&&!p&&(se===null||se===void 0?void 0:se.connectionStatus)==="NOT_STARTED";return{states:{open:pe,loading:p||C||h,submitting:I,isExistingPartner:se===null||se===void 0?void 0:se.publisher,countryCode:D,currency:U,error:te,success:oe,brandName:((s=E===null||E===void 0?void 0:E.tenantSettings)===null||s===void 0?void 0:s.companyName)||"",filteredCountries:Q||[],filteredCurrencies:Z||[],allowBankingCollection:q,checkboxError:O,disabled:p||I},callbacks:{onCountryChange:le,onCurrencyChange:ce,onCheckboxChange:ue,setCurrencySearch:K,setCountrySearch:G,onSubmit:de,onClose:function(){return ie(true)}},text:e.getTextProps()}}var PartnerInfoModal=function(){function e(e){registerInstance(this,e);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.allowBankingCollection="I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information";this.termsAndConditionsLabel="terms and conditions";this.termsAndConditionsLink="https://terms.advocate.impact.com/PayoutTermsAndConditions.html";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.";this.inModal=false;this.stateController="{}";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.getTextProps=function(){return getProps(this)};e.prototype.render=function(){var e=isDemo()?useDemoPartnerInfoModal(this):usePartnerInfoModal(this);if(this.inModal){return h(PartnerInfoModalContentView,Object.assign({},e))}return h(PartnerInfoModalView,Object.assign({},e))};return e}();function useDemoPartnerInfoModal(e){var n=useState("US"),t=n[0],r=n[1];var a=useState(""),o=a[0],i=a[1];var s=useState(""),l=s[0],c=s[1];var u=useState(false),d=u[0],p=u[1];var m=parseStates(e.stateController);var f=(m===null||m===void 0?void 0:m["sqm-partner-info-modal"])||m||{};return cjs({states:{brandName:"Test Brand",open:false,loading:false,submitting:false,isExistingPartner:false,countryCode:t,currency:o,error:l,success:false,filteredCountries:[],filteredCurrencies:[],allowBankingCollection:d,checkboxError:"",disabled:false},callbacks:{onCountryChange:function(e){var n,t;var a=(t=(n=e===null||e===void 0?void 0:e.detail)===null||n===void 0?void 0:n.item)===null||t===void 0?void 0:t.__value;if(a){r(a);i("")}},onCurrencyChange:function(e){var n,t;var r=(t=(n=e===null||e===void 0?void 0:e.detail)===null||n===void 0?void 0:n.item)===null||t===void 0?void 0:t.__value;if(r)i(r)},onCheckboxChange:function(e){p(e.target.checked)},setCountrySearch:function(){},setCurrencySearch:function(){},onSubmit:function(){if(!t||!o){c(e.missingFieldsErrorText);return}c("")},onClose:function(){}},text:{modalHeader:e.modalHeader,descriptionNewPartner:e.descriptionNewPartner,descriptionExistingPartner:e.descriptionExistingPartner,countryLabel:e.countryLabel,currencyLabel:e.currencyLabel,submitButtonLabel:e.submitButtonLabel,confirmButtonLabel:e.confirmButtonLabel,searchCountryPlaceholder:e.searchCountryPlaceholder,searchCurrencyPlaceholder:e.searchCurrencyPlaceholder,supportDescriptionExistingPartner:e.supportDescriptionExistingPartner,modalHeaderExistingPartner:e.modalHeaderExistingPartner}},e.demoData||f,{arrayMerge:function(e,n){return n}})}export{WidgetEmailVerification as sqm_email_verification,PartnerInfoModal as sqm_partner_info_modal};var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6,templateObject_7,templateObject_8;
package/dist/esm-es5/sqm-partner-info-modal-view-a6324934.js ADDED
@@ -0,0 +1 @@
1
+ import{h}from"./index-38ad4957.js";import{i as intl}from"./global-39f55ec2.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";var style={Dialog:{"&::part(panel)":{maxWidth:"480px"},"&::part(body)":{padding:"0 var(--sl-spacing-x-large)",fontSize:"var(--sl-font-size-small)",overflow:"visible"},"&::part(overlay)":{background:"var(--sl-overlay-background-color)"}},DialogTitle:{fontSize:"var(--sl-font-size-x-large)",fontWeight:"600",padding:"var(--sl-spacing-large) 0 0 0",margin:"0"},FormFields:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)",marginTop:"var(--sl-spacing-large)"},ErrorMessage:{color:"var(--sqm-danger-color-text, #d32f2f)",fontSize:"var(--sl-font-size-small)",marginTop:"var(--sl-spacing-x-small)"},SearchInput:{"&::part(base)":{border:"none",borderBottom:"1px solid var(--sl-color-neutral-300)",borderRadius:"0"}},DescriptionContainer:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)",margin:"0","& > p":{margin:"0"}},CheckboxWrapper:{display:"flex",justifyContent:"flex-start",flexDirection:"column"},SubmitButton:{width:"100%",marginTop:"var(--sl-spacing-large)"}};function PartnerInfoModalContentView(e){var r,a;var n=e.states,t=e.callbacks,l=e.text;var i=createStyleSheet(style);var o=i.toString();var s=n.isExistingPartner?h("span",{class:i.classes.DescriptionContainer},h("p",null,l.descriptionExistingPartner),h("p",null,l.supportDescriptionExistingPartner)):h("p",{class:i.classes.DescriptionContainer},l.descriptionNewPartner);var c=n.isExistingPartner?l.confirmButtonLabel:l.submitButtonLabel;var u=intl.formatMessage({id:"bankingCollectionText",defaultMessage:l.allowBankingCollection},{termsAndConditionsLink:h("a",{href:l.termsAndConditionsLink,target:"_blank"},l.termsAndConditionsLabel)});return h("div",null,h("style",{type:"text/css"}," ",o),h("div",{class:i.classes.FormFields},s,h("sl-select",{exportparts:"label: input-label, base: input-base",label:l.countryLabel,value:n.countryCode,disabled:n.submitting||!!n.isExistingPartner,required:true,hoist:true,"onSl-select":t.onCountryChange},h("sl-input",{class:i.classes.SearchInput,placeholder:l.searchCountryPlaceholder,onKeyDown:function(e){return e.stopPropagation()},"onSl-input":function(e){var r;t.setCountrySearch((r=e.target)===null||r===void 0?void 0:r.value)}}),(r=n.filteredCountries)===null||r===void 0?void 0:r.map((function(e){return h("sl-menu-item",{value:e.countryCode},e.displayName)}))),h("sl-select",{exportparts:"label: input-label, base: input-base",label:l.currencyLabel,value:n.currency,disabled:n.submitting||!!n.isExistingPartner,required:true,hoist:true,"onSl-select":t.onCurrencyChange},h("sl-input",{class:i.classes.SearchInput,placeholder:l.searchCurrencyPlaceholder,onKeyDown:function(e){return e.stopPropagation()},"onSl-input":function(e){var r;return t.setCurrencySearch((r=e.target)===null||r===void 0?void 0:r.value)}}),(a=n.filteredCurrencies)===null||a===void 0?void 0:a.map((function(e){return h("sl-menu-item",{value:e.currencyCode},e.currencyCode," - ",e.displayName)}))),h("div",{class:i.classes.CheckboxWrapper},h("sl-checkbox",{checked:n.allowBankingCollection===true,"onSl-change":t.onCheckboxChange,disabled:n.submitting,required:true,value:n.allowBankingCollection,id:"allowBankingCollection",name:"/allowBankingCollection"},u),n.checkboxError&&h("p",{class:i.classes.ErrorMessage},n.checkboxError))),n.error&&h("p",{class:i.classes.ErrorMessage},n.error),h("sl-button",{slot:"footer",type:"primary",loading:n.submitting,disabled:n.submitting||!n.countryCode||!n.currency||!n.allowBankingCollection,onClick:t.onSubmit,class:i.classes.SubmitButton,exportparts:"base: primarybutton-base"},c))}function PartnerInfoModalView(e){var r=e.states,a=e.text,n=e.callbacks;var t=createStyleSheet(style);var l=t.toString();if(!r.open)return h("div",null);return h("div",null,h("style",{type:"text/css"}," ",l),h("sl-dialog",{class:t.classes.Dialog,open:r.open,noHeader:true,label:r.isExistingPartner?a.modalHeaderExistingPartner:a.modalHeader,"onSl-request-close":function(e){e.preventDefault()},"onSl-hide":function(e){var r;if(((r=e.target)===null||r===void 0?void 0:r.tagName)==="SL-DIALOG"){e.preventDefault()}}},h("h2",{class:t.classes.DialogTitle},r.isExistingPartner?a.modalHeaderExistingPartner:a.modalHeader),h(PartnerInfoModalContentView,Object.assign({},e))))}export{PartnerInfoModalView as P,PartnerInfoModalContentView as a};
package/dist/esm-es5/sqm-partner-info-modal.entry.js ADDED
@@ -0,0 +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,t,r){function a(n){return n instanceof t?n:new t((function(e){e(n)}))}return new(t||(t=Promise))((function(t,o){function i(n){try{s(r.next(n))}catch(n){o(n)}}function c(n){try{s(r["throw"](n))}catch(n){o(n)}}function s(n){n.done?t(n.value):a(n.value).then(i,c)}s((r=r.apply(n,e||[])).next())}))};var __generator=this&&this.__generator||function(n,e){var t={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},r,a,o,i;return i={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function c(n){return function(e){return s([n,e])}}function s(i){if(r)throw new TypeError("Generator is already executing.");while(t)try{if(r=1,a&&(o=i[0]&2?a["return"]:i[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,i[1])).done)return o;if(a=0,o)i=[i[0]&2,o.value];switch(i[0]){case 0:case 1:o=i;break;case 4:t.label++;return{value:i[1],done:false};case 5:t.label++;a=i[1];i=[0];continue;case 7:i=t.ops.pop();t.trys.pop();continue;default:if(!(o=t.trys,o=o.length>0&&o[o.length-1])&&(i[0]===6||i[0]===2)){t=0;continue}if(i[0]===3&&(!o||i[1]>o[0]&&i[1]<o[3])){t.label=i[1];break}if(i[0]===6&&t.label<o[1]){t.label=o[1];o=i;break}if(o&&t.label<o[2]){t.label=o[2];t.ops.push(i);break}if(o[2])t.ops.pop();t.trys.pop();continue}i=e.call(n,t)}catch(n){i=[6,n];a=0}finally{r=o=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};var __spreadArrays=this&&this.__spreadArrays||function(){for(var n=0,e=0,t=arguments.length;e<t;e++)n+=arguments[e].length;for(var r=Array(n),a=0,e=0;e<t;e++)for(var o=arguments[e],i=0,c=o.length;i<c;i++,a++)r[a]=o[i];return r};import{r as registerInstance,h as h$1}from"./index-d9876cd5.js";import"./global-a70b85ca.js";import{i as useState,m as useMemo,j as useEffect,o as h}from"./dom-context-hooks.module-8411297a.js";import{d as dist,L,r as En,w as wn,$ as $e,i as isDemo}from"./index.module-76b0705d.js";import"./GoogleFonts-e3a7f82a.js";import"./jss-preset-default.esm-c36417f8.js";import"./JSS-8c381d8b.js";import{g as getProps}from"./utils-61821fb1.js";import{c as cjs}from"./cjs-e829b75b.js";import{g as GET_FINANCE_NETWORK_SETTINGS}from"./data-1f906245.js";import{a as PartnerInfoModalContentView,P as PartnerInfoModalView}from"./sqm-partner-info-modal-view-d61e1c5e.js";import{V as VERIFICATION_PARENT_NAMESPACE}from"./keys-db1897ae.js";import{T as TAX_FORM_UPDATED_EVENT_KEY}from"./eventKeys-f76b6a03.js";import{p as parseStates}from"./parseStates-ed75e224.js";var GET_USER_PARTNER_INFO=dist.gql(templateObject_1||(templateObject_1=__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 connectionStatus\n publisher {\n id\n countryCode\n currency\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 connectionStatus\n publisher {\n id\n countryCode\n currency\n }\n }\n }\n }\n }\n"])));var GET_COUNTRIES=dist.gql(templateObject_2||(templateObject_2=__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 GET_CURRENCIES=dist.gql(templateObject_3||(templateObject_3=__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 CONNECT_PARTNER=dist.gql(templateObject_4||(templateObject_4=__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 START_IMPACT_CONNECTION=dist.gql(templateObject_5||(templateObject_5=__makeTemplateObject(["\n mutation startImpactConnection($vars: ImpactConnectionInput!) {\n startImpactConnection(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 startImpactConnection($vars: ImpactConnectionInput!) {\n startImpactConnection(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 GET_BRAND_NAME=dist.gql(templateObject_6||(templateObject_6=__makeTemplateObject(["\n query getTenantSettings {\n tenantSettings {\n companyName\n }\n }\n"],["\n query getTenantSettings {\n tenantSettings {\n companyName\n }\n }\n"])));function usePartnerInfoModal(n){var e,t,r,a,o,i,c;var s=L();var u=En(VERIFICATION_PARENT_NAMESPACE);var l=wn(GET_USER_PARTNER_INFO,{}),d=l.data,m=l.loading,p=l.refetch;var v=d===null||d===void 0?void 0:d.user;var f=wn(GET_CURRENCIES,{variables:{locale:s}}),y=f.data,C=f.loading;var h=wn(GET_COUNTRIES,{}),b=h.data,_=h.loading;var g=wn(GET_BRAND_NAME,{}).data;var E=wn(GET_FINANCE_NETWORK_SETTINGS,{variables:{filter:{}}}).data;var T=$e(START_IMPACT_CONNECTION),I=T[0],N=T[1],S=N.loading,P=N.errors;var w=useState(false),j=w[0],x=w[1];var O=useState(""),k=O[0],A=O[1];var R=useState(((t=(e=v===null||v===void 0?void 0:v.impactConnection)===null||e===void 0?void 0:e.publisher)===null||t===void 0?void 0:t.countryCode)||s.replace(/^.*_/,"")),D=R[0],M=R[1];var q=useState(((a=(r=v===null||v===void 0?void 0:v.impactConnection)===null||r===void 0?void 0:r.publisher)===null||a===void 0?void 0:a.currency)||""),$=q[0],F=q[1];var G=((o=b===null||b===void 0?void 0:b.impactPayoutCountries)===null||o===void 0?void 0:o.data)||[];var U=useMemo((function(){var n,e;var t=(e=(n=E===null||E===void 0?void 0:E.impactFinanceNetworkSettings)===null||n===void 0?void 0:n.data)===null||e===void 0?void 0:e.reduce((function(n,e){var t,r;var a=(r=(t=y===null||y===void 0?void 0:y.currencies)===null||t===void 0?void 0:t.data)===null||r===void 0?void 0:r.find((function(n){return n.currencyCode===e.currency}));if(!a)return n;if(n.find((function(n){return n.currencyCode===e.currency})))return n;if(D&&e.countryCode!==D)return n;return __spreadArrays(n,[a])}),[]);return(t||[]).sort((function(n,e){return n.displayName.localeCompare(e.displayName)}))}),[E,y,D]);var B=useState(""),V=B[0],H=B[1];var K=useState(""),W=K[0],X=K[1];var Y=useState(((i=b===null||b===void 0?void 0:b.impactPayoutCountries)===null||i===void 0?void 0:i.data)||[]),J=Y[0],z=Y[1];var Q=useState(U||[]),Z=Q[0],nn=Q[1];console.log(d,"userData partner info modal");var en=useState(""),tn=en[0],rn=en[1];var an=useState(false),on=an[0],cn=an[1];useEffect((function(){var n;var e=(n=v===null||v===void 0?void 0:v.impactConnection)===null||n===void 0?void 0:n.publisher;if(!d||!e)return;M(e.countryCode);F(e.currency)}),[d,v]);useEffect((function(){if(!(G===null||G===void 0?void 0:G.length))return;if(V.trim()===""){z(G||[])}else{z(G.filter((function(n){return n.displayName.toLowerCase().includes(V.toLowerCase())}))||[])}}),[V,G]);useEffect((function(){if(!(U===null||U===void 0?void 0:U.length))return;if(W.trim()===""){nn(U||[])}else{nn(U.filter((function(n){return n.currencyCode.toLowerCase().includes(W.toLowerCase())}))||[])}}),[W,U]);var sn=v===null||v===void 0?void 0:v.impactConnection;function un(n){var e,t;var r=(t=(e=n.detail)===null||e===void 0?void 0:e.item)===null||t===void 0?void 0:t.__value;if(!r)return;M(r);F("");rn("")}function ln(n){var e,t;var r=(t=(e=n.detail)===null||e===void 0?void 0:e.item)===null||t===void 0?void 0:t.__value;if(!r)return;F(r);rn("")}function dn(n){var e=n.target.checked;x(e);if(e)A("")}function mn(){return __awaiter(this,void 0,void 0,(function(){var e,t,r,a,o,i,c;return __generator(this,(function(s){switch(s.label){case 0:if(!j){A(n.missingFieldsErrorText);return[2]}if(!D||!$){rn(n.missingFieldsErrorText);return[2]}rn("");A("");s.label=1;case 1:s.trys.push([1,4,,5]);r={user:{id:v.id,accountId:v.accountId},firstName:v.firstName,lastName:v.lastName,countryCode:D,currency:$};return[4,I({vars:r})];case 2:a=s.sent();if(!a||((e=a)===null||e===void 0?void 0:e.message)){rn(n.networkErrorText);return[2]}o=a.startImpactConnection;console.log(a,o,"result and connectionResult from creating partner from modal");if(!(o===null||o===void 0?void 0:o.success)){i=(t=o===null||o===void 0?void 0:o.validationErrors)===null||t===void 0?void 0:t.map((function(n){return n.message})).join(". ");rn(i||n.networkErrorText);console.error("Failed to create Impact connection:",o===null||o===void 0?void 0:o.validationErrors);return[2]}window.dispatchEvent(new Event(TAX_FORM_UPDATED_EVENT_KEY));return[4,p()];case 3:s.sent();cn(true);u(true);return[3,5];case 4:c=s.sent();console.error("Partner creation error:",c);rn(n.networkErrorText);return[3,5];case 5:return[2]}}))}))}var pn=!on&&!m&&(sn===null||sn===void 0?void 0:sn.connectionStatus)==="NOT_STARTED";return{states:{open:pn,loading:m||_||C,submitting:S,isExistingPartner:sn===null||sn===void 0?void 0:sn.publisher,countryCode:D,currency:$,error:tn,success:on,brandName:((c=g===null||g===void 0?void 0:g.tenantSettings)===null||c===void 0?void 0:c.companyName)||"",filteredCountries:J||[],filteredCurrencies:Z||[],allowBankingCollection:j,checkboxError:k,disabled:m||S},callbacks:{onCountryChange:un,onCurrencyChange:ln,onCheckboxChange:dn,setCurrencySearch:X,setCountrySearch:H,onSubmit:mn,onClose:function(){return cn(true)}},text:n.getTextProps()}}var PartnerInfoModal=function(){function n(n){registerInstance(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.allowBankingCollection="I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information";this.termsAndConditionsLabel="terms and conditions";this.termsAndConditionsLink="https://terms.advocate.impact.com/PayoutTermsAndConditions.html";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.";this.inModal=false;this.stateController="{}";h(this)}n.prototype.disconnectedCallback=function(){};n.prototype.getTextProps=function(){return getProps(this)};n.prototype.render=function(){var n=isDemo()?useDemoPartnerInfoModal(this):usePartnerInfoModal(this);if(this.inModal){return h$1(PartnerInfoModalContentView,Object.assign({},n))}return h$1(PartnerInfoModalView,Object.assign({},n))};return n}();function useDemoPartnerInfoModal(n){var e=useState("US"),t=e[0],r=e[1];var a=useState(""),o=a[0],i=a[1];var c=useState(""),s=c[0],u=c[1];var l=useState(false),d=l[0],m=l[1];var p=parseStates(n.stateController);var v=(p===null||p===void 0?void 0:p["sqm-partner-info-modal"])||p||{};return cjs({states:{brandName:"Test Brand",open:false,loading:false,submitting:false,isExistingPartner:false,countryCode:t,currency:o,error:s,success:false,filteredCountries:[],filteredCurrencies:[],allowBankingCollection:d,checkboxError:"",disabled:false},callbacks:{onCountryChange:function(n){var e,t;var a=(t=(e=n===null||n===void 0?void 0:n.detail)===null||e===void 0?void 0:e.item)===null||t===void 0?void 0:t.__value;if(a){r(a);i("")}},onCurrencyChange:function(n){var e,t;var r=(t=(e=n===null||n===void 0?void 0:n.detail)===null||e===void 0?void 0:e.item)===null||t===void 0?void 0:t.__value;if(r)i(r)},onCheckboxChange:function(n){m(n.target.checked)},setCountrySearch:function(){},setCurrencySearch:function(){},onSubmit:function(){if(!t||!o){u(n.missingFieldsErrorText);return}u("")},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||v,{arrayMerge:function(n,e){return e}})}export{PartnerInfoModal as sqm_partner_info_modal};var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,templateObject_6;