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

package/dist/mint-components/sqm-partner-info-modal.entry.js

@@ -0,0 +1,489 @@
+import { r as registerInstance, h as h$1 } from './index-d9876cd5.js';
+import './global-a70b85ca.js';
+import { i as useState, m as useMemo, j as useEffect, o as h } from './dom-context-hooks.module-8411297a.js';
+import { d as dist, L, r as En, w as wn, $ as $e, i as isDemo } from './index.module-76b0705d.js';
+import './GoogleFonts-e3a7f82a.js';
+import './jss-preset-default.esm-c36417f8.js';
+import './JSS-8c381d8b.js';
+import { g as getProps } from './utils-61821fb1.js';
+import { c as cjs } from './cjs-e829b75b.js';
+import { g as GET_FINANCE_NETWORK_SETTINGS } from './data-1f906245.js';
+import { a as PartnerInfoModalContentView, P as PartnerInfoModalView } from './sqm-partner-info-modal-view-d61e1c5e.js';
+import { V as VERIFICATION_PARENT_NAMESPACE } from './keys-db1897ae.js';
+import { T as TAX_FORM_UPDATED_EVENT_KEY } from './eventKeys-f76b6a03.js';
+import { p as parseStates } from './parseStates-ed75e224.js';
+
+// new field under impactConnection:{ resolvedByEmail: boolean } - determines if connection came from managed identity
+const GET_USER_PARTNER_INFO = dist.gql `
+  query getUserPartnerInfo {
+    user: viewer {
+      ... on User {
+        id
+        accountId
+        firstName
+        lastName
+        email
+        countryCode
+        customFields
+        impactConnection {
+          connected
+          connectionStatus
+          publisher {
+            id
+            countryCode
+            currency
+          }
+        }
+      }
+    }
+  }
+`;
+const GET_COUNTRIES = dist.gql `
+  query getCountries {
+    impactPayoutCountries(limit: 1000) {
+      data {
+        countryCode
+        displayName
+      }
+    }
+  }
+`;
+const GET_CURRENCIES = dist.gql `
+  query currencies($locale: RSLocale) {
+    currencies(limit: 300) {
+      data {
+        displayName(locale: $locale)
+        currencyCode
+      }
+    }
+  }
+`;
+const CONNECT_PARTNER = dist.gql `
+  mutation createImpactConnection($vars: ImpactConnectionInput!) {
+    createImpactConnection(impactConnectionInput: $vars) {
+      success
+      validationErrors {
+        field
+        message
+      }
+      user {
+        id
+        accountId
+        impactConnection {
+          connected
+          publisher {
+            brandedSignup
+            requiredTaxDocumentType
+            currentTaxDocument {
+              type
+              status
+            }
+          }
+        }
+      }
+    }
+  }
+`;
+const START_IMPACT_CONNECTION = dist.gql `
+  mutation startImpactConnection($vars: ImpactConnectionInput!) {
+    startImpactConnection(impactConnectionInput: $vars) {
+      success
+      validationErrors {
+        field
+        message
+      }
+      user {
+        id
+        accountId
+        impactConnection {
+          connected
+          publisher {
+            brandedSignup
+            requiredTaxDocumentType
+            currentTaxDocument {
+              type
+              status
+            }
+          }
+        }
+      }
+    }
+  }
+`;
+const GET_BRAND_NAME = dist.gql `
+  query getTenantSettings {
+    tenantSettings {
+      companyName
+    }
+  }
+`;
+function usePartnerInfoModal(props) {
+  var _a, _b, _c, _d, _e, _f, _g;
+  const locale = L();
+  const setVerificationContext = En(VERIFICATION_PARENT_NAMESPACE);
+  const { data: userData, loading: userLoading, refetch, } = wn(GET_USER_PARTNER_INFO, {});
+  const user = userData === null || userData === void 0 ? void 0 : userData.user;
+  const { data: currenciesData, loading: currenciesLoading } = wn(GET_CURRENCIES, { variables: { locale } });
+  const { data: countriesData, loading: countriesLoading } = wn(GET_COUNTRIES, {});
+  const { data: tenantSettingsData } = wn(GET_BRAND_NAME, {});
+  const { data: financeNetworkData } = wn(GET_FINANCE_NETWORK_SETTINGS, {
+    variables: { filter: {} },
+  });
+  const [startImpactConnection, { loading: connectLoading, errors: connectErrors },] = $e(START_IMPACT_CONNECTION);
+  const [allowBankingCollection, setAllowBankingCollection] = useState(false);
+  const [checkboxError, setCheckboxError] = useState("");
+  // No pre-filled country, use locale to determine countryCode instead
+  const [countryCode, setCountryCode] = useState(((_b = (_a = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher) === null || _b === void 0 ? void 0 : _b.countryCode) ||
+    locale.replace(/^.*_/, ""));
+  const [currency, setCurrency] = useState(((_d = (_c = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _c === void 0 ? void 0 : _c.publisher) === null || _d === void 0 ? void 0 : _d.currency) || "");
+  const countries = ((_e = countriesData === null || countriesData === void 0 ? void 0 : countriesData.impactPayoutCountries) === null || _e === void 0 ? void 0 : _e.data) || [];
+  // copied from useTaxAndCash for displaying currencies based on country - could be in helper?
+  const currencies = useMemo(() => {
+    var _a, _b;
+    const allValidCurrencies = (_b = (_a = financeNetworkData === null || financeNetworkData === void 0 ? void 0 : financeNetworkData.impactFinanceNetworkSettings) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.reduce((agg, settings) => {
+      var _a, _b;
+      const currency = (_b = (_a = currenciesData === null || currenciesData === void 0 ? void 0 : currenciesData.currencies) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.find((c) => c.currencyCode === settings.currency);
+      if (!currency)
+        return agg;
+      if (agg.find((c) => c.currencyCode === settings.currency))
+        return agg;
+      if (countryCode && settings.countryCode !== countryCode)
+        return agg;
+      return [...agg, currency];
+    }, []);
+    return (allValidCurrencies || []).sort((a, b) => a.displayName.localeCompare(b.displayName));
+  }, [financeNetworkData, currenciesData, countryCode]);
+  const [countrySearch, setCountrySearch] = useState("");
+  const [currencySearch, setCurrencySearch] = useState("");
+  const [filteredCountries, setFilteredCountries] = useState(((_f = countriesData === null || countriesData === void 0 ? void 0 : countriesData.impactPayoutCountries) === null || _f === void 0 ? void 0 : _f.data) || []);
+  const [filteredCurrencies, setFilteredCurrencies] = useState(currencies || []);
+  console.log(userData, "userData partner info modal");
+  const [error, setError] = useState("");
+  const [success, setSuccess] = 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)
+      return;
+    setCountryCode(publisher.countryCode);
+    setCurrency(publisher.currency);
+  }, [userData, user]);
+  useEffect(() => {
+    if (!(countries === null || countries === void 0 ? void 0 : countries.length))
+      return;
+    if (countrySearch.trim() === "") {
+      setFilteredCountries(countries || []);
+    }
+    else {
+      setFilteredCountries(countries.filter((c) => c.displayName.toLowerCase().includes(countrySearch.toLowerCase())) || []);
+    }
+  }, [countrySearch, countries]);
+  useEffect(() => {
+    if (!(currencies === null || currencies === void 0 ? void 0 : currencies.length))
+      return;
+    if (currencySearch.trim() === "") {
+      setFilteredCurrencies(currencies || []);
+    }
+    else {
+      setFilteredCurrencies(currencies.filter((c) => c.currencyCode.toLowerCase().includes(currencySearch.toLowerCase())) || []);
+    }
+  }, [currencySearch, currencies]);
+  const impactConnection = user === null || user === void 0 ? void 0 : user.impactConnection;
+  function onCountryChange(e) {
+    var _a, _b;
+    const value = (_b = (_a = e.detail) === null || _a === void 0 ? void 0 : _a.item) === null || _b === void 0 ? void 0 : _b.__value;
+    if (!value)
+      return;
+    setCountryCode(value);
+    setCurrency("");
+    setError("");
+  }
+  function onCurrencyChange(e) {
+    var _a, _b;
+    const value = (_b = (_a = e.detail) === null || _a === void 0 ? void 0 : _a.item) === null || _b === void 0 ? void 0 : _b.__value;
+    if (!value)
+      return;
+    setCurrency(value);
+    setError("");
+  }
+  function onCheckboxChange(e) {
+    const checked = e.target.checked;
+    setAllowBankingCollection(checked);
+    if (checked)
+      setCheckboxError("");
+  }
+  async function onSubmit() {
+    var _a, _b;
+    if (!allowBankingCollection) {
+      setCheckboxError(props.missingFieldsErrorText);
+      return;
+    }
+    if (!countryCode || !currency) {
+      setError(props.missingFieldsErrorText);
+      return;
+    }
+    setError("");
+    setCheckboxError("");
+    try {
+      const vars = {
+        user: {
+          id: user.id,
+          accountId: user.accountId,
+        },
+        firstName: user.firstName,
+        lastName: user.lastName,
+        // phoneNumber: null,
+        // phoneNumberCountryCode: null,
+        countryCode,
+        currency,
+      };
+      const result = await startImpactConnection({ vars });
+      if (!result || ((_a = result) === null || _a === void 0 ? void 0 : _a.message)) {
+        setError(props.networkErrorText);
+        return;
+      }
+      const connectionResult = result
+        .startImpactConnection;
+      console.log(result, connectionResult, "result and connectionResult from creating partner from modal");
+      if (!(connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.success)) {
+        const validationMsg = (_b = connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.validationErrors) === null || _b === void 0 ? void 0 : _b.map((e) => e.message).join(". ");
+        setError(validationMsg || props.networkErrorText);
+        console.error("Failed to create Impact connection:", connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.validationErrors);
+        return;
+      }
+      window.dispatchEvent(new Event(TAX_FORM_UPDATED_EVENT_KEY));
+      await refetch();
+      setSuccess(true);
+      setVerificationContext(true);
+    }
+    catch (e) {
+      console.error("Partner creation error:", e);
+      setError(props.networkErrorText);
+    }
+  }
+  const showModal = !success &&
+    !userLoading &&
+    (impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.connectionStatus) === "NOT_STARTED";
+  return {
+    states: {
+      open: showModal,
+      loading: userLoading || countriesLoading || currenciesLoading,
+      submitting: connectLoading,
+      isExistingPartner: impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.publisher,
+      countryCode,
+      currency,
+      error,
+      success,
+      brandName: ((_g = tenantSettingsData === null || tenantSettingsData === void 0 ? void 0 : tenantSettingsData.tenantSettings) === null || _g === void 0 ? void 0 : _g.companyName) || "",
+      filteredCountries: filteredCountries || [],
+      filteredCurrencies: filteredCurrencies || [],
+      allowBankingCollection,
+      checkboxError,
+      disabled: userLoading || connectLoading,
+    },
+    callbacks: {
+      onCountryChange,
+      onCurrencyChange,
+      onCheckboxChange,
+      setCurrencySearch,
+      setCountrySearch,
+      onSubmit,
+      onClose: () => setSuccess(true),
+    },
+    text: props.getTextProps(),
+  };
+}
+
+const PartnerInfoModal = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /**
+     * Brand name shown in the modal header
+     *
+     * @uiName Brand name
+     */
+    this.brandName = "";
+    /**
+     * Header text when user has no existing partner
+     *
+     * @uiName New partner header
+     * @uiWidget textArea
+     */
+    this.modalHeader = "Let's get you ready for rewards";
+    /**
+     * Header text when user has an existing partner
+     *
+     * @uiName Existing partner header
+     * @uiWidget textArea
+     */
+    this.modalHeaderExistingPartner = "We found an existing account";
+    /**
+     * Description for new partner setup
+     *
+     * @uiName New partner description
+     * @uiWidget textArea
+     */
+    this.descriptionNewPartner = "Confirm your country and currency now to get your future rewards faster.";
+    /**
+     * Description for existing partner confirmation
+     *
+     * @uiName Existing partner description
+     * @uiWidget textArea
+     */
+    this.descriptionExistingPartner = "We found an account with this email on our referral program provider, impact.com. Please confirm your country and currency now to get your future rewards faster.";
+    /**
+     * Support description for existing partner confirmation
+     *
+     * @uiName Existing partner support description
+     * @uiWidget textArea
+     */
+    this.supportDescriptionExistingPartner = "If this is a mistake, please contact Support or sign up for this referral program with a different email.";
+    /**
+     * Edit the property called terms and conditions text to change what's displayed for {termsAndConditionsLink}.
+     * @uiName Terms and conditions checkbox
+     */
+    this.allowBankingCollection = "I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information";
+    /**
+     * The link text that appears in the terms and conditions checkbox
+     * @uiName Terms and conditions text
+     * @uiWidget textArea
+     */
+    this.termsAndConditionsLabel = "terms and conditions";
+    /**
+     * The link that appears in the terms and conditions checkbox
+     * @uiName Terms and conditions link
+     */
+    this.termsAndConditionsLink = "https://terms.advocate.impact.com/PayoutTermsAndConditions.html";
+    /**
+     * @uiName Country label
+     */
+    this.countryLabel = "Country";
+    /**
+     * @uiName Currency label
+     */
+    this.currencyLabel = "Currency";
+    /**
+     * @uiName Submit button label
+     */
+    this.submitButtonLabel = "Submit";
+    /**
+     * @uiName Confirm button label
+     */
+    this.confirmButtonLabel = "Confirm";
+    /**
+     * @uiName Search country placeholder
+     */
+    this.searchCountryPlaceholder = "Search for a country";
+    /**
+     * @uiName Search currency placeholder
+     */
+    this.searchCurrencyPlaceholder = "Search for a currency";
+    /**
+     * @uiName Network error text
+     * @uiWidget textArea
+     */
+    this.networkErrorText = "An error occurred. Please try again.";
+    /**
+     * @uiName Missing fields error text
+     * @uiWidget textArea
+     */
+    this.missingFieldsErrorText = "Please select both a country and currency.";
+    /**
+     * Used to render in another modal.
+     * @undocumented
+     */
+    this.inModal = false;
+    /**
+     * @undocumented
+     * @componentState { "title": "New partner", "props": { "states": { "open": true, "isExistingPartner": false } } }
+     * @componentState { "title": "Existing partner", "props": { "states": { "open": true, "isExistingPartner": true, "countryCode": "US", "currency": "USD" } } }
+     * @componentState { "title": "Connected (hidden)", "props": { "states": { "open": false } } }
+     */
+    this.stateController = "{}";
+    h(this);
+  }
+  disconnectedCallback() { }
+  getTextProps() {
+    return getProps(this);
+  }
+  render() {
+    const props = isDemo()
+      ? useDemoPartnerInfoModal(this)
+      : usePartnerInfoModal(this);
+    if (this.inModal) {
+      return h$1(PartnerInfoModalContentView, Object.assign({}, props));
+    }
+    return h$1(PartnerInfoModalView, Object.assign({}, props));
+  }
+};
+function useDemoPartnerInfoModal(props) {
+  const [countryCode, setCountryCode] = useState("US");
+  const [currency, setCurrency] = useState("");
+  const [error, setError] = useState("");
+  const [allowBankingCollection, setAllowBankingCollection] = useState(false);
+  const parsed = parseStates(props.stateController);
+  const stateOverride = (parsed === null || parsed === void 0 ? void 0 : parsed["sqm-partner-info-modal"]) || parsed || {};
+  // @ts-ignore
+  return cjs({
+    states: {
+      brandName: "Test Brand",
+      open: false,
+      loading: false,
+      submitting: false,
+      isExistingPartner: false,
+      countryCode,
+      currency,
+      error,
+      success: false,
+      filteredCountries: [],
+      filteredCurrencies: [],
+      allowBankingCollection,
+      checkboxError: "",
+      disabled: false,
+    },
+    callbacks: {
+      onCountryChange: (e) => {
+        var _a, _b;
+        const value = (_b = (_a = e === null || e === void 0 ? void 0 : e.detail) === null || _a === void 0 ? void 0 : _a.item) === null || _b === void 0 ? void 0 : _b.__value;
+        if (value) {
+          setCountryCode(value);
+          setCurrency("");
+        }
+      },
+      onCurrencyChange: (e) => {
+        var _a, _b;
+        const value = (_b = (_a = e === null || e === void 0 ? void 0 : e.detail) === null || _a === void 0 ? void 0 : _a.item) === null || _b === void 0 ? void 0 : _b.__value;
+        if (value)
+          setCurrency(value);
+      },
+      onCheckboxChange: (e) => {
+        setAllowBankingCollection(e.target.checked);
+      },
+      setCountrySearch: () => { },
+      setCurrencySearch: () => { },
+      onSubmit: () => {
+        if (!countryCode || !currency) {
+          setError(props.missingFieldsErrorText);
+          return;
+        }
+        setError("");
+      },
+      onClose: () => { },
+    },
+    text: {
+      modalHeader: props.modalHeader,
+      descriptionNewPartner: props.descriptionNewPartner,
+      descriptionExistingPartner: props.descriptionExistingPartner,
+      countryLabel: props.countryLabel,
+      currencyLabel: props.currencyLabel,
+      submitButtonLabel: props.submitButtonLabel,
+      confirmButtonLabel: props.confirmButtonLabel,
+      searchCountryPlaceholder: props.searchCountryPlaceholder,
+      searchCurrencyPlaceholder: props.searchCurrencyPlaceholder,
+      supportDescriptionExistingPartner: props.supportDescriptionExistingPartner,
+      modalHeaderExistingPartner: props.modalHeaderExistingPartner,
+    },
+  }, props.demoData || stateOverride, { arrayMerge: (_, a) => a });
+}
+
+export { PartnerInfoModal as sqm_partner_info_modal };

package/dist/mint-components/sqm-partner-info-modal.system.entry.js

@@ -0,0 +1 @@
+var __makeTemplateObject=this&&this.__makeTemplateObject||function(n,e){if(Object.defineProperty){Object.defineProperty(n,"raw",{value:e})}else{n.raw=e}return n};var __awaiter=this&&this.__awaiter||function(n,e,t,r){function o(n){return n instanceof t?n:new t((function(e){e(n)}))}return new(t||(t=Promise))((function(t,i){function a(n){try{s(r.next(n))}catch(n){i(n)}}function c(n){try{s(r["throw"](n))}catch(n){i(n)}}function s(n){n.done?t(n.value):o(n.value).then(a,c)}s((r=r.apply(n,e||[])).next())}))};var __generator=this&&this.__generator||function(n,e){var t={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,o,i,a;return a={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function c(n){return function(e){return s([n,e])}}function s(a){if(r)throw new TypeError("Generator is already executing.");while(t)try{if(r=1,o&&(i=a[0]&2?o["return"]:a[0]?o["throw"]||((i=o["return"])&&i.call(o),0):o.next)&&!(i=i.call(o,a[1])).done)return i;if(o=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:t.label++;return{value:a[1],done:false};case 5:t.label++;o=a[1];a=[0];continue;case 7:a=t.ops.pop();t.trys.pop();continue;default:if(!(i=t.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){t=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){t.label=a[1];break}if(a[0]===6&&t.label<i[1]){t.label=i[1];i=a;break}if(i&&t.label<i[2]){t.label=i[2];t.ops.push(a);break}if(i[2])t.ops.pop();t.trys.pop();continue}a=e.call(n,t)}catch(n){a=[6,n];o=0}finally{r=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};var __spreadArrays=this&&this.__spreadArrays||function(){for(var n=0,e=0,t=arguments.length;e<t;e++)n+=arguments[e].length;for(var r=Array(n),o=0,e=0;e<t;e++)for(var i=arguments[e],a=0,c=i.length;a<c;a++,o++)r[o]=i[a];return r};System.register(["./index-6582b378.system.js","./global-0a7aa77b.system.js","./dom-context-hooks.module-d6e89c16.system.js","./index.module-5e7007c8.system.js","./GoogleFonts-eea308bc.system.js","./jss-preset-default.esm-62a04d6d.system.js","./JSS-840a8fea.system.js","./utils-b405e671.system.js","./cjs-f0ef8d23.system.js","./data-593543bf.system.js","./sqm-partner-info-modal-view-9ef21b8d.system.js","./keys-4fe6dfb6.system.js","./eventKeys-8c222120.system.js","./parseStates-5fae0361.system.js"],(function(n){"use strict";var e,t,r,o,i,a,c,s,u,l,d,v,m,f,p,y,h,C,g,b;return{setters:[function(n){e=n.r;t=n.h},function(){},function(n){r=n.i;o=n.m;i=n.j;a=n.o},function(n){c=n.d;s=n.L;u=n.r;l=n.w;d=n.$;v=n.i},function(){},function(){},function(){},function(n){m=n.g},function(n){f=n.c},function(n){p=n.g},function(n){y=n.a;h=n.P},function(n){C=n.V},function(n){g=n.T},function(n){b=n.p}],execute:function(){var w=c.gql(__makeTemplateObject(["\n  query getUserPartnerInfo {\n    user: viewer {\n      ... on User {\n        id\n        accountId\n        firstName\n        lastName\n        email\n        countryCode\n        customFields\n        impactConnection {\n          connected\n          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 _=c.gql(__makeTemplateObject(["\n  query getCountries {\n    impactPayoutCountries(limit: 1000) {\n      data {\n        countryCode\n        displayName\n      }\n    }\n  }\n"],["\n  query getCountries {\n    impactPayoutCountries(limit: 1000) {\n      data {\n        countryCode\n        displayName\n      }\n    }\n  }\n"]));var x=c.gql(__makeTemplateObject(["\n  query currencies($locale: RSLocale) {\n    currencies(limit: 300) {\n      data {\n        displayName(locale: $locale)\n        currencyCode\n      }\n    }\n  }\n"],["\n  query currencies($locale: RSLocale) {\n    currencies(limit: 300) {\n      data {\n        displayName(locale: $locale)\n        currencyCode\n      }\n    }\n  }\n"]));var T=c.gql(__makeTemplateObject(["\n  mutation createImpactConnection($vars: ImpactConnectionInput!) {\n    createImpactConnection(impactConnectionInput: $vars) {\n      success\n      validationErrors {\n        field\n        message\n      }\n      user {\n        id\n        accountId\n        impactConnection {\n          connected\n          publisher {\n            brandedSignup\n            requiredTaxDocumentType\n            currentTaxDocument {\n              type\n              status\n            }\n          }\n        }\n      }\n    }\n  }\n"],["\n  mutation createImpactConnection($vars: ImpactConnectionInput!) {\n    createImpactConnection(impactConnectionInput: $vars) {\n      success\n      validationErrors {\n        field\n        message\n      }\n      user {\n        id\n        accountId\n        impactConnection {\n          connected\n          publisher {\n            brandedSignup\n            requiredTaxDocumentType\n            currentTaxDocument {\n              type\n              status\n            }\n          }\n        }\n      }\n    }\n  }\n"]));var P=c.gql(__makeTemplateObject(["\n  mutation startImpactConnection($vars: ImpactConnectionInput!) {\n    startImpactConnection(impactConnectionInput: $vars) {\n      success\n      validationErrors {\n        field\n        message\n      }\n      user {\n        id\n        accountId\n        impactConnection {\n          connected\n          publisher {\n            brandedSignup\n            requiredTaxDocumentType\n            currentTaxDocument {\n              type\n              status\n            }\n          }\n        }\n      }\n    }\n  }\n"],["\n  mutation startImpactConnection($vars: ImpactConnectionInput!) {\n    startImpactConnection(impactConnectionInput: $vars) {\n      success\n      validationErrors {\n        field\n        message\n      }\n      user {\n        id\n        accountId\n        impactConnection {\n          connected\n          publisher {\n            brandedSignup\n            requiredTaxDocumentType\n            currentTaxDocument {\n              type\n              status\n            }\n          }\n        }\n      }\n    }\n  }\n"]));var k=c.gql(__makeTemplateObject(["\n  query getTenantSettings {\n    tenantSettings {\n      companyName\n    }\n  }\n"],["\n  query getTenantSettings {\n    tenantSettings {\n      companyName\n    }\n  }\n"]));function I(n){var e,t,a,c,v,m,f;var y=s();var h=u(C);var b=l(w,{}),T=b.data,I=b.loading,S=b.refetch;var E=T===null||T===void 0?void 0:T.user;var j=l(x,{variables:{locale:y}}),N=j.data,L=j.loading;var q=l(_,{}),D=q.data,O=q.loading;var $=l(k,{}).data;var A=l(p,{variables:{filter:{}}}).data;var B=d(P),F=B[0],H=B[1],U=H.loading,R=H.errors;var M=r(false),G=M[0],W=M[1];var J=r(""),K=J[0],V=J[1];var z=r(((t=(e=E===null||E===void 0?void 0:E.impactConnection)===null||e===void 0?void 0:e.publisher)===null||t===void 0?void 0:t.countryCode)||y.replace(/^.*_/,"")),Q=z[0],X=z[1];var Y=r(((c=(a=E===null||E===void 0?void 0:E.impactConnection)===null||a===void 0?void 0:a.publisher)===null||c===void 0?void 0:c.currency)||""),Z=Y[0],nn=Y[1];var en=((v=D===null||D===void 0?void 0:D.impactPayoutCountries)===null||v===void 0?void 0:v.data)||[];var tn=o((function(){var n,e;var t=(e=(n=A===null||A===void 0?void 0:A.impactFinanceNetworkSettings)===null||n===void 0?void 0:n.data)===null||e===void 0?void 0:e.reduce((function(n,e){var t,r;var o=(r=(t=N===null||N===void 0?void 0:N.currencies)===null||t===void 0?void 0:t.data)===null||r===void 0?void 0:r.find((function(n){return n.currencyCode===e.currency}));if(!o)return n;if(n.find((function(n){return n.currencyCode===e.currency})))return n;if(Q&&e.countryCode!==Q)return n;return __spreadArrays(n,[o])}),[]);return(t||[]).sort((function(n,e){return n.displayName.localeCompare(e.displayName)}))}),[A,N,Q]);var rn=r(""),on=rn[0],an=rn[1];var cn=r(""),sn=cn[0],un=cn[1];var ln=r(((m=D===null||D===void 0?void 0:D.impactPayoutCountries)===null||m===void 0?void 0:m.data)||[]),dn=ln[0],vn=ln[1];var mn=r(tn||[]),fn=mn[0],pn=mn[1];console.log(T,"userData partner info modal");var yn=r(""),hn=yn[0],Cn=yn[1];var gn=r(false),bn=gn[0],wn=gn[1];i((function(){var n;var e=(n=E===null||E===void 0?void 0:E.impactConnection)===null||n===void 0?void 0:n.publisher;if(!T||!e)return;X(e.countryCode);nn(e.currency)}),[T,E]);i((function(){if(!(en===null||en===void 0?void 0:en.length))return;if(on.trim()===""){vn(en||[])}else{vn(en.filter((function(n){return n.displayName.toLowerCase().includes(on.toLowerCase())}))||[])}}),[on,en]);i((function(){if(!(tn===null||tn===void 0?void 0:tn.length))return;if(sn.trim()===""){pn(tn||[])}else{pn(tn.filter((function(n){return n.currencyCode.toLowerCase().includes(sn.toLowerCase())}))||[])}}),[sn,tn]);var _n=E===null||E===void 0?void 0:E.impactConnection;function xn(n){var e,t;var r=(t=(e=n.detail)===null||e===void 0?void 0:e.item)===null||t===void 0?void 0:t.__value;if(!r)return;X(r);nn("");Cn("")}function Tn(n){var e,t;var r=(t=(e=n.detail)===null||e===void 0?void 0:e.item)===null||t===void 0?void 0:t.__value;if(!r)return;nn(r);Cn("")}function Pn(n){var e=n.target.checked;W(e);if(e)V("")}function kn(){return __awaiter(this,void 0,void 0,(function(){var e,t,r,o,i,a,c;return __generator(this,(function(s){switch(s.label){case 0:if(!G){V(n.missingFieldsErrorText);return[2]}if(!Q||!Z){Cn(n.missingFieldsErrorText);return[2]}Cn("");V("");s.label=1;case 1:s.trys.push([1,4,,5]);r={user:{id:E.id,accountId:E.accountId},firstName:E.firstName,lastName:E.lastName,countryCode:Q,currency:Z};return[4,F({vars:r})];case 2:o=s.sent();if(!o||((e=o)===null||e===void 0?void 0:e.message)){Cn(n.networkErrorText);return[2]}i=o.startImpactConnection;console.log(o,i,"result and connectionResult from creating partner from modal");if(!(i===null||i===void 0?void 0:i.success)){a=(t=i===null||i===void 0?void 0:i.validationErrors)===null||t===void 0?void 0:t.map((function(n){return n.message})).join(". ");Cn(a||n.networkErrorText);console.error("Failed to create Impact connection:",i===null||i===void 0?void 0:i.validationErrors);return[2]}window.dispatchEvent(new Event(g));return[4,S()];case 3:s.sent();wn(true);h(true);return[3,5];case 4:c=s.sent();console.error("Partner creation error:",c);Cn(n.networkErrorText);return[3,5];case 5:return[2]}}))}))}var In=!bn&&!I&&(_n===null||_n===void 0?void 0:_n.connectionStatus)==="NOT_STARTED";return{states:{open:In,loading:I||O||L,submitting:U,isExistingPartner:_n===null||_n===void 0?void 0:_n.publisher,countryCode:Q,currency:Z,error:hn,success:bn,brandName:((f=$===null||$===void 0?void 0:$.tenantSettings)===null||f===void 0?void 0:f.companyName)||"",filteredCountries:dn||[],filteredCurrencies:fn||[],allowBankingCollection:G,checkboxError:K,disabled:I||U},callbacks:{onCountryChange:xn,onCurrencyChange:Tn,onCheckboxChange:Pn,setCurrencySearch:un,setCountrySearch:an,onSubmit:kn,onClose:function(){return wn(true)}},text:n.getTextProps()}}var S=n("sqm_partner_info_modal",function(){function n(n){e(this,n);this.brandName="";this.modalHeader="Let's get you ready for rewards";this.modalHeaderExistingPartner="We found an existing account";this.descriptionNewPartner="Confirm your country and currency now to get your future rewards faster.";this.descriptionExistingPartner="We found an account with this email on our referral program provider, impact.com. Please confirm your country and currency now to get your future rewards faster.";this.supportDescriptionExistingPartner="If this is a mistake, please contact Support or sign up for this referral program with a different email.";this.allowBankingCollection="I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information";this.termsAndConditionsLabel="terms and conditions";this.termsAndConditionsLink="https://terms.advocate.impact.com/PayoutTermsAndConditions.html";this.countryLabel="Country";this.currencyLabel="Currency";this.submitButtonLabel="Submit";this.confirmButtonLabel="Confirm";this.searchCountryPlaceholder="Search for a country";this.searchCurrencyPlaceholder="Search for a currency";this.networkErrorText="An error occurred. Please try again.";this.missingFieldsErrorText="Please select both a country and currency.";this.inModal=false;this.stateController="{}";a(this)}n.prototype.disconnectedCallback=function(){};n.prototype.getTextProps=function(){return m(this)};n.prototype.render=function(){var n=v()?E(this):I(this);if(this.inModal){return t(y,Object.assign({},n))}return t(h,Object.assign({},n))};return n}());function E(n){var e=r("US"),t=e[0],o=e[1];var i=r(""),a=i[0],c=i[1];var s=r(""),u=s[0],l=s[1];var d=r(false),v=d[0],m=d[1];var p=b(n.stateController);var y=(p===null||p===void 0?void 0:p["sqm-partner-info-modal"])||p||{};return f({states:{brandName:"Test Brand",open:false,loading:false,submitting:false,isExistingPartner:false,countryCode:t,currency:a,error:u,success:false,filteredCountries:[],filteredCurrencies:[],allowBankingCollection:v,checkboxError:"",disabled:false},callbacks:{onCountryChange:function(n){var e,t;var r=(t=(e=n===null||n===void 0?void 0:n.detail)===null||e===void 0?void 0:e.item)===null||t===void 0?void 0:t.__value;if(r){o(r);c("")}},onCurrencyChange:function(n){var e,t;var r=(t=(e=n===null||n===void 0?void 0:n.detail)===null||e===void 0?void 0:e.item)===null||t===void 0?void 0:t.__value;if(r)c(r)},onCheckboxChange:function(n){m(n.target.checked)},setCountrySearch:function(){},setCurrencySearch:function(){},onSubmit:function(){if(!t||!a){l(n.missingFieldsErrorText);return}l("")},onClose:function(){}},text:{modalHeader:n.modalHeader,descriptionNewPartner:n.descriptionNewPartner,descriptionExistingPartner:n.descriptionExistingPartner,countryLabel:n.countryLabel,currencyLabel:n.currencyLabel,submitButtonLabel:n.submitButtonLabel,confirmButtonLabel:n.confirmButtonLabel,searchCountryPlaceholder:n.searchCountryPlaceholder,searchCurrencyPlaceholder:n.searchCurrencyPlaceholder,supportDescriptionExistingPartner:n.supportDescriptionExistingPartner,modalHeaderExistingPartner:n.modalHeaderExistingPartner}},n.demoData||y,{arrayMerge:function(n,e){return e}})}}}}));

package/dist/types/components/sqm-partner-info-modal/PartnerInfoModal.stories.d.ts

@@ -10,4 +10,3 @@ export declare const Submitting: () => any;
 export declare const WithError: () => any;
 export declare const ValidationError: () => any;
 export declare const Closed: () => any;
-export declare const FullStackDemo: () => any;

package/dist/types/components/sqm-partner-info-modal/sqm-partner-info-modal-view.d.ts

@@ -17,10 +17,14 @@ export interface PartnerInfoModalViewProps {
       currencyCode: string;
       displayName: string;
     }[];
+    allowBankingCollection: boolean;
+    checkboxError: string;
+    disabled: boolean;
   };
   callbacks: {
     onCountryChange: (e: any) => void;
     onCurrencyChange: (e: any) => void;
+    onCheckboxChange: (e: any) => void;
     setCurrencySearch: (c: any) => void;
     setCountrySearch: (c: any) => void;
     onSubmit: () => void;
@@ -38,6 +42,10 @@ export interface PartnerInfoModalViewProps {
     searchCurrencyPlaceholder: string;
     supportDescriptionExistingPartner: string;
     modalHeaderExistingPartner: string;
+    allowBankingCollection: string;
+    termsAndConditionsLabel: string;
+    termsAndConditionsLink: string;
   };
 }
+export declare function PartnerInfoModalContentView(props: PartnerInfoModalViewProps): any;
 export declare function PartnerInfoModalView(props: PartnerInfoModalViewProps): any;

package/dist/types/components/sqm-partner-info-modal/sqm-partner-info-modal.d.ts

@@ -1,9 +1,9 @@
 import { DemoData } from "../../global/demo";
-import { PartnerInfoModalViewProps } from "./sqm-partner-info-modal-view";
+import { PartnerInfoModalResult } from "./usePartnerInfoModal";
 /**
  * @uiName Partner Info Modal
  * @exampleGroup Tax and Cash
- * @validParents ["sqm-portal-container", "sqm-portal-frame", "div", "sqb-program-section", "sqb-conditional-section"]
+ * @validParents ["sqm-portal-container", "sqm-portal-frame", "div", "sqm-divided-layout", "sqb-program-section", "sqb-conditional-section"]
  * @example Partner Info Modal - <sqm-partner-info-modal></sqm-partner-info-modal>
  */
 export declare class PartnerInfoModal {
@@ -48,6 +48,22 @@ export declare class PartnerInfoModal {
    * @uiWidget textArea
    */
   supportDescriptionExistingPartner: string;
+  /**
+   * Edit the property called terms and conditions text to change what's displayed for {termsAndConditionsLink}.
+   * @uiName Terms and conditions checkbox
+   */
+  allowBankingCollection: string;
+  /**
+   * The link text that appears in the terms and conditions checkbox
+   * @uiName Terms and conditions text
+   * @uiWidget textArea
+   */
+  termsAndConditionsLabel: string;
+  /**
+   * The link that appears in the terms and conditions checkbox
+   * @uiName Terms and conditions link
+   */
+  termsAndConditionsLink: string;
   /**
    * @uiName Country label
    */
@@ -82,11 +98,23 @@ export declare class PartnerInfoModal {
    * @uiWidget textArea
    */
   missingFieldsErrorText: string;
+  /**
+   * Used to render in another modal.
+   * @undocumented
+   */
+  inModal: boolean;
+  /**
+   * @undocumented
+   * @componentState { "title": "New partner", "props": { "states": { "open": true, "isExistingPartner": false } } }
+   * @componentState { "title": "Existing partner", "props": { "states": { "open": true, "isExistingPartner": true, "countryCode": "US", "currency": "USD" } } }
+   * @componentState { "title": "Connected (hidden)", "props": { "states": { "open": false } } }
+   */
+  stateController: string;
   /**
    * @undocumented
    * @uiType object
    */
-  demoData?: DemoData<PartnerInfoModalViewProps>;
+  demoData?: DemoData<PartnerInfoModalResult>;
   constructor();
   disconnectedCallback(): void;
   getTextProps(): this;

package/dist/types/components/sqm-partner-info-modal/usePartnerInfoModal.d.ts

@@ -14,3 +14,4 @@ export declare type CountriesQuery = {
   };
 };
 export declare function usePartnerInfoModal(props: PartnerInfoModal): PartnerInfoModalViewProps;
+export declare type PartnerInfoModalResult = ReturnType<typeof usePartnerInfoModal>;

package/dist/types/components/sqm-widget-verification/WidgetVerification.stories.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+  title: string;
+};
+export default _default;
+export declare const Step1Email: () => any;
+export declare const Step2Code: () => any;
+export declare const Step3PartnerModal: () => any;
+export declare const Loading: () => any;

package/dist/types/components/sqm-widget-verification/sqm-widget-verification.d.ts

@@ -4,6 +4,11 @@
  * @example Widget Verification - <sqm-widget-verification></sqm-widget-verification>
  */
 export declare class WidgetVerification {
+  /**
+   * @uiName General widget header text with partner creation
+   * @uiGroup General Text
+   */
+  general_widgetHeaderWithPartnerCreation: string;
   /**
    * @uiName General verify widget header text
    * @uiGroup General Text
@@ -165,7 +170,7 @@ export declare class WidgetVerification {
    * @undocumented
    * @componentState { "title": "Step 1: Enter email", "props": { "showCode": false }, "dependencies": ["sqm-email-verification"], "uiGroup": "Email Verification Step" }
    * @componentState { "title": "Step 2: Enter code", "props": { "showCode": true }, "dependencies": ["sqm-code-verification"], "uiGroup": "Code Verification Step" }
-   * @componentState { "title": "Step 3: Create Partner", "props": { "showCode": false }, "dependencies": ["sqm-partner-info-modal"], "uiGroup": "Partner Creation Step" }
+   * @componentState { "title": "Step 3: Create Partner", "props": { "showPartnerModal": true }, "dependencies": ["sqm-partner-info-modal"], "uiGroup": "Partner Creation Step" }
    */
   stateController: string;
   constructor();

package/dist/types/components/tax-and-cash/data.d.ts

@@ -100,6 +100,7 @@ export declare type UserQuery = {
     impactConnection: null | {
       connected: boolean;
       user: null | ImpactUser;
+      connectionStatus: "NOT_STARTED" | "STARTED" | "COMPLETED";
       publisher: null | ImpactPublisher;
     };
   };

package/dist/types/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.d.ts

@@ -22,7 +22,14 @@ export declare type ConnectPartnerResult = {
     } | null;
   };
 };
+export declare type StartImpactConnectionResult = {
+  startImpactConnection: ConnectPartnerResult["createImpactConnection"];
+};
+export declare type CompletePartnerResult = {
+  completeImpactConnection: ConnectPartnerResult["createImpactConnection"];
+};
 export declare const CONNECT_PARTNER: string;
+export declare const COMPLETE_PARTNER: string;
 export declare function useIndirectTaxForm(props: IndirectTaxForm): {
   states: {
     step: string;