@saasquatch/mint-components 2.5.0-6 → 2.5.1-1

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

@@ -10,12 +10,12 @@ const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
-require('./useReferralCodes-0f7948af.js');
+require('./useReferralCodes-1bfc02eb.js');
 require('./mixins-4761d472.js');
 const copyTextView = require('./copy-text-view-bb2c0ea7.js');
 require('./sqm-text-span-view-b9e10f5d.js');
 const AsYouType = require('./AsYouType-d15caac8.js');
-const subregions = require('./subregions-d12829d6.js');
+const subregions = require('./subregions-cd5c7ad6.js');
 const useRegistrationFormState = require('./useRegistrationFormState-4fe5b770.js');
 const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-a45f7a52.js');
 const usePortalRegistrationForm = require('./usePortalRegistrationForm-8a3a14ac.js');
@@ -29,12 +29,12 @@ const useInstantAccessRegistration = require('./useInstantAccessRegistration-239
 const useLeadFormState = require('./useLeadFormState-bf49984b.js');
 const utilities = require('./utilities-fcdb9504.js');
 const ErrorView = require('./ErrorView-17578c10.js');
-const ShadowViewAddon = require('./ShadowViewAddon-6d88b845.js');
+const ShadowViewAddon = require('./ShadowViewAddon-795963e8.js');
 require('./sqm-portal-container-view-757f921b.js');
 const data = require('./data-04ef5511.js');
 const keys = require('./keys-5a2c9ed2.js');
 require('./eventKeys-7af4df4d.js');
-const useIndirectTaxForm = require('./useIndirectTaxForm-0969e194.js');
+const useIndirectTaxForm = require('./useIndirectTaxForm-ed4df485.js');
 const parseStates = require('./parseStates-d1effc19.js');
 
 /**
@@ -3082,17 +3082,6 @@ function PayoutStatusAlertView(props) {
           alertType: "warning",
           icon: "exclamation-triangle",
         };
-      case "BALANCE_UNDER_THRESHOLD":
-        return {
-          header: text.balanceUnderThresholdHeader,
-          description: global.intl.formatMessage({
-            id: "balanceUnderThresholdDescription",
-            defaultMessage: text.balanceUnderThresholdDescription,
-          }, { minPayoutAmount: states.minPayoutAmount }),
-          buttonText: null,
-          alertType: "info",
-          icon: "info-circle",
-        };
       case "PAYMENT_HOLD_ON_CHANGE":
         return {
           header: text.paymentHoldOnChangeHeader,
@@ -3220,16 +3209,23 @@ function PayoutStatusAlertView(props) {
     }
   }
   const alertDetails = getAlert(states.status);
-  if (states.status === "DONE" || !alertDetails) {
+  const showHoldAlert = states.status !== "DONE" && !!alertDetails;
+  if (!showHoldAlert && !states.belowPayoutThreshold) {
     return index.h("div", null);
   }
   return (index.h("div", { part: "sqm-base" },
     index.h("style", { type: "text/css" }, styleString$2),
     index.h("style", { type: "text/css" }, vanillaStyle$1),
-    index.h("sqm-form-message", { loading: states.loading, type: alertDetails.alertType },
+    states.belowPayoutThreshold && (index.h("sqm-form-message", { loading: states.loading, type: "info" },
+      index.h("p", { part: "alert-title" }, text.balanceUnderThresholdHeader),
+      index.h("p", { part: "alert-description" }, global.intl.formatMessage({
+        id: "balanceUnderThresholdDescription",
+        defaultMessage: text.balanceUnderThresholdDescription,
+      }, { minPayoutAmount: states.minPayoutAmount })))),
+    showHoldAlert && (index.h("sqm-form-message", { loading: states.loading, type: alertDetails.alertType },
       index.h("p", { part: "alert-title" }, alertDetails.header),
       index.h("p", { part: "alert-description" }, alertDetails.description),
-      getButton(states.status))));
+      getButton(states.status)))));
 }
 
 const PayoutStatusAlert = class {
@@ -8643,6 +8639,12 @@ const WidgetVerification = class {
      * @uiWidget textArea
      */
     this.createPartnerStep_networkErrorText = "An error occurred. Please try again.";
+    /**
+     * @uiName Email verification error text
+     * @uiGroup Partner Creation Step
+     * @uiWidget textArea
+     */
+    this.createPartnerStep_emailVerificationErrorText = "Please log in to {loginLinkText} to review your account status. You may need to complete email verification or other pending steps. Once resolved, refresh this page to proceed.";
     /**
      * @uiName Missing fields error text
      * @uiGroup Partner Creation Step
@@ -8681,12 +8683,12 @@ const WidgetVerification = class {
     const dialogLabel = this.general_widgetHeaderWithPartnerCreation;
     const renderStepContent = () => {
       if (props.showPartnerModal) {
-        return (index.h("sqm-partner-info-modal", Object.assign({ inModal: true }, partnerText, { stateController: props["sqm-partner-info-modal_stateController"] || "{}" })));
+        return (index.h("sqm-partner-info-modal", Object.assign({ inModal: true }, partnerText, { stateController: props["sqm-partner-info-modal_stateController"] || "{}", exportparts: "sqm-base: step-base, primarybutton-base" })));
       }
       if (props.showCode) {
-        return (index.h("sqm-code-verification", Object.assign({ onVerification: props.onVerification }, this.getStepTextProps("codeStep_"), extractProps(props, "sqm-code-verification_"))));
+        return (index.h("sqm-code-verification", Object.assign({ onVerification: props.onVerification }, this.getStepTextProps("codeStep_"), extractProps(props, "sqm-code-verification_"), { exportparts: "sqm-base: step-base, primarybutton-base" })));
       }
-      return (index.h("sqm-email-verification", Object.assign({}, this.getStepTextProps("emailStep_"), extractProps(props, "sqm-email-verification_"))));
+      return (index.h("sqm-email-verification", Object.assign({}, this.getStepTextProps("emailStep_"), extractProps(props, "sqm-email-verification_"), { exportparts: "sqm-base: step-base, primarybutton-base" })));
     };
     return (index.h("div", null, index.h("style", { type: "text/css" }, styleString$3), index.h("sl-dialog", { class: sheet$3.classes.Dialog, noHeader: true, open: true, label: dialogLabel, "onSl-request-close": (e) => {
         e.preventDefault();

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

@@ -11,7 +11,7 @@ const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 const sqmTextSpanView = require('./sqm-text-span-view-b9e10f5d.js');
 const data = require('./data-04ef5511.js');
-const sqmPartnerInfoModalView = require('./sqm-partner-info-modal-view-d9b61d54.js');
+const sqmPartnerInfoModalView = require('./sqm-partner-info-modal-view-e97ce8ef.js');
 const keys = require('./keys-5a2c9ed2.js');
 const eventKeys = require('./eventKeys-7af4df4d.js');
 const parseStates = require('./parseStates-d1effc19.js');
@@ -441,6 +441,7 @@ const GET_USER_PARTNER_INFO = index_module.dist.gql `
         impactConnection {
           connected
           connectionStatus
+          emailCanBeUsed
           publisher {
             id
             countryCode
@@ -607,7 +608,6 @@ function usePartnerInfoModal(props) {
       return;
     setCountryCode(value);
     setCurrency("");
-    setError("");
   }
   function onCurrencyChange(e) {
     var _a, _b;
@@ -615,7 +615,6 @@ function usePartnerInfoModal(props) {
     if (!value)
       return;
     setCurrency(value);
-    setError("");
   }
   function onCheckboxChange(e) {
     const checked = e.target.checked;
@@ -672,6 +671,7 @@ function usePartnerInfoModal(props) {
   const showModal = !success &&
     !userLoading &&
     (impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.connectionStatus) === "NOT_STARTED";
+  const emailCanBeUsed = (impactConnection === null || impactConnection === void 0 ? void 0 : impactConnection.emailCanBeUsed) !== false;
   return {
     states: {
       open: showModal,
@@ -684,11 +684,12 @@ function usePartnerInfoModal(props) {
       countryCode,
       currency,
       error,
+      emailCanBeUsed,
       success,
       filteredCountries: filteredCountries || [],
       filteredCurrencies: filteredCurrencies || [],
       allowBankingCollection,
-      disabled: userLoading || connectLoading,
+      disabled: userLoading || connectLoading || !emailCanBeUsed,
     },
     callbacks: {
       onFirstNameChange,
@@ -794,6 +795,15 @@ const PartnerInfoModal = class {
      * @uiWidget textArea
      */
     this.networkErrorText = "An error occurred. Please try again.";
+    /**
+     * @uiName Email verification error text
+     * @uiWidget textArea
+     */
+    this.emailVerificationErrorText = "Please log in to {loginLinkText} to review your account status. You may need to complete email verification or other pending steps. Once resolved, refresh this page to proceed.";
+    /**
+     * @uiName login link text
+     */
+    this.loginLinkText = "impact.com";
     /**
      * @uiName Missing fields error text
      * @uiWidget textArea
@@ -848,6 +858,7 @@ function useDemoPartnerInfoModal(props) {
       filteredCountries: [],
       filteredCurrencies: [],
       allowBankingCollection,
+      emailCanBeUsed: true,
       disabled: false,
     },
     callbacks: {
@@ -893,6 +904,8 @@ function useDemoPartnerInfoModal(props) {
       supportDescriptionExistingPartner: props.supportDescriptionExistingPartner,
       supportLink: props.supportLink,
       modalHeaderExistingPartner: props.modalHeaderExistingPartner,
+      emailVerificationErrorText: props.emailVerificationErrorText,
+      loginLinkText: props.loginLinkText,
     },
   }, props.demoData || stateOverride, { arrayMerge: (_, a) => a });
 }

package/dist/cjs/sqm-form-message_2.cjs.entry.js

@@ -29,16 +29,16 @@ const FormMessage = class {
       return index.h("sqm-skeleton", { height: "90px", width: "100%" });
     }
     if (this.type === "error") {
-      return (index.h("sl-alert", { exportparts: "base: erroralert-base, icon:erroralert-icon", class: `Error ${this.transparent ? "Transparent" : ""}`, type: "danger", open: true }, index.h("sl-icon", { id: "icon", slot: "icon", name: `${this.icon ? this.icon : "exclamation-octagon"}` }), index.h("slot", null)));
+      return (index.h("sl-alert", { exportparts: "base: erroralert-base, icon:erroralert-icon, base: alert-base, icon: alert-icon", class: `Error ${this.transparent ? "Transparent" : ""}`, type: "danger", open: true }, index.h("sl-icon", { id: "icon", slot: "icon", name: `${this.icon ? this.icon : "exclamation-octagon"}` }), index.h("slot", null)));
     }
     else if (this.type === "info") {
-      return (index.h("sl-alert", { id: "icon", exportparts: "base: infoalert-base, icon:infoalert-icon", class: `Info ${this.transparent ? "Transparent" : ""}`, type: "info", open: true }, index.h("sl-icon", { id: "icon", slot: "icon", name: `${this.icon ? this.icon : "info-circle"}` }), index.h("slot", null)));
+      return (index.h("sl-alert", { id: "icon", exportparts: "base: infoalert-base, icon:infoalert-icon, base: alert-base, icon: alert-icon", class: `Info ${this.transparent ? "Transparent" : ""}`, type: "info", open: true }, index.h("sl-icon", { id: "icon", slot: "icon", name: `${this.icon ? this.icon : "info-circle"}` }), index.h("slot", null)));
     }
     else if (this.type === "warning") {
-      return (index.h("sl-alert", { exportparts: "base: warningalert-base, icon:warningalert-icon", class: `Warning ${this.transparent ? "Transparent" : ""}`, type: "warning", open: true }, index.h("sl-icon", { id: "icon", slot: "icon", name: `${this.icon ? this.icon : "exclamation-triangle"}` }), index.h("slot", null)));
+      return (index.h("sl-alert", { exportparts: "base: warningalert-base, icon:warningalert-icon, base: alert-base, icon: alert-icon", class: `Warning ${this.transparent ? "Transparent" : ""}`, type: "warning", open: true }, index.h("sl-icon", { id: "icon", slot: "icon", name: `${this.icon ? this.icon : "exclamation-triangle"}` }), index.h("slot", null)));
     }
     else {
-      return (index.h("sl-alert", { exportparts: "base: successalert-base, icon:successalert-icon", class: `Success ${this.transparent ? "Transparent" : ""}`, type: "success", open: true }, index.h("sl-icon", { id: "icon", slot: "icon", name: `${this.icon ? this.icon : "check2-circle"}` }), index.h("slot", null)));
+      return (index.h("sl-alert", { exportparts: "base: successalert-base, icon:successalert-icon, base: alert-base, icon: alert-icon", class: `Success ${this.transparent ? "Transparent" : ""}`, type: "success", open: true }, index.h("sl-icon", { id: "icon", slot: "icon", name: `${this.icon ? this.icon : "check2-circle"}` }), index.h("slot", null)));
     }
   }
 };

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

@@ -9,7 +9,7 @@ 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 useReferralCodes = require('./useReferralCodes-0f7948af.js');
+const useReferralCodes = require('./useReferralCodes-1bfc02eb.js');
 require('./mixins-4761d472.js');
 const copyTextView = require('./copy-text-view-bb2c0ea7.js');
 

package/dist/cjs/{sqm-partner-info-modal-view-d9b61d54.js → sqm-partner-info-modal-view-e97ce8ef.js}

@@ -84,16 +84,22 @@ function PartnerInfoModalContentView(props) {
   const { states, callbacks, text } = props;
   const sheet = JSS.createStyleSheet(style);
   const styleString = sheet.toString();
+  const emailVerificationMessage = global.intl.formatMessage({
+    id: "emailVerificationErrorText",
+    defaultMessage: text.emailVerificationErrorText,
+  }, {
+    loginLinkText: (index.h("a", { target: "_blank", href: `https://app.impact.com/login.user` }, text.loginLinkText)),
+  });
   const supportMessage = global.intl.formatMessage({
     id: "supportDescriptionExistingPartner",
     defaultMessage: text.supportDescriptionExistingPartner,
   }, {
     supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
   });
-  const description = states.isExistingPartner ? (index.h("span", { class: sheet.classes.DescriptionContainer },
+  const description = states.isExistingPartner || !states.emailCanBeUsed ? (index.h("span", { class: sheet.classes.DescriptionContainer },
     index.h("p", null, text.descriptionExistingPartner),
     index.h("p", null, supportMessage))) : (index.h("p", { class: sheet.classes.DescriptionContainer }, text.descriptionNewPartner));
-  const buttonLabel = states.isExistingPartner
+  const buttonLabel = states.isExistingPartner || !states.emailCanBeUsed
     ? text.confirmButtonLabel
     : text.submitButtonLabel;
   const bankingCollectionText = global.intl.formatMessage({
@@ -102,32 +108,39 @@ function PartnerInfoModalContentView(props) {
   }, {
     termsAndConditionsLink: (index.h("a", { href: text.termsAndConditionsLink, target: "_blank" }, text.termsAndConditionsLabel)),
   });
-  return (index.h("div", null,
+  return (index.h("div", { part: "sqm-base" },
     index.h("style", { type: "text/css" }, styleString),
     index.h("div", { class: sheet.classes.FormFields },
       description,
       states.shouldDisplayNameFields && (index.h(index.Fragment, null,
-        index.h("sl-input", { exportparts: "label: input-label, base: input-base", class: sheet.classes.NameInput, label: "First Name", value: states.firstName, "onSl-input": callbacks.onFirstNameChange, disabled: states.submitting, required: true }),
-        index.h("sl-input", { exportparts: "label: input-label, base: input-base", class: sheet.classes.NameInput, label: "Last Name", value: states.lastName, "onSl-input": callbacks.onLastNameChange, disabled: states.submitting, required: true }))),
+        index.h("sl-input", { exportparts: "label: input-label, base: input-base", class: sheet.classes.NameInput, label: "First Name", value: states.firstName, "onSl-input": callbacks.onFirstNameChange, disabled: states.submitting || !states.emailCanBeUsed, required: true }),
+        index.h("sl-input", { exportparts: "label: input-label, base: input-base", class: sheet.classes.NameInput, label: "Last Name", value: states.lastName, "onSl-input": callbacks.onLastNameChange, disabled: states.submitting || !states.emailCanBeUsed, required: true }))),
       index.h("sl-select", { exportparts: "label: input-label, base: input-base, menu: select-menu", label: text.countryLabel, value: states.countryCode, disabled: states.submitting ||
+          !states.emailCanBeUsed ||
           (!!states.countryCode && states.isExistingPartner), required: true, hoist: true, "onSl-select": callbacks.onCountryChange },
         index.h("sl-input", { class: sheet.classes.SearchInput, placeholder: text.searchCountryPlaceholder, onKeyDown: (e) => e.stopPropagation(), "onSl-input": (e) => {
             var _a;
             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 && states.isExistingPartner), 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.emailCanBeUsed ||
+          (!!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,
           " - ",
           c.displayName))))),
       index.h("div", { class: sheet.classes.CheckboxWrapper },
-        index.h("sl-checkbox", { class: sheet.classes.Checkbox, checked: states.allowBankingCollection === true, "onSl-change": callbacks.onCheckboxChange, disabled: states.submitting, required: true, value: states.allowBankingCollection, id: "allowBankingCollection", name: "/allowBankingCollection" }, bankingCollectionText))),
+        index.h("sl-checkbox", { class: sheet.classes.Checkbox, checked: states.allowBankingCollection === true, "onSl-change": callbacks.onCheckboxChange, disabled: states.submitting || !states.emailCanBeUsed, required: true, value: states.allowBankingCollection, id: "allowBankingCollection", name: "/allowBankingCollection" }, bankingCollectionText))),
     states.error && (index.h("div", { class: sheet.classes.ErrorMessage },
       index.h("sqm-form-message", { class: sheet.classes.ErrorMessage, type: "error" },
         index.h("p", { part: "alert-description" }, states.error)))),
+    !states.emailCanBeUsed && (index.h("div", { class: sheet.classes.ErrorMessage },
+      index.h("sqm-form-message", { type: "error" },
+        index.h("p", { part: "alert-description" }, emailVerificationMessage)))),
     index.h("sl-button", { slot: "footer", type: "primary", loading: states.submitting, disabled: states.submitting ||
+        !states.emailCanBeUsed ||
         !states.countryCode ||
         !states.currency ||
         !states.allowBankingCollection ||
@@ -140,7 +153,7 @@ function PartnerInfoModalView(props) {
   const styleString = sheet.toString();
   if (!states.open)
     return index.h("div", null);
-  const modalHeader = states.isExistingPartner
+  const modalHeader = states.isExistingPartner || !states.emailCanBeUsed
     ? text.modalHeaderExistingPartner
     : text.modalHeader;
   return (index.h("div", null,

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

@@ -8,7 +8,7 @@ const index_module = require('./index.module-f8c8495f.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
-const useReferralCodes = require('./useReferralCodes-0f7948af.js');
+const useReferralCodes = require('./useReferralCodes-1bfc02eb.js');
 require('./ErrorView-17578c10.js');
 const sqmQrCodeView = require('./sqm-qr-code-view-0d43424e.js');
 

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

@@ -9,13 +9,13 @@ const index_module = require('./index.module-f8c8495f.js');
 require('./cjs-1066ec21.js');
 require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
-require('./useReferralCodes-0f7948af.js');
+require('./useReferralCodes-1bfc02eb.js');
 require('./mixins-4761d472.js');
 const copyTextView = require('./copy-text-view-bb2c0ea7.js');
 require('./sqm-text-span-view-b9e10f5d.js');
 const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-a679a0a7.js');
 require('./AsYouType-d15caac8.js');
-const subregions = require('./subregions-d12829d6.js');
+const subregions = require('./subregions-cd5c7ad6.js');
 const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-a45f7a52.js');
 const GenericTableView = require('./GenericTableView-4c48c630.js');
 require('./useChildElements-041127d7.js');
@@ -35,12 +35,12 @@ require('./utilities-fcdb9504.js');
 const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-b2c546bd.js');
 require('./ErrorView-17578c10.js');
 const sqmQrCodeView = require('./sqm-qr-code-view-0d43424e.js');
-const ShadowViewAddon = require('./ShadowViewAddon-6d88b845.js');
+const ShadowViewAddon = require('./ShadowViewAddon-795963e8.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-757f921b.js');
-const sqmUserInfoFormView = require('./sqm-user-info-form-view-6a65f1fb.js');
+const sqmUserInfoFormView = require('./sqm-user-info-form-view-e725523f.js');
 const sqmLeadInputFieldView = require('./sqm-lead-input-field-view-88de1b78.js');
 require('./data-04ef5511.js');
-const sqmPartnerInfoModalView = require('./sqm-partner-info-modal-view-d9b61d54.js');
+const sqmPartnerInfoModalView = require('./sqm-partner-info-modal-view-e97ce8ef.js');
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -16661,7 +16661,14 @@ const AccountUnderReview = () => (index.h(sqmUserInfoFormView.TaxAndCashDashboar
 const PaymentHoldOnChange = () => (index.h(sqmUserInfoFormView.TaxAndCashDashboardView, { states: { ...baseStates, payoutStatus: "PAYMENT_HOLD_ON_CHANGE" }, text: defaultText, callbacks: defaultCallbacks$1, slots: defaultSlots }));
 const BalanceUnderThreshold = () => (index.h(sqmUserInfoFormView.TaxAndCashDashboardView, { states: {
     ...baseStates,
-    payoutStatus: "BALANCE_UNDER_THRESHOLD",
+    payoutStatus: "DONE",
+    belowPayoutThreshold: true,
+    minPayoutAmount: "USD50.00",
+  }, text: defaultText, callbacks: defaultCallbacks$1, slots: buildSlots({ belowPayoutThreshold: true }) }));
+const BalanceUnderThresholdWithHold = () => (index.h(sqmUserInfoFormView.TaxAndCashDashboardView, { states: {
+    ...baseStates,
+    payoutStatus: "NEW_PAYEE_REVIEW",
+    belowPayoutThreshold: true,
     minPayoutAmount: "USD50.00",
   }, text: defaultText, callbacks: defaultCallbacks$1, slots: buildSlots({ belowPayoutThreshold: true }) }));
 const BeneficiaryNameInvalid = () => (index.h(sqmUserInfoFormView.TaxAndCashDashboardView, { states: { ...baseStates, payoutStatus: "BENEFICIARY_NAME_INVALID" }, text: defaultText, callbacks: defaultCallbacks$1, slots: defaultSlots }));
@@ -16696,6 +16703,7 @@ const TaxAndCashDashboardView = /*#__PURE__*/Object.freeze({
   AccountUnderReview: AccountUnderReview,
   PaymentHoldOnChange: PaymentHoldOnChange,
   BalanceUnderThreshold: BalanceUnderThreshold,
+  BalanceUnderThresholdWithHold: BalanceUnderThresholdWithHold,
   BeneficiaryNameInvalid: BeneficiaryNameInvalid,
   BeneficiaryNameMismatch: BeneficiaryNameMismatch,
   BankTaxNameMismatch: BankTaxNameMismatch,
@@ -17927,7 +17935,8 @@ const TaxAndCashDashboardBalanceUnderThreshold = () => {
   return (index.h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
       states: {
-        payoutStatus: "BALANCE_UNDER_THRESHOLD",
+        payoutStatus: "DONE",
+        belowPayoutThreshold: true,
         minPayoutAmount: "USD50.00",
         veriffLoading: false,
         canEditPayoutInfo: true,
@@ -18377,7 +18386,16 @@ const PaymentHoldOnChange$1 = () => (index.h("sqm-payout-status-alert", { demoDa
 const BalanceUnderThreshold$1 = () => (index.h("sqm-payout-status-alert", { demoData: {
     states: {
       ...defaultProps$s,
-      status: "BALANCE_UNDER_THRESHOLD",
+      status: "DONE",
+      belowPayoutThreshold: true,
+      minPayoutAmount: "USD50.00",
+    },
+  } }));
+const BalanceUnderThresholdWithHold$1 = () => (index.h("sqm-payout-status-alert", { demoData: {
+    states: {
+      ...defaultProps$s,
+      status: "NEW_PAYEE_REVIEW",
+      belowPayoutThreshold: true,
       minPayoutAmount: "USD50.00",
     },
   } }));
@@ -18408,6 +18426,7 @@ const PayoutStatusAlert = /*#__PURE__*/Object.freeze({
   NewPayeeReview: NewPayeeReview,
   PaymentHoldOnChange: PaymentHoldOnChange$1,
   BalanceUnderThreshold: BalanceUnderThreshold$1,
+  BalanceUnderThresholdWithHold: BalanceUnderThresholdWithHold$1,
   BeneficiaryNameInvalid: BeneficiaryNameInvalid$1,
   BeneficiaryNameMismatch: BeneficiaryNameMismatch$1,
   BankTaxNameMismatch: BankTaxNameMismatch$1,
@@ -19380,7 +19399,7 @@ const defaultText$2 = {
   modalHeader: "Let's get you ready for rewards",
   modalHeaderExistingPartner: "We found an existing account",
   descriptionNewPartner: "Confirm your country and currency now to get your future rewards faster.",
-  descriptionExistingPartner: "We noticed you are already an Impact.com partner, please confirm your information.",
+  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.",
   supportDescriptionExistingPartner: "If this is a mistake, please contact Support or sign up for this referral program with a different email.",
   supportLink: "Support",
   countryLabel: "Country",
@@ -19393,6 +19412,8 @@ const defaultText$2 = {
   allowBankingCollection: "I have read the {termsAndConditionsLink} and allow impact.com to collect my tax and banking information",
   termsAndConditionsLabel: "terms and conditions",
   termsAndConditionsLink: "https://terms.advocate.impact.com/PayoutTermsAndConditions.html",
+  emailVerificationErrorText: "Please log in to {loginLinkText} to review your account status. You may need to complete email verification or other pending steps. Once resolved, refresh this page to proceed.",
+  loginLinkText: "impact.com",
 };
 const defaultProps$y = {
   states: {
@@ -19406,6 +19427,7 @@ const defaultProps$y = {
     countryCode: "",
     currency: "",
     error: "",
+    emailCanBeUsed: true,
     success: false,
     filteredCountries: demoCountries,
     filteredCurrencies: demoCurrencies,
@@ -19500,6 +19522,18 @@ const ValidationError$1 = () => {
   };
   return index.h(sqmPartnerInfoModalView.PartnerInfoModalView, Object.assign({}, props));
 };
+const EmailVerificationRequired = () => {
+  const props = {
+    ...defaultProps$y,
+    states: {
+      ...defaultProps$y.states,
+      countryCode: "US",
+      currency: "USD",
+      emailCanBeUsed: false,
+    },
+  };
+  return index.h(sqmPartnerInfoModalView.PartnerInfoModalView, Object.assign({}, props));
+};
 const Closed = () => {
   const props = {
     ...defaultProps$y,
@@ -19565,6 +19599,7 @@ const PartnerInfoModal = /*#__PURE__*/Object.freeze({
   Submitting: Submitting,
   WithError: WithError$3,
   ValidationError: ValidationError$1,
+  EmailVerificationRequired: EmailVerificationRequired,
   Closed: Closed,
   SQMComponentExistingPartner: SQMComponentExistingPartner,
   SQMComponentNewPartner: SQMComponentNewPartner,

package/dist/cjs/{sqm-user-info-form-view-6a65f1fb.js → sqm-user-info-form-view-e725523f.js}

@@ -4,7 +4,7 @@ const index = require('./index-8277cbb3.js');
 const global = require('./global-258c36b8.js');
 const JSS = require('./JSS-8503a151.js');
 const AsYouType = require('./AsYouType-d15caac8.js');
-const subregions = require('./subregions-d12829d6.js');
+const subregions = require('./subregions-cd5c7ad6.js');
 const data = require('./data-04ef5511.js');
 
 const style = {
@@ -336,7 +336,7 @@ const TaxAndCashDashboardView = (props) => {
             }, {
               termsAndConditions: (index.h("a", { target: "_blank", href: `https://terms.advocate.impact.com/PayoutTermsAndConditions.html` }, text.termsAndConditions)),
             }),
-            button: (index.h("sl-button", { style: { marginTop: "var(--sl-spacing-x-small)" }, type: "default", onClick: callbacks.onNewFormClick }, text.w9RequiredButtonText)),
+            button: (index.h("sl-button", { style: { marginTop: "var(--sl-spacing-x-small)" }, type: "default", exportparts: "base: primarybutton-base", onClick: callbacks.onNewFormClick }, text.w9RequiredButtonText)),
             alertType: "warning",
             icon: "info-circle",
             class: sheet.classes.WarningHoldAlertContainer,
@@ -424,18 +424,6 @@ const TaxAndCashDashboardView = (props) => {
           icon: "exclamation-triangle",
           class: sheet.classes.WarningHoldAlertContainer,
         };
-      case "BALANCE_UNDER_THRESHOLD":
-        return {
-          header: text.balanceUnderThresholdHeader,
-          description: global.intl.formatMessage({
-            id: "balanceUnderThresholdDescription",
-            defaultMessage: text.balanceUnderThresholdDescription,
-          }, { minPayoutAmount: states.minPayoutAmount }),
-          buttonText: null,
-          alertType: "info",
-          icon: "info-circle",
-          class: sheet.classes.InfoHoldAlertContainer,
-        };
       case "PAYMENT_HOLD_ON_CHANGE":
         return {
           header: text.paymentHoldOnChangeHeader,
@@ -460,8 +448,8 @@ const TaxAndCashDashboardView = (props) => {
             supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           button: (index.h("div", { class: sheet.classes.ButtonContainer },
-            index.h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
-            index.h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onNewFormClick }, text.newFormButton))),
+            index.h("sl-button", { disabled: states.disabled || states.loading, type: "primary", exportparts: "base: primarybutton-base", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
+            index.h("sl-button", { disabled: states.disabled || states.loading, type: "default", exportparts: "base: secondarybutton-base", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onNewFormClick }, text.newFormButton))),
           alertType: "warning",
           icon: "exclamation-triangle",
           class: sheet.classes.WarningHoldAlertContainer,
@@ -476,8 +464,8 @@ const TaxAndCashDashboardView = (props) => {
             supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           button: (index.h("div", { class: sheet.classes.ButtonContainer },
-            index.h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
-            index.h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onNewFormClick }, text.newFormButton))),
+            index.h("sl-button", { disabled: states.disabled || states.loading, type: "primary", exportparts: "base: primarybutton-base", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
+            index.h("sl-button", { disabled: states.disabled || states.loading, type: "default", exportparts: "base: secondarybutton-base", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onNewFormClick }, text.newFormButton))),
           alertType: "warning",
           icon: "exclamation-triangle",
           class: sheet.classes.WarningHoldAlertContainer,
@@ -492,8 +480,8 @@ const TaxAndCashDashboardView = (props) => {
             supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           button: (index.h("div", { class: sheet.classes.ButtonContainer },
-            index.h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
-            index.h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onNewFormClick }, text.newFormButton))),
+            index.h("sl-button", { disabled: states.disabled || states.loading, type: "primary", exportparts: "base: primarybutton-base", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
+            index.h("sl-button", { disabled: states.disabled || states.loading, type: "default", exportparts: "base: secondarybutton-base", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onNewFormClick }, text.newFormButton))),
           alertType: "warning",
           icon: "exclamation-triangle",
           class: sheet.classes.WarningHoldAlertContainer,
@@ -507,7 +495,7 @@ const TaxAndCashDashboardView = (props) => {
           }, {
             supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
-          button: (index.h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)),
+          button: (index.h("sl-button", { disabled: states.disabled || states.loading, type: "default", exportparts: "base: primarybutton-base", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)),
           alertType: "warning",
           icon: "exclamation-triangle",
           class: sheet.classes.WarningHoldAlertContainer,
@@ -521,7 +509,7 @@ const TaxAndCashDashboardView = (props) => {
           }, {
             supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
-          button: (index.h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)),
+          button: (index.h("sl-button", { disabled: states.disabled || states.loading, type: "primary", exportparts: "base: primarybutton-base", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)),
           alertType: "error",
           icon: "exclamation-triangle",
           class: sheet.classes.WarningHoldAlertContainer,
@@ -679,15 +667,21 @@ const TaxAndCashDashboardView = (props) => {
         }, {
           supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
         }))),
-      alertInfo && (index.h("sqm-form-message", { loading: states.loading, exportparts: "warningalert-base: alert-base, warningalert-icon: alert-icon, erroralert-base: alert-base, erroralert-icon: alert-icon, infoalert-base: alert-base, infoalert-icon: alert-icon", type: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.alertType, class: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.class, icon: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.icon, transparent: true },
+      states.belowPayoutThreshold && (index.h("sqm-form-message", { loading: states.loading, exportparts: "alert-base, alert-icon", type: "info", class: sheet.classes.InfoHoldAlertContainer, icon: "info-circle", transparent: true },
+        index.h("strong", null, text.balanceUnderThresholdHeader),
+        index.h("p", { style: { margin: "0" } }, global.intl.formatMessage({
+          id: "balanceUnderThresholdDescription",
+          defaultMessage: text.balanceUnderThresholdDescription,
+        }, { minPayoutAmount: states.minPayoutAmount })))),
+      alertInfo && (index.h("sqm-form-message", { loading: states.loading, exportparts: "alert-base, alert-icon", type: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.alertType, class: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.class, icon: alertInfo === null || alertInfo === void 0 ? void 0 : alertInfo.icon, transparent: true },
         index.h("strong", null, alertInfo.header),
         index.h("p", { style: { margin: "0" } }, alertInfo.description),
-        alertInfo.buttonText && (index.h("sl-button", { style: { marginTop: "var(--sl-spacing-x-small)" }, type: "default", loading: states.veriffLoading, onClick: () => callbacks.onVerifyClick() }, alertInfo.buttonText)),
+        alertInfo.buttonText && (index.h("sl-button", { style: { marginTop: "var(--sl-spacing-x-small)" }, type: "default", exportparts: "base: primarybutton-base", loading: states.veriffLoading, onClick: () => callbacks.onVerifyClick() }, alertInfo.buttonText)),
         alertInfo.button ? (alertInfo.button) : (index.h("div", { style: { display: "none" } })))),
       index.h("sl-dialog", { label: text.replaceTaxFormModalHeader, class: sheet.classes.Dialog, open: states.showNewFormDialog, "onSl-hide": callbacks.onNewFormCancel },
         index.h("p", null, text.replaceTaxFormModalBodyText),
-        index.h("sl-button", { slot: "footer", type: "primary", class: sheet.classes.DialogButton, onClick: callbacks.onNewFormClick }, text.newFormButton),
-        index.h("sl-button", { slot: "footer", type: "default", class: sheet.classes.DialogButton, onClick: callbacks.onNewFormCancel }, text.cancelButton)),
+        index.h("sl-button", { slot: "footer", type: "primary", exportparts: "base: primarybutton-base", class: sheet.classes.DialogButton, onClick: callbacks.onNewFormClick }, text.newFormButton),
+        index.h("sl-button", { slot: "footer", type: "default", exportparts: "base: secondarybutton-base", class: sheet.classes.DialogButton, onClick: callbacks.onNewFormCancel }, text.cancelButton)),
       states.status === "INACTIVE" && alertMap[states.status],
       index.h("div", null,
         index.h("h3", { style: { marginBottom: "0" } }, text.bankingInformationSectionHeader),

package/dist/cjs/{subregions-d12829d6.js → subregions-cd5c7ad6.js}

@@ -643,9 +643,12 @@ function formatPayoutThreshold(publisher) {
     return undefined;
   return `${(_b = publisher === null || publisher === void 0 ? void 0 : publisher.currency) !== null && _b !== void 0 ? _b : ""}${threshold}`;
 }
-/** `payoutsAccount.balance` is a formatted string; only `balanceAmount` (minor units) is comparable. */
+/**
+ * `payoutsAccount.balance` is a formatted string; only `balanceAmount` (minor units) is comparable.
+ * A zero balance gets no notice — there is nothing waiting to pay out.
+ */
 function isBalanceUnderPayoutThreshold(publisher) {
-  var _a;
+  var _a, _b;
   const rawThreshold = (_a = publisher === null || publisher === void 0 ? void 0 : publisher.withdrawalSettings) === null || _a === void 0 ? void 0 : _a.paymentThreshold;
   const account = publisher === null || publisher === void 0 ? void 0 : publisher.payoutsAccount;
   if (!rawThreshold || !account)
@@ -653,12 +656,14 @@ function isBalanceUnderPayoutThreshold(publisher) {
   const threshold = Number(rawThreshold);
   if (!Number.isFinite(threshold) || !Number.isFinite(account.balanceAmount))
     return false;
+  if (account.balanceAmount <= 0)
+    return false;
   const currency = account.currencyCode || (publisher === null || publisher === void 0 ? void 0 : publisher.currency);
   if (!currency)
     return false;
   const scale = 10 **
-    new Intl.NumberFormat("en-US", { style: "currency", currency })
-      .resolvedOptions().maximumFractionDigits;
+    ((_b = new Intl.NumberFormat("en-US", { style: "currency", currency })
+      .resolvedOptions().maximumFractionDigits) !== null && _b !== void 0 ? _b : 2);
   return account.balanceAmount < Math.round(threshold * scale);
 }