@saasquatch/mint-components 2.5.0-2 → 2.5.0-3

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

@@ -12,17 +12,17 @@ const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
 require('./AsYouType-d15caac8.js');
-const subregions = require('./subregions-3d27e279.js');
+const subregions = require('./subregions-d12829d6.js');
 const GenericTableView = require('./GenericTableView-4c48c630.js');
 const reRender = require('./re-render-72a0ef45.js');
 const useReferralTable = require('./useReferralTable-06887d9a.js');
 const useChildElements = require('./useChildElements-041127d7.js');
 const luxon = require('./luxon-c1ad356a.js');
-const sqmUserInfoFormView = require('./sqm-user-info-form-view-c5f9b79b.js');
-const data = require('./data-89ac73dd.js');
+const sqmUserInfoFormView = require('./sqm-user-info-form-view-9745956d.js');
+const data = require('./data-04ef5511.js');
 const keys = require('./keys-5a2c9ed2.js');
 const eventKeys = require('./eventKeys-7af4df4d.js');
-const useIndirectTaxForm = require('./useIndirectTaxForm-5211013b.js');
+const useIndirectTaxForm = require('./useIndirectTaxForm-0969e194.js');
 
 function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64, _65, _66, _67, _68, _69, _70, _71, _72, _73, _74, _75, _76;
@@ -796,7 +796,7 @@ const BankingInfoFormView = (props) => {
           id: "generalDescription",
           defaultMessage: text.error.generalDescription,
         }, {
-          supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
         }))),
       states.isPartner && !states.hideSteps && (index.h("sqm-form-message", { type: "info" },
         index.h("p", { part: "alert-title" }, text.isPartnerAlertHeader),
@@ -804,7 +804,7 @@ const BankingInfoFormView = (props) => {
           id: "isPartnerAlertDescription",
           defaultMessage: text.isPartnerAlertDescription,
         }, {
-          supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
         }))),
       index.h("div", null,
         index.h("h4", null, text.paymentMethod),
@@ -2450,7 +2450,7 @@ const DocusignFormView = (props) => {
           id: "loadingErrorAlertDescription",
           defaultMessage: text.error.loadingErrorAlertDescription,
         }, {
-          supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
         })))),
     ((_a = formState.errors) === null || _a === void 0 ? void 0 : _a.general) && (index.h("sqm-form-message", { type: "error" },
       index.h("p", { part: "alert-title" }, text.error.generalTitle),
@@ -2458,7 +2458,7 @@ const DocusignFormView = (props) => {
         id: "generalDescription",
         defaultMessage: text.error.generalDescription,
       }, {
-        supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+        supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
       }))),
     index.h("div", null,
       index.h("div", null,
@@ -2830,7 +2830,7 @@ const IndirectTaxFormView = (props) => {
             id: "loadingErrorAlertDescription",
             defaultMessage: text.error.loadingErrorAlertDescription,
           }, {
-            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           })))),
       ((_a = formState.errors) === null || _a === void 0 ? void 0 : _a.general) && (index.h("sqm-form-message", { type: "error" },
         index.h("p", { part: "alert-title" }, text.error.generalTitle),
@@ -2838,7 +2838,7 @@ const IndirectTaxFormView = (props) => {
           id: "generalDescription",
           defaultMessage: text.error.generalDescription,
         }, {
-          supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
         }))),
       states.isPartnerLegacy && (index.h("sqm-form-message", { loading: states.loading, type: "info" },
         index.h("p", { part: "alert-title" }, text.isPartnerAlertHeader),
@@ -2846,7 +2846,7 @@ const IndirectTaxFormView = (props) => {
           id: "isPartnerAlertDescription",
           defaultMessage: text.isPartnerAlertDescription,
         }, {
-          supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
         }))),
       index.h("div", null,
         index.h("h4", null, text.indirectTaxDetails))),
@@ -2866,7 +2866,7 @@ const IndirectTaxFormView = (props) => {
         id: "cannotChangeInfoAlert",
         defaultMessage: text.cannotChangeInfoAlert,
       }, {
-        supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+        supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
       })),
       index.h("div", { class: classes.BtnContainer },
         index.h("sl-button", { class: classes.PrimaryButton, type: "primary", disabled: states.disabled, submit: true, exportparts: "base: primarybutton-base" }, text.continueButton),
@@ -3706,18 +3706,22 @@ function PayoutDetailsCardView(props) {
   }, {
     thresholdBalance: states.thresholdBalance,
   });
+  // No payout is scheduled while the balance sits under the minimum
+  const scheduleText = states.badgeStatus === "thresholdPayout"
+    ? states.thresholdBalance
+      ? thresholdText
+      : ""
+    : states.belowPayoutThreshold
+      ? ""
+      : states.nextPayoutDate;
+  const showBadge = states.badgeStatus !== "thresholdPayout" && !states.belowPayoutThreshold;
   return (index.h("div", { class: classes.Container },
     index.h("style", { type: "text/css" }, styleString),
     states.loading ? (renderLoadingSkeleton()) : (index.h("div", { class: classes.CardContainer },
       index.h("div", { class: classes.StatusContainer },
-        index.h("p", { class: classes.SubduedRegularText }, states.badgeStatus === "thresholdPayout"
-          ? states.thresholdBalance
-            ? thresholdText
-            : ""
-          : states.nextPayoutDate),
-        states.badgeStatus === "thresholdPayout"
-          ? null
-          : renderStatusBadge(states.badgeStatus, text.statusBadgeText)),
+        index.h("p", { class: classes.SubduedRegularText }, scheduleText),
+        showBadge &&
+          renderStatusBadge(states.badgeStatus, text.statusBadgeText)),
       index.h("h1", { class: classes.MainCurrency }, states.balance),
       states.payoutType === "PAYPAL" ? (index.h("div", { class: classes.PaypalDetailsContainer },
         index.h("span", { class: classes.PaypalEmail }, states.paypalEmailAddress),
@@ -3728,7 +3732,7 @@ function PayoutDetailsCardView(props) {
 }
 
 function usePayoutDetailsCard(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
   const { data: data$1, loading } = index_module.$n(data.USER_QUERY_NAMESPACE);
   const publisher = (_b = (_a = data$1 === null || data$1 === void 0 ? void 0 : data$1.user) === null || _a === void 0 ? void 0 : _a.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher;
   function getPayoutDetailedStatusText(paymentDay) {
@@ -3767,18 +3771,18 @@ function usePayoutDetailsCard(props) {
   return {
     states: {
       loading,
-      thresholdBalance: ((_d = publisher === null || publisher === void 0 ? void 0 : publisher.withdrawalSettings) === null || _d === void 0 ? void 0 : _d.paymentThreshold) ? `${publisher === null || publisher === void 0 ? void 0 : publisher.currency}${(_e = publisher === null || publisher === void 0 ? void 0 : publisher.withdrawalSettings) === null || _e === void 0 ? void 0 : _e.paymentThreshold}`
-        : undefined,
-      balance: (_f = publisher === null || publisher === void 0 ? void 0 : publisher.payoutsAccount) === null || _f === void 0 ? void 0 : _f.balance,
-      badgeStatus: ((_g = publisher === null || publisher === void 0 ? void 0 : publisher.withdrawalSettings) === null || _g === void 0 ? void 0 : _g.paymentSchedulingType) !== "FIXED_DAY"
+      thresholdBalance: subregions.formatPayoutThreshold(publisher),
+      belowPayoutThreshold: subregions.isBalanceUnderPayoutThreshold(publisher),
+      balance: (_d = publisher === null || publisher === void 0 ? void 0 : publisher.payoutsAccount) === null || _d === void 0 ? void 0 : _d.balance,
+      badgeStatus: ((_e = publisher === null || publisher === void 0 ? void 0 : publisher.withdrawalSettings) === null || _e === void 0 ? void 0 : _e.paymentSchedulingType) !== "FIXED_DAY"
         ? "thresholdPayout"
         : isPayoutToday
           ? "payoutToday"
           : "nextPayout",
-      payoutType: (_h = publisher === null || publisher === void 0 ? void 0 : publisher.withdrawalSettings) === null || _h === void 0 ? void 0 : _h.paymentMethod,
-      error: (_j = publisher === null || publisher === void 0 ? void 0 : publisher.payoutsAccount) === null || _j === void 0 ? void 0 : _j.hold,
-      paypalEmailAddress: (_k = publisher === null || publisher === void 0 ? void 0 : publisher.withdrawalSettings) === null || _k === void 0 ? void 0 : _k.paypalEmailAddress,
-      cardNumberPreview: (_l = publisher === null || publisher === void 0 ? void 0 : publisher.withdrawalSettings) === null || _l === void 0 ? void 0 : _l.bankAccountNumber,
+      payoutType: (_f = publisher === null || publisher === void 0 ? void 0 : publisher.withdrawalSettings) === null || _f === void 0 ? void 0 : _f.paymentMethod,
+      error: (_g = publisher === null || publisher === void 0 ? void 0 : publisher.payoutsAccount) === null || _g === void 0 ? void 0 : _g.hold,
+      paypalEmailAddress: (_h = publisher === null || publisher === void 0 ? void 0 : publisher.withdrawalSettings) === null || _h === void 0 ? void 0 : _h.paypalEmailAddress,
+      cardNumberPreview: (_j = publisher === null || publisher === void 0 ? void 0 : publisher.withdrawalSettings) === null || _j === void 0 ? void 0 : _j.bankAccountNumber,
       nextPayoutDate: paymentDay,
     },
     text: props.getTextProps(),
@@ -3834,6 +3838,7 @@ function useDemoPayoutDetailsCard(props) {
       loading: false,
       error: false,
       thresholdBalance: "$50",
+      belowPayoutThreshold: false,
       mainCurrency: { currencyText: "USD", amountText: "100.00" },
       badgeStatus: "nextPayout",
       payoutType: "BANK_TRANSFER",
@@ -3967,6 +3972,7 @@ const useTaxAndCashDashboard = (props) => {
       showNewFormDialog: showDialog,
       hasHold: !!((_o = publisher === null || publisher === void 0 ? void 0 : publisher.payoutsAccount) === null || _o === void 0 ? void 0 : _o.hold),
       payoutStatus,
+      minPayoutAmount: subregions.formatPayoutThreshold(publisher),
       veriffLoading,
       enforceUsTaxComplianceOption,
     },
@@ -4227,6 +4233,14 @@ const TaxAndCashDashboard = class {
      * @uiName Account review alert description
      */
     this.accountReviewDescription = "This process takes 48 hours, payouts are on hold until it's completed. You will receive an email from our referral provider, Impact.com, if any issues arise.  It contains details on how to resolve this issue. If you need further assistance, please reach out to our {supportLink}.";
+    /**
+     * @uiName Balance under payout minimum alert header
+     */
+    this.balanceUnderThresholdHeader = "Your balance is under the minimum payout";
+    /**
+     * @uiName Balance under payout minimum alert description
+     */
+    this.balanceUnderThresholdDescription = "Your total balance is under {minPayoutAmount}, the minimum required for payout.";
     /**
      * @uiName Payment hold on change alert header
      */

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

@@ -15,7 +15,7 @@ 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-3d27e279.js');
+const subregions = require('./subregions-d12829d6.js');
 const useRegistrationFormState = require('./useRegistrationFormState-4fe5b770.js');
 const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-a45f7a52.js');
 const usePortalRegistrationForm = require('./usePortalRegistrationForm-8a3a14ac.js');
@@ -31,10 +31,10 @@ const utilities = require('./utilities-fcdb9504.js');
 const ErrorView = require('./ErrorView-ee7b0f36.js');
 const ShadowViewAddon = require('./ShadowViewAddon-331ac9e4.js');
 require('./sqm-portal-container-view-757f921b.js');
-const data = require('./data-89ac73dd.js');
+const data = require('./data-04ef5511.js');
 const keys = require('./keys-5a2c9ed2.js');
 require('./eventKeys-7af4df4d.js');
-const useIndirectTaxForm = require('./useIndirectTaxForm-5211013b.js');
+const useIndirectTaxForm = require('./useIndirectTaxForm-0969e194.js');
 const parseStates = require('./parseStates-d1effc19.js');
 
 /**
@@ -3002,7 +3002,7 @@ function PayoutStatusAlertView(props) {
             id: "verificationRequiredDescription",
             defaultMessage: text.verificationRequiredDescription,
           }, {
-            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           buttonText: text.verificationRequiredButtonText,
           alertType: "warning",
@@ -3014,7 +3014,7 @@ function PayoutStatusAlertView(props) {
             id: "verificationRequiredInternalDescription",
             defaultMessage: text.verificationRequiredInternalDescription,
           }, {
-            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           alertType: "warning",
         };
@@ -3025,7 +3025,7 @@ function PayoutStatusAlertView(props) {
             id: "verificationReviewInternalDescription",
             defaultMessage: text.verificationReviewInternalDescription,
           }, {
-            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           alertType: "warning",
         };
@@ -3036,7 +3036,7 @@ function PayoutStatusAlertView(props) {
             id: "verificationFailedInternalDescription",
             defaultMessage: text.verificationFailedInternalDescription,
           }, {
-            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           alertType: "error",
         };
@@ -3062,7 +3062,7 @@ function PayoutStatusAlertView(props) {
               id: "holdDescription",
               defaultMessage: text.holdDescription,
             }, {
-              supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+              supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
             }),
             buttonText: null,
             alertType: "warning",
@@ -3076,12 +3076,23 @@ function PayoutStatusAlertView(props) {
             id: "accountReviewDescription",
             defaultMessage: text.accountReviewDescription,
           }, {
-            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           buttonText: null,
           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,
@@ -3089,7 +3100,7 @@ function PayoutStatusAlertView(props) {
             id: "accountReviewDescription",
             defaultMessage: text.paymentHoldOnChangeDescription,
           }, {
-            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           buttonText: null,
           alertType: "warning",
@@ -3102,7 +3113,7 @@ function PayoutStatusAlertView(props) {
             id: "accountReviewDescription",
             defaultMessage: text.beneficiaryNameInvalidDescription,
           }, {
-            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           button: (index.h("div", { class: sheet$2.classes.ButtonContainer },
             index.h("sl-button", { disabled: states.loading, type: "primary", exportparts: "base: primarybutton-base", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton),
@@ -3117,7 +3128,7 @@ function PayoutStatusAlertView(props) {
             id: "accountReviewDescription",
             defaultMessage: text.beneficiaryNameMismatchDescription,
           }, {
-            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           button: (index.h("div", { class: sheet$2.classes.ButtonContainer },
             index.h("sl-button", { disabled: states.loading, type: "primary", exportparts: "base: primarybutton-base", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton),
@@ -3132,7 +3143,7 @@ function PayoutStatusAlertView(props) {
             id: "accountReviewDescription",
             defaultMessage: text.bankTaxNameMismatchDescription,
           }, {
-            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           button: (index.h("div", { class: sheet$2.classes.ButtonContainer },
             index.h("sl-button", { disabled: states.loading, type: "primary", exportparts: "base: primarybutton-base", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton),
@@ -3147,7 +3158,7 @@ function PayoutStatusAlertView(props) {
             id: "accountReviewDescription",
             defaultMessage: text.withdrawalSettingsInvalidDescription,
           }, {
-            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           button: (index.h("div", { class: sheet$2.classes.ButtonContainer },
             index.h("sl-button", { disabled: states.loading, type: "primary", exportparts: "base: primarybutton-base", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton))),
@@ -3161,7 +3172,7 @@ function PayoutStatusAlertView(props) {
             id: "accountReviewDescription",
             defaultMessage: text.paymentReturnedDescription,
           }, {
-            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           button: (index.h("div", { class: sheet$2.classes.ButtonContainer },
             index.h("sl-button", { disabled: states.loading, type: "primary", exportparts: "base: primarybutton-base", onClick: callbacks.onPaymentInfoClick }, text.editPaymentInformationButton))),
@@ -3175,7 +3186,7 @@ function PayoutStatusAlertView(props) {
             id: "holdDescription",
             defaultMessage: text.holdDescription,
           }, {
-            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           buttonText: null,
           alertType: "warning",
@@ -3289,6 +3300,14 @@ const PayoutStatusAlert = class {
      * @uiName Account review alert description
      */
     this.accountReviewDescription = "This process takes 48 hours, payouts are on hold until it's completed. You will receive an email from our referral provider, Impact.com, if any issues arise.  It contains details on how to resolve this issue. If you need further assistance, please reach out to our {supportLink}.";
+    /**
+     * @uiName Balance under payout minimum alert header
+     */
+    this.balanceUnderThresholdHeader = "Your balance is under the minimum payout";
+    /**
+     * @uiName Balance under payout minimum alert description
+     */
+    this.balanceUnderThresholdDescription = "Your total balance is under {minPayoutAmount}, the minimum required for payout.";
     /**
      * @uiName Payment on hold alert header
      */
@@ -7816,6 +7835,17 @@ const TaxAndCashMonolith = class {
      * @uiName Account review alert description
      */
     this.dashboard_accountReviewDescription = "This process takes 48 hours, payouts are on hold until it's completed. You will receive an email from our referral provider, Impact.com, if any issues arise.  It contains details on how to resolve this issue. If you need further assistance, please reach out to our {supportLink}.";
+    /**
+     * @uiName Balance under payout minimum alert header
+     * @uiGroup Dashboard Properties
+     */
+    this.dashboard_balanceUnderThresholdHeader = "Your balance is under the minimum payout";
+    /**
+     * @uiName Balance under payout minimum alert description
+     * @uiGroup Dashboard Properties
+     * @uiWidget textArea
+     */
+    this.dashboard_balanceUnderThresholdDescription = "Your total balance is under {minPayoutAmount}, the minimum required for payout.";
     /**
      * @uiName Payment on hold alert header
      */
@@ -8046,7 +8076,7 @@ const TaxAndCashMonolith = class {
             id: "loadingErrorAlertDescription",
             defaultMessage: this.loadingErrorAlertDescription,
           }, {
-            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, this.supportLink)),
+            supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, this.supportLink)),
           }) }));
     }
     return index.h(subregions.LoadingView, null);

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

@@ -10,8 +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-b9e10f5d.js');
-const data = require('./data-89ac73dd.js');
-const sqmPartnerInfoModalView = require('./sqm-partner-info-modal-view-431100ad.js');
+const data = require('./data-04ef5511.js');
+const sqmPartnerInfoModalView = require('./sqm-partner-info-modal-view-d9b61d54.js');
 const keys = require('./keys-5a2c9ed2.js');
 const eventKeys = require('./eventKeys-7af4df4d.js');
 const parseStates = require('./parseStates-d1effc19.js');
@@ -351,7 +351,7 @@ function WidgetEmailVerificationView(props) {
         id: "sendCodeErrorDescription",
         defaultMessage: text.sendCodeErrorDescription,
       }, {
-        supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+        supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
       }))),
     states.initialLoading ? (renderLoadingSkeleton()) : (index.h("div", { class: sheet.classes.Wrapper },
       index.h(sqmTextSpanView.TextSpanView, { type: "p" }, text.verifyEmailHeaderText),

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

@@ -88,7 +88,7 @@ function PartnerInfoModalContentView(props) {
     id: "supportDescriptionExistingPartner",
     defaultMessage: text.supportDescriptionExistingPartner,
   }, {
-    supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+    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 },
     index.h("p", null, text.descriptionExistingPartner),

package/dist/cjs/sqm-rewards-table_9.cjs.entry.js

@@ -494,6 +494,11 @@ const style = {
     "margin-right": "var(--sl-spacing-small)",
     "flex-wrap": "wrap",
   },
+  /**
+   * @csspart sqm-reward-cell-value - The reward value
+   * @csspart sqm-reward-cell-progress - The reward progress
+   * @csspart sqm-reward-cell-subtext - The reward subtext
+   */
   Details: {
     "padding-bottom": "var(--sl-spacing-small)",
     "max-width": "500px",

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

@@ -15,7 +15,7 @@ const copyTextView = require('./copy-text-view-bb2c0ea7.js');
 require('./sqm-text-span-view-b9e10f5d.js');
 const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-717d0633.js');
 require('./AsYouType-d15caac8.js');
-const subregions = require('./subregions-3d27e279.js');
+const subregions = require('./subregions-d12829d6.js');
 const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-a45f7a52.js');
 const GenericTableView = require('./GenericTableView-4c48c630.js');
 require('./useChildElements-041127d7.js');
@@ -37,10 +37,10 @@ require('./ErrorView-ee7b0f36.js');
 const sqmQrCodeView = require('./sqm-qr-code-view-1f2daa76.js');
 const ShadowViewAddon = require('./ShadowViewAddon-331ac9e4.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-757f921b.js');
-const sqmUserInfoFormView = require('./sqm-user-info-form-view-c5f9b79b.js');
+const sqmUserInfoFormView = require('./sqm-user-info-form-view-9745956d.js');
 const sqmLeadInputFieldView = require('./sqm-lead-input-field-view-88de1b78.js');
-require('./data-89ac73dd.js');
-const sqmPartnerInfoModalView = require('./sqm-partner-info-modal-view-431100ad.js');
+require('./data-04ef5511.js');
+const sqmPartnerInfoModalView = require('./sqm-partner-info-modal-view-d9b61d54.js');
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -16586,6 +16586,8 @@ const defaultText = {
   w9RequiredButtonText: "Submit W-9",
   accountReviewHeader: "Your account is under review",
   accountReviewDescription: "This process takes 48 hours, payouts are on hold until it's completed. You will receive an email from our referral provider, Impact.com, if any issues arise.  It contains details on how to resolve this issue. If you need further assistance, please reach out to our {supportLink}.",
+  balanceUnderThresholdHeader: "Your balance is under the minimum payout",
+  balanceUnderThresholdDescription: "Your total balance is under {minPayoutAmount}, the minimum required for payout.",
   paymentHoldOnChangeHeader: "We are reviewing your new payout settings",
   paymentHoldOnChangeDescription: "Your payout is temporarily on hold while we review your new payment information, this process is usually resolved within 48 hours.",
   beneficiaryNameInvalidHeader: "Your payment information does not match your tax form",
@@ -16613,9 +16615,10 @@ const defaultCallbacks$1 = {
   onNewFormCancel: () => { },
   onNewFormClick: () => { },
 };
-const defaultSlots = {
-  payoutDetailsCardSlot: (index.h("sqm-payout-details-card", { demoData: { states: { badgeStatus: "nextPayout" } } })),
-};
+const buildSlots = (cardStates = {}) => ({
+  payoutDetailsCardSlot: (index.h("sqm-payout-details-card", { demoData: { states: { badgeStatus: "nextPayout", ...cardStates } } })),
+});
+const defaultSlots = buildSlots();
 const baseStates = {
   payoutStatus: "DONE",
   veriffLoading: false,
@@ -16647,6 +16650,11 @@ const TaxFormRequired = () => (index.h(sqmUserInfoFormView.TaxAndCashDashboardVi
 // ─── Payout hold statuses not in TaxForm.stories.tsx ─────────────────────────
 const AccountUnderReview = () => (index.h(sqmUserInfoFormView.TaxAndCashDashboardView, { states: { ...baseStates, payoutStatus: "NEW_PAYEE_REVIEW" }, text: defaultText, callbacks: defaultCallbacks$1, slots: defaultSlots }));
 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",
+    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 }));
 const BeneficiaryNameMismatch = () => (index.h(sqmUserInfoFormView.TaxAndCashDashboardView, { states: { ...baseStates, payoutStatus: "BENEFICIARY_NAME_MISMATCH" }, text: defaultText, callbacks: defaultCallbacks$1, slots: defaultSlots }));
 const BankTaxNameMismatch = () => (index.h(sqmUserInfoFormView.TaxAndCashDashboardView, { states: { ...baseStates, payoutStatus: "BANK_TAX_NAME_MISMATCH" }, text: defaultText, callbacks: defaultCallbacks$1, slots: defaultSlots }));
@@ -16678,6 +16686,7 @@ const TaxAndCashDashboardView = /*#__PURE__*/Object.freeze({
   TaxFormRequired: TaxFormRequired,
   AccountUnderReview: AccountUnderReview,
   PaymentHoldOnChange: PaymentHoldOnChange,
+  BalanceUnderThreshold: BalanceUnderThreshold,
   BeneficiaryNameInvalid: BeneficiaryNameInvalid,
   BeneficiaryNameMismatch: BeneficiaryNameMismatch,
   BankTaxNameMismatch: BankTaxNameMismatch,
@@ -17905,6 +17914,25 @@ const TaxAndCashDashboardPayoutsOnHold = () => {
       },
     } }));
 };
+const TaxAndCashDashboardBalanceUnderThreshold = () => {
+  return (index.h("sqm-tax-and-cash-dashboard", { demoData: {
+      ...dashboardProps,
+      states: {
+        payoutStatus: "BALANCE_UNDER_THRESHOLD",
+        minPayoutAmount: "USD50.00",
+        veriffLoading: false,
+        canEditPayoutInfo: true,
+        status: "ACTIVE",
+        documentType: "W8BEN",
+        documentTypeString: subregions.taxTypeToName("W8BEN"),
+        dateSubmitted: "Jan 18th, 2025",
+        noFormNeeded: false,
+        indirectTaxNumber: "123456",
+        showNewFormDialog: false,
+        hasHold: false,
+      },
+    } }));
+};
 const TaxAndCashDashboardNoTaxFormRequiredAndBeneficiaryNameInvalid = () => {
   return (index.h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,
@@ -18206,6 +18234,7 @@ const TaxForm = /*#__PURE__*/Object.freeze({
   TaxAndCashDashboardW9ThresholdReached: TaxAndCashDashboardW9ThresholdReached,
   TaxAndCashDashboardNewTaxForm: TaxAndCashDashboardNewTaxForm,
   TaxAndCashDashboardPayoutsOnHold: TaxAndCashDashboardPayoutsOnHold,
+  TaxAndCashDashboardBalanceUnderThreshold: TaxAndCashDashboardBalanceUnderThreshold,
   TaxAndCashDashboardNoTaxFormRequiredAndBeneficiaryNameInvalid: TaxAndCashDashboardNoTaxFormRequiredAndBeneficiaryNameInvalid,
   TaxAndCashDashboardNoTaxFormRequiredAndBeneficiaryNameInvalidUS: TaxAndCashDashboardNoTaxFormRequiredAndBeneficiaryNameInvalidUS,
   TaxAndCashDashboardNoDocumentType: TaxAndCashDashboardNoDocumentType,
@@ -18252,6 +18281,31 @@ const ThresholdPayout = () => {
       },
     } }));
 };
+const BelowPayoutThresholdFixedDay = () => {
+  return (index.h("sqm-payout-details-card", { demoData: {
+      states: {
+        badgeStatus: "nextPayout",
+        belowPayoutThreshold: true,
+      },
+    } }));
+};
+const BelowPayoutThresholdPayoutToday = () => {
+  return (index.h("sqm-payout-details-card", { demoData: {
+      states: {
+        badgeStatus: "payoutToday",
+        belowPayoutThreshold: true,
+      },
+    } }));
+};
+const BelowPayoutThresholdBalanceThreshold = () => {
+  return (index.h("sqm-payout-details-card", { demoData: {
+      states: {
+        thresholdBalance: "50 USD",
+        badgeStatus: "thresholdPayout",
+        belowPayoutThreshold: true,
+      },
+    } }));
+};
 const PaypalPayout = () => {
   return (index.h("sqm-payout-details-card", { demoData: {
       states: {
@@ -18273,6 +18327,9 @@ const PayoutDetailsCard = /*#__PURE__*/Object.freeze({
   NextPayout: NextPayout,
   PayoutToday: PayoutToday,
   ThresholdPayout: ThresholdPayout,
+  BelowPayoutThresholdFixedDay: BelowPayoutThresholdFixedDay,
+  BelowPayoutThresholdPayoutToday: BelowPayoutThresholdPayoutToday,
+  BelowPayoutThresholdBalanceThreshold: BelowPayoutThresholdBalanceThreshold,
   PaypalPayout: PaypalPayout,
   BadgeTextICUParsing: BadgeTextICUParsing
 });
@@ -18308,6 +18365,13 @@ const Loading$e = () => (index.h("sqm-payout-status-alert", { demoData: { states
 const Error$b = () => (index.h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps$s, error: true } } }));
 const NewPayeeReview = () => (index.h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps$s, status: "NEW_PAYEE_REVIEW" } } }));
 const PaymentHoldOnChange$1 = () => (index.h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps$s, status: "PAYMENT_HOLD_ON_CHANGE" } } }));
+const BalanceUnderThreshold$1 = () => (index.h("sqm-payout-status-alert", { demoData: {
+    states: {
+      ...defaultProps$s,
+      status: "BALANCE_UNDER_THRESHOLD",
+      minPayoutAmount: "USD50.00",
+    },
+  } }));
 const BeneficiaryNameInvalid$1 = () => (index.h("sqm-payout-status-alert", { demoData: {
     states: { ...defaultProps$s, status: "BENEFICIARY_NAME_INVALID" },
   } }));
@@ -18334,6 +18398,7 @@ const PayoutStatusAlert = /*#__PURE__*/Object.freeze({
   Error: Error$b,
   NewPayeeReview: NewPayeeReview,
   PaymentHoldOnChange: PaymentHoldOnChange$1,
+  BalanceUnderThreshold: BalanceUnderThreshold$1,
   BeneficiaryNameInvalid: BeneficiaryNameInvalid$1,
   BeneficiaryNameMismatch: BeneficiaryNameMismatch$1,
   BankTaxNameMismatch: BankTaxNameMismatch$1,
@@ -18934,7 +18999,9 @@ const mockPartnerData = {
   payoutsAccount: {
     hold: false,
     holdReasons: [],
-    balance: "0",
+    balance: "$0.00",
+    balanceAmount: 0,
+    currencyCode: "USD",
   },
 };
 const defaultText$1 = {