@saasquatch/mint-components 2.1.9-16 → 2.1.9-18

package/dist/cjs/{data-e83f8a41.js → data-34bc7549.js}

@@ -1,89 +1,6 @@
 'use strict';
 
-const index = require('./index-8277cbb3.js');
-const global = require('./global-0f8b1267.js');
 const index_module = require('./index.module-42d413d9.js');
-const JSS = require('./JSS-8503a151.js');
-
-const style = {
-  Container: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "35px",
-  },
-  HeaderContainer: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "10px",
-  },
-};
-const sheet = JSS.createStyleSheet(style);
-const styleString = sheet.toString();
-const LoadingView = () => {
-  return (index.h("div", { class: sheet.classes.Container },
-    index.h("style", { type: "text/css" }, styleString),
-    index.h("sqm-skeleton", { width: "45%", height: "40px !important" }),
-    index.h("div", { class: sheet.classes.HeaderContainer },
-      index.h("sqm-skeleton", { width: "15%" }),
-      index.h("sqm-skeleton", { width: "25%", height: "30px !important" })),
-    index.h("sqm-skeleton", { width: "75%", height: "35px" }),
-    index.h("sqm-skeleton", { width: "75%", height: "35px" }),
-    index.h("sqm-skeleton", { width: "75%", height: "35px" }),
-    index.h("sqm-skeleton", { width: "75%", height: "35px" }),
-    index.h("sqm-skeleton", { width: "75%", height: "35px" }),
-    index.h("sqm-skeleton", { width: "75%", height: "35px" }),
-    index.h("sqm-skeleton", { width: "75%", height: "35px" }),
-    index.h("sqm-skeleton", { width: "75%", height: "35px" }),
-    index.h("sqm-skeleton", { width: "75%", height: "35px" }),
-    index.h("sqm-skeleton", { width: "75%", height: "35px" }),
-    index.h("sqm-skeleton", { width: "75%", height: "35px" }),
-    index.h("sqm-skeleton", { width: "15%" }),
-    index.h("sqm-skeleton", { width: "80px", height: "30px !important" })));
-};
-
-function validTaxDocument(requiredType) {
-  const validTypes = ["W9", "W8BENE", "W8BEN"];
-  if (validTypes.includes(requiredType))
-    return true;
-  return false;
-}
-const objectIsFull = (obj) => {
-  return !Object.keys(obj).find((k) => obj[k] == undefined);
-};
-const taxTypeToName = (taxType) => {
-  switch (taxType) {
-    case "W9":
-      return "W-9";
-    case "W8BEN":
-    case "W8BENE":
-      return "W-8";
-    default:
-      return "";
-  }
-};
-function validateBillingField(regex, value) {
-  const trimmed = value.trim();
-  const idx = trimmed.search(regex);
-  return idx > -1;
-}
-const formatErrorMessage = (fieldName, errorMessage) => {
-  return global.intl.formatMessage({
-    id: fieldName,
-    defaultMessage: errorMessage,
-  }, {
-    fieldName,
-  });
-};
-function getCountryObj({ countryCode, locale, }) {
-  // @ts-ignore DisplayNames not in Intl type
-  const displayName = new Intl.DisplayNames([locale], {
-    type: "region",
-  }).of(countryCode);
-  return {
-    countryCode,
-    displayName,
-  };
-}
 
 const TAX_CONTEXT_NAMESPACE = "sq:tax-and-cash";
 const TAX_FORM_CONTEXT_NAMESPACE = "sq:tax-form-context";
@@ -225,15 +142,8 @@ exports.GET_COUNTRIES = GET_COUNTRIES;
 exports.GET_CURRENCIES = GET_CURRENCIES;
 exports.GET_FINANCE_NETWORK_SETTINGS = GET_FINANCE_NETWORK_SETTINGS;
 exports.GET_USER = GET_USER;
-exports.LoadingView = LoadingView;
 exports.SORTED_COUNTRIES_NAMESPACE = SORTED_COUNTRIES_NAMESPACE;
 exports.TAX_CONTEXT_NAMESPACE = TAX_CONTEXT_NAMESPACE;
 exports.TAX_FORM_CONTEXT_NAMESPACE = TAX_FORM_CONTEXT_NAMESPACE;
 exports.USER_FORM_CONTEXT_NAMESPACE = USER_FORM_CONTEXT_NAMESPACE;
 exports.USER_QUERY_NAMESPACE = USER_QUERY_NAMESPACE;
-exports.formatErrorMessage = formatErrorMessage;
-exports.getCountryObj = getCountryObj;
-exports.objectIsFull = objectIsFull;
-exports.taxTypeToName = taxTypeToName;
-exports.validTaxDocument = validTaxDocument;
-exports.validateBillingField = validateBillingField;

package/dist/cjs/sqm-banking-info-form_10.cjs.entry.js

@@ -16,8 +16,9 @@ const reRender = require('./re-render-69bde9ee.js');
 const useChildElements = require('./useChildElements-89bc50a9.js');
 const luxon = require('./luxon-c1ad356a.js');
 const useReferralTable = require('./useReferralTable-d3ddfd05.js');
-const sqmUserInfoFormView = require('./sqm-user-info-form-view-923ff8d9.js');
-const data = require('./data-e83f8a41.js');
+const sqmUserInfoFormView = require('./sqm-user-info-form-view-d89bdc04.js');
+const utils$1 = require('./utils-a8e0bd9b.js');
+const data = require('./data-34bc7549.js');
 const keys = require('./keys-cff24974.js');
 const eventKeys = require('./eventKeys-7af4df4d.js');
 const usePayoutStatus = require('./usePayoutStatus-cf050a03.js');
@@ -2044,7 +2045,7 @@ function useDocusignForm(props) {
   const [showExitButton, setShowExitButton] = domContextHooks_module.useState(false);
   const [showModal, setShowModal] = domContextHooks_module.useState(true);
   // Only look at current document if it's valid (same as required type)
-  const existingDocumentType = data.validTaxDocument(publisher === null || publisher === void 0 ? void 0 : publisher.requiredTaxDocumentType) && (publisher === null || publisher === void 0 ? void 0 : publisher.currentTaxDocument)
+  const existingDocumentType = utils$1.validTaxDocument(publisher === null || publisher === void 0 ? void 0 : publisher.requiredTaxDocumentType) && (publisher === null || publisher === void 0 ? void 0 : publisher.currentTaxDocument)
     ? publisher === null || publisher === void 0 ? void 0 : publisher.requiredTaxDocumentType : undefined;
   const actualDocumentType = existingDocumentType ||
     getDocumentType(participantType) || (publisher === null || publisher === void 0 ? void 0 : publisher.requiredTaxDocumentType);
@@ -2142,7 +2143,7 @@ function useDocusignForm(props) {
       },
       docusignStatus,
       documentType: actualDocumentType,
-      documentTypeString: data.taxTypeToName(actualDocumentType),
+      documentTypeString: utils$1.taxTypeToName(actualDocumentType),
       showExitButton,
       showModal,
     },
@@ -2871,6 +2872,32 @@ const CONNECT_PARTNER = index_module.dist.gql `
     }
   }
 `;
+const COMPLETE_PARTNER = index_module.dist.gql `
+  mutation completeImpactConnection($vars: ImpactConnectionInput!) {
+    completeImpactConnection(impactConnectionInput: $vars) {
+      success
+      validationErrors {
+        field
+        message
+      }
+      user {
+        id
+        accountId
+        impactConnection {
+          connected
+          publisher {
+            brandedSignup
+            requiredTaxDocumentType
+            currentTaxDocument {
+              type
+              status
+            }
+          }
+        }
+      }
+    }
+  }
+`;
 function getOption(countries, countryCode) {
   if (!countries)
     return;
@@ -2889,11 +2916,12 @@ function useIndirectTaxForm(props) {
   const context = index_module.Fn(data.TAX_FORM_CONTEXT_NAMESPACE);
   const [step, setStep] = index_module.Pn(data.TAX_CONTEXT_NAMESPACE);
   const [connectImpactPartner, { loading: connectLoading, errors: connectErrors },] = index_module.$e(CONNECT_PARTNER);
+  const [completeImpactPartner, { loading: completeLoading, errors: completeErrors },] = index_module.$e(COMPLETE_PARTNER);
   const userForm = index_module.Fn(data.USER_FORM_CONTEXT_NAMESPACE);
   const { data: userData, refetch, errors: userError, } = index_module.$n(data.USER_QUERY_NAMESPACE);
   const { data: _countriesRes, loading: countriesLoading } = index_module.$n(data.COUNTRIES_QUERY_NAMESPACE);
   const intlLocale = (locale === null || locale === void 0 ? void 0 : locale.replace("_", "-")) || "en";
-  const _countries = domContextHooks_module.useMemo(() => { var _a, _b; return (_b = (_a = _countriesRes === null || _countriesRes === void 0 ? void 0 : _countriesRes.impactPayoutCountries) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.map((country) => data.getCountryObj({ countryCode: country.countryCode, locale: intlLocale })); }, [(_a = _countriesRes === null || _countriesRes === void 0 ? void 0 : _countriesRes.impactPayoutCountries) === null || _a === void 0 ? void 0 : _a.data]);
+  const _countries = domContextHooks_module.useMemo(() => { var _a, _b; return (_b = (_a = _countriesRes === null || _countriesRes === void 0 ? void 0 : _countriesRes.impactPayoutCountries) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.map((country) => utils$1.getCountryObj({ countryCode: country.countryCode, locale: intlLocale })); }, [(_a = _countriesRes === null || _countriesRes === void 0 ? void 0 : _countriesRes.impactPayoutCountries) === null || _a === void 0 ? void 0 : _a.data]);
   const [loading, setLoading] = domContextHooks_module.useState(false);
   const [formState, setFormState] = domContextHooks_module.useState({});
   const [errors, setErrors] = domContextHooks_module.useState({});
@@ -2951,7 +2979,7 @@ function useIndirectTaxForm(props) {
     setFormState((p) => ({ ...p, [field]: value }));
   };
   async function connectPartner(formData) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f, _g;
     const vars = {
       user: {
         id: user.id,
@@ -2973,20 +3001,31 @@ function useIndirectTaxForm(props) {
       additionalTaxId: formData.qstNumber,
       withholdingTaxId: formData.subRegionTaxNumber,
     };
-    const result = await connectImpactPartner({
-      vars,
-    });
-    if (!result || ((_a = result) === null || _a === void 0 ? void 0 : _a.message))
+    //AL: TODO completePartnerMutation might change
+    let result = null;
+    let connectionResult;
+    if ((_b = (_a = userData === null || userData === void 0 ? void 0 : userData.user) === null || _a === void 0 ? void 0 : _a.impactConnection) === null || _b === void 0 ? void 0 : _b.connected) {
+      result = await completeImpactPartner({
+        vars,
+      });
+      connectionResult = (_c = result) === null || _c === void 0 ? void 0 : _c.completeImpactConnection;
+    }
+    else {
+      result = await connectImpactPartner({
+        vars,
+      });
+      connectionResult = (_d = result) === null || _d === void 0 ? void 0 : _d.createImpactConnection;
+    }
+    if (!result || ((_e = result) === null || _e === void 0 ? void 0 : _e.message))
       throw new Error();
-    if (!((_b = result.createImpactConnection) === null || _b === void 0 ? void 0 : _b.success)) {
+    if (!(connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.success)) {
       // Output backend errors to console for now
-      console.error("Failed to create Impact connection: ", result.createImpactConnection.validationErrors);
+      console.error("Failed to create Impact connection: ", connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.validationErrors);
       throw new Error();
     }
     await refetch();
-    const resultPublisher = (_e = (_d = (_c = result
-      .createImpactConnection) === null || _c === void 0 ? void 0 : _c.user) === null || _d === void 0 ? void 0 : _d.impactConnection) === null || _e === void 0 ? void 0 : _e.publisher;
-    const hasValidCurrentDocument = data.validTaxDocument(resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.requiredTaxDocumentType) && (resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.currentTaxDocument);
+    const resultPublisher = (_g = (_f = connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.user) === null || _f === void 0 ? void 0 : _f.impactConnection) === null || _g === void 0 ? void 0 : _g.publisher;
+    const hasValidCurrentDocument = utils$1.validTaxDocument(resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.requiredTaxDocumentType) && (resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.currentTaxDocument);
     // Fire form change event
     window.dispatchEvent(new Event(eventKeys.TAX_FORM_UPDATED_EVENT_KEY));
     return {
@@ -3051,8 +3090,8 @@ function useIndirectTaxForm(props) {
     states: {
       step: step === null || step === void 0 ? void 0 : step.replace("/", ""),
       hideSteps: context.hideSteps,
-      disabled: loading || countriesLoading || connectLoading,
-      loading: loading || connectLoading || countriesLoading,
+      disabled: loading || countriesLoading || connectLoading || completeLoading,
+      loading: loading || connectLoading || countriesLoading || completeLoading,
       isPartner: !!((_e = (_d = userData === null || userData === void 0 ? void 0 : userData.user) === null || _d === void 0 ? void 0 : _d.impactConnection) === null || _e === void 0 ? void 0 : _e.publisher),
       loadingError: !!(userError === null || userError === void 0 ? void 0 : userError.message),
       formState: {
@@ -4855,7 +4894,7 @@ const useTaxAndCashDashboard = (props) => {
       dateSubmitted,
       documentType,
       canEditPayoutInfo: publisher === null || publisher === void 0 ? void 0 : publisher.brandedSignup,
-      documentTypeString: data.taxTypeToName(documentType),
+      documentTypeString: utils$1.taxTypeToName(documentType),
       status: (_f = publisher === null || publisher === void 0 ? void 0 : publisher.currentTaxDocument) === null || _f === void 0 ? void 0 : _f.status,
       subRegion: getSubRegionName((_g = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _g === void 0 ? void 0 : _g.indirectTaxRegion),
       subRegionTaxNumber: (_h = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _h === void 0 ? void 0 : _h.withholdingTaxId,
@@ -5365,6 +5404,7 @@ function useUserInfoForm(props) {
   const [userFormContext, setUserFormContext] = index_module.Pn(data.USER_FORM_CONTEXT_NAMESPACE);
   const user = index_module.J();
   const [connectImpactPartner, { loading: connectLoading, errors: connectErrors },] = index_module.$e(CONNECT_PARTNER);
+  const [completeImpactPartner, { loading: completeLoading, errors: completeErrors },] = index_module.$e(COMPLETE_PARTNER);
   const { data: tenantData } = index_module.wn(GET_INDIRECT_TAX_COUNTRY_CODE, {});
   const { data: data$1, loading, refetch, errors: userError, } = index_module.$n(data.USER_QUERY_NAMESPACE);
   const _currencies = index_module.Fn(data.CURRENCIES_NAMESPACE);
@@ -5386,7 +5426,7 @@ function useUserInfoForm(props) {
     if (!user || step !== "/1")
       return;
     // If form already filled out, skip initialising it
-    if (data.objectIsFull(userFormContext))
+    if (utils$1.objectIsFull(userFormContext))
       return;
     // Prefer MI email if it was verified before this
     const email = ((_a = user.managedIdentity) === null || _a === void 0 ? void 0 : _a.emailVerified) ? user.managedIdentity.email
@@ -5476,7 +5516,7 @@ function useUserInfoForm(props) {
     }
   }, [currencySearch, currencies]);
   async function connectPartner(formData) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
     const vars = {
       user: {
         id: user.id,
@@ -5493,21 +5533,33 @@ function useUserInfoForm(props) {
       phoneNumber: formData.phoneNumber,
       phoneNumberCountryCode: formData.phoneNumberCountryCode,
     };
-    const result = await connectImpactPartner({
-      vars,
-    });
-    if (!result || ((_a = result) === null || _a === void 0 ? void 0 : _a.message))
+    //AL: TODO completePartnerMutation might change
+    // if user already has an impact connection, call completeImpactPartner to update their information instead of connectPartner
+    const userData = data$1 === null || data$1 === void 0 ? void 0 : data$1.user;
+    let result = null;
+    let connectionResult;
+    if ((_a = userData === null || userData === void 0 ? void 0 : userData.impactConnection) === null || _a === void 0 ? void 0 : _a.connected) {
+      console.log(vars, "values for completeImpactPartner");
+      result = await completeImpactPartner({
+        vars,
+      });
+      connectionResult = (_b = result) === null || _b === void 0 ? void 0 : _b.completeImpactConnection;
+    }
+    else {
+      result = await connectImpactPartner({
+        vars,
+      });
+      connectionResult = (_c = result) === null || _c === void 0 ? void 0 : _c.createImpactConnection;
+    }
+    if (!result || ((_d = result) === null || _d === void 0 ? void 0 : _d.message))
       throw new Error();
-    if (!((_b = result.createImpactConnection) === null || _b === void 0 ? void 0 : _b.success)) {
-      // Output backend errors to console for now
-      console.error("Failed to create Impact connection: ", result.createImpactConnection
-        .validationErrors);
+    if (!(connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.success)) {
+      console.error("Failed to create Impact connection: ", connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.validationErrors);
       throw new Error();
     }
     await refetch();
-    const resultPublisher = (_e = (_d = (_c = result
-      .createImpactConnection) === null || _c === void 0 ? void 0 : _c.user) === null || _d === void 0 ? void 0 : _d.impactConnection) === null || _e === void 0 ? void 0 : _e.publisher;
-    const hasValidCurrentDocument = data.validTaxDocument(resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.requiredTaxDocumentType) && (resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.currentTaxDocument);
+    const resultPublisher = (_f = (_e = connectionResult === null || connectionResult === void 0 ? void 0 : connectionResult.user) === null || _e === void 0 ? void 0 : _e.impactConnection) === null || _f === void 0 ? void 0 : _f.publisher;
+    const hasValidCurrentDocument = utils$1.validTaxDocument(resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.requiredTaxDocumentType) && (resultPublisher === null || resultPublisher === void 0 ? void 0 : resultPublisher.currentTaxDocument);
     // Fire form change event
     window.dispatchEvent(new Event(eventKeys.TAX_FORM_UPDATED_EVENT_KEY));
     return {
@@ -5631,9 +5683,9 @@ function useUserInfoForm(props) {
       step: step === null || step === void 0 ? void 0 : step.replace("/", ""),
       hideState: !hasStates,
       hideSteps: !!context.hideSteps,
-      disabled: loading || connectLoading,
+      disabled: loading || connectLoading || completeLoading,
       loadingError: !!(userError === null || userError === void 0 ? void 0 : userError.message),
-      loading: loading || connectLoading,
+      loading: loading || connectLoading || completeLoading,
       isPartner: !!((_g = (_f = data$1 === null || data$1 === void 0 ? void 0 : data$1.user) === null || _f === void 0 ? void 0 : _f.impactConnection) === null || _g === void 0 ? void 0 : _g.publisher),
       isUser: !!((_j = (_h = data$1 === null || data$1 === void 0 ? void 0 : data$1.user) === null || _h === void 0 ? void 0 : _h.impactConnection) === null || _j === void 0 ? void 0 : _j.user),
       formState: {

package/dist/cjs/sqm-big-stat_46.cjs.entry.js

@@ -29,7 +29,8 @@ const utilities = require('./utilities-096934ea.js');
 const ErrorView = require('./ErrorView-ee7b0f36.js');
 const ShadowViewAddon = require('./ShadowViewAddon-d679ec76.js');
 require('./sqm-portal-container-view-70a47420.js');
-const data = require('./data-e83f8a41.js');
+const utils$1 = require('./utils-a8e0bd9b.js');
+const data = require('./data-34bc7549.js');
 const keys = require('./keys-cff24974.js');
 require('./eventKeys-7af4df4d.js');
 const usePayoutStatus = require('./usePayoutStatus-cf050a03.js');
@@ -6535,7 +6536,7 @@ function useTaxAndCash() {
   const availableCountries = domContextHooks_module.useMemo(() => new Set(paymentOptions === null || paymentOptions === void 0 ? void 0 : paymentOptions.map((option) => option.countryCode).filter((value) => value)), [paymentOptions]);
   const _topCountries = ["CA", "GB", "US"];
   const sortedCountries = domContextHooks_module.useMemo(() => Array.from(availableCountries)
-    .map((countryCode) => data.getCountryObj({ countryCode, locale: intlLocale }))
+    .map((countryCode) => utils$1.getCountryObj({ countryCode, locale: intlLocale }))
     .sort(sortByName)
     .reduce((prev, countryObj) => {
     if (_topCountries.includes(countryObj.countryCode))
@@ -7746,7 +7747,7 @@ const TaxAndCashMonolith = class {
             supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, this.supportLink)),
           }) }));
     }
-    return index.h(data.LoadingView, null);
+    return index.h(utils$1.LoadingView, null);
   }
 };
 function useDemoTaxAndCash(props) {
@@ -8229,7 +8230,7 @@ const WidgetVerification = class {
       : useWidgetVerification();
     if (props.loading)
       return index.h("sl-spinner", null);
-    // Check if partner modal state indicates verification is complete (open: false)
+    // for handling state previews in content editor
     const partnerState = typeof props["sqm-partner-info-modal_stateController"] === "string"
       ? parseStates.parseStates(props["sqm-partner-info-modal_stateController"])
       : props["sqm-partner-info-modal_stateController"];

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

@@ -10,7 +10,8 @@ const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 const sqmTextSpanView = require('./sqm-text-span-view-f274fdf2.js');
-const sqmPartnerInfoModalView = require('./sqm-partner-info-modal-view-2d6e89a4.js');
+const data = require('./data-34bc7549.js');
+const sqmPartnerInfoModalView = require('./sqm-partner-info-modal-view-0821eea3.js');
 const keys = require('./keys-cff24974.js');
 const eventKeys = require('./eventKeys-7af4df4d.js');
 const parseStates = require('./parseStates-d1effc19.js');
@@ -504,7 +505,7 @@ const GET_BRAND_NAME = index_module.dist.gql `
   }
 `;
 function usePartnerInfoModal(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+  var _a, _b, _c, _d, _e, _f, _g;
   const locale = index_module.L();
   const setVerificationContext = index_module.En(keys.VERIFICATION_PARENT_NAMESPACE);
   const { data: userData, loading: userLoading, refetch, } = index_module.wn(GET_USER_PARTNER_INFO, {});
@@ -512,19 +513,36 @@ function usePartnerInfoModal(props) {
   const { data: currenciesData, loading: currenciesLoading } = index_module.wn(GET_CURRENCIES, { variables: { locale } });
   const { data: countriesData, loading: countriesLoading } = index_module.wn(GET_COUNTRIES, {});
   const { data: tenantSettingsData } = index_module.wn(GET_BRAND_NAME, {});
+  const { data: financeNetworkData } = index_module.wn(data.GET_FINANCE_NETWORK_SETTINGS, {
+    variables: { filter: {} },
+  });
   const [connectImpactPartner, { loading: connectLoading, errors: connectErrors },] = index_module.$e(CONNECT_PARTNER);
-  const [countryCode, setCountryCode] = domContextHooks_module.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 [countryCode, setCountryCode] = domContextHooks_module.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) || "US");
   const [currency, setCurrency] = domContextHooks_module.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 = domContextHooks_module.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]);
   console.log(countryCode, currency, "initial country and currency state"); // TEMP
   const [countrySearch, setCountrySearch] = domContextHooks_module.useState("");
   const [currencySearch, setCurrencySearch] = domContextHooks_module.useState("");
-  const [filteredCountries, setFilteredCountries] = domContextHooks_module.useState(((_e = countriesData === null || countriesData === void 0 ? void 0 : countriesData.impactPayoutCountries) === null || _e === void 0 ? void 0 : _e.data) || []);
-  const [filteredCurrencies, setFilteredCurrencies] = domContextHooks_module.useState(((_f = currenciesData === null || currenciesData === void 0 ? void 0 : currenciesData.currencies) === null || _f === void 0 ? void 0 : _f.data) || []);
+  const [filteredCountries, setFilteredCountries] = domContextHooks_module.useState(((_f = countriesData === null || countriesData === void 0 ? void 0 : countriesData.impactPayoutCountries) === null || _f === void 0 ? void 0 : _f.data) || []);
+  const [filteredCurrencies, setFilteredCurrencies] = domContextHooks_module.useState(currencies || []);
   const [error, setError] = domContextHooks_module.useState("");
   const [success, setSuccess] = domContextHooks_module.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
   domContextHooks_module.useEffect(() => {
     var _a;
     if (userData && ((_a = user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher)) {
@@ -614,11 +632,11 @@ function usePartnerInfoModal(props) {
       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
+  console.log(filteredCurrencies, "filtered curricneis");
   return {
     states: {
       open: showModal,
@@ -629,7 +647,7 @@ function usePartnerInfoModal(props) {
       currency,
       error,
       success,
-      brandName: ((_j = tenantSettingsData === null || tenantSettingsData === void 0 ? void 0 : tenantSettingsData.tenantSettings) === null || _j === void 0 ? void 0 : _j.companyName) || "",
+      brandName: ((_g = tenantSettingsData === null || tenantSettingsData === void 0 ? void 0 : tenantSettingsData.tenantSettings) === null || _g === void 0 ? void 0 : _g.companyName) || "",
       filteredCountries: filteredCountries || [],
       filteredCurrencies: filteredCurrencies || [],
     },

package/dist/cjs/{sqm-partner-info-modal-view-2d6e89a4.js → sqm-partner-info-modal-view-0821eea3.js}

@@ -13,29 +13,21 @@ const style = {
       fontSize: "var(--sl-font-size-small)",
       overflow: "visible",
     },
-    "&::part(footer)": {
-      display: "flex",
-      flexDirection: "column",
-      padding: "0 var(--sl-spacing-large) var(--sl-spacing-large) var(--sl-spacing-large)",
-    },
     "&::part(overlay)": {
-      background: "rgba(0, 0, 0, 0.5)",
+      background: "var(--sl-overlay-background-color)",
     },
   },
   DialogTitle: {
     fontSize: "var(--sl-font-size-x-large)",
     fontWeight: "600",
-    padding: "var(--sl-spacing-x-large) 0 0 0",
+    padding: "var(--sl-spacing-large) 0 0 0",
     margin: "0",
   },
   FormFields: {
     display: "flex",
     flexDirection: "column",
     gap: "var(--sl-spacing-medium)",
-    marginTop: "var(--sl-spacing-medium)",
-    "& > *": {
-      flex: 1,
-    },
+    marginTop: "var(--sl-spacing-large)",
   },
   ErrorMessage: {
     color: "var(--sqm-danger-color-text, #d32f2f)",
@@ -60,7 +52,7 @@ const style = {
   },
   SubmitButton: {
     width: "100%",
-    marginTop: "var(--sl-spacing-small)",
+    marginTop: "var(--sl-spacing-large)",
   },
 };
 function PartnerInfoModalContentView(props) {
@@ -74,10 +66,12 @@ function PartnerInfoModalContentView(props) {
   const buttonLabel = states.isExistingPartner
     ? text.confirmButtonLabel
     : text.submitButtonLabel;
-  return [
-    index.h("style", { type: "text/css" }, styleString),
-    description,
+  return (index.h("div", null,
+    index.h("style", { type: "text/css" },
+      " ",
+      styleString),
     index.h("div", { class: sheet.classes.FormFields },
+      description,
       index.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, hoist: true, "onSl-select": callbacks.onCountryChange },
         index.h("sl-input", { class: sheet.classes.SearchInput, placeholder: text.searchCountryPlaceholder, onKeyDown: (e) => e.stopPropagation(), "onSl-input": (e) => {
             var _a;
@@ -86,31 +80,38 @@ function PartnerInfoModalContentView(props) {
         _a.map((c) => (index.h("sl-menu-item", { value: c.countryCode }, c.displayName)))),
       index.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, hoist: true, "onSl-select": callbacks.onCurrencyChange },
         index.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) => (index.h("sl-menu-item", { value: c.currencyCode }, c.currencyCode))))),
+        _b.map((c) => (index.h("sl-menu-item", { value: c.currencyCode },
+          c.currencyCode,
+          " - ",
+          c.displayName))))),
     states.error && index.h("p", { class: sheet.classes.ErrorMessage }, states.error),
-    index.h("sl-button", { slot: "footer", type: "primary", loading: states.submitting, disabled: states.submitting || !states.countryCode || !states.currency, onClick: callbacks.onSubmit, class: sheet.classes.SubmitButton, exportparts: "base: primarybutton-base" }, buttonLabel),
-  ];
+    index.h("sl-button", { slot: "footer", type: "primary", loading: states.submitting, disabled: states.submitting || !states.countryCode || !states.currency, onClick: callbacks.onSubmit, class: sheet.classes.SubmitButton, exportparts: "base: primarybutton-base" }, buttonLabel)));
 }
 function PartnerInfoModalView(props) {
-  const { states, text } = props;
+  const { states, text, callbacks } = props;
   const sheet = JSS.createStyleSheet(style);
+  const styleString = sheet.toString();
   console.log(states, "partner info modal states"); // TEMP
   if (!states.open)
     return index.h("div", null);
-  return (index.h("sl-dialog", { class: sheet.classes.Dialog, open: states.open, noHeader: true, label: states.isExistingPartner
-      ? text.modalHeaderExistingPartner
-      : text.modalHeader, "onSl-request-close": (e) => {
-      e.preventDefault();
-    }, "onSl-hide": (e) => {
-      var _a;
-      if (((_a = e.target) === null || _a === void 0 ? void 0 : _a.tagName) === "SL-DIALOG") {
+  return (index.h("div", null,
+    index.h("style", { type: "text/css" },
+      " ",
+      styleString),
+    index.h("sl-dialog", { class: sheet.classes.Dialog, open: states.open, noHeader: true, label: states.isExistingPartner
+        ? text.modalHeaderExistingPartner
+        : text.modalHeader, "onSl-request-close": (e) => {
         e.preventDefault();
-      }
-    } },
-    index.h("h2", { class: sheet.classes.DialogTitle }, states.isExistingPartner
-      ? text.modalHeaderExistingPartner
-      : text.modalHeader),
-    index.h(PartnerInfoModalContentView, Object.assign({}, props))));
+      }, "onSl-hide": (e) => {
+        var _a;
+        if (((_a = e.target) === null || _a === void 0 ? void 0 : _a.tagName) === "SL-DIALOG") {
+          e.preventDefault();
+        }
+      } },
+      index.h("h2", { class: sheet.classes.DialogTitle }, states.isExistingPartner
+        ? text.modalHeaderExistingPartner
+        : text.modalHeader),
+      index.h(PartnerInfoModalContentView, Object.assign({}, props)))));
 }
 
 exports.PartnerInfoModalContentView = PartnerInfoModalContentView;