@saasquatch/mint-components 2.1.8-2 → 2.1.9-0

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

@@ -1,7 +1,7 @@
 import { h, r as registerInstance, c as Host } from './index-38ad4957.js';
-import { i as intl } from './global-96c14d63.js';
+import { i as intl } from './global-b2ee3a12.js';
 import { n as h$1 } from './dom-context-hooks.module-50442785.js';
-import './index.module-b23fdad8.js';
+import './index.module-e266b4d7.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
 import { o as optimizeCloudinaryUrl } from './imageUrl-4775f17b.js';

package/dist/esm/sqm-google-sign-in.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, e as createEvent, h as h$1, g as getElement } from './index-38ad4957.js';
 import { k as useState, f as useEffect, n as h } from './dom-context-hooks.module-50442785.js';
-import { g as getEnvironmentSDK, i as isDemo } from './index.module-b23fdad8.js';
+import { g as getEnvironmentSDK, i as isDemo } from './index.module-e266b4d7.js';
 
 function useGoogleSignIn(props) {
   const [loaded, setLoaded] = useState(false);

package/dist/esm/sqm-graphql-client-provider.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-38ad4957.js';
 import { o as m, f as useEffect, n as h } from './dom-context-hooks.module-50442785.js';
-import { G, e as Q, E as Ee, P as Pe } from './index.module-b23fdad8.js';
+import { G, f as Q, E as Ee, P as Pe } from './index.module-e266b4d7.js';
 
 async function useGraphQLClientProvider({ domain }) {
   const token = G();

package/dist/esm/sqm-instant-access-registration.entry.js

@@ -1,13 +1,13 @@
 import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
 import { n as h } from './dom-context-hooks.module-50442785.js';
-import { i as isDemo, s as setUserIdentity } from './index.module-b23fdad8.js';
+import { i as isDemo, e as setUserIdentity } from './index.module-e266b4d7.js';
 import './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
-import './useRegistrationFormState-2c090c38.js';
+import './useRegistrationFormState-0cee2d21.js';
 import { E as EmailRegistrationView } from './email-registration-view-4cdb4129.js';
-import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-69fefed0.js';
+import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-1388dace.js';
 
 const InstantAccessRegistration = class {
   constructor(hostRef) {

package/dist/esm/{sqm-lead-checkbox-field-view-7928db07.js → sqm-lead-checkbox-field-view-00d76ba1.js}

@@ -1,5 +1,5 @@
 import { h } from './index-38ad4957.js';
-import { i as intl } from './global-96c14d63.js';
+import { i as intl } from './global-b2ee3a12.js';
 import { j as jss, a as create } from './JSS-67b5cff8.js';
 
 const style = {

package/dist/esm/sqm-lead-checkbox-field.entry.js

@@ -1,12 +1,12 @@
 import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
-import './global-96c14d63.js';
+import './global-b2ee3a12.js';
 import { i as d, n as h } from './dom-context-hooks.module-50442785.js';
-import { i as isDemo } from './index.module-b23fdad8.js';
+import { i as isDemo } from './index.module-e266b4d7.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { a as getMissingProps, g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
-import { L as LEAD_FORM_STATE_CONTEXT, R as RequiredPropsError } from './useLeadFormState-dd4e8b08.js';
-import { L as LeadCheckboxFieldView } from './sqm-lead-checkbox-field-view-7928db07.js';
+import { L as LEAD_FORM_STATE_CONTEXT, R as RequiredPropsError } from './useLeadFormState-cec544ea.js';
+import { L as LeadCheckboxFieldView } from './sqm-lead-checkbox-field-view-00d76ba1.js';
 
 function useLeadCheckboxField() {
   const leadFormState = d(LEAD_FORM_STATE_CONTEXT);

package/dist/esm/{sqm-lead-input-field-view-d1b91650.js → sqm-lead-input-field-view-d8f76a9d.js}

@@ -1,5 +1,5 @@
 import { h } from './index-38ad4957.js';
-import { i as intl } from './global-96c14d63.js';
+import { i as intl } from './global-b2ee3a12.js';
 import { j as jss, a as create } from './JSS-67b5cff8.js';
 import { E as ErrorStyles } from './mixins-f750863a.js';
 

package/dist/esm/sqm-lead-input-field.entry.js

@@ -1,13 +1,13 @@
 import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
-import './global-96c14d63.js';
+import './global-b2ee3a12.js';
 import { i as d, n as h } from './dom-context-hooks.module-50442785.js';
-import { i as isDemo } from './index.module-b23fdad8.js';
+import { i as isDemo } from './index.module-e266b4d7.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps, a as getMissingProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
-import { L as LEAD_FORM_STATE_CONTEXT, R as RequiredPropsError } from './useLeadFormState-dd4e8b08.js';
-import { L as LeadInputFieldView } from './sqm-lead-input-field-view-d1b91650.js';
+import { L as LEAD_FORM_STATE_CONTEXT, R as RequiredPropsError } from './useLeadFormState-cec544ea.js';
+import { L as LeadInputFieldView } from './sqm-lead-input-field-view-d8f76a9d.js';
 
 function useLeadInputField() {
   const leadFormState = d(LEAD_FORM_STATE_CONTEXT);

package/dist/esm/sqm-leaderboard-rank.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
-import { i as intl } from './global-96c14d63.js';
+import { i as intl } from './global-b2ee3a12.js';
 import { n as h } from './dom-context-hooks.module-50442785.js';
-import { d as dist, H, J, w as wn, i as isDemo } from './index.module-b23fdad8.js';
+import { d as dist, H, J, w as wn, i as isDemo } from './index.module-e266b4d7.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-7a682cc3.js';
 

package/dist/esm/sqm-logout-current-user.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
 import { n as h } from './dom-context-hooks.module-50442785.js';
-import { d as dist, J, w as wn, s as setUserIdentity, i as isDemo } from './index.module-b23fdad8.js';
+import { d as dist, J, w as wn, e as setUserIdentity, i as isDemo } from './index.module-e266b4d7.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';

package/dist/esm/{sqm-navigation-sidebar-item-view-b3beac5a.js → sqm-navigation-sidebar-item-view-7f966119.js}

@@ -1,5 +1,5 @@
 import { h } from './index-38ad4957.js';
-import { j as jn } from './index.module-b23fdad8.js';
+import { j as jn } from './index.module-e266b4d7.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { g as gap } from './mixins-f750863a.js';
 

package/dist/esm/sqm-navigation-sidebar-item.entry.js

@@ -1,11 +1,11 @@
 import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
 import { n as h } from './dom-context-hooks.module-50442785.js';
-import { k as kn, i as isDemo } from './index.module-b23fdad8.js';
+import { k as kn, i as isDemo } from './index.module-e266b4d7.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
-import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-b3beac5a.js';
+import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-7f966119.js';
 
 function useNavigationSidebarItem(props) {
   const currentPage = kn();

package/dist/esm/sqm-navigation-sidebar.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1 } from './index-38ad4957.js';
 import { n as h, k as useState, f as useEffect } from './dom-context-hooks.module-50442785.js';
-import { i as isDemo, k as kn, H } from './index.module-b23fdad8.js';
+import { i as isDemo, k as kn, H } from './index.module-e266b4d7.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-2b66457a.js';
 

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

@@ -1,11 +1,11 @@
 import { h, F as Fragment, r as registerInstance } from './index-38ad4957.js';
-import { i as intl } from './global-96c14d63.js';
+import { i as intl } from './global-b2ee3a12.js';
 import { n as h$1, k as useState } from './dom-context-hooks.module-50442785.js';
-import { F as Fn, i as isDemo, d as dist, H, J, B, w as wn, $ as $e } from './index.module-b23fdad8.js';
+import { F as Fn, i as isDemo, d as dist, H, J, B, w as wn, $ as $e } from './index.module-e266b4d7.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { R as REFERRAL_CODES_PAGINATION_CONTEXT, a as REFERRAL_CODES_NAMESPACE, S as SET_CODE_COPIED, u as useReferralCodes } from './useReferralCodes-52ca720f.js';
+import { R as REFERRAL_CODES_PAGINATION_CONTEXT, a as REFERRAL_CODES_NAMESPACE, S as SET_CODE_COPIED, u as useReferralCodes } from './useReferralCodes-1ca1fda0.js';
 import './mixins-f750863a.js';
 import { C as CopyTextView } from './copy-text-view-87259b11.js';
 

package/dist/esm/sqm-partner-info-modal-view-77c231af.js

@@ -0,0 +1,106 @@
+import { h } from './index-38ad4957.js';
+import { c as createStyleSheet } from './JSS-67b5cff8.js';
+
+const style = {
+  Dialog: {
+    "&::part(panel)": {
+      maxWidth: "480px",
+    },
+    "&::part(title)": {
+      fontSize: "var(--sl-font-size-x-large)",
+      fontWeight: "600",
+      padding: "var(--sl-spacing-x-large) var(--sl-spacing-x-large) 0 var(--sl-spacing-x-large)",
+    },
+    "&::part(body)": {
+      padding: "var(--sl-spacing-small) var(--sl-spacing-x-large)",
+      fontSize: "var(--sl-font-size-small)",
+      overflow: "visible",
+    },
+    "&::part(footer)": {
+      display: "flex",
+      flexDirection: "column",
+      gap: "var(--sl-spacing-small)",
+      padding: "var(--sl-spacing-small) var(--sl-spacing-x-large) var(--sl-spacing-x-large)",
+    },
+    "&::part(overlay)": {
+      background: "rgba(0, 0, 0, 0.5)",
+    },
+    "&::part(close-button)": {
+      display: "none",
+    },
+  },
+  FormFields: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "var(--sl-spacing-medium)",
+    marginTop: "var(--sl-spacing-medium)",
+    "& > *": {
+      flex: 1,
+    },
+  },
+  ErrorMessage: {
+    color: "var(--sqm-danger-color-text, #d32f2f)",
+    fontSize: "var(--sl-font-size-small)",
+    marginTop: "var(--sl-spacing-x-small)",
+  },
+  SearchInput: {
+    "&::part(base)": {
+      border: "none",
+      borderBottom: "1px solid var(--sl-color-neutral-300)",
+      borderRadius: "0",
+    },
+  },
+  DescriptionContainer: {
+    display: "flex",
+    flexDirection: "column",
+    gap: "var(--sl-spacing-medium)",
+    marginTop: "var(--sl-spacing-small)",
+    "& > p": {
+      margin: "0",
+    },
+  },
+};
+function PartnerInfoModalView(props) {
+  var _a, _b;
+  const { states, callbacks, text } = props;
+  const sheet = createStyleSheet(style);
+  const styleString = sheet.toString();
+  console.log(states, "partner info modal states"); // TEMP
+  if (!states.open)
+    return h("div", null);
+  const description = states.isExistingPartner ? (h("div", { class: sheet.classes.DescriptionContainer },
+    h("p", null, text.descriptionExistingPartner),
+    h("p", null, text.supportDescriptionExistingPartner))) : (h("p", null,
+    " ",
+    text.descriptionNewPartner));
+  const buttonLabel = states.isExistingPartner
+    ? text.confirmButtonLabel
+    : text.submitButtonLabel;
+  return (h("sl-dialog", { class: sheet.classes.Dialog, open: states.open, noHeader: false, label: states.isExistingPartner
+      ? text.modalHeaderExistingPartner
+      : text.modalHeader, "onSl-request-close": (e) => {
+      e.preventDefault();
+    }, "onSl-hide": (e) => {
+      var _a;
+      // Prevent closing when clicking outside the dialog but not dropdowns
+      if (((_a = e.target) === null || _a === void 0 ? void 0 : _a.tagName) === "SL-DIALOG") {
+        e.preventDefault();
+      }
+    } },
+    h("style", { type: "text/css" }, styleString),
+    description,
+    h("div", { class: sheet.classes.FormFields },
+      h("sl-select", { key: `country-${states.countryCode}`, exportparts: "label: input-label, base: input-base", label: text.countryLabel, value: states.countryCode, disabled: states.submitting || !!states.isExistingPartner, required: true, "onSl-select": callbacks.onCountryChange },
+        h("sl-input", { class: sheet.classes.SearchInput, placeholder: text.searchCountryPlaceholder, onKeyDown: (e) => e.stopPropagation(), "onSl-input": (e) => {
+            var _a;
+            callbacks.setCountrySearch((_a = e.target) === null || _a === void 0 ? void 0 : _a.value);
+          } }), (_a = states.filteredCountries) === null || _a === void 0 ? void 0 :
+        _a.map((c) => (h("sl-menu-item", { value: c.countryCode }, c.displayName)))),
+      h("sl-select", { key: `currency-${states.currency}`, exportparts: "label: input-label, base: input-base", label: text.currencyLabel, value: states.currency, disabled: states.submitting || !!states.isExistingPartner, required: true, "onSl-select": callbacks.onCurrencyChange },
+        h("sl-input", { class: sheet.classes.SearchInput, placeholder: text.searchCurrencyPlaceholder, onKeyDown: (e) => e.stopPropagation(), "onSl-input": (e) => { var _a; return callbacks.setCurrencySearch((_a = e.target) === null || _a === void 0 ? void 0 : _a.value); } }), (_b = states.filteredCurrencies) === null || _b === void 0 ? void 0 :
+        _b.map((c) => (h("sl-menu-item", { value: c.currencyCode }, c.currencyCode))))),
+    states.error && h("p", { class: sheet.classes.ErrorMessage }, states.error),
+    h("sl-button", { slot: "footer", type: "primary", loading: states.submitting, disabled: states.submitting || !states.countryCode || !states.currency, onClick: callbacks.onSubmit, style: { width: "100%" }, exportparts: "base: primarybutton-base" }, buttonLabel)));
+}
+
+export { PartnerInfoModalView as P };

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

@@ -0,0 +1,392 @@
+import { r as registerInstance, h as h$1 } from './index-d9876cd5.js';
+import { i as useState, j as useEffect, o as h } from './dom-context-hooks.module-8411297a.js';
+import { d as dist, L, w as wn, $ as $e, i as isDemo } from './index.module-5db56a7a.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 { P as PartnerInfoModalView } from './sqm-partner-info-modal-view-eb3493ec.js';
+import { T as TAX_FORM_UPDATED_EVENT_KEY } from './eventKeys-f76b6a03.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
+          publisher {
+            phoneNumber
+            phoneNumberCountryCode
+            countryCode
+            currency
+            requiredTaxDocumentType
+            currentTaxDocument {
+              type
+              status
+            }
+            withdrawalSettings {
+              paymentMethod
+            }
+          }
+        }
+      }
+    }
+  }
+`;
+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 GET_BRAND_NAME = dist.gql `
+  query getTenantSettings {
+    tenantSettings {
+      companyName
+    }
+  }
+`;
+function usePartnerInfoModal(props) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+  const locale = L();
+  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 [connectImpactPartner, { loading: connectLoading, errors: connectErrors },] = $e(CONNECT_PARTNER);
+  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) || "");
+  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) || "");
+  console.log(countryCode, currency, "initial country and currency state"); // TEMP
+  const [countrySearch, setCountrySearch] = useState("");
+  const [currencySearch, setCurrencySearch] = useState("");
+  const [filteredCountries, setFilteredCountries] = useState(((_e = countriesData === null || countriesData === void 0 ? void 0 : countriesData.impactPayoutCountries) === null || _e === void 0 ? void 0 : _e.data) || []);
+  const [filteredCurrencies, setFilteredCurrencies] = useState(((_f = currenciesData === null || currenciesData === void 0 ? void 0 : currenciesData.currencies) === null || _f === void 0 ? void 0 : _f.data) || []);
+  const [error, setError] = useState("");
+  const [success, setSuccess] = useState(false);
+  const countries = ((_g = countriesData === null || countriesData === void 0 ? void 0 : countriesData.impactPayoutCountries) === null || _g === void 0 ? void 0 : _g.data) || [];
+  const currencies = ((_h = currenciesData === null || currenciesData === void 0 ? void 0 : currenciesData.currencies) === null || _h === void 0 ? void 0 : _h.data) || [];
+  console.log(user, "user data from partner info query"); // TEMP
+  useEffect(() => {
+    var _a;
+    if (userData && ((_a = user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher)) {
+      setCountryCode(user.impactConnection.publisher.countryCode);
+      setCurrency(user.impactConnection.publisher.currency);
+    }
+  }, [userData]);
+  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("");
+  }
+  async function onSubmit() {
+    var _a, _b;
+    if (!countryCode || !currency) {
+      setError(props.missingFieldsErrorText);
+      return;
+    }
+    setError("");
+    try {
+      const vars = {
+        user: {
+          id: user.id,
+          accountId: user.accountId,
+        },
+        firstName: user.firstName,
+        lastName: user.lastName,
+        // phoneNumber: null,
+        // phoneNumberCountryCode: null,
+        countryCode,
+        currency,
+      };
+      const result = await connectImpactPartner({ vars });
+      if (!result || ((_a = result) === null || _a === void 0 ? void 0 : _a.message)) {
+        setError(props.networkErrorText);
+        return;
+      }
+      const connectionResult = result
+        .createImpactConnection;
+      console.log(result, connectionResult, "result and connectionResult from creating partner from modal");
+      if (!(connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.success)) {
+        const validationMsg = (_b = connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.validationErrors) === null || _b === void 0 ? void 0 : _b.map((e) => e.message).join(". ");
+        setError(validationMsg || props.networkErrorText);
+        console.error("Failed to create Impact connection:", connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.validationErrors);
+        return;
+      }
+      window.dispatchEvent(new Event(TAX_FORM_UPDATED_EVENT_KEY));
+      await refetch();
+      setSuccess(true);
+    }
+    catch (e) {
+      console.error("Partner creation error:", e);
+      setError(props.networkErrorText);
+    }
+  }
+  console.log(success, "success state in partner info modal");
+  const showModal = !success &&
+    !userLoading &&
+    (!(impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.connected) || !(impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.publisher));
+  console.log(showModal, "showModal condition in partner info modal"); // TEMP
+  return {
+    states: {
+      open: showModal,
+      loading: userLoading || countriesLoading || currenciesLoading,
+      submitting: connectLoading,
+      isExistingPartner: (impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.connected) || (impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.publisher),
+      countryCode,
+      currency,
+      error,
+      success,
+      brandName: ((_j = tenantSettingsData === null || tenantSettingsData === void 0 ? void 0 : tenantSettingsData.tenantSettings) === null || _j === void 0 ? void 0 : _j.companyName) || "",
+      filteredCountries: filteredCountries || [],
+      filteredCurrencies: filteredCurrencies || [],
+    },
+    callbacks: {
+      onCountryChange,
+      onCurrencyChange,
+      setCurrencySearch,
+      setCountrySearch,
+      onSubmit,
+      onClose: () => {
+        window.dispatchEvent(new Event(TAX_FORM_UPDATED_EVENT_KEY));
+        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.";
+    /**
+     * @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.";
+    h(this);
+  }
+  disconnectedCallback() { }
+  getTextProps() {
+    return getProps(this);
+  }
+  render() {
+    // AL: TODO add usePartnerInfoModal
+    const props = isDemo()
+      ? useDemoPartnerInfoModal(this)
+      : usePartnerInfoModal(this);
+    return h$1(PartnerInfoModalView, Object.assign({}, props));
+  }
+};
+function useDemoPartnerInfoModal(props) {
+  const [countryCode, setCountryCode] = useState("US");
+  const [currency, setCurrency] = useState("");
+  const [error, setError] = useState("");
+  return cjs({
+    states: {
+      brandName: "Test Brand",
+      open: true,
+      loading: false,
+      submitting: false,
+      isExistingPartner: false,
+      countryCode,
+      currency,
+      error,
+      success: false,
+      filteredCountries: [],
+      filteredCurrencies: [],
+    },
+    callbacks: {
+      onCountryChange: (e) => {
+        var _a, _b;
+        const value = (_b = (_a = e === null || e === void 0 ? void 0 : e.detail) === null || _a === void 0 ? void 0 : _a.item) === null || _b === void 0 ? void 0 : _b.__value;
+        if (value) {
+          setCountryCode(value);
+          setCurrency("");
+        }
+      },
+      onCurrencyChange: (e) => {
+        var _a, _b;
+        const value = (_b = (_a = e === null || e === void 0 ? void 0 : e.detail) === null || _a === void 0 ? void 0 : _a.item) === null || _b === void 0 ? void 0 : _b.__value;
+        if (value)
+          setCurrency(value);
+      },
+      setCountrySearch: () => { },
+      setCurrencySearch: () => { },
+      onSubmit: () => {
+        if (!countryCode || !currency) {
+          setError(props.missingFieldsErrorText);
+          return;
+        }
+        setError("");
+      },
+      onClose: () => { },
+    },
+    text: {
+      modalHeader: props.modalHeader,
+      descriptionNewPartner: props.descriptionNewPartner,
+      descriptionExistingPartner: props.descriptionExistingPartner,
+      countryLabel: props.countryLabel,
+      currencyLabel: props.currencyLabel,
+      submitButtonLabel: props.submitButtonLabel,
+      confirmButtonLabel: props.confirmButtonLabel,
+      searchCountryPlaceholder: props.searchCountryPlaceholder,
+      searchCurrencyPlaceholder: props.searchCurrencyPlaceholder,
+      supportDescriptionExistingPartner: props.supportDescriptionExistingPartner,
+      modalHeaderExistingPartner: props.modalHeaderExistingPartner,
+    },
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+}
+
+export { PartnerInfoModal as sqm_partner_info_modal };