@saasquatch/mint-components 2.2.0-6 → 2.2.0-8

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

@@ -13,10 +13,10 @@ const JSS = require('./JSS-8503a151.js');
 require('./useReferralCodes-0f7948af.js');
 require('./mixins-4761d472.js');
 const copyTextView = require('./copy-text-view-bb2c0ea7.js');
-require('./sqm-text-span-view-8a32dd8c.js');
+require('./sqm-text-span-view-b9e10f5d.js');
 const usePortalRegistrationForm = require('./usePortalRegistrationForm-23ee2d62.js');
 const useRegistrationFormState = require('./useRegistrationFormState-4fe5b770.js');
-const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-fd48f1d3.js');
+const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-a45f7a52.js');
 const reRender = require('./re-render-72a0ef45.js');
 const useChildElements = require('./useChildElements-041127d7.js');
 require('./luxon-c1ad356a.js');
@@ -27,13 +27,13 @@ const useInstantAccessRegistration = require('./useInstantAccessRegistration-239
 const useLeadFormState = require('./useLeadFormState-b4c2ab5b.js');
 const utilities = require('./utilities-fcdb9504.js');
 const ErrorView = require('./ErrorView-ee7b0f36.js');
-const ShadowViewAddon = require('./ShadowViewAddon-1c054d52.js');
-require('./sqm-portal-container-view-70a47420.js');
-const utils$1 = require('./utils-15ce04e3.js');
-const data = require('./data-c03e282a.js');
+const ShadowViewAddon = require('./ShadowViewAddon-3b477e58.js');
+require('./sqm-portal-container-view-757f921b.js');
+const utils$1 = require('./utils-a3b3d05b.js');
+const data = require('./data-89ac73dd.js');
 const keys = require('./keys-5a2c9ed2.js');
 require('./eventKeys-7af4df4d.js');
-const usePayoutStatus = require('./usePayoutStatus-0a98ee05.js');
+const useIndirectTaxForm = require('./useIndirectTaxForm-c3c1ec56.js');
 const parseStates = require('./parseStates-d1effc19.js');
 
 /**
@@ -791,7 +791,7 @@ const CheckboxField = class {
      */
     this.checkboxLabelLink = "https://example.com";
     /**
-     * @uiName Checkbox label link lext
+     * @uiName Checkbox label link text
      */
     this.checkboxLabelLinkText = "Terms and Conditions";
     /**
@@ -3389,7 +3389,7 @@ const PayoutStatusAlert = class {
   render() {
     const props = index_module.isDemo()
       ? useDemoPayoutStatusAlert(this)
-      : usePayoutStatus.usePayoutStatus(this);
+      : useIndirectTaxForm.usePayoutStatus(this);
     return index.h(PayoutStatusAlertView, Object.assign({}, props));
   }
 };
@@ -4623,6 +4623,11 @@ const SqmReferralIframe = class {
      * @uiName IFrame width
      */
     this.iframeWidth = "100%";
+    /**
+     * Override the default parameter name used in the iframe
+     * @uiName Referral code parameter name
+     */
+    this.codeParam = "rsCode";
     domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
@@ -6057,7 +6062,6 @@ function useDemoShareCode(props) {
     borderRadius: props.borderRadius,
     borderColor: props.borderColor,
     buttonType: props.buttonType,
-    rewardStatus: "AVAILABLE",
     open,
     onClick: () => {
       // Should well supported: https://developer.mozilla.org/en-US/docs/Web/API/Clipboard#browser_compatibility
@@ -6117,6 +6121,199 @@ const ShareLink = class {
      * @uiGroup Style
      */
     this.buttonStyle = "icon";
+    /**
+     * Let advocates customize their share links up to 5 times.
+     *
+     * @uiName Allow customization
+     * @uiType boolean
+     * @uiGroup Customizable Vanity Link
+     * @uiWidget CustomLinkSwitch
+     * @requiredFlavor impact
+     */
+    this.allowCustomization = false;
+    /**
+     * Text for the cancel button in editing mode
+     *
+     * @uiName Cancel button label
+     * @uiType string
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.cancelLabelText = "Cancel";
+    /**
+     * Tooltip text shown when link customization is disabled
+     *
+     * @uiName Customize disabled tooltip
+     * @uiType string
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.customizeDisabledTooltip = "Link customization is not available.";
+    /**
+     * Displayed below the share link.
+     *
+     * @uiName Customize link button label
+     * @uiType string
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.customizeLinkButtonLabel = "Customize Link";
+    /**
+     * Message shown when the URL has been edited 5 times. To display a clickable link, use {supportLink} as a placeholder.
+     *
+     * @uiName Edit limit reached text
+     * @uiType string
+     * @uiWidget textarea
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.editLimitReachedText = "5 edit limit reached. To make more changes, please contact {supportLink}.";
+    /**
+     * Subtext shown while the user is customizing their URL.
+     *
+     * @uiName Edit limit text
+     * @uiType string
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.editLimitText = "You can edit your link up to {editsRemaining} more time(s).";
+    /**
+     * Description text shown when the link contains invalid special characters.
+     *
+     * @uiName Invalid characters error description
+     * @uiType string
+     * @uiWidget textarea
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.invalidCharactersErrorDescription = "Special characters can break the link when sharing.";
+    /**
+     * Title of the error message shown when the link contains invalid special characters.
+     *
+     * @uiName Invalid characters error title
+     * @uiType string
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.invalidCharactersErrorTitle = "Please use only letters, numbers, dashes and underscores";
+    /**
+     * Description text shown when the link has already been taken
+     *
+     * @uiName Link taken error message
+     * @uiType string
+     * @uiWidget textarea
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.linkTakenErrorDescription = "Try adding numbers, a dash or underscore to create a unique link.";
+    /**
+     * Title of the error message shown when the link has already been taken
+     *
+     * @uiName Link taken error title
+     * @uiType string
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.linkTakenErrorTitle = "This link is already taken";
+    /**
+     * Description text shown when the link contains profanity or brand names.
+     *
+     * @uiName Restricted words error description
+     * @uiType string
+     * @uiWidget textarea
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.restrictedWordsErrorDescription = "This link contains a restricted word.";
+    /**
+     * Title of the error message shown when the link contains profanity or brand names.
+     *
+     * @uiName Restricted words error title
+     * @uiType string
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.restrictedWordsErrorTitle = "Please try a different link";
+    /**
+     * Text for the save button in editing mode
+     *
+     * @uiName Save button label
+     * @uiType string
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.saveLabelText = "Save";
+    /**
+     * Text for the save button while saving is in progress
+     *
+     * @uiName Saving button label
+     * @uiType string
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.savingLabelText = "Saving...";
+    /**
+     * Label shown above the link input while editing
+     *
+     * @uiName Edit input label
+     * @uiType string
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.editLabelText = "Enter your link";
+    /**
+     * Text shown when nearing the character limit. Use {charactersRemaining} as a placeholder for the count.
+     *
+     * @uiName Characters remaining text
+     * @uiType string
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.charactersRemainingText = "Characters remaining: {charactersRemaining}";
+    /**
+     * Text shown while the link is being validated
+     *
+     * @uiName Validating label
+     * @uiType string
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.validatingLabelText = "Validating...";
+    /**
+     * @uiName Min characters text
+     * @uiType string
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.minCharactersText = "Minimum 3 characters.";
+    /**
+     * Display text for the support link in the edit limit reached message
+     *
+     * @uiName Support link text
+     * @uiType string
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.supportLinkText = "Support";
+    /**
+     * Title shown when saving fails with an unknown error
+     *
+     * @uiName Save error title
+     * @uiType string
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.saveErrorTitle = "Error";
+    /**
+     * Description shown when saving fails with an unknown error
+     *
+     * @uiName Save error description
+     * @uiType string
+     * @uiWidget textarea
+     * @uiGroup Customizable Vanity Link
+     * @requiredFlavor impact
+     */
+    this.saveErrorDescription = "Failed to save custom link. Please try again.";
     domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
@@ -6125,33 +6322,79 @@ const ShareLink = class {
     const props = index_module.isDemo()
       ? useDemoShareLink(thisProps)
       : ShadowViewAddon.useShareLink(thisProps);
-    return index.h(copyTextView.CopyTextView, Object.assign({}, props));
+    return index.h(ShadowViewAddon.ShareLinkView, Object.assign({}, props));
   }
 };
 function useDemoShareLink(props) {
+  var _a;
   const [open, setOpen] = domContextHooks_module.useState(false);
+  const [isEditing, setIsEditing] = domContextHooks_module.useState(false);
+  const [editValue, setEditValue] = domContextHooks_module.useState("");
   const copyString = "https://www.example.com/sharelink/abc";
-  return cjs.cjs({
-    copyString: copyString,
-    tooltiptext: props.tooltiptext,
-    textAlign: props.textAlign,
-    buttonStyle: props.buttonStyle,
-    backgroundColor: props.backgroundColor,
-    textColor: props.textColor,
-    borderRadius: props.borderRadius,
-    buttonType: props.buttonType,
-    copyButtonLabel: props.copyButtonLabel,
-    borderColor: props.borderColor,
-    rewardStatus: "AVAILABLE",
-    open,
-    onClick: () => {
-      // Should well supported: https://developer.mozilla.org/en-US/docs/Web/API/Clipboard#browser_compatibility
-      // Only if called from a user-initiated event
-      navigator.clipboard.writeText(copyString);
-      setOpen(true);
-      setTimeout(() => setOpen(false), props.tooltiplifespan);
+  const domainPrefix = "https://www.example.com/";
+  const baseProps = {
+    copyTextViewProps: {
+      copyString,
+      tooltiptext: props.tooltiptext,
+      textAlign: props.textAlign,
+      buttonStyle: props.buttonStyle,
+      backgroundColor: props.backgroundColor,
+      textColor: props.textColor,
+      borderRadius: props.borderRadius,
+      buttonType: props.buttonType,
+      copyButtonLabel: props.copyButtonLabel,
+      borderColor: props.borderColor,
+      open,
+      onClick: () => {
+        navigator.clipboard.writeText(copyString);
+        setOpen(true);
+        setTimeout(() => setOpen(false), props.tooltiplifespan);
+      },
     },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+    allowCustomization: props.allowCustomization,
+    customizeLinkLabel: props.customizeLinkButtonLabel,
+    saveLabelText: props.saveLabelText,
+    savingLabelText: props.savingLabelText,
+    cancelLabelText: props.cancelLabelText,
+    editLabelText: props.editLabelText,
+    charactersRemainingText: props.charactersRemainingText,
+    validatingLabelText: props.validatingLabelText,
+    isEditing,
+    editValue,
+    domainPrefix,
+    editsRemaining: 5,
+    maxEdits: 5,
+    limitReached: false,
+    validationError: null,
+    isValidating: false,
+    isSaving: false,
+    characterLimit: 15,
+    minCharacters: 3,
+    charactersRemaining: 15 - editValue.length,
+    editLimitText: props.editLimitText,
+    editLimitReachedText: props.editLimitReachedText,
+    supportLinkText: props.supportLinkText,
+    minCharactersText: props.minCharactersText,
+    customizeDisabled: false,
+    customizeDisabledTooltip: (_a = props.customizeDisabledTooltip) !== null && _a !== void 0 ? _a : "Link customization is not available.",
+    onCustomizeClick: () => {
+      setIsEditing(true);
+      setEditValue("");
+    },
+    onEditValueChange: (value) => {
+      setEditValue(value);
+    },
+    onSave: () => {
+      setIsEditing(false);
+    },
+    onCancel: () => {
+      setIsEditing(false);
+      setEditValue("");
+    },
+  };
+  return cjs.cjs(baseProps, props.demoData || {}, {
+    arrayMerge: (_, a) => a,
+  });
 }
 
 const StatContainer = class {
@@ -6418,8 +6661,14 @@ function getCurrentStep(user) {
   if (!((_a = user.impactConnection) === null || _a === void 0 ? void 0 : _a.connected) || !((_b = user.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher)) {
     return "/1";
   }
-  const { requiredTaxDocumentType, currentTaxDocument, withdrawalSettings, brandedSignup, payoutsAccount, } = user.impactConnection.publisher;
-  if (user.impactConnection.connectionStatus === "STARTED") {
+  const { requiredTaxDocumentType, currentTaxDocument, withdrawalSettings, brandedSignup, payoutsAccount, billingAddress, billingCity, billingCountryCode, billingPostalCode, billingState, phoneNumber, phoneNumberCountryCode, } = user.impactConnection.publisher;
+  const hasBillingInfo = billingAddress &&
+    billingCity &&
+    billingCountryCode &&
+    billingPostalCode &&
+    phoneNumberCountryCode &&
+    phoneNumber;
+  if (!hasBillingInfo) {
     return "/1";
   }
   // If they do have a required document, look at current document
@@ -6439,6 +6688,7 @@ function useTaxAndCash() {
   const host = index_module._();
   const user = index_module.J();
   const locale = index_module.L();
+  const [completeImpactPartner, { loading: completeLoading }] = index_module.$e(useIndirectTaxForm.COMPLETE_PARTNER);
   // State for current step of form
   const [step, setStep] = index_module.In({
     namespace: data.TAX_CONTEXT_NAMESPACE,
@@ -6546,16 +6796,54 @@ function useTaxAndCash() {
       setCurrenciesContext(supportedCurrencies);
   }, [supportedCurrencies]);
   domContextHooks_module.useEffect(() => {
+    var _a;
     if (errors) {
       setStep("/error");
       return;
     }
     if (!host || !user)
       return;
+    async function completeConnection(user) {
+      var _a, _b, _c, _d, _e, _f;
+      const publisher = (_a = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher;
+      const hasBillingInfo = publisher.billingAddress &&
+        publisher.billingCity &&
+        publisher.billingCountryCode &&
+        publisher.billingPostalCode &&
+        publisher.phoneNumberCountryCode &&
+        publisher.phoneNumber;
+      if (hasBillingInfo &&
+        ((_b = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _b === void 0 ? void 0 : _b.connectionStatus) === "STARTED") {
+        const vars = {
+          user: {
+            id: (_c = data$1 === null || data$1 === void 0 ? void 0 : data$1.user) === null || _c === void 0 ? void 0 : _c.id,
+            accountId: (_d = data$1 === null || data$1 === void 0 ? void 0 : data$1.user) === null || _d === void 0 ? void 0 : _d.accountId,
+          },
+          firstName: (_e = data$1 === null || data$1 === void 0 ? void 0 : data$1.user) === null || _e === void 0 ? void 0 : _e.firstName,
+          lastName: (_f = data$1 === null || data$1 === void 0 ? void 0 : data$1.user) === null || _f === void 0 ? void 0 : _f.lastName,
+          countryCode: publisher.billingCountryCode,
+          currency: publisher.currency,
+          address: publisher.billingAddress,
+          city: publisher.billingCity,
+          state: publisher.billingState,
+          postalCode: publisher.billingPostalCode,
+          phoneNumber: publisher.phoneNumber,
+          phoneNumberCountryCode: publisher.phoneNumberCountryCode,
+        };
+        await completeImpactPartner({
+          vars,
+        });
+      }
+    }
     if (data$1) {
       const user = data$1 === null || data$1 === void 0 ? void 0 : data$1.user;
       if (!user || step !== "/loading")
         return;
+      if (((_a = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher) &&
+        (user === null || user === void 0 ? void 0 : user.impactConnection.connectionStatus) === "STARTED") {
+        completeConnection(user);
+        refetch();
+      }
       const currentStep = getCurrentStep(user);
       setStep(currentStep);
     }
@@ -6737,7 +7025,7 @@ const TaxAndCashMonolith = class {
      * @uiName Indirect tax number field label
      * @uiGroup Step 2 Properties
      */
-    this.step2_indirectTaxNumber = "{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}}";
+    this.step2_indirectTaxNumber = "{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number} other {Tax number}}";
     /**
      * @uiName Province field label
      * @uiGroup Step 2 Properties
@@ -6747,7 +7035,7 @@ const TaxAndCashMonolith = class {
      * @uiName Missing indirect tax number error message
      * @uiGroup Step 2 Properties
      */
-    this.step2_indirectTaxNumberError = "{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number}} is required";
+    this.step2_indirectTaxNumberError = "{taxType, select, GST {GST number} HST {HST number} VAT {VAT number} CT {CT number} SST {SST number} GENERAL {Indirect tax number} other {Tax number}} is required";
     /**
      * Displayed to participants registered for QST.
      * @uiName QST number field label
@@ -7060,12 +7348,22 @@ const TaxAndCashMonolith = class {
      * @uiGroup Step 4 Properties
      */
     this.step4_branchCodeLabel = "Branch code";
+    /**
+     * @uiName Branch name field label
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_branchNameLabel = "Branch name";
     /**
      * Label text for the classification input field
      * @uiName Classification field label
      * @uiGroup Step 4 Properties
      */
     this.step4_classificationLabel = "Classification";
+    /**
+     * @uiName Classification code field label
+     * @uiGroup Step 4 Properties
+     */
+    this.step4_classificationCodeLabel = "KBE code";
     /**
      * @uiName Taxpayer ID field label
      * @uiGroup Step 4 Properties
@@ -7315,7 +7613,7 @@ const TaxAndCashMonolith = class {
      * @uiName Payout status badge
      * @uiGroup Dashboard Properties
      */
-    this.dashboard_statusBadgeText = "{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} }";
+    this.dashboard_statusBadgeText = "{badgeText, select, payoutToday {Payout Today} nextPayout {Next Payout} other {Failed} }";
     /**
      * Display participants' payout preference on the payout information card, indicating the balance at which they want to get paid.
      * @uiName Payout schedule by threshold text

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

@@ -10,7 +10,7 @@ const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-4761d472.js');
-const sqmTextSpanView = require('./sqm-text-span-view-8a32dd8c.js');
+const sqmTextSpanView = require('./sqm-text-span-view-b9e10f5d.js');
 const keys = require('./keys-5a2c9ed2.js');
 const useVerificationEmail = require('./useVerificationEmail-5d19aa99.js');
 

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

@@ -9,9 +9,9 @@ const index_module = require('./index.module-f8c8495f.js');
 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-8a32dd8c.js');
-const data = require('./data-c03e282a.js');
-const sqmPartnerInfoModalView = require('./sqm-partner-info-modal-view-97770d03.js');
+const sqmTextSpanView = require('./sqm-text-span-view-b9e10f5d.js');
+const data = require('./data-89ac73dd.js');
+const sqmPartnerInfoModalView = require('./sqm-partner-info-modal-view-f6faecf5.js');
 const keys = require('./keys-5a2c9ed2.js');
 const eventKeys = require('./eventKeys-7af4df4d.js');
 const parseStates = require('./parseStates-d1effc19.js');
@@ -524,7 +524,7 @@ const START_IMPACT_CONNECTION = index_module.dist.gql `
   }
 `;
 function usePartnerInfoModal(props) {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e, _f, _g;
   const locale = index_module.L();
   const setPartnerCreated = index_module.En(keys.PARTNER_CREATED_NAMESPACE);
   const { data: userData, loading: userLoading, refetch, } = index_module.wn(GET_USER_PARTNER_INFO, {});
@@ -532,8 +532,7 @@ 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, {});
   // No pre-filled country, use locale to determine countryCode instead
-  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) ||
-    locale.replace(/^.*_/, ""));
+  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) || locale.replace(/^.*_/, ""));
   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 { data: financeNetworkData } = index_module.wn(data.GET_FINANCE_NETWORK_SETTINGS, {
     variables: { filter: countryCode ? { countryCode_eq: countryCode } : {} },
@@ -541,10 +540,17 @@ function usePartnerInfoModal(props) {
   const [startImpactConnection, { loading: connectLoading }] = index_module.$e(START_IMPACT_CONNECTION);
   const [allowBankingCollection, setAllowBankingCollection] = domContextHooks_module.useState(false);
   const countries = ((_e = countriesData === null || countriesData === void 0 ? void 0 : countriesData.impactPayoutCountries) === null || _e === void 0 ? void 0 : _e.data) || [];
+  const isExistingPartner = !!((_f = user === null || user === void 0 ? void 0 : user.impactConnection) === null || _f === void 0 ? void 0 : _f.publisher);
   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, _c;
+    // if isExistingPartner, grab all currencies since select is disabled anyways
+    if (isExistingPartner) {
+      return ((_a = currenciesData === null || currenciesData === void 0 ? void 0 : currenciesData.currencies) === null || _a === void 0 ? void 0 : _a.data) || [];
+    }
+    const allValidCurrencies = (_c = (_b = financeNetworkData === null || financeNetworkData === void 0 ? void 0 : financeNetworkData.impactFinanceNetworkSettings) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.reduce((agg, settings) => {
       var _a, _b;
+      if (countryCode && settings.countryCode !== countryCode)
+        return agg;
       const c = (_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((cur) => cur.currencyCode === settings.currency);
       if (!c)
         return agg;
@@ -553,11 +559,11 @@ function usePartnerInfoModal(props) {
       return [...agg, c];
     }, []);
     return allValidCurrencies || [];
-  }, [financeNetworkData, currenciesData]);
+  }, [financeNetworkData, currenciesData, countryCode, isExistingPartner]);
   const currencies = domContextHooks_module.useMemo(() => [..._currencies].sort((a, b) => a.displayName.localeCompare(b.displayName)), [_currencies]);
   const [countrySearch, setCountrySearch] = domContextHooks_module.useState("");
   const [currencySearch, setCurrencySearch] = domContextHooks_module.useState("");
-  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 [filteredCountries, setFilteredCountries] = domContextHooks_module.useState(((_g = countriesData === null || countriesData === void 0 ? void 0 : countriesData.impactPayoutCountries) === null || _g === void 0 ? void 0 : _g.data) || []);
   const [filteredCurrencies, setFilteredCurrencies] = domContextHooks_module.useState(currencies || []);
   const [error, setError] = domContextHooks_module.useState("");
   const [success, setSuccess] = domContextHooks_module.useState(false);
@@ -660,6 +666,7 @@ function usePartnerInfoModal(props) {
       setError(props.networkErrorText);
     }
   }
+  console.log(impactConnection, "impactConnection in partner modal");
   const showModal = !success &&
     !userLoading &&
     (impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.connectionStatus) === "NOT_STARTED";
@@ -668,7 +675,7 @@ function usePartnerInfoModal(props) {
       open: showModal,
       loading: userLoading || countriesLoading || currenciesLoading,
       submitting: connectLoading,
-      isExistingPartner: !!(impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.publisher),
+      isExistingPartner,
       countryCode,
       currency,
       error,
@@ -784,7 +791,7 @@ const PartnerInfoModal = class {
      * @uiName Missing fields error text
      * @uiWidget textArea
      */
-    this.missingFieldsErrorText = "Please select both a country and currency.";
+    this.missingFieldsErrorText = "Please fill out all fields.";
     /**
      * Used to render in another modal.
      * @undocumented
@@ -796,7 +803,7 @@ const PartnerInfoModal = class {
      * @componentState { "title": "New partner", "props": { "states": { "open": true, "isExistingPartner": false } } }
      * @componentState { "title": "Existing partner", "props": { "states": { "open": true, "isExistingPartner": true, "countryCode": "US", "currency": "USD" } } }
      */
-    this.stateController = "{}";
+    this.stateController = '{"sqm-partner-info-modal":{"states":{"open":false}}}';
     domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }

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

@@ -9,7 +9,7 @@ require('./index.module-f8c8495f.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
 const imageUrl = require('./imageUrl-a7880cab.js');
-const sqmPortalContainerView = require('./sqm-portal-container-view-70a47420.js');
+const sqmPortalContainerView = require('./sqm-portal-container-view-757f921b.js');
 
 function EmptyStateView(props) {
   const { emptyStateHeader, emptyStateImage, emptyStateText, supportText, missingFeature = "", } = props;

package/dist/cjs/{sqm-partner-info-modal-view-97770d03.js → sqm-partner-info-modal-view-f6faecf5.js}

@@ -103,7 +103,7 @@ function PartnerInfoModalContentView(props) {
             callbacks.setCountrySearch((_a = e.target) === null || _a === void 0 ? void 0 : _a.value);
           } }),
         index.h("div", { class: sheet.classes.SelectMenu }, (_a = states.filteredCountries) === null || _a === void 0 ? void 0 : _a.map((c) => (index.h("sl-menu-item", { value: c.countryCode }, c.displayName))))),
-      index.h("sl-select", { exportparts: "label: input-label, base: input-base", label: text.currencyLabel, value: states.currency, disabled: states.submitting || !!states.currency, required: true, hoist: true, "onSl-select": callbacks.onCurrencyChange },
+      index.h("sl-select", { exportparts: "label: input-label, base: input-base", label: text.currencyLabel, value: states.currency, disabled: states.submitting || (!!states.currency && 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); } }),
         index.h("div", { class: sheet.classes.SelectMenu }, (_b = states.filteredCurrencies) === null || _b === void 0 ? void 0 : _b.map((c) => (index.h("sl-menu-item", { value: c.currencyCode },
           c.currencyCode,

package/dist/cjs/{sqm-portal-container-view-70a47420.js → sqm-portal-container-view-757f921b.js}

@@ -48,12 +48,11 @@ function PortalContainerView(props, children) {
   }`;
   const sheet = JSS.createStyleSheet(style);
   const styleString = sheet.toString();
-  return (index.h(index.Host, null,
-    index.h("div", { class: sheet.classes.Container, part: "sqm-base" },
-      index.h("style", { type: "text/css" },
-        vanillaStyle,
-        styleString),
-      children)));
+  return (index.h("div", { class: sheet.classes.Container, part: "sqm-base" },
+    index.h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString),
+    children));
 }
 
 exports.PortalContainerView = PortalContainerView;

package/dist/cjs/{sqm-portal-email-verification-view-d51c2a06.js → sqm-portal-email-verification-view-abb773a7.js}

@@ -4,7 +4,7 @@ const index = require('./index-8277cbb3.js');
 const global = require('./global-b7b1b8fe.js');
 const JSS = require('./JSS-8503a151.js');
 const mixins = require('./mixins-4761d472.js');
-const sqmTextSpanView = require('./sqm-text-span-view-8a32dd8c.js');
+const sqmTextSpanView = require('./sqm-text-span-view-b9e10f5d.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,

package/dist/cjs/sqm-portal-email-verification.cjs.entry.js

@@ -9,8 +9,8 @@ const index_module = require('./index.module-f8c8495f.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
-require('./sqm-text-span-view-8a32dd8c.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-d51c2a06.js');
+require('./sqm-text-span-view-b9e10f5d.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-abb773a7.js');
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;