@saasquatch/mint-components 2.1.9-5 → 2.1.9-6

package/dist/cjs/sqm-email-verification_2.cjs.entry.js

@@ -749,10 +749,10 @@ function useDemoPartnerInfoModal(props) {
   const [countryCode, setCountryCode] = domContextHooks_module.useState("US");
   const [currency, setCurrency] = domContextHooks_module.useState("");
   const [error, setError] = domContextHooks_module.useState("");
-  const states = parseStates.parseStates(props.stateController);
-  const formatted = Object.keys(states).reduce((prev, key) => key === "sqm-partner-info-modal"
-    ? { ...prev, ...states[key] }
-    : { ...prev, [`${key}_stateController`]: states[key] }, {});
+  const parsed = parseStates.parseStates(props.stateController) || {};
+  // If editor wraps under tag name, extract it; otherwise use directly
+  const stateOverrides = parsed["sqm-partner-info-modal"] || parsed;
+  console.log("stateController raw:", props.stateController, "parsed:", parsed, "overrides:", stateOverrides); // TEMP
   return cjs.cjs({
     states: {
       brandName: "Test Brand",
@@ -806,7 +806,7 @@ function useDemoPartnerInfoModal(props) {
       supportDescriptionExistingPartner: props.supportDescriptionExistingPartner,
       modalHeaderExistingPartner: props.modalHeaderExistingPartner,
     },
-  }, formatted || {}, { arrayMerge: (_, a) => a });
+  }, stateOverrides || {}, { arrayMerge: (_, a) => a });
 }
 
 exports.sqm_email_verification = WidgetEmailVerification;

package/dist/cjs/sqm-widget-verification.cjs.entry.js

@@ -23,6 +23,9 @@ const USER_LOOKUP = index_module.dist.gql `
           email
           emailVerified
         }
+        impactConnection {
+          connected
+        }
       }
     }
   }
@@ -43,15 +46,21 @@ function useWidgetVerification() {
   const [fetch] = index_module.Xe(USER_LOOKUP);
   domContextHooks_module.useEffect(() => {
     const checkUser = async () => {
-      var _a, _b, _c;
+      var _a, _b, _c, _d, _e;
       try {
         const res = await fetch({});
         if (!res || res instanceof Error)
           throw new Error();
-        if ((_a = res === null || res === void 0 ? void 0 : res.viewer) === null || _a === void 0 ? void 0 : _a.emailVerified)
-          setContext(true);
-        else if ((_c = (_b = res === null || res === void 0 ? void 0 : res.viewer) === null || _b === void 0 ? void 0 : _b.managedIdentity) === null || _c === void 0 ? void 0 : _c.emailVerified)
+        const emailVerified = ((_a = res === null || res === void 0 ? void 0 : res.viewer) === null || _a === void 0 ? void 0 : _a.emailVerified) || ((_c = (_b = res === null || res === void 0 ? void 0 : res.viewer) === null || _b === void 0 ? void 0 : _b.managedIdentity) === null || _c === void 0 ? void 0 : _c.emailVerified);
+        const isConnected = (_e = (_d = res === null || res === void 0 ? void 0 : res.viewer) === null || _d === void 0 ? void 0 : _d.impactConnection) === null || _e === void 0 ? void 0 : _e.connected;
+        if (isConnected) {
+          // Partner already created, show widget content
           setContext(true);
+        }
+        else if (emailVerified) {
+          // Email verified but no partner yet, show partner modal
+          setShowPartnerModal(true);
+        }
       }
       catch (e) {
         console.error("Could not fetch user information:", e);

package/dist/collection/components/sqm-partner-info-modal/sqm-partner-info-modal.js

@@ -493,10 +493,10 @@ function useDemoPartnerInfoModal(props) {
   const [countryCode, setCountryCode] = useState("US");
   const [currency, setCurrency] = useState("");
   const [error, setError] = useState("");
-  const states = parseStates(props.stateController);
-  const formatted = Object.keys(states).reduce((prev, key) => key === "sqm-partner-info-modal"
-    ? { ...prev, ...states[key] }
-    : { ...prev, [`${key}_stateController`]: states[key] }, {});
+  const parsed = parseStates(props.stateController) || {};
+  // If editor wraps under tag name, extract it; otherwise use directly
+  const stateOverrides = parsed["sqm-partner-info-modal"] || parsed;
+  console.log("stateController raw:", props.stateController, "parsed:", parsed, "overrides:", stateOverrides); // TEMP
   return deepmerge({
     states: {
       brandName: "Test Brand",
@@ -550,5 +550,5 @@ function useDemoPartnerInfoModal(props) {
       supportDescriptionExistingPartner: props.supportDescriptionExistingPartner,
       modalHeaderExistingPartner: props.modalHeaderExistingPartner,
     },
-  }, formatted || {}, { arrayMerge: (_, a) => a });
+  }, stateOverrides || {}, { arrayMerge: (_, a) => a });
 }

package/dist/collection/components/sqm-widget-verification/useWidgetVerification.js

@@ -15,6 +15,9 @@ const USER_LOOKUP = gql `
           email
           emailVerified
         }
+        impactConnection {
+          connected
+        }
       }
     }
   }
@@ -35,15 +38,21 @@ export function useWidgetVerification() {
   const [fetch] = useLazyQuery(USER_LOOKUP);
   useEffect(() => {
     const checkUser = async () => {
-      var _a, _b, _c;
+      var _a, _b, _c, _d, _e;
       try {
         const res = await fetch({});
         if (!res || res instanceof Error)
           throw new Error();
-        if ((_a = res === null || res === void 0 ? void 0 : res.viewer) === null || _a === void 0 ? void 0 : _a.emailVerified)
-          setContext(true);
-        else if ((_c = (_b = res === null || res === void 0 ? void 0 : res.viewer) === null || _b === void 0 ? void 0 : _b.managedIdentity) === null || _c === void 0 ? void 0 : _c.emailVerified)
+        const emailVerified = ((_a = res === null || res === void 0 ? void 0 : res.viewer) === null || _a === void 0 ? void 0 : _a.emailVerified) || ((_c = (_b = res === null || res === void 0 ? void 0 : res.viewer) === null || _b === void 0 ? void 0 : _b.managedIdentity) === null || _c === void 0 ? void 0 : _c.emailVerified);
+        const isConnected = (_e = (_d = res === null || res === void 0 ? void 0 : res.viewer) === null || _d === void 0 ? void 0 : _d.impactConnection) === null || _e === void 0 ? void 0 : _e.connected;
+        if (isConnected) {
+          // Partner already created, show widget content
           setContext(true);
+        }
+        else if (emailVerified) {
+          // Email verified but no partner yet, show partner modal
+          setShowPartnerModal(true);
+        }
       }
       catch (e) {
         console.error("Could not fetch user information:", e);

package/dist/esm/sqm-email-verification_2.entry.js

@@ -745,10 +745,10 @@ function useDemoPartnerInfoModal(props) {
   const [countryCode, setCountryCode] = useState("US");
   const [currency, setCurrency] = useState("");
   const [error, setError] = useState("");
-  const states = parseStates(props.stateController);
-  const formatted = Object.keys(states).reduce((prev, key) => key === "sqm-partner-info-modal"
-    ? { ...prev, ...states[key] }
-    : { ...prev, [`${key}_stateController`]: states[key] }, {});
+  const parsed = parseStates(props.stateController) || {};
+  // If editor wraps under tag name, extract it; otherwise use directly
+  const stateOverrides = parsed["sqm-partner-info-modal"] || parsed;
+  console.log("stateController raw:", props.stateController, "parsed:", parsed, "overrides:", stateOverrides); // TEMP
   return cjs({
     states: {
       brandName: "Test Brand",
@@ -802,7 +802,7 @@ function useDemoPartnerInfoModal(props) {
       supportDescriptionExistingPartner: props.supportDescriptionExistingPartner,
       modalHeaderExistingPartner: props.modalHeaderExistingPartner,
     },
-  }, formatted || {}, { arrayMerge: (_, a) => a });
+  }, stateOverrides || {}, { arrayMerge: (_, a) => a });
 }
 
 export { WidgetEmailVerification as sqm_email_verification, PartnerInfoModal as sqm_partner_info_modal };

package/dist/esm/sqm-widget-verification.entry.js

@@ -19,6 +19,9 @@ const USER_LOOKUP = dist.gql `
           email
           emailVerified
         }
+        impactConnection {
+          connected
+        }
       }
     }
   }
@@ -39,15 +42,21 @@ function useWidgetVerification() {
   const [fetch] = Xe(USER_LOOKUP);
   useEffect(() => {
     const checkUser = async () => {
-      var _a, _b, _c;
+      var _a, _b, _c, _d, _e;
       try {
         const res = await fetch({});
         if (!res || res instanceof Error)
           throw new Error();
-        if ((_a = res === null || res === void 0 ? void 0 : res.viewer) === null || _a === void 0 ? void 0 : _a.emailVerified)
-          setContext(true);
-        else if ((_c = (_b = res === null || res === void 0 ? void 0 : res.viewer) === null || _b === void 0 ? void 0 : _b.managedIdentity) === null || _c === void 0 ? void 0 : _c.emailVerified)
+        const emailVerified = ((_a = res === null || res === void 0 ? void 0 : res.viewer) === null || _a === void 0 ? void 0 : _a.emailVerified) || ((_c = (_b = res === null || res === void 0 ? void 0 : res.viewer) === null || _b === void 0 ? void 0 : _b.managedIdentity) === null || _c === void 0 ? void 0 : _c.emailVerified);
+        const isConnected = (_e = (_d = res === null || res === void 0 ? void 0 : res.viewer) === null || _d === void 0 ? void 0 : _d.impactConnection) === null || _e === void 0 ? void 0 : _e.connected;
+        if (isConnected) {
+          // Partner already created, show widget content
           setContext(true);
+        }
+        else if (emailVerified) {
+          // Email verified but no partner yet, show partner modal
+          setShowPartnerModal(true);
+        }
       }
       catch (e) {
         console.error("Could not fetch user information:", e);

package/dist/esm-es5/sqm-email-verification_2.entry.js

@@ -1 +1 @@
-var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,t){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:t})}else{e.raw=t}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++){t=arguments[n];for(var a in t)if(Object.prototype.hasOwnProperty.call(t,a))e[a]=t[a]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,t,n,r){function a(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,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?n(e.value):a(e.value).then(i,s)}l((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={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(t){return l([e,t])}}function l(i){if(r)throw new TypeError("Generator is already executing.");while(n)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:n.label++;return{value:i[1],done:false};case 5:n.label++;a=i[1];i=[0];continue;case 7:i=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(i[0]===6||i[0]===2)){n=0;continue}if(i[0]===3&&(!o||i[1]>o[0]&&i[1]<o[3])){n.label=i[1];break}if(i[0]===6&&n.label<o[1]){n.label=o[1];o=i;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(i);break}if(o[2])n.ops.pop();n.trys.pop();continue}i=t.call(e,n)}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}}};import{h,r as registerInstance}from"./index-38ad4957.js";import{i as intl}from"./global-b2ee3a12.js";import{k as useState,f as useEffect,n as h$1}from"./dom-context-hooks.module-50442785.js";import{d as dist,t as Pn,w as wn,J,$ as $e,i as isDemo,q as En,L}from"./index.module-e266b4d7.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-738acfb3.js";import{P as PartnerInfoModalView}from"./sqm-partner-info-modal-view-77c231af.js";import{p as parseStates}from"./parseStates-ed75e224.js";import{S as SHOW_CODE_NAMESPACE,V as VERIFICATION_EMAIL_NAMESPACE,a as VERIFICATION_PARENT_NAMESPACE}from"./keys-406491dc.js";import{T as TAX_FORM_UPDATED_EVENT_KEY}from"./eventKeys-f76b6a03.js";import{u as useVerificationEmail}from"./useVerificationEmail-5c6cd733.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 t=J();var n=$e(UpsertUserEmailMutation),r=n[0],a=n[1],o=a.loading,i=a.data,s=a.errors;var l=function(n){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:t.id,accountId:t.accountId,email:n}})];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 t=this;var n=Pn(SHOW_CODE_NAMESPACE),r=n[0],a=n[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,_=g[0],E=g[1],C=E.loading,w=E.errors;var x=useUpsertUserEmail()[0];var q=useState(true),T=q[0],S=q[1];var k=wn(UserLookupQuery,{}),I=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(!(I===null||I===void 0?void 0:I.viewer))return;c(!!I.viewer.email)}),[I]);useEffect((function(){if(y)S(false)}),[y]);var O=function(e){return __awaiter(t,void 0,void 0,(function(){var t,n,r,o,i;return __generator(this,(function(l){switch(l.label){case 0:e.preventDefault();if(!(I===null||I===void 0?void 0:I.viewer))return[2];S(true);t=I.viewer.email;if(!!t)return[3,2];n=e.detail.formData;r=n.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,_()];case 3:i=l.sent();if(!i||!i.success)b(true);else{s(t);a(true)}S(false);return[2]}}))}))};return{callbacks:{submitEmail:O},states:{loading:T,initialLoading:P&&!y,error:p,email:I===null||I===void 0?void 0:I.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",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 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 t=e.states,n=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),t.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)})),t.initialLoading?a():h("div",{class:sheet.classes.Wrapper},h(TextSpanView,{type:"p"},r.verifyEmailHeaderText),h("sl-form",{"onSl-submit":n.submitEmail},h("div",{class:sheet.classes.InputsContainer},h("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",label:r.emailLabel,value:t.email||"",type:"email",id:"email",name:"email",disabled:!!t.email||t.loading},t.error?{class:sheet.classes.ErrorInput,helpText:r.emailValidationErrorText}:{})),h("sl-button",{submit:true,class:sheet.classes.ContinueButton,loading:t.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 t=this;var n=En(SHOW_CODE_NAMESPACE);return cjs({states:{error:true,initialLoading:false,loading:false,email:"test@example.com",sendCodeError:true},callbacks:{submitEmail:function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){return[2,n(true)]}))}))}},text:e.getTextProps()},e.demoData||{},{arrayMerge:function(e,t){return t}})}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          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 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 GET_BRAND_NAME=dist.gql(templateObject_7||(templateObject_7=__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 t,n,r,a,o,i,s,l,u;var c=L();var d=En(VERIFICATION_PARENT_NAMESPACE);var p=wn(GET_USER_PARTNER_INFO,{}),m=p.data,f=p.loading,v=p.refetch;var b=m===null||m===void 0?void 0:m.user;var h=wn(GET_CURRENCIES,{variables:{locale:c}}),y=h.data,g=h.loading;var _=wn(GET_COUNTRIES,{}),E=_.data,C=_.loading;var w=wn(GET_BRAND_NAME,{}).data;var x=$e(CONNECT_PARTNER),q=x[0],T=x[1],S=T.loading,k=T.errors;var I=useState(((n=(t=b===null||b===void 0?void 0:b.impactConnection)===null||t===void 0?void 0:t.publisher)===null||n===void 0?void 0:n.countryCode)||""),P=I[0],N=I[1];var O=useState(((a=(r=b===null||b===void 0?void 0:b.impactConnection)===null||r===void 0?void 0:r.publisher)===null||a===void 0?void 0:a.currency)||""),j=O[0],A=O[1];console.log(P,j,"initial country and currency state");var D=useState(""),U=D[0],M=D[1];var R=useState(""),V=R[0],$=R[1];var W=useState(((o=E===null||E===void 0?void 0:E.impactPayoutCountries)===null||o===void 0?void 0:o.data)||[]),F=W[0],H=W[1];var B=useState(((i=y===null||y===void 0?void 0:y.currencies)===null||i===void 0?void 0:i.data)||[]),z=B[0],G=B[1];var J=useState(""),K=J[0],Q=J[1];var X=useState(false),Y=X[0],Z=X[1];var ee=((s=E===null||E===void 0?void 0:E.impactPayoutCountries)===null||s===void 0?void 0:s.data)||[];var te=((l=y===null||y===void 0?void 0:y.currencies)===null||l===void 0?void 0:l.data)||[];console.log(b,"user data from partner info query");useEffect((function(){var e;if(m&&((e=b.impactConnection)===null||e===void 0?void 0:e.publisher)){N(b.impactConnection.publisher.countryCode);A(b.impactConnection.publisher.currency)}}),[m]);useEffect((function(){if(!(ee===null||ee===void 0?void 0:ee.length))return;if(U.trim()===""){H(ee||[])}else{H(ee.filter((function(e){return e.displayName.toLowerCase().includes(U.toLowerCase())}))||[])}}),[U,ee]);useEffect((function(){if(!(te===null||te===void 0?void 0:te.length))return;if(V.trim()===""){G(te||[])}else{G(te.filter((function(e){return e.currencyCode.toLowerCase().includes(V.toLowerCase())}))||[])}}),[V,te]);var ne=b===null||b===void 0?void 0:b.impactConnection;function re(e){var t,n;var r=(n=(t=e.detail)===null||t===void 0?void 0:t.item)===null||n===void 0?void 0:n.__value;if(!r)return;N(r);A("");Q("")}function ae(e){var t,n;var r=(n=(t=e.detail)===null||t===void 0?void 0:t.item)===null||n===void 0?void 0:n.__value;if(!r)return;A(r);Q("")}function oe(){return __awaiter(this,void 0,void 0,(function(){var t,n,r,a,o,i,s;return __generator(this,(function(l){switch(l.label){case 0:if(!P||!j){Q(e.missingFieldsErrorText);return[2]}Q("");l.label=1;case 1:l.trys.push([1,4,,5]);r={user:{id:b.id,accountId:b.accountId},firstName:b.firstName,lastName:b.lastName,countryCode:P,currency:j};return[4,q({vars:r})];case 2:a=l.sent();if(!a||((t=a)===null||t===void 0?void 0:t.message)){Q(e.networkErrorText);return[2]}o=a.createImpactConnection;console.log(a,o,"result and connectionResult from creating partner from modal");if(!(o===null||o===void 0?void 0:o.success)){i=(n=o===null||o===void 0?void 0:o.validationErrors)===null||n===void 0?void 0:n.map((function(e){return e.message})).join(". ");Q(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,v()];case 3:l.sent();Z(true);d(true);return[3,5];case 4:s=l.sent();console.error("Partner creation error:",s);Q(e.networkErrorText);return[3,5];case 5:return[2]}}))}))}console.log(Y,"success state in partner info modal");var ie=!Y&&!f&&(!(ne===null||ne===void 0?void 0:ne.connected)||!(ne===null||ne===void 0?void 0:ne.publisher));console.log(ie,"showModal condition in partner info modal");return{states:{open:ie,loading:f||C||g,submitting:S,isExistingPartner:(ne===null||ne===void 0?void 0:ne.connected)||(ne===null||ne===void 0?void 0:ne.publisher),countryCode:P,currency:j,error:K,success:Y,brandName:((u=w===null||w===void 0?void 0:w.tenantSettings)===null||u===void 0?void 0:u.companyName)||"",filteredCountries:F||[],filteredCurrencies:z||[]},callbacks:{onCountryChange:re,onCurrencyChange:ae,setCurrencySearch:$,setCountrySearch:M,onSubmit:oe,onClose:function(){return Z(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.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);return h(PartnerInfoModalView,Object.assign({},e))};return e}();function useDemoPartnerInfoModal(e){var t=useState("US"),n=t[0],r=t[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=Object.keys(c).reduce((function(e,t){var n;return t==="sqm-partner-info-modal"?__assign(__assign({},e),c[t]):__assign(__assign({},e),(n={},n[t+"_stateController"]=c[t],n))}),{});return cjs({states:{brandName:"Test Brand",open:true,loading:false,submitting:false,isExistingPartner:false,countryCode:n,currency:o,error:l,success:false,filteredCountries:[],filteredCurrencies:[]},callbacks:{onCountryChange:function(e){var t,n;var a=(n=(t=e===null||e===void 0?void 0:e.detail)===null||t===void 0?void 0:t.item)===null||n===void 0?void 0:n.__value;if(a){r(a);i("")}},onCurrencyChange:function(e){var t,n;var r=(n=(t=e===null||e===void 0?void 0:e.detail)===null||t===void 0?void 0:t.item)===null||n===void 0?void 0:n.__value;if(r)i(r)},setCountrySearch:function(){},setCurrencySearch:function(){},onSubmit:function(){if(!n||!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}},d||{},{arrayMerge:function(e,t){return t}})}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;
+var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,t){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:t})}else{e.raw=t}return e};var __awaiter=this&&this.__awaiter||function(e,t,r,n){function a(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,o){function i(e){try{l(n.next(e))}catch(e){o(e)}}function s(e){try{l(n["throw"](e))}catch(e){o(e)}}function l(e){e.done?r(e.value):a(e.value).then(i,s)}l((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,a,o,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(e){return function(t){return l([e,t])}}function l(i){if(n)throw new TypeError("Generator is already executing.");while(r)try{if(n=1,a&&(o=i[0]&2?a["return"]:i[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,i[1])).done)return o;if(a=0,o)i=[i[0]&2,o.value];switch(i[0]){case 0:case 1:o=i;break;case 4:r.label++;return{value:i[1],done:false};case 5:r.label++;a=i[1];i=[0];continue;case 7:i=r.ops.pop();r.trys.pop();continue;default:if(!(o=r.trys,o=o.length>0&&o[o.length-1])&&(i[0]===6||i[0]===2)){r=0;continue}if(i[0]===3&&(!o||i[1]>o[0]&&i[1]<o[3])){r.label=i[1];break}if(i[0]===6&&r.label<o[1]){r.label=o[1];o=i;break}if(o&&r.label<o[2]){r.label=o[2];r.ops.push(i);break}if(o[2])r.ops.pop();r.trys.pop();continue}i=t.call(e,r)}catch(e){i=[6,e];a=0}finally{n=o=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};import{h,r as registerInstance}from"./index-38ad4957.js";import{i as intl}from"./global-b2ee3a12.js";import{k as useState,f as useEffect,n as h$1}from"./dom-context-hooks.module-50442785.js";import{d as dist,t as Pn,w as wn,J,$ as $e,i as isDemo,q as En,L}from"./index.module-e266b4d7.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-738acfb3.js";import{P as PartnerInfoModalView}from"./sqm-partner-info-modal-view-77c231af.js";import{p as parseStates}from"./parseStates-ed75e224.js";import{S as SHOW_CODE_NAMESPACE,V as VERIFICATION_EMAIL_NAMESPACE,a as VERIFICATION_PARENT_NAMESPACE}from"./keys-406491dc.js";import{T as TAX_FORM_UPDATED_EVENT_KEY}from"./eventKeys-f76b6a03.js";import{u as useVerificationEmail}from"./useVerificationEmail-5c6cd733.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 t=J();var r=$e(UpsertUserEmailMutation),n=r[0],a=r[1],o=a.loading,i=a.data,s=a.errors;var l=function(r){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,n({userInput:{id:t.id,accountId:t.accountId,email:r}})];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 t=this;var r=Pn(SHOW_CODE_NAMESPACE),n=r[0],a=r[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,E=g[0],C=g[1],_=C.loading,w=C.errors;var x=useUpsertUserEmail()[0];var q=useState(true),T=q[0],S=q[1];var k=wn(UserLookupQuery,{}),I=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(!(I===null||I===void 0?void 0:I.viewer))return;c(!!I.viewer.email)}),[I]);useEffect((function(){if(y)S(false)}),[y]);var O=function(e){return __awaiter(t,void 0,void 0,(function(){var t,r,n,o,i;return __generator(this,(function(l){switch(l.label){case 0:e.preventDefault();if(!(I===null||I===void 0?void 0:I.viewer))return[2];S(true);t=I.viewer.email;if(!!t)return[3,2];r=e.detail.formData;n=r.get("email").toString();if(!N.test(n)){m(true);return[2]}return[4,x(n)];case 1:o=l.sent();if(!o||!o.user.email)m(true);l.label=2;case 2:if(!y)return[2];return[4,E()];case 3:i=l.sent();if(!i||!i.success)b(true);else{s(t);a(true)}S(false);return[2]}}))}))};return{callbacks:{submitEmail:O},states:{loading:T,initialLoading:P&&!y,error:p,email:I===null||I===void 0?void 0:I.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",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 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 t=e.states,r=e.callbacks,n=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"},n.sendCodeText))};return h("div",{part:"sqm-base"},h("style",{type:"text/css"},vanillaStyle,styleString),t.sendCodeError&&h("sqm-form-message",{type:"error"},h("p",{part:"alert-title"},n.sendCodeErrorHeader),intl.formatMessage({id:"sendCodeErrorDescription",defaultMessage:n.sendCodeErrorDescription},{supportLink:h("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},n.supportLink)})),t.initialLoading?a():h("div",{class:sheet.classes.Wrapper},h(TextSpanView,{type:"p"},n.verifyEmailHeaderText),h("sl-form",{"onSl-submit":r.submitEmail},h("div",{class:sheet.classes.InputsContainer},h("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",label:n.emailLabel,value:t.email||"",type:"email",id:"email",name:"email",disabled:!!t.email||t.loading},t.error?{class:sheet.classes.ErrorInput,helpText:n.emailValidationErrorText}:{})),h("sl-button",{submit:true,class:sheet.classes.ContinueButton,loading:t.loading,exportparts:"base: primarybutton-base",type:"primary"},n.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 t=this;var r=En(SHOW_CODE_NAMESPACE);return cjs({states:{error:true,initialLoading:false,loading:false,email:"test@example.com",sendCodeError:true},callbacks:{submitEmail:function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){return[2,r(true)]}))}))}},text:e.getTextProps()},e.demoData||{},{arrayMerge:function(e,t){return t}})}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          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 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 GET_BRAND_NAME=dist.gql(templateObject_7||(templateObject_7=__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 t,r,n,a,o,i,s,l,u;var c=L();var d=En(VERIFICATION_PARENT_NAMESPACE);var p=wn(GET_USER_PARTNER_INFO,{}),m=p.data,f=p.loading,v=p.refetch;var b=m===null||m===void 0?void 0:m.user;var h=wn(GET_CURRENCIES,{variables:{locale:c}}),y=h.data,g=h.loading;var E=wn(GET_COUNTRIES,{}),C=E.data,_=E.loading;var w=wn(GET_BRAND_NAME,{}).data;var x=$e(CONNECT_PARTNER),q=x[0],T=x[1],S=T.loading,k=T.errors;var I=useState(((r=(t=b===null||b===void 0?void 0:b.impactConnection)===null||t===void 0?void 0:t.publisher)===null||r===void 0?void 0:r.countryCode)||""),P=I[0],N=I[1];var O=useState(((a=(n=b===null||b===void 0?void 0:b.impactConnection)===null||n===void 0?void 0:n.publisher)===null||a===void 0?void 0:a.currency)||""),j=O[0],A=O[1];console.log(P,j,"initial country and currency state");var D=useState(""),U=D[0],M=D[1];var R=useState(""),V=R[0],$=R[1];var W=useState(((o=C===null||C===void 0?void 0:C.impactPayoutCountries)===null||o===void 0?void 0:o.data)||[]),F=W[0],H=W[1];var B=useState(((i=y===null||y===void 0?void 0:y.currencies)===null||i===void 0?void 0:i.data)||[]),z=B[0],G=B[1];var J=useState(""),K=J[0],Q=J[1];var X=useState(false),Y=X[0],Z=X[1];var ee=((s=C===null||C===void 0?void 0:C.impactPayoutCountries)===null||s===void 0?void 0:s.data)||[];var te=((l=y===null||y===void 0?void 0:y.currencies)===null||l===void 0?void 0:l.data)||[];console.log(b,"user data from partner info query");useEffect((function(){var e;if(m&&((e=b.impactConnection)===null||e===void 0?void 0:e.publisher)){N(b.impactConnection.publisher.countryCode);A(b.impactConnection.publisher.currency)}}),[m]);useEffect((function(){if(!(ee===null||ee===void 0?void 0:ee.length))return;if(U.trim()===""){H(ee||[])}else{H(ee.filter((function(e){return e.displayName.toLowerCase().includes(U.toLowerCase())}))||[])}}),[U,ee]);useEffect((function(){if(!(te===null||te===void 0?void 0:te.length))return;if(V.trim()===""){G(te||[])}else{G(te.filter((function(e){return e.currencyCode.toLowerCase().includes(V.toLowerCase())}))||[])}}),[V,te]);var re=b===null||b===void 0?void 0:b.impactConnection;function ne(e){var t,r;var n=(r=(t=e.detail)===null||t===void 0?void 0:t.item)===null||r===void 0?void 0:r.__value;if(!n)return;N(n);A("");Q("")}function ae(e){var t,r;var n=(r=(t=e.detail)===null||t===void 0?void 0:t.item)===null||r===void 0?void 0:r.__value;if(!n)return;A(n);Q("")}function oe(){return __awaiter(this,void 0,void 0,(function(){var t,r,n,a,o,i,s;return __generator(this,(function(l){switch(l.label){case 0:if(!P||!j){Q(e.missingFieldsErrorText);return[2]}Q("");l.label=1;case 1:l.trys.push([1,4,,5]);n={user:{id:b.id,accountId:b.accountId},firstName:b.firstName,lastName:b.lastName,countryCode:P,currency:j};return[4,q({vars:n})];case 2:a=l.sent();if(!a||((t=a)===null||t===void 0?void 0:t.message)){Q(e.networkErrorText);return[2]}o=a.createImpactConnection;console.log(a,o,"result and connectionResult from creating partner from modal");if(!(o===null||o===void 0?void 0:o.success)){i=(r=o===null||o===void 0?void 0:o.validationErrors)===null||r===void 0?void 0:r.map((function(e){return e.message})).join(". ");Q(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,v()];case 3:l.sent();Z(true);d(true);return[3,5];case 4:s=l.sent();console.error("Partner creation error:",s);Q(e.networkErrorText);return[3,5];case 5:return[2]}}))}))}console.log(Y,"success state in partner info modal");var ie=!Y&&!f&&(!(re===null||re===void 0?void 0:re.connected)||!(re===null||re===void 0?void 0:re.publisher));console.log(ie,"showModal condition in partner info modal");return{states:{open:ie,loading:f||_||g,submitting:S,isExistingPartner:(re===null||re===void 0?void 0:re.connected)||(re===null||re===void 0?void 0:re.publisher),countryCode:P,currency:j,error:K,success:Y,brandName:((u=w===null||w===void 0?void 0:w.tenantSettings)===null||u===void 0?void 0:u.companyName)||"",filteredCountries:F||[],filteredCurrencies:z||[]},callbacks:{onCountryChange:ne,onCurrencyChange:ae,setCurrencySearch:$,setCountrySearch:M,onSubmit:oe,onClose:function(){return Z(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.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);return h(PartnerInfoModalView,Object.assign({},e))};return e}();function useDemoPartnerInfoModal(e){var t=useState("US"),r=t[0],n=t[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["sqm-partner-info-modal"]||c;console.log("stateController raw:",e.stateController,"parsed:",c,"overrides:",d);return cjs({states:{brandName:"Test Brand",open:true,loading:false,submitting:false,isExistingPartner:false,countryCode:r,currency:o,error:l,success:false,filteredCountries:[],filteredCurrencies:[]},callbacks:{onCountryChange:function(e){var t,r;var a=(r=(t=e===null||e===void 0?void 0:e.detail)===null||t===void 0?void 0:t.item)===null||r===void 0?void 0:r.__value;if(a){n(a);i("")}},onCurrencyChange:function(e){var t,r;var n=(r=(t=e===null||e===void 0?void 0:e.detail)===null||t===void 0?void 0:t.item)===null||r===void 0?void 0:r.__value;if(n)i(n)},setCountrySearch:function(){},setCurrencySearch:function(){},onSubmit:function(){if(!r||!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}},d||{},{arrayMerge:function(e,t){return t}})}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;

package/dist/esm-es5/sqm-widget-verification.entry.js

@@ -1 +1 @@
-var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,r){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:r})}else{e.raw=r}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++){r=arguments[t];for(var i in r)if(Object.prototype.hasOwnProperty.call(r,i))e[i]=r[i]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,r,t,n){function i(e){return e instanceof t?e:new t((function(r){r(e)}))}return new(t||(t=Promise))((function(t,a){function o(e){try{c(n.next(e))}catch(e){a(e)}}function s(e){try{c(n["throw"](e))}catch(e){a(e)}}function c(e){e.done?t(e.value):i(e.value).then(o,s)}c((n=n.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var t={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,i,a,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(e){return function(r){return c([e,r])}}function c(o){if(n)throw new TypeError("Generator is already executing.");while(t)try{if(n=1,i&&(a=o[0]&2?i["return"]:o[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,o[1])).done)return a;if(i=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;i=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(a=t.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){t.label=o[1];break}if(o[0]===6&&t.label<a[1]){t.label=a[1];a=o;break}if(a&&t.label<a[2]){t.label=a[2];t.ops.push(o);break}if(a[2])t.ops.pop();t.trys.pop();continue}o=r.call(e,t)}catch(e){o=[6,e];i=0}finally{n=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{r as registerInstance,h as h$1}from"./index-38ad4957.js";import{k as useState,f as useEffect,n as h}from"./dom-context-hooks.module-50442785.js";import{d as dist,J,I as In,q as En,X as Xe,i as isDemo}from"./index.module-e266b4d7.js";import{c as cjs}from"./cjs-bdfb4486.js";import{g as getProps}from"./utils-334c1e34.js";import{p as parseStates}from"./parseStates-ed75e224.js";import{e as extractProps}from"./extractProps-ae1afbb3.js";import{S as SHOW_CODE_NAMESPACE,V as VERIFICATION_EMAIL_NAMESPACE,a as VERIFICATION_PARENT_NAMESPACE}from"./keys-406491dc.js";var USER_LOOKUP=dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  query checkUserVerification {\n    viewer {\n      ... on User {\n        id\n        accountId\n        email\n        emailVerified\n        managedIdentity {\n          email\n          emailVerified\n        }\n      }\n    }\n  }\n"],["\n  query checkUserVerification {\n    viewer {\n      ... on User {\n        id\n        accountId\n        email\n        emailVerified\n        managedIdentity {\n          email\n          emailVerified\n        }\n      }\n    }\n  }\n"])));function useWidgetVerification(){var e=this;var r=J();var t=In({namespace:SHOW_CODE_NAMESPACE,initialValue:false}),n=t[0],i=t[1];var a=In({namespace:VERIFICATION_EMAIL_NAMESPACE,initialValue:r===null||r===void 0?void 0:r.email}),o=a[0],s=a[1];var c=En(VERIFICATION_PARENT_NAMESPACE);var l=useState(true),u=l[0],d=l[1];var f=useState(false),p=f[0],m=f[1];var h=Xe(USER_LOOKUP)[0];useEffect((function(){var r=function(){return __awaiter(e,void 0,void 0,(function(){var e,r,t,n,i;return __generator(this,(function(a){switch(a.label){case 0:a.trys.push([0,2,3,4]);return[4,h({})];case 1:n=a.sent();if(!n||n instanceof Error)throw new Error;if((e=n===null||n===void 0?void 0:n.viewer)===null||e===void 0?void 0:e.emailVerified)c(true);else if((t=(r=n===null||n===void 0?void 0:n.viewer)===null||r===void 0?void 0:r.managedIdentity)===null||t===void 0?void 0:t.emailVerified)c(true);return[3,4];case 2:i=a.sent();console.error("Could not fetch user information:",i);return[3,4];case 3:d(false);return[7];case 4:return[2]}}))}))};r()}),[]);var _=function(){m(true)};var y=function(){m(false);c(true)};return{showCode:n,showPartnerModal:p,onVerification:_,onPartnerModalComplete:y,loading:u}}var WidgetVerification=function(){function e(e){registerInstance(this,e);this.general_verifyEmailHeader="Verify your email";this.general_verifyEmailDescription="To get your cash paid out directly to your bank account, please complete your account setup";this.emailStep_verifyEmailHeaderText="Start by verifying your email. We’ll send you a code through our referral provider, impact.com.";this.emailStep_sendCodeErrorHeader="There was an error sending your code.";this.emailStep_sendCodeErrorDescription="Please try again. If this problem continues, contact our program support team.";this.emailStep_emailLabel="Email";this.emailStep_sendCodeText="Send code";this.emailStep_emailValidationErrorText="Please enter a valid email";this.codeStep_verifyCodeHeaderText="Enter the code sent to {email} from our referral provider, impact.com.";this.codeStep_reverifyCodeHeaderText="Enter the code sent to {email} from our referral provider, impact.com.";this.codeStep_resendCodeText="Didn't receive your code? {resendCodeLink}";this.codeStep_resendCodeLabel="Resend code";this.codeStep_codeResentSuccessfullyText="Another code has been sent to {email}";this.codeStep_invalidCodeText="Please check your code and try again. If you’re still having trouble, try resending your code.";this.codeStep_verifyText="Verify";this.codeStep_networkErrorMessage="An error occurred while verifying your email. Please refresh the page and try again.";this.createPartnerStep_modalHeader="Let's get you ready for rewards";this.createPartnerStep_modalHeaderExistingPartner="We found an existing account";this.createPartnerStep_descriptionNewPartner="Confirm your country and currency now to get your future rewards faster.";this.createPartnerStep_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.createPartnerStep_supportDescriptionExistingPartner="If this is a mistake, please contact Support or sign up for this referral program with a different email.";this.createPartnerStep_countryLabel="Country";this.createPartnerStep_currencyLabel="Currency";this.createPartnerStep_submitButtonLabel="Submit";this.createPartnerStep_confirmButtonLabel="Confirm";this.createPartnerStep_searchCountryPlaceholder="Search for a country";this.createPartnerStep_searchCurrencyPlaceholder="Search for a currency";this.createPartnerStep_networkErrorText="An error occurred. Please try again.";this.createPartnerStep_missingFieldsErrorText="Please select both a country and currency.";this.stateController="{}";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.getStepTextProps=function(e){var r=getProps(this);return extractProps(r,e)};e.prototype.render=function(){var e=isDemo()?useDemoWidgetVerificationInternal(this):useWidgetVerification();if(e.loading)return h$1("sl-spinner",null);if(e.showPartnerModal){return h$1("sqm-partner-info-modal",Object.assign({},this.getStepTextProps("createPartnerStep_")))}var r=this.getStepTextProps("general_");return h$1("div",null,h$1("h3",{style:{fontSize:"24px",margin:"0"}},r.verifyEmailHeader),h$1("p",{style:{color:"var(--sl-color-neutral-500)",fontSize:"var(--sl-font-size-medium)",margin:"0"}},r.verifyEmailDescription),e.showCode?h$1("sqm-code-verification",Object.assign({onVerification:e.onVerification},this.getStepTextProps("codeStep_"),extractProps(e,"sqm-code-verification_"))):h$1("sqm-email-verification",Object.assign({},this.getStepTextProps("emailStep_"),extractProps(e,"sqm-email-verification_"))))};return e}();function useDemoWidgetVerificationInternal(e){var r=In({namespace:SHOW_CODE_NAMESPACE,initialValue:false}),t=r[0],n=r[1];var i=In({namespace:VERIFICATION_EMAIL_NAMESPACE,initialValue:undefined}),a=i[0],o=i[1];var s=En(VERIFICATION_PARENT_NAMESPACE);var c=parseStates(e.stateController);var l=Object.keys(c).reduce((function(e,r){var t;return r==="sqm-widget-verification"?__assign(__assign({},e),c[r]):__assign(__assign({},e),(t={},t[r+"_stateController"]=c[r],t))}),{});var u=function(){s(true)};return cjs({showCode:t,showPartnerModal:false,onVerification:u,onPartnerModalComplete:function(){},loading:false},l||{},{arrayMerge:function(e,r){return r}})}export{WidgetVerification as sqm_widget_verification};var templateObject_1;
+var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,r){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:r})}else{e.raw=r}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++){r=arguments[t];for(var i in r)if(Object.prototype.hasOwnProperty.call(r,i))e[i]=r[i]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,r,t,n){function i(e){return e instanceof t?e:new t((function(r){r(e)}))}return new(t||(t=Promise))((function(t,a){function o(e){try{c(n.next(e))}catch(e){a(e)}}function s(e){try{c(n["throw"](e))}catch(e){a(e)}}function c(e){e.done?t(e.value):i(e.value).then(o,s)}c((n=n.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var t={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,i,a,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(e){return function(r){return c([e,r])}}function c(o){if(n)throw new TypeError("Generator is already executing.");while(t)try{if(n=1,i&&(a=o[0]&2?i["return"]:o[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,o[1])).done)return a;if(i=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:t.label++;return{value:o[1],done:false};case 5:t.label++;i=o[1];o=[0];continue;case 7:o=t.ops.pop();t.trys.pop();continue;default:if(!(a=t.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){t=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){t.label=o[1];break}if(o[0]===6&&t.label<a[1]){t.label=a[1];a=o;break}if(a&&t.label<a[2]){t.label=a[2];t.ops.push(o);break}if(a[2])t.ops.pop();t.trys.pop();continue}o=r.call(e,t)}catch(e){o=[6,e];i=0}finally{n=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{r as registerInstance,h as h$1}from"./index-38ad4957.js";import{k as useState,f as useEffect,n as h}from"./dom-context-hooks.module-50442785.js";import{d as dist,J,I as In,q as En,X as Xe,i as isDemo}from"./index.module-e266b4d7.js";import{c as cjs}from"./cjs-bdfb4486.js";import{g as getProps}from"./utils-334c1e34.js";import{p as parseStates}from"./parseStates-ed75e224.js";import{e as extractProps}from"./extractProps-ae1afbb3.js";import{S as SHOW_CODE_NAMESPACE,V as VERIFICATION_EMAIL_NAMESPACE,a as VERIFICATION_PARENT_NAMESPACE}from"./keys-406491dc.js";var USER_LOOKUP=dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(["\n  query checkUserVerification {\n    viewer {\n      ... on User {\n        id\n        accountId\n        email\n        emailVerified\n        managedIdentity {\n          email\n          emailVerified\n        }\n        impactConnection {\n          connected\n        }\n      }\n    }\n  }\n"],["\n  query checkUserVerification {\n    viewer {\n      ... on User {\n        id\n        accountId\n        email\n        emailVerified\n        managedIdentity {\n          email\n          emailVerified\n        }\n        impactConnection {\n          connected\n        }\n      }\n    }\n  }\n"])));function useWidgetVerification(){var e=this;var r=J();var t=In({namespace:SHOW_CODE_NAMESPACE,initialValue:false}),n=t[0],i=t[1];var a=In({namespace:VERIFICATION_EMAIL_NAMESPACE,initialValue:r===null||r===void 0?void 0:r.email}),o=a[0],s=a[1];var c=En(VERIFICATION_PARENT_NAMESPACE);var l=useState(true),u=l[0],d=l[1];var f=useState(false),p=f[0],m=f[1];var h=Xe(USER_LOOKUP)[0];useEffect((function(){var r=function(){return __awaiter(e,void 0,void 0,(function(){var e,r,t,n,i,a,o,s,l;return __generator(this,(function(u){switch(u.label){case 0:u.trys.push([0,2,3,4]);return[4,h({})];case 1:a=u.sent();if(!a||a instanceof Error)throw new Error;o=((e=a===null||a===void 0?void 0:a.viewer)===null||e===void 0?void 0:e.emailVerified)||((t=(r=a===null||a===void 0?void 0:a.viewer)===null||r===void 0?void 0:r.managedIdentity)===null||t===void 0?void 0:t.emailVerified);s=(i=(n=a===null||a===void 0?void 0:a.viewer)===null||n===void 0?void 0:n.impactConnection)===null||i===void 0?void 0:i.connected;if(s){c(true)}else if(o){m(true)}return[3,4];case 2:l=u.sent();console.error("Could not fetch user information:",l);return[3,4];case 3:d(false);return[7];case 4:return[2]}}))}))};r()}),[]);var _=function(){m(true)};var v=function(){m(false);c(true)};return{showCode:n,showPartnerModal:p,onVerification:_,onPartnerModalComplete:v,loading:u}}var WidgetVerification=function(){function e(e){registerInstance(this,e);this.general_verifyEmailHeader="Verify your email";this.general_verifyEmailDescription="To get your cash paid out directly to your bank account, please complete your account setup";this.emailStep_verifyEmailHeaderText="Start by verifying your email. We’ll send you a code through our referral provider, impact.com.";this.emailStep_sendCodeErrorHeader="There was an error sending your code.";this.emailStep_sendCodeErrorDescription="Please try again. If this problem continues, contact our program support team.";this.emailStep_emailLabel="Email";this.emailStep_sendCodeText="Send code";this.emailStep_emailValidationErrorText="Please enter a valid email";this.codeStep_verifyCodeHeaderText="Enter the code sent to {email} from our referral provider, impact.com.";this.codeStep_reverifyCodeHeaderText="Enter the code sent to {email} from our referral provider, impact.com.";this.codeStep_resendCodeText="Didn't receive your code? {resendCodeLink}";this.codeStep_resendCodeLabel="Resend code";this.codeStep_codeResentSuccessfullyText="Another code has been sent to {email}";this.codeStep_invalidCodeText="Please check your code and try again. If you’re still having trouble, try resending your code.";this.codeStep_verifyText="Verify";this.codeStep_networkErrorMessage="An error occurred while verifying your email. Please refresh the page and try again.";this.createPartnerStep_modalHeader="Let's get you ready for rewards";this.createPartnerStep_modalHeaderExistingPartner="We found an existing account";this.createPartnerStep_descriptionNewPartner="Confirm your country and currency now to get your future rewards faster.";this.createPartnerStep_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.createPartnerStep_supportDescriptionExistingPartner="If this is a mistake, please contact Support or sign up for this referral program with a different email.";this.createPartnerStep_countryLabel="Country";this.createPartnerStep_currencyLabel="Currency";this.createPartnerStep_submitButtonLabel="Submit";this.createPartnerStep_confirmButtonLabel="Confirm";this.createPartnerStep_searchCountryPlaceholder="Search for a country";this.createPartnerStep_searchCurrencyPlaceholder="Search for a currency";this.createPartnerStep_networkErrorText="An error occurred. Please try again.";this.createPartnerStep_missingFieldsErrorText="Please select both a country and currency.";this.stateController="{}";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.getStepTextProps=function(e){var r=getProps(this);return extractProps(r,e)};e.prototype.render=function(){var e=isDemo()?useDemoWidgetVerificationInternal(this):useWidgetVerification();if(e.loading)return h$1("sl-spinner",null);if(e.showPartnerModal){return h$1("sqm-partner-info-modal",Object.assign({},this.getStepTextProps("createPartnerStep_")))}var r=this.getStepTextProps("general_");return h$1("div",null,h$1("h3",{style:{fontSize:"24px",margin:"0"}},r.verifyEmailHeader),h$1("p",{style:{color:"var(--sl-color-neutral-500)",fontSize:"var(--sl-font-size-medium)",margin:"0"}},r.verifyEmailDescription),e.showCode?h$1("sqm-code-verification",Object.assign({onVerification:e.onVerification},this.getStepTextProps("codeStep_"),extractProps(e,"sqm-code-verification_"))):h$1("sqm-email-verification",Object.assign({},this.getStepTextProps("emailStep_"),extractProps(e,"sqm-email-verification_"))))};return e}();function useDemoWidgetVerificationInternal(e){var r=In({namespace:SHOW_CODE_NAMESPACE,initialValue:false}),t=r[0],n=r[1];var i=In({namespace:VERIFICATION_EMAIL_NAMESPACE,initialValue:undefined}),a=i[0],o=i[1];var s=En(VERIFICATION_PARENT_NAMESPACE);var c=parseStates(e.stateController);var l=Object.keys(c).reduce((function(e,r){var t;return r==="sqm-widget-verification"?__assign(__assign({},e),c[r]):__assign(__assign({},e),(t={},t[r+"_stateController"]=c[r],t))}),{});var u=function(){s(true)};return cjs({showCode:t,showPartnerModal:false,onVerification:u,onPartnerModalComplete:function(){},loading:false},l||{},{arrayMerge:function(e,r){return r}})}export{WidgetVerification as sqm_widget_verification};var templateObject_1;