@saasquatch/mint-components 2.3.1-5 → 2.3.1-7

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

@@ -11,7 +11,7 @@ const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 const sqmTextSpanView = require('./sqm-text-span-view-b9e10f5d.js');
 const data = require('./data-89ac73dd.js');
-const sqmPartnerInfoModalView = require('./sqm-partner-info-modal-view-bfce1f94.js');
+const sqmPartnerInfoModalView = require('./sqm-partner-info-modal-view-f91e8200.js');
 const keys = require('./keys-5a2c9ed2.js');
 const eventKeys = require('./eventKeys-7af4df4d.js');
 const parseStates = require('./parseStates-d1effc19.js');
@@ -561,14 +561,20 @@ function usePartnerInfoModal(props) {
   const [filteredCurrencies, setFilteredCurrencies] = domContextHooks_module.useState(currencies || []);
   const [error, setError] = domContextHooks_module.useState("");
   const [success, setSuccess] = domContextHooks_module.useState(false);
+  const [initialized, setInitialized] = domContextHooks_module.useState(false);
   domContextHooks_module.useEffect(() => {
     var _a;
-    const publisher = (_a = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher;
-    if (!userData || !publisher)
+    if (initialized || !userData)
       return;
-    setCountryCode(publisher.countryCode);
-    setCurrency(publisher.currency);
-  }, [userData, user]);
+    setFirstName((user === null || user === void 0 ? void 0 : user.firstName) || "");
+    setLastName((user === null || user === void 0 ? void 0 : user.lastName) || "");
+    const publisher = (_a = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher;
+    if (publisher) {
+      setCountryCode(publisher.countryCode);
+      setCurrency(publisher.currency);
+    }
+    setInitialized(true);
+  }, [userData, user, initialized]);
   domContextHooks_module.useEffect(() => {
     if (!(countries === null || countries === void 0 ? void 0 : countries.length))
       return;
@@ -624,8 +630,7 @@ function usePartnerInfoModal(props) {
     if (!allowBankingCollection ||
       !countryCode ||
       !currency ||
-      !firstName ||
-      !lastName) {
+      (shouldDisplayNameFields && (!firstName || !lastName))) {
       setError(props.missingFieldsErrorText);
       return;
     }

package/dist/cjs/{sqm-partner-info-modal-view-bfce1f94.js → sqm-partner-info-modal-view-f91e8200.js}

@@ -102,6 +102,9 @@ function PartnerInfoModalContentView(props) {
   }, {
     termsAndConditionsLink: (index.h("a", { href: text.termsAndConditionsLink, target: "_blank" }, text.termsAndConditionsLabel)),
   });
+  if (states.loading) {
+    return (index.h("sl-spinner", { style: { fontSize: "50px", margin: "40px" } }));
+  }
   return (index.h("div", null,
     index.h("style", { type: "text/css" }, styleString),
     index.h("div", { class: sheet.classes.FormFields },
@@ -109,6 +112,9 @@ function PartnerInfoModalContentView(props) {
       states.shouldDisplayNameFields && (index.h(index.Fragment, null,
         index.h("sl-input", { exportparts: "label: input-label, base: input-base", class: sheet.classes.NameInput, label: "First Name", value: states.firstName, "onSl-input": callbacks.onFirstNameChange, disabled: states.submitting, required: true }),
         index.h("sl-input", { exportparts: "label: input-label, base: input-base", class: sheet.classes.NameInput, label: "Last Name", value: states.lastName, "onSl-input": callbacks.onLastNameChange, disabled: states.submitting, required: true }))),
+      index.h(index.Fragment, null,
+        index.h("sl-input", { exportparts: "label: input-label, base: input-base", class: sheet.classes.NameInput, label: "First Name", value: states.firstName, "onSl-input": callbacks.onFirstNameChange, disabled: states.submitting, required: true }),
+        index.h("sl-input", { exportparts: "label: input-label, base: input-base", class: sheet.classes.NameInput, label: "Last Name", value: states.lastName, "onSl-input": callbacks.onLastNameChange, disabled: states.submitting, required: true })),
       index.h("sl-select", { exportparts: "label: input-label, base: input-base, menu: select-menu", label: text.countryLabel, value: states.countryCode, disabled: states.submitting ||
           (!!states.countryCode && states.isExistingPartner), required: true, hoist: true, "onSl-select": callbacks.onCountryChange },
         index.h("sl-input", { class: sheet.classes.SearchInput, placeholder: text.searchCountryPlaceholder, onKeyDown: (e) => e.stopPropagation(), "onSl-input": (e) => {
@@ -131,8 +137,8 @@ function PartnerInfoModalContentView(props) {
         !states.countryCode ||
         !states.currency ||
         !states.allowBankingCollection ||
-        !states.firstName ||
-        !states.lastName, onClick: callbacks.onSubmit, class: sheet.classes.SubmitButton, exportparts: "base: primarybutton-base" }, buttonLabel)));
+        (states.shouldDisplayNameFields &&
+          (!states.firstName || !states.lastName)), onClick: callbacks.onSubmit, class: sheet.classes.SubmitButton, exportparts: "base: primarybutton-base" }, buttonLabel)));
 }
 function PartnerInfoModalView(props) {
   const { states, text, callbacks } = props;

package/dist/cjs/sqm-stencilbook.cjs.entry.js

@@ -40,7 +40,7 @@ const sqmPortalContainerView = require('./sqm-portal-container-view-757f921b.js'
 const sqmUserInfoFormView = require('./sqm-user-info-form-view-c5f9b79b.js');
 const sqmLeadInputFieldView = require('./sqm-lead-input-field-view-88de1b78.js');
 require('./data-89ac73dd.js');
-const sqmPartnerInfoModalView = require('./sqm-partner-info-modal-view-bfce1f94.js');
+const sqmPartnerInfoModalView = require('./sqm-partner-info-modal-view-f91e8200.js');
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -19467,6 +19467,16 @@ const PartnerHasFirstNameOnly = () => {
   };
   return index.h(sqmPartnerInfoModalView.PartnerInfoModalView, Object.assign({}, props));
 };
+const Loading$i = () => {
+  const props = {
+    ...defaultProps$y,
+    states: {
+      ...defaultProps$y.states,
+      loading: true,
+    },
+  };
+  return index.h(sqmPartnerInfoModalView.PartnerInfoModalView, Object.assign({}, props));
+};
 
 const PartnerInfoModal = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -19483,7 +19493,8 @@ const PartnerInfoModal = /*#__PURE__*/Object.freeze({
   SQMComponentExistingPartner: SQMComponentExistingPartner,
   SQMComponentNewPartner: SQMComponentNewPartner,
   PartnerHasFirstAndLastName: PartnerHasFirstAndLastName,
-  PartnerHasFirstNameOnly: PartnerHasFirstNameOnly
+  PartnerHasFirstNameOnly: PartnerHasFirstNameOnly,
+  Loading: Loading$i
 });
 
 const WidgetVerification_stories = {
@@ -19498,7 +19509,7 @@ const Step2Code = () => (index.h("sqm-widget-verification", { stateController: J
 const Step3PartnerModal = () => (index.h("sqm-widget-verification", { stateController: JSON.stringify({
     "sqm-widget-verification": { showPartnerModal: true },
   }) }));
-const Loading$i = () => (index.h("sqm-widget-verification", { stateController: JSON.stringify({
+const Loading$j = () => (index.h("sqm-widget-verification", { stateController: JSON.stringify({
     "sqm-widget-verification": { loading: true },
   }) }));
 
@@ -19508,7 +19519,7 @@ const WidgetVerification = /*#__PURE__*/Object.freeze({
   Step1Email: Step1Email,
   Step2Code: Step2Code,
   Step3PartnerModal: Step3PartnerModal,
-  Loading: Loading$i
+  Loading: Loading$j
 });
 
 const scenario$G = "@owner:zach @author:zach\nFeature: User Attribute\n  Displays a user's custom field value.\n\n  Background: A user exists\n    Given a user is logged in\n    And the user has custom fields\n\n  @motivating\n  Scenario: A custom field value is displayed\n    Given the component has prop \"value\" with value \"firstName\"\n    And the user has a custom field \"firstName\" with value \"John\"\n    When the component is rendered\n    Then the text \"John\" is displayed\n\n  @landmine\n  Scenario: Nothing is rendered when the custom field does not exist\n    Given the component has prop \"value\" with value \"nonExistentField\"\n    And the user does not have a custom field \"nonExistentField\"\n    Then component is not rendered\n    And nothing is displayed\n\n  @motivating\n  Scenario: Nothing is rendered while user data is loading\n    Given the component is loading user data\n    When the component is rendered\n    Then component is not rendered\n    And nothing is displayed\n\n  @motivating\n  Scenario Outline: Optional styling props can be applied to customize the text appearance\n    Given the component has prop <prop> with value <value>\n    When the component is rendered\n    Then the text is displayed with <cssProperty> set to <value>\n\n    Examples:\n      | prop         | value       | cssProperty |\n      | fontSize     | 24          | font-size   |\n      | color        | #E91E63   | color       |\n      | fontWeight   | 700         | font-weight |\n\n  @minutia\n  Scenario: Style props are optional and default to no custom styling\n    Given the component has no style props set\n    When the component is rendered\n    Then the text is displayed with default browser styles\n";
@@ -19539,7 +19550,7 @@ const InvalidValue = () => {
       } }),
     index.h("div", { style: { background: "#e0e0e0", padding: "8px" } }, "Below")));
 };
-const Loading$j = () => {
+const Loading$k = () => {
   return (index.h("sqm-user-attribute", { demoData: {
       loading: true,
       value: "impact.com",
@@ -19560,7 +19571,7 @@ const UserAttribute = /*#__PURE__*/Object.freeze({
   'default': UserAttribute_stories,
   Default: Default$x,
   InvalidValue: InvalidValue,
-  Loading: Loading$j,
+  Loading: Loading$k,
   WithCustomStyles: WithCustomStyles
 });
 

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

@@ -197,3 +197,13 @@ export const PartnerHasFirstNameOnly = () => {
   };
   return h(PartnerInfoModalView, Object.assign({}, props));
 };
+export const Loading = () => {
+  const props = {
+    ...defaultProps,
+    states: {
+      ...defaultProps.states,
+      loading: true,
+    },
+  };
+  return h(PartnerInfoModalView, Object.assign({}, props));
+};

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

@@ -99,6 +99,9 @@ export function PartnerInfoModalContentView(props) {
   }, {
     termsAndConditionsLink: (h("a", { href: text.termsAndConditionsLink, target: "_blank" }, text.termsAndConditionsLabel)),
   });
+  if (states.loading) {
+    return (h("sl-spinner", { style: { fontSize: "50px", margin: "40px" } }));
+  }
   return (h("div", null,
     h("style", { type: "text/css" }, styleString),
     h("div", { class: sheet.classes.FormFields },
@@ -106,6 +109,9 @@ export function PartnerInfoModalContentView(props) {
       states.shouldDisplayNameFields && (h(Fragment, null,
         h("sl-input", { exportparts: "label: input-label, base: input-base", class: sheet.classes.NameInput, label: "First Name", value: states.firstName, "onSl-input": callbacks.onFirstNameChange, disabled: states.submitting, required: true }),
         h("sl-input", { exportparts: "label: input-label, base: input-base", class: sheet.classes.NameInput, label: "Last Name", value: states.lastName, "onSl-input": callbacks.onLastNameChange, disabled: states.submitting, required: true }))),
+      h(Fragment, null,
+        h("sl-input", { exportparts: "label: input-label, base: input-base", class: sheet.classes.NameInput, label: "First Name", value: states.firstName, "onSl-input": callbacks.onFirstNameChange, disabled: states.submitting, required: true }),
+        h("sl-input", { exportparts: "label: input-label, base: input-base", class: sheet.classes.NameInput, label: "Last Name", value: states.lastName, "onSl-input": callbacks.onLastNameChange, disabled: states.submitting, required: true })),
       h("sl-select", { exportparts: "label: input-label, base: input-base, menu: select-menu", label: text.countryLabel, value: states.countryCode, disabled: states.submitting ||
           (!!states.countryCode && states.isExistingPartner), required: true, hoist: true, "onSl-select": callbacks.onCountryChange },
         h("sl-input", { class: sheet.classes.SearchInput, placeholder: text.searchCountryPlaceholder, onKeyDown: (e) => e.stopPropagation(), "onSl-input": (e) => {
@@ -128,8 +134,8 @@ export function PartnerInfoModalContentView(props) {
         !states.countryCode ||
         !states.currency ||
         !states.allowBankingCollection ||
-        !states.firstName ||
-        !states.lastName, onClick: callbacks.onSubmit, class: sheet.classes.SubmitButton, exportparts: "base: primarybutton-base" }, buttonLabel)));
+        (states.shouldDisplayNameFields &&
+          (!states.firstName || !states.lastName)), onClick: callbacks.onSubmit, class: sheet.classes.SubmitButton, exportparts: "base: primarybutton-base" }, buttonLabel)));
 }
 export function PartnerInfoModalView(props) {
   const { states, text, callbacks } = props;

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

@@ -138,14 +138,20 @@ export function usePartnerInfoModal(props) {
   const [filteredCurrencies, setFilteredCurrencies] = useState(currencies || []);
   const [error, setError] = useState("");
   const [success, setSuccess] = useState(false);
+  const [initialized, setInitialized] = useState(false);
   useEffect(() => {
     var _a;
-    const publisher = (_a = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher;
-    if (!userData || !publisher)
+    if (initialized || !userData)
       return;
-    setCountryCode(publisher.countryCode);
-    setCurrency(publisher.currency);
-  }, [userData, user]);
+    setFirstName((user === null || user === void 0 ? void 0 : user.firstName) || "");
+    setLastName((user === null || user === void 0 ? void 0 : user.lastName) || "");
+    const publisher = (_a = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher;
+    if (publisher) {
+      setCountryCode(publisher.countryCode);
+      setCurrency(publisher.currency);
+    }
+    setInitialized(true);
+  }, [userData, user, initialized]);
   useEffect(() => {
     if (!(countries === null || countries === void 0 ? void 0 : countries.length))
       return;
@@ -201,8 +207,7 @@ export function usePartnerInfoModal(props) {
     if (!allowBankingCollection ||
       !countryCode ||
       !currency ||
-      !firstName ||
-      !lastName) {
+      (shouldDisplayNameFields && (!firstName || !lastName))) {
       setError(props.missingFieldsErrorText);
       return;
     }

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

@@ -7,7 +7,7 @@ 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-72f43dff.js';
 import { g as GET_FINANCE_NETWORK_SETTINGS } from './data-8698cbc6.js';
-import { a as PartnerInfoModalContentView, P as PartnerInfoModalView } from './sqm-partner-info-modal-view-15af4679.js';
+import { a as PartnerInfoModalContentView, P as PartnerInfoModalView } from './sqm-partner-info-modal-view-efe2e4c3.js';
 import { S as SHOW_CODE_NAMESPACE, a as VERIFICATION_EMAIL_NAMESPACE, P as PARTNER_CREATED_NAMESPACE } from './keys-1054056a.js';
 import { T as TAX_FORM_UPDATED_EVENT_KEY } from './eventKeys-f76b6a03.js';
 import { p as parseStates } from './parseStates-ed75e224.js';
@@ -557,14 +557,20 @@ function usePartnerInfoModal(props) {
   const [filteredCurrencies, setFilteredCurrencies] = useState(currencies || []);
   const [error, setError] = useState("");
   const [success, setSuccess] = useState(false);
+  const [initialized, setInitialized] = useState(false);
   useEffect(() => {
     var _a;
-    const publisher = (_a = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher;
-    if (!userData || !publisher)
+    if (initialized || !userData)
       return;
-    setCountryCode(publisher.countryCode);
-    setCurrency(publisher.currency);
-  }, [userData, user]);
+    setFirstName((user === null || user === void 0 ? void 0 : user.firstName) || "");
+    setLastName((user === null || user === void 0 ? void 0 : user.lastName) || "");
+    const publisher = (_a = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher;
+    if (publisher) {
+      setCountryCode(publisher.countryCode);
+      setCurrency(publisher.currency);
+    }
+    setInitialized(true);
+  }, [userData, user, initialized]);
   useEffect(() => {
     if (!(countries === null || countries === void 0 ? void 0 : countries.length))
       return;
@@ -620,8 +626,7 @@ function usePartnerInfoModal(props) {
     if (!allowBankingCollection ||
       !countryCode ||
       !currency ||
-      !firstName ||
-      !lastName) {
+      (shouldDisplayNameFields && (!firstName || !lastName))) {
       setError(props.missingFieldsErrorText);
       return;
     }

package/dist/esm/{sqm-partner-info-modal-view-15af4679.js → sqm-partner-info-modal-view-efe2e4c3.js}

@@ -100,6 +100,9 @@ function PartnerInfoModalContentView(props) {
   }, {
     termsAndConditionsLink: (h("a", { href: text.termsAndConditionsLink, target: "_blank" }, text.termsAndConditionsLabel)),
   });
+  if (states.loading) {
+    return (h("sl-spinner", { style: { fontSize: "50px", margin: "40px" } }));
+  }
   return (h("div", null,
     h("style", { type: "text/css" }, styleString),
     h("div", { class: sheet.classes.FormFields },
@@ -107,6 +110,9 @@ function PartnerInfoModalContentView(props) {
       states.shouldDisplayNameFields && (h(Fragment, null,
         h("sl-input", { exportparts: "label: input-label, base: input-base", class: sheet.classes.NameInput, label: "First Name", value: states.firstName, "onSl-input": callbacks.onFirstNameChange, disabled: states.submitting, required: true }),
         h("sl-input", { exportparts: "label: input-label, base: input-base", class: sheet.classes.NameInput, label: "Last Name", value: states.lastName, "onSl-input": callbacks.onLastNameChange, disabled: states.submitting, required: true }))),
+      h(Fragment, null,
+        h("sl-input", { exportparts: "label: input-label, base: input-base", class: sheet.classes.NameInput, label: "First Name", value: states.firstName, "onSl-input": callbacks.onFirstNameChange, disabled: states.submitting, required: true }),
+        h("sl-input", { exportparts: "label: input-label, base: input-base", class: sheet.classes.NameInput, label: "Last Name", value: states.lastName, "onSl-input": callbacks.onLastNameChange, disabled: states.submitting, required: true })),
       h("sl-select", { exportparts: "label: input-label, base: input-base, menu: select-menu", label: text.countryLabel, value: states.countryCode, disabled: states.submitting ||
           (!!states.countryCode && states.isExistingPartner), required: true, hoist: true, "onSl-select": callbacks.onCountryChange },
         h("sl-input", { class: sheet.classes.SearchInput, placeholder: text.searchCountryPlaceholder, onKeyDown: (e) => e.stopPropagation(), "onSl-input": (e) => {
@@ -129,8 +135,8 @@ function PartnerInfoModalContentView(props) {
         !states.countryCode ||
         !states.currency ||
         !states.allowBankingCollection ||
-        !states.firstName ||
-        !states.lastName, onClick: callbacks.onSubmit, class: sheet.classes.SubmitButton, exportparts: "base: primarybutton-base" }, buttonLabel)));
+        (states.shouldDisplayNameFields &&
+          (!states.firstName || !states.lastName)), onClick: callbacks.onSubmit, class: sheet.classes.SubmitButton, exportparts: "base: primarybutton-base" }, buttonLabel)));
 }
 function PartnerInfoModalView(props) {
   const { states, text, callbacks } = props;

package/dist/esm/sqm-stencilbook.entry.js

@@ -36,7 +36,7 @@ import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-c
 import { I as InvoiceTableView, T as TaxAndCashDashboardView$1, O as OtherRegionSlotView, U as UserInfoFormView$1 } from './sqm-user-info-form-view-ceb3917a.js';
 import { L as LeadInputFieldView } from './sqm-lead-input-field-view-671ff96f.js';
 import './data-8698cbc6.js';
-import { P as PartnerInfoModalView } from './sqm-partner-info-modal-view-15af4679.js';
+import { P as PartnerInfoModalView } from './sqm-partner-info-modal-view-efe2e4c3.js';
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -19463,6 +19463,16 @@ const PartnerHasFirstNameOnly = () => {
   };
   return h(PartnerInfoModalView, Object.assign({}, props));
 };
+const Loading$i = () => {
+  const props = {
+    ...defaultProps$y,
+    states: {
+      ...defaultProps$y.states,
+      loading: true,
+    },
+  };
+  return h(PartnerInfoModalView, Object.assign({}, props));
+};
 
 const PartnerInfoModal = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -19479,7 +19489,8 @@ const PartnerInfoModal = /*#__PURE__*/Object.freeze({
   SQMComponentExistingPartner: SQMComponentExistingPartner,
   SQMComponentNewPartner: SQMComponentNewPartner,
   PartnerHasFirstAndLastName: PartnerHasFirstAndLastName,
-  PartnerHasFirstNameOnly: PartnerHasFirstNameOnly
+  PartnerHasFirstNameOnly: PartnerHasFirstNameOnly,
+  Loading: Loading$i
 });
 
 const WidgetVerification_stories = {
@@ -19494,7 +19505,7 @@ const Step2Code = () => (h("sqm-widget-verification", { stateController: JSON.st
 const Step3PartnerModal = () => (h("sqm-widget-verification", { stateController: JSON.stringify({
     "sqm-widget-verification": { showPartnerModal: true },
   }) }));
-const Loading$i = () => (h("sqm-widget-verification", { stateController: JSON.stringify({
+const Loading$j = () => (h("sqm-widget-verification", { stateController: JSON.stringify({
     "sqm-widget-verification": { loading: true },
   }) }));
 
@@ -19504,7 +19515,7 @@ const WidgetVerification = /*#__PURE__*/Object.freeze({
   Step1Email: Step1Email,
   Step2Code: Step2Code,
   Step3PartnerModal: Step3PartnerModal,
-  Loading: Loading$i
+  Loading: Loading$j
 });
 
 const scenario$G = "@owner:zach @author:zach\nFeature: User Attribute\n  Displays a user's custom field value.\n\n  Background: A user exists\n    Given a user is logged in\n    And the user has custom fields\n\n  @motivating\n  Scenario: A custom field value is displayed\n    Given the component has prop \"value\" with value \"firstName\"\n    And the user has a custom field \"firstName\" with value \"John\"\n    When the component is rendered\n    Then the text \"John\" is displayed\n\n  @landmine\n  Scenario: Nothing is rendered when the custom field does not exist\n    Given the component has prop \"value\" with value \"nonExistentField\"\n    And the user does not have a custom field \"nonExistentField\"\n    Then component is not rendered\n    And nothing is displayed\n\n  @motivating\n  Scenario: Nothing is rendered while user data is loading\n    Given the component is loading user data\n    When the component is rendered\n    Then component is not rendered\n    And nothing is displayed\n\n  @motivating\n  Scenario Outline: Optional styling props can be applied to customize the text appearance\n    Given the component has prop <prop> with value <value>\n    When the component is rendered\n    Then the text is displayed with <cssProperty> set to <value>\n\n    Examples:\n      | prop         | value       | cssProperty |\n      | fontSize     | 24          | font-size   |\n      | color        | #E91E63   | color       |\n      | fontWeight   | 700         | font-weight |\n\n  @minutia\n  Scenario: Style props are optional and default to no custom styling\n    Given the component has no style props set\n    When the component is rendered\n    Then the text is displayed with default browser styles\n";
@@ -19535,7 +19546,7 @@ const InvalidValue = () => {
       } }),
     h("div", { style: { background: "#e0e0e0", padding: "8px" } }, "Below")));
 };
-const Loading$j = () => {
+const Loading$k = () => {
   return (h("sqm-user-attribute", { demoData: {
       loading: true,
       value: "impact.com",
@@ -19556,7 +19567,7 @@ const UserAttribute = /*#__PURE__*/Object.freeze({
   'default': UserAttribute_stories,
   Default: Default$x,
   InvalidValue: InvalidValue,
-  Loading: Loading$j,
+  Loading: Loading$k,
   WithCustomStyles: WithCustomStyles
 });
 

package/dist/esm-es5/sqm-email-verification_2.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 __awaiter=this&&this.__awaiter||function(e,r,t,n){function a(e){return e instanceof t?e:new t((function(r){r(e)}))}return new(t||(t=Promise))((function(t,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?t(e.value):a(e.value).then(i,s)}l((n=n.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var t={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(r){return l([e,r])}}function l(i){if(n)throw new TypeError("Generator is already executing.");while(t)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: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=r.call(e,t)}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}}};var __spreadArrays=this&&this.__spreadArrays||function(){for(var e=0,r=0,t=arguments.length;r<t;r++)e+=arguments[r].length;for(var n=Array(e),a=0,r=0;r<t;r++)for(var o=arguments[r],i=0,s=o.length;i<s;i++,a++)n[a]=o[i];return n};import{h,r as registerInstance}from"./index-38ad4957.js";import{i as intl}from"./global-32d00a6e.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,q as Pn,w as wn,J,$ as $e,i as isDemo,p as En,L}from"./index.module-02cb914c.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-72f43dff.js";import{g as GET_FINANCE_NETWORK_SETTINGS}from"./data-8698cbc6.js";import{a as PartnerInfoModalContentView,P as PartnerInfoModalView}from"./sqm-partner-info-modal-view-15af4679.js";import{S as SHOW_CODE_NAMESPACE,a as VERIFICATION_EMAIL_NAMESPACE,P as PARTNER_CREATED_NAMESPACE}from"./keys-1054056a.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-9f2c0bab.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 r=J();var t=$e(UpsertUserEmailMutation),n=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,n({userInput:{id:r.id,accountId:r.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 r=this;var t=Pn(SHOW_CODE_NAMESPACE),n=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 S=useState(true),k=S[0],T=S[1];var q=wn(UserLookupQuery,{}),I=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(!(I===null||I===void 0?void 0:I.viewer))return;c(!!I.viewer.email)}),[I]);useEffect((function(){if(y)T(false)}),[y]);var O=function(e){return __awaiter(r,void 0,void 0,(function(){var r,t,n,o,i,l,u,c,d;return __generator(this,(function(p){switch(p.label){case 0:e.preventDefault();if(!(I===null||I===void 0?void 0:I.viewer))return[2];T(true);b(false);m(false);i=I.viewer.email;if(!!i)return[3,2];l=(r=e.detail)===null||r===void 0?void 0:r.formData;u=(n=(t=l===null||l===void 0?void 0:l.get("email"))===null||t===void 0?void 0:t.toString())!==null&&n!==void 0?n:"";if(!N.test(u)){m(true);T(false);return[2]}return[4,x(u)];case 1:c=p.sent();if(!c||!((o=c.upsertUser)===null||o===void 0?void 0:o.email)){m(true);T(false);return[2]}i=c.upsertUser.email;p.label=2;case 2:if(!y){T(false);return[2]}return[4,C()];case 3:d=p.sent();if(!d||!d.success){b(true)}else{s(i);a(true)}T(false);return[2]}}))}))};return{callbacks:{submitEmail:O},states:{loading:k,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"},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-bold);\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 r=e.states,t=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),r.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)})),r.initialLoading?a():h("div",{class:sheet.classes.Wrapper},h(TextSpanView,{type:"p"},n.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:n.emailLabel,value:r.email||"",type:"email",id:"email",name:"email",disabled:!!r.email||r.loading},r.error?{class:sheet.classes.ErrorInput,helpText:n.emailValidationErrorText}:{})),h("sl-button",{submit:true,class:sheet.classes.ContinueButton,loading:r.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 r=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(r,void 0,void 0,(function(){return __generator(this,(function(e){return[2,t(true)]}))}))}},text:e.getTextProps()},e.demoData||{},{arrayMerge:function(e,r){return r}})}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 START_IMPACT_CONNECTION=dist.gql(templateObject_6||(templateObject_6=__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"])));function usePartnerInfoModal(e){var r,t,n,a,o;var i=L();var s=En(PARTNER_CREATED_NAMESPACE);var l=wn(GET_USER_PARTNER_INFO,{}),u=l.data,c=l.loading,d=l.refetch;var p=u===null||u===void 0?void 0:u.user;var m=wn(GET_CURRENCIES,{variables:{locale:i}}),f=m.data,v=m.loading;var b=wn(GET_COUNTRIES,{}),h=b.data,y=b.loading;var g=useState(null),C=g[0],E=g[1];useEffect((function(){if(C===null&&p){E(!p.firstName||!p.lastName)}}),[p,C]);var _=useState((p===null||p===void 0?void 0:p.firstName)||""),w=_[0],x=_[1];var S=useState((p===null||p===void 0?void 0:p.lastName)||""),k=S[0],T=S[1];var q=useState(((t=(r=p===null||p===void 0?void 0:p.impactConnection)===null||r===void 0?void 0:r.publisher)===null||t===void 0?void 0:t.countryCode)||i.replace(/^.*_/,"")),I=q[0],P=q[1];var N=useState(((a=(n=p===null||p===void 0?void 0:p.impactConnection)===null||n===void 0?void 0:n.publisher)===null||a===void 0?void 0:a.currency)||""),O=N[0],j=N[1];var A=wn(GET_FINANCE_NETWORK_SETTINGS,{variables:{filter:I?{countryCode_eq:I}:{}}}).data;var D=$e(START_IMPACT_CONNECTION),M=D[0],U=D[1].loading;var R=useState(false),V=R[0],$=R[1];var F=useMemo((function(){var e;var r=(e=h===null||h===void 0?void 0:h.impactPayoutCountries)===null||e===void 0?void 0:e.data;if(!r)return[];return __spreadArrays(r).sort((function(e,r){if(e.countryCode==="US")return-1;if(r.countryCode==="US")return 1;return e.displayName.localeCompare(r.displayName)}))}),[h]);var W=!!((o=p===null||p===void 0?void 0:p.impactConnection)===null||o===void 0?void 0:o.publisher);var H=useMemo((function(){var e,r,t;if(W){return((e=f===null||f===void 0?void 0:f.currencies)===null||e===void 0?void 0:e.data)||[]}var n=(t=(r=A===null||A===void 0?void 0:A.impactFinanceNetworkSettings)===null||r===void 0?void 0:r.data)===null||t===void 0?void 0:t.reduce((function(e,r){var t,n;if(I&&r.countryCode!==I)return e;var a=(n=(t=f===null||f===void 0?void 0:f.currencies)===null||t===void 0?void 0:t.data)===null||n===void 0?void 0:n.find((function(e){return e.currencyCode===r.currency}));if(!a)return e;if(e.find((function(e){return e.currencyCode===r.currency})))return e;return __spreadArrays(e,[a])}),[]);return n||[]}),[A,f,I,W]);var B=useMemo((function(){return __spreadArrays(H).sort((function(e,r){return e.displayName.localeCompare(r.displayName)}))}),[H]);var G=useState(""),z=G[0],K=G[1];var J=useState(""),Q=J[0],X=J[1];var Y=useState(F||[]),Z=Y[0],ee=Y[1];var re=useState(B||[]),te=re[0],ne=re[1];var ae=useState(""),oe=ae[0],ie=ae[1];var se=useState(false),le=se[0],ue=se[1];useEffect((function(){var e;var r=(e=p===null||p===void 0?void 0:p.impactConnection)===null||e===void 0?void 0:e.publisher;if(!u||!r)return;P(r.countryCode);j(r.currency)}),[u,p]);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.displayName.toLowerCase().includes(z.toLowerCase())}))||[])}}),[z,F]);useEffect((function(){if(!(B===null||B===void 0?void 0:B.length))return;if(Q.trim()===""){ne(B||[])}else{ne(B.filter((function(e){return e.currencyCode.toLowerCase().includes(Q.toLowerCase())}))||[])}}),[Q,B]);var ce=p===null||p===void 0?void 0:p.impactConnection;function de(e){var r=e.target.value;x(r)}function pe(e){var r=e.target.value;T(r)}function me(e){var r,t;var n=(t=(r=e.detail)===null||r===void 0?void 0:r.item)===null||t===void 0?void 0:t.__value;if(!n)return;P(n);j("");ie("")}function fe(e){var r,t;var n=(t=(r=e.detail)===null||r===void 0?void 0:r.item)===null||t===void 0?void 0:t.__value;if(!n)return;j(n);ie("")}function ve(e){var r=e.target.checked;$(r)}function be(){return __awaiter(this,void 0,void 0,(function(){var r,t,n,a,o,i,l;return __generator(this,(function(u){switch(u.label){case 0:if(!V||!I||!O||!w||!k){ie(e.missingFieldsErrorText);return[2]}ie("");if(!p){ie(e.networkErrorText);return[2]}u.label=1;case 1:u.trys.push([1,4,,5]);n={user:{id:p.id,accountId:p.accountId},firstName:w,lastName:k,countryCode:I,currency:O};return[4,M({vars:n})];case 2:a=u.sent();if(!a||((r=a)===null||r===void 0?void 0:r.message)){ie(e.networkErrorText);return[2]}o=a.startImpactConnection;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(". ");ie(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,d()];case 3:u.sent();s===null||s===void 0?void 0:s(true);ue(true);return[3,5];case 4:l=u.sent();console.error("Partner creation error:",l);ie(e.networkErrorText);return[3,5];case 5:return[2]}}))}))}var he=!le&&!c&&(ce===null||ce===void 0?void 0:ce.connectionStatus)==="NOT_STARTED";return{states:{open:he,loading:c||y||v,submitting:U,shouldDisplayNameFields:C,isExistingPartner:W,firstName:w,lastName:k,countryCode:I,currency:O,error:oe,success:le,filteredCountries:Z||[],filteredCurrencies:te||[],allowBankingCollection:V,disabled:c||U},callbacks:{onFirstNameChange:de,onLastNameChange:pe,onCountryChange:me,onCurrencyChange:fe,onCheckboxChange:ve,setCurrencySearch:X,setCountrySearch:K,onSubmit:be,onClose:function(){return ue(true)}},text:e.getTextProps()}}var PartnerInfoModal=function(){function e(e){registerInstance(this,e);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 {supportLink} or sign up for this referral program with a different email.";this.supportLink="Support";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 fill out all fields.";this.inModal=false;this.stateController='{"sqm-partner-info-modal":{"states":{"open":false}}}';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 r=useState("US"),t=r[0],n=r[1];var a=useState(""),o=a[0],i=a[1];var s=useState(""),l=s[0],u=s[1];var c=useState(false),d=c[0],p=c[1];var m=parseStates(e.stateController);var f=(m===null||m===void 0?void 0:m["sqm-partner-info-modal"])||m||{};return cjs({states:{open:false,loading:false,submitting:false,isExistingPartner:false,countryCode:t,currency:o,error:l,success:false,filteredCountries:[],filteredCurrencies:[],allowBankingCollection:d,disabled:false},callbacks:{onCountryChange:function(e){var r,t;var a=(t=(r=e===null||e===void 0?void 0:e.detail)===null||r===void 0?void 0:r.item)===null||t===void 0?void 0:t.__value;if(a){n(a);i("")}},onCurrencyChange:function(e){var r,t;var n=(t=(r=e===null||e===void 0?void 0:e.detail)===null||r===void 0?void 0:r.item)===null||t===void 0?void 0:t.__value;if(n)i(n)},onCheckboxChange:function(e){p(e.target.checked)},setCountrySearch:function(){},setCurrencySearch:function(){},onSubmit:function(){if(!t||!o){u(e.missingFieldsErrorText);return}u("")},onClose:function(){},onInitialFocus:function(e){return e.preventDefault()}},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,supportLink:e.supportLink,modalHeaderExistingPartner:e.modalHeaderExistingPartner}},e.demoData||f,{arrayMerge:function(e,r){return r}})}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;
+var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,r){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:r})}else{e.raw=r}return e};var __awaiter=this&&this.__awaiter||function(e,r,t,n){function a(e){return e instanceof t?e:new t((function(r){r(e)}))}return new(t||(t=Promise))((function(t,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?t(e.value):a(e.value).then(i,s)}l((n=n.apply(e,r||[])).next())}))};var __generator=this&&this.__generator||function(e,r){var t={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(r){return l([e,r])}}function l(i){if(n)throw new TypeError("Generator is already executing.");while(t)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: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=r.call(e,t)}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}}};var __spreadArrays=this&&this.__spreadArrays||function(){for(var e=0,r=0,t=arguments.length;r<t;r++)e+=arguments[r].length;for(var n=Array(e),a=0,r=0;r<t;r++)for(var o=arguments[r],i=0,s=o.length;i<s;i++,a++)n[a]=o[i];return n};import{h,r as registerInstance}from"./index-38ad4957.js";import{i as intl}from"./global-32d00a6e.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,q as Pn,w as wn,J,$ as $e,i as isDemo,p as En,L}from"./index.module-02cb914c.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-72f43dff.js";import{g as GET_FINANCE_NETWORK_SETTINGS}from"./data-8698cbc6.js";import{a as PartnerInfoModalContentView,P as PartnerInfoModalView}from"./sqm-partner-info-modal-view-efe2e4c3.js";import{S as SHOW_CODE_NAMESPACE,a as VERIFICATION_EMAIL_NAMESPACE,P as PARTNER_CREATED_NAMESPACE}from"./keys-1054056a.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-9f2c0bab.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 r=J();var t=$e(UpsertUserEmailMutation),n=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,n({userInput:{id:r.id,accountId:r.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 r=this;var t=Pn(SHOW_CODE_NAMESPACE),n=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 S=useState(true),k=S[0],T=S[1];var q=wn(UserLookupQuery,{}),I=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(!(I===null||I===void 0?void 0:I.viewer))return;c(!!I.viewer.email)}),[I]);useEffect((function(){if(y)T(false)}),[y]);var O=function(e){return __awaiter(r,void 0,void 0,(function(){var r,t,n,o,i,l,u,c,d;return __generator(this,(function(p){switch(p.label){case 0:e.preventDefault();if(!(I===null||I===void 0?void 0:I.viewer))return[2];T(true);b(false);m(false);i=I.viewer.email;if(!!i)return[3,2];l=(r=e.detail)===null||r===void 0?void 0:r.formData;u=(n=(t=l===null||l===void 0?void 0:l.get("email"))===null||t===void 0?void 0:t.toString())!==null&&n!==void 0?n:"";if(!N.test(u)){m(true);T(false);return[2]}return[4,x(u)];case 1:c=p.sent();if(!c||!((o=c.upsertUser)===null||o===void 0?void 0:o.email)){m(true);T(false);return[2]}i=c.upsertUser.email;p.label=2;case 2:if(!y){T(false);return[2]}return[4,C()];case 3:d=p.sent();if(!d||!d.success){b(true)}else{s(i);a(true)}T(false);return[2]}}))}))};return{callbacks:{submitEmail:O},states:{loading:k,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"},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-bold);\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 r=e.states,t=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),r.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)})),r.initialLoading?a():h("div",{class:sheet.classes.Wrapper},h(TextSpanView,{type:"p"},n.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:n.emailLabel,value:r.email||"",type:"email",id:"email",name:"email",disabled:!!r.email||r.loading},r.error?{class:sheet.classes.ErrorInput,helpText:n.emailValidationErrorText}:{})),h("sl-button",{submit:true,class:sheet.classes.ContinueButton,loading:r.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 r=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(r,void 0,void 0,(function(){return __generator(this,(function(e){return[2,t(true)]}))}))}},text:e.getTextProps()},e.demoData||{},{arrayMerge:function(e,r){return r}})}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 START_IMPACT_CONNECTION=dist.gql(templateObject_6||(templateObject_6=__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"])));function usePartnerInfoModal(e){var r,t,n,a,o;var i=L();var s=En(PARTNER_CREATED_NAMESPACE);var l=wn(GET_USER_PARTNER_INFO,{}),u=l.data,c=l.loading,d=l.refetch;var p=u===null||u===void 0?void 0:u.user;var m=wn(GET_CURRENCIES,{variables:{locale:i}}),f=m.data,v=m.loading;var b=wn(GET_COUNTRIES,{}),h=b.data,y=b.loading;var g=useState(null),C=g[0],E=g[1];useEffect((function(){if(C===null&&p){E(!p.firstName||!p.lastName)}}),[p,C]);var _=useState((p===null||p===void 0?void 0:p.firstName)||""),w=_[0],x=_[1];var S=useState((p===null||p===void 0?void 0:p.lastName)||""),k=S[0],T=S[1];var q=useState(((t=(r=p===null||p===void 0?void 0:p.impactConnection)===null||r===void 0?void 0:r.publisher)===null||t===void 0?void 0:t.countryCode)||i.replace(/^.*_/,"")),I=q[0],P=q[1];var N=useState(((a=(n=p===null||p===void 0?void 0:p.impactConnection)===null||n===void 0?void 0:n.publisher)===null||a===void 0?void 0:a.currency)||""),O=N[0],j=N[1];var A=wn(GET_FINANCE_NETWORK_SETTINGS,{variables:{filter:I?{countryCode_eq:I}:{}}}).data;var D=$e(START_IMPACT_CONNECTION),M=D[0],U=D[1].loading;var R=useState(false),V=R[0],$=R[1];var F=useMemo((function(){var e;var r=(e=h===null||h===void 0?void 0:h.impactPayoutCountries)===null||e===void 0?void 0:e.data;if(!r)return[];return __spreadArrays(r).sort((function(e,r){if(e.countryCode==="US")return-1;if(r.countryCode==="US")return 1;return e.displayName.localeCompare(r.displayName)}))}),[h]);var W=!!((o=p===null||p===void 0?void 0:p.impactConnection)===null||o===void 0?void 0:o.publisher);var H=useMemo((function(){var e,r,t;if(W){return((e=f===null||f===void 0?void 0:f.currencies)===null||e===void 0?void 0:e.data)||[]}var n=(t=(r=A===null||A===void 0?void 0:A.impactFinanceNetworkSettings)===null||r===void 0?void 0:r.data)===null||t===void 0?void 0:t.reduce((function(e,r){var t,n;if(I&&r.countryCode!==I)return e;var a=(n=(t=f===null||f===void 0?void 0:f.currencies)===null||t===void 0?void 0:t.data)===null||n===void 0?void 0:n.find((function(e){return e.currencyCode===r.currency}));if(!a)return e;if(e.find((function(e){return e.currencyCode===r.currency})))return e;return __spreadArrays(e,[a])}),[]);return n||[]}),[A,f,I,W]);var B=useMemo((function(){return __spreadArrays(H).sort((function(e,r){return e.displayName.localeCompare(r.displayName)}))}),[H]);var G=useState(""),z=G[0],K=G[1];var J=useState(""),Q=J[0],X=J[1];var Y=useState(F||[]),Z=Y[0],ee=Y[1];var re=useState(B||[]),te=re[0],ne=re[1];var ae=useState(""),oe=ae[0],ie=ae[1];var se=useState(false),le=se[0],ue=se[1];var ce=useState(false),de=ce[0],pe=ce[1];useEffect((function(){var e;if(de||!u)return;x((p===null||p===void 0?void 0:p.firstName)||"");T((p===null||p===void 0?void 0:p.lastName)||"");var r=(e=p===null||p===void 0?void 0:p.impactConnection)===null||e===void 0?void 0:e.publisher;if(r){P(r.countryCode);j(r.currency)}pe(true)}),[u,p,de]);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.displayName.toLowerCase().includes(z.toLowerCase())}))||[])}}),[z,F]);useEffect((function(){if(!(B===null||B===void 0?void 0:B.length))return;if(Q.trim()===""){ne(B||[])}else{ne(B.filter((function(e){return e.currencyCode.toLowerCase().includes(Q.toLowerCase())}))||[])}}),[Q,B]);var me=p===null||p===void 0?void 0:p.impactConnection;function fe(e){var r=e.target.value;x(r)}function ve(e){var r=e.target.value;T(r)}function be(e){var r,t;var n=(t=(r=e.detail)===null||r===void 0?void 0:r.item)===null||t===void 0?void 0:t.__value;if(!n)return;P(n);j("");ie("")}function he(e){var r,t;var n=(t=(r=e.detail)===null||r===void 0?void 0:r.item)===null||t===void 0?void 0:t.__value;if(!n)return;j(n);ie("")}function ye(e){var r=e.target.checked;$(r)}function ge(){return __awaiter(this,void 0,void 0,(function(){var r,t,n,a,o,i,l;return __generator(this,(function(u){switch(u.label){case 0:if(!V||!I||!O||C&&(!w||!k)){ie(e.missingFieldsErrorText);return[2]}ie("");if(!p){ie(e.networkErrorText);return[2]}u.label=1;case 1:u.trys.push([1,4,,5]);n={user:{id:p.id,accountId:p.accountId},firstName:w,lastName:k,countryCode:I,currency:O};return[4,M({vars:n})];case 2:a=u.sent();if(!a||((r=a)===null||r===void 0?void 0:r.message)){ie(e.networkErrorText);return[2]}o=a.startImpactConnection;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(". ");ie(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,d()];case 3:u.sent();s===null||s===void 0?void 0:s(true);ue(true);return[3,5];case 4:l=u.sent();console.error("Partner creation error:",l);ie(e.networkErrorText);return[3,5];case 5:return[2]}}))}))}var Ce=!le&&!c&&(me===null||me===void 0?void 0:me.connectionStatus)==="NOT_STARTED";return{states:{open:Ce,loading:c||y||v,submitting:U,shouldDisplayNameFields:C,isExistingPartner:W,firstName:w,lastName:k,countryCode:I,currency:O,error:oe,success:le,filteredCountries:Z||[],filteredCurrencies:te||[],allowBankingCollection:V,disabled:c||U},callbacks:{onFirstNameChange:fe,onLastNameChange:ve,onCountryChange:be,onCurrencyChange:he,onCheckboxChange:ye,setCurrencySearch:X,setCountrySearch:K,onSubmit:ge,onClose:function(){return ue(true)}},text:e.getTextProps()}}var PartnerInfoModal=function(){function e(e){registerInstance(this,e);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 {supportLink} or sign up for this referral program with a different email.";this.supportLink="Support";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 fill out all fields.";this.inModal=false;this.stateController='{"sqm-partner-info-modal":{"states":{"open":false}}}';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 r=useState("US"),t=r[0],n=r[1];var a=useState(""),o=a[0],i=a[1];var s=useState(""),l=s[0],u=s[1];var c=useState(false),d=c[0],p=c[1];var m=parseStates(e.stateController);var f=(m===null||m===void 0?void 0:m["sqm-partner-info-modal"])||m||{};return cjs({states:{open:false,loading:false,submitting:false,isExistingPartner:false,countryCode:t,currency:o,error:l,success:false,filteredCountries:[],filteredCurrencies:[],allowBankingCollection:d,disabled:false},callbacks:{onCountryChange:function(e){var r,t;var a=(t=(r=e===null||e===void 0?void 0:e.detail)===null||r===void 0?void 0:r.item)===null||t===void 0?void 0:t.__value;if(a){n(a);i("")}},onCurrencyChange:function(e){var r,t;var n=(t=(r=e===null||e===void 0?void 0:e.detail)===null||r===void 0?void 0:r.item)===null||t===void 0?void 0:t.__value;if(n)i(n)},onCheckboxChange:function(e){p(e.target.checked)},setCountrySearch:function(){},setCurrencySearch:function(){},onSubmit:function(){if(!t||!o){u(e.missingFieldsErrorText);return}u("")},onClose:function(){},onInitialFocus:function(e){return e.preventDefault()}},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,supportLink:e.supportLink,modalHeaderExistingPartner:e.modalHeaderExistingPartner}},e.demoData||f,{arrayMerge:function(e,r){return r}})}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;

package/dist/esm-es5/sqm-partner-info-modal-view-efe2e4c3.js

@@ -0,0 +1 @@
+import{h,F as Fragment}from"./index-38ad4957.js";import{i as intl}from"./global-32d00a6e.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)"},NameInput:{"&::part(label)":{fontWeight:"var(--sl-font-weight-normal)",fontSize:"var(--sl-input-label-font-size-medium)"}},ErrorMessage:{marginTop:"var(--sl-spacing-x-small)"},SearchInput:{"&::part(base)":{border:"none",borderBottom:"1px solid var(--sl-color-neutral-300)",borderRadius:"0"}},SelectMenu:{maxHeight:"300px"},DescriptionContainer:{display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)",margin:"0","& > p":{margin:"0"}},CheckboxWrapper:{display:"flex",justifyContent:"flex-start",flexDirection:"column"},Checkbox:{"&::part(label)":{fontSize:"var(--sl-font-size-small)"}},SubmitButton:{width:"100%",marginTop:"var(--sl-spacing-large)","&::part(base)":{color:"var(--sqm-primary-button-color)",backgroundColor:"var(--sqm-primary-button-background)",border:"var(--sqm-primary-button-color-border)",borderRadius:"var(--sqm-primary-button-radius)"}}};function PartnerInfoModalContentView(e){var a,t;var r=e.states,l=e.callbacks,n=e.text;var s=createStyleSheet(style);var i=s.toString();var o=intl.formatMessage({id:"supportDescriptionExistingPartner",defaultMessage:n.supportDescriptionExistingPartner},{supportLink:h("a",{target:"_blank",href:"mailto:advocate-support@impact.com"},n.supportLink)});var u=r.isExistingPartner?h("span",{class:s.classes.DescriptionContainer},h("p",null,n.descriptionExistingPartner),h("p",null,o)):h("p",{class:s.classes.DescriptionContainer},n.descriptionNewPartner);var c=r.isExistingPartner?n.confirmButtonLabel:n.submitButtonLabel;var p=intl.formatMessage({id:"bankingCollectionText",defaultMessage:n.allowBankingCollection},{termsAndConditionsLink:h("a",{href:n.termsAndConditionsLink,target:"_blank"},n.termsAndConditionsLabel)});if(r.loading){return h("sl-spinner",{style:{fontSize:"50px",margin:"40px"}})}return h("div",null,h("style",{type:"text/css"},i),h("div",{class:s.classes.FormFields},u,r.shouldDisplayNameFields&&h(Fragment,null,h("sl-input",{exportparts:"label: input-label, base: input-base",class:s.classes.NameInput,label:"First Name",value:r.firstName,"onSl-input":l.onFirstNameChange,disabled:r.submitting,required:true}),h("sl-input",{exportparts:"label: input-label, base: input-base",class:s.classes.NameInput,label:"Last Name",value:r.lastName,"onSl-input":l.onLastNameChange,disabled:r.submitting,required:true})),h(Fragment,null,h("sl-input",{exportparts:"label: input-label, base: input-base",class:s.classes.NameInput,label:"First Name",value:r.firstName,"onSl-input":l.onFirstNameChange,disabled:r.submitting,required:true}),h("sl-input",{exportparts:"label: input-label, base: input-base",class:s.classes.NameInput,label:"Last Name",value:r.lastName,"onSl-input":l.onLastNameChange,disabled:r.submitting,required:true})),h("sl-select",{exportparts:"label: input-label, base: input-base, menu: select-menu",label:n.countryLabel,value:r.countryCode,disabled:r.submitting||!!r.countryCode&&r.isExistingPartner,required:true,hoist:true,"onSl-select":l.onCountryChange},h("sl-input",{class:s.classes.SearchInput,placeholder:n.searchCountryPlaceholder,onKeyDown:function(e){return e.stopPropagation()},"onSl-input":function(e){var a;l.setCountrySearch((a=e.target)===null||a===void 0?void 0:a.value)}}),h("div",{class:s.classes.SelectMenu},(a=r.filteredCountries)===null||a===void 0?void 0:a.map((function(e){return h("sl-menu-item",{value:e.countryCode},e.displayName)})))),h("sl-select",{exportparts:"label: input-label, base: input-base",label:n.currencyLabel,value:r.currency,disabled:r.submitting||!!r.currency&&r.isExistingPartner,required:true,hoist:true,"onSl-select":l.onCurrencyChange},h("sl-input",{class:s.classes.SearchInput,placeholder:n.searchCurrencyPlaceholder,onKeyDown:function(e){return e.stopPropagation()},"onSl-input":function(e){var a;return l.setCurrencySearch((a=e.target)===null||a===void 0?void 0:a.value)}}),h("div",{class:s.classes.SelectMenu},(t=r.filteredCurrencies)===null||t===void 0?void 0:t.map((function(e){return h("sl-menu-item",{value:e.currencyCode},e.currencyCode," - ",e.displayName)})))),h("div",{class:s.classes.CheckboxWrapper},h("sl-checkbox",{class:s.classes.Checkbox,checked:r.allowBankingCollection===true,"onSl-change":l.onCheckboxChange,disabled:r.submitting,required:true,value:r.allowBankingCollection,id:"allowBankingCollection",name:"/allowBankingCollection"},p))),r.error&&h("div",{class:s.classes.ErrorMessage},h("sqm-form-message",{class:s.classes.ErrorMessage,type:"error"},h("p",{part:"alert-description"},r.error))),h("sl-button",{slot:"footer",type:"primary",loading:r.submitting,disabled:r.submitting||!r.countryCode||!r.currency||!r.allowBankingCollection||r.shouldDisplayNameFields&&(!r.firstName||!r.lastName),onClick:l.onSubmit,class:s.classes.SubmitButton,exportparts:"base: primarybutton-base"},c))}function PartnerInfoModalView(e){var a=e.states,t=e.text,r=e.callbacks;var l=createStyleSheet(style);var n=l.toString();if(!a.open)return h("div",null);var s=a.isExistingPartner?t.modalHeaderExistingPartner:t.modalHeader;return h("div",null,h("style",{type:"text/css"}," ",n),h("sl-dialog",{class:l.classes.Dialog,open:a.open,noHeader:true,label:s,"onSl-request-close":function(e){e.preventDefault()},"onSl-hide":function(e){var a;if(((a=e.target)===null||a===void 0?void 0:a.tagName)==="SL-DIALOG"){e.preventDefault()}},"onSl-initial-focus":r.onInitialFocus},h("h2",{class:l.classes.DialogTitle},s),h(PartnerInfoModalContentView,Object.assign({},e))))}export{PartnerInfoModalView as P,PartnerInfoModalContentView as a};