@saasquatch/mint-components 2.4.4 → 2.4.5

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');
 
 /**
@@ -3082,6 +3082,17 @@ 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,
@@ -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
      */

package/dist/cjs/sqm-email-verification_2.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 sqmTextSpanView = require('./sqm-text-span-view-b9e10f5d.js');
-const data = require('./data-89ac73dd.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');

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,9 +37,9 @@ 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-ec41191c.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');
+require('./data-04ef5511.js');
 const sqmPartnerInfoModalView = require('./sqm-partner-info-modal-view-d9b61d54.js');
 
 /**
@@ -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 = {

package/dist/cjs/{sqm-user-info-form-view-ec41191c.js → sqm-user-info-form-view-9745956d.js}

@@ -4,8 +4,8 @@ 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-3d27e279.js');
-const data = require('./data-89ac73dd.js');
+const subregions = require('./subregions-d12829d6.js');
+const data = require('./data-04ef5511.js');
 
 const style = {
   Description: {
@@ -61,6 +61,18 @@ function InvoiceTableView(props, children) {
         children))));
 }
 
+const holdAlertContainer = (iconColor) => ({
+  marginLeft: "-20px",
+  "&::part(base)": {
+    maxWidth: "850px",
+    border: "none",
+    backgroundColor: "transparent",
+    color: "var(--sqm-text)",
+  },
+  "& sl-icon::part(base)": {
+    color: iconColor,
+  },
+});
 const style$1 = {
   ErrorAlertContainer: {
     "&::part(base)": {
@@ -75,30 +87,9 @@ const style$1 = {
       maxWidth: "600px",
     },
   },
-  WarningHoldAlertContainer: {
-    marginLeft: "-20px",
-    "&::part(base)": {
-      maxWidth: "850px",
-      border: "none",
-      backgroundColor: "transparent",
-      color: "var(--sqm-text)",
-    },
-    "& sl-icon::part(base)": {
-      color: "var(--sqm-warning-color-icon)",
-    },
-  },
-  ErrorHoldAlertContainer: {
-    marginLeft: "-20px",
-    "&::part(base)": {
-      maxWidth: "850px",
-      border: "none",
-      backgroundColor: "transparent",
-      color: "var(--sqm-text)",
-    },
-    "& sl-icon::part(base)": {
-      color: "var(--sqm-danger-color-icon)",
-    },
-  },
+  WarningHoldAlertContainer: holdAlertContainer("var(--sqm-warning-color-icon)"),
+  ErrorHoldAlertContainer: holdAlertContainer("var(--sqm-danger-color-icon)"),
+  InfoHoldAlertContainer: holdAlertContainer("var(--sqm-informative-color-icon)"),
   ExpiringSoonAlertContainer: {
     "&::part(base)": {
       backgroundColor: "var(--sl-color-yellow-100)",
@@ -433,6 +424,18 @@ 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,

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

@@ -635,6 +635,32 @@ function getCountryObj({ countryCode, locale, }) {
     displayName,
   };
 }
+/** The minimum balance Impact requires before it will issue a payout, e.g. "USD50.00". */
+function formatPayoutThreshold(publisher) {
+  var _a, _b;
+  const threshold = (_a = publisher === null || publisher === void 0 ? void 0 : publisher.withdrawalSettings) === null || _a === void 0 ? void 0 : _a.paymentThreshold;
+  if (!threshold)
+    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. */
+function isBalanceUnderPayoutThreshold(publisher) {
+  var _a;
+  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)
+    return false;
+  const threshold = Number(rawThreshold);
+  if (!Number.isFinite(threshold) || !Number.isFinite(account.balanceAmount))
+    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;
+  return account.balanceAmount < Math.round(threshold * scale);
+}
 
 const style = {
   Container: {
@@ -1059,7 +1085,9 @@ exports.INDIRECT_TAX_PROVINCES = INDIRECT_TAX_PROVINCES;
 exports.INDIRECT_TAX_SPAIN_REGIONS = INDIRECT_TAX_SPAIN_REGIONS;
 exports.LoadingView = LoadingView;
 exports.formatErrorMessage = formatErrorMessage;
+exports.formatPayoutThreshold = formatPayoutThreshold;
 exports.getCountryObj = getCountryObj;
+exports.isBalanceUnderPayoutThreshold = isBalanceUnderPayoutThreshold;
 exports.isValidI18nPhoneNumber = isValidI18nPhoneNumber;
 exports.objectIsFull = objectIsFull;
 exports.taxTypeToName = taxTypeToName;

package/dist/cjs/{useIndirectTaxForm-5211013b.js → useIndirectTaxForm-0969e194.js}

@@ -3,8 +3,8 @@
 const domContextHooks_module = require('./dom-context-hooks.module-e7b6727c.js');
 const index_module = require('./index.module-f8c8495f.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
-const subregions = require('./subregions-3d27e279.js');
-const data = require('./data-89ac73dd.js');
+const subregions = require('./subregions-d12829d6.js');
+const data = require('./data-04ef5511.js');
 const eventKeys = require('./eventKeys-7af4df4d.js');
 
 var toArray = function toArray(a) {
@@ -977,9 +977,16 @@ const GET_USER_STATUS = index_module.dist.gql `
           connected
           publisher {
             id
+            currency
+            withdrawalSettings {
+              paymentThreshold
+            }
             payoutsAccount {
               hold
               holdReasons
+              balance
+              balanceAmount
+              currencyCode
             }
           }
         }
@@ -1006,7 +1013,22 @@ const GET_TAX_SETTING = index_module.dist.gql `
     }
   }
 `;
+/** Transient holds that clear automatically, so a balance under the minimum explains the wait better. */
+const DISPLACEABLE_STATUSES = [
+  "DONE",
+  "NEW_PAYEE_REVIEW",
+  "PAYMENT_HOLD_ON_CHANGE",
+];
 function getStatus(data) {
+  var _a;
+  const status = getHoldStatus(data);
+  const publisher = (_a = data.user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher;
+  return DISPLACEABLE_STATUSES.includes(status) &&
+    subregions.isBalanceUnderPayoutThreshold(publisher)
+    ? "BALANCE_UNDER_THRESHOLD"
+    : status;
+}
+function getHoldStatus(data) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
   const account = (_b = (_a = data.user.impactConnection) === null || _a === void 0 ? void 0 : _a.publisher) === null || _b === void 0 ? void 0 : _b.payoutsAccount;
   const hasTransferredReward = (_e = (_d = (_c = data === null || data === void 0 ? void 0 : data.user) === null || _c === void 0 ? void 0 : _c.rewards) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.find((reward) => {
@@ -1049,7 +1071,7 @@ function getStatus(data) {
   return "DONE";
 }
 function usePayoutStatus(props) {
-  var _a;
+  var _a, _b, _c;
   const { type } = index_module.getEnvironmentSDK();
   const { loading, data, errors, refetch } = index_module.wn(GET_USER_STATUS, {});
   const { data: taxSettingRes } = index_module.wn(GET_TAX_SETTING, {});
@@ -1099,6 +1121,7 @@ function usePayoutStatus(props) {
       status,
       error: !!errors,
       enforceUsTaxComplianceOption,
+      minPayoutAmount: subregions.formatPayoutThreshold((_c = (_b = data === null || data === void 0 ? void 0 : data.user) === null || _b === void 0 ? void 0 : _b.impactConnection) === null || _c === void 0 ? void 0 : _c.publisher),
     },
     data: { type },
     text: props.getTextProps(),

package/dist/collection/components/tax-and-cash/TaxForm.stories.js

@@ -1216,6 +1216,25 @@ export const TaxAndCashDashboardPayoutsOnHold = () => {
       },
     } }));
 };
+export const TaxAndCashDashboardBalanceUnderThreshold = () => {
+  return (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: taxTypeToName("W8BEN"),
+        dateSubmitted: "Jan 18th, 2025",
+        noFormNeeded: false,
+        indirectTaxNumber: "123456",
+        showNewFormDialog: false,
+        hasHold: false,
+      },
+    } }));
+};
 export const TaxAndCashDashboardNoTaxFormRequiredAndBeneficiaryNameInvalid = () => {
   return (h("sqm-tax-and-cash-dashboard", { demoData: {
       ...dashboardProps,

package/dist/collection/components/tax-and-cash/data.js

@@ -83,6 +83,8 @@ export const GET_USER = gql `
               hold
               holdReasons
               balance
+              balanceAmount
+              currencyCode
             }
           }
         }

package/dist/collection/components/tax-and-cash/sqm-payout-details-card/PayoutDetailsCard.stories.js

@@ -31,6 +31,31 @@ export const ThresholdPayout = () => {
       },
     } }));
 };
+export const BelowPayoutThresholdFixedDay = () => {
+  return (h("sqm-payout-details-card", { demoData: {
+      states: {
+        badgeStatus: "nextPayout",
+        belowPayoutThreshold: true,
+      },
+    } }));
+};
+export const BelowPayoutThresholdPayoutToday = () => {
+  return (h("sqm-payout-details-card", { demoData: {
+      states: {
+        badgeStatus: "payoutToday",
+        belowPayoutThreshold: true,
+      },
+    } }));
+};
+export const BelowPayoutThresholdBalanceThreshold = () => {
+  return (h("sqm-payout-details-card", { demoData: {
+      states: {
+        thresholdBalance: "50 USD",
+        badgeStatus: "thresholdPayout",
+        belowPayoutThreshold: true,
+      },
+    } }));
+};
 export const PaypalPayout = () => {
   return (h("sqm-payout-details-card", { demoData: {
       states: {

package/dist/collection/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card-view.js

@@ -172,18 +172,22 @@ export 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 (h("div", { class: classes.Container },
     h("style", { type: "text/css" }, styleString),
     states.loading ? (renderLoadingSkeleton()) : (h("div", { class: classes.CardContainer },
       h("div", { class: classes.StatusContainer },
-        h("p", { class: classes.SubduedRegularText }, states.badgeStatus === "thresholdPayout"
-          ? states.thresholdBalance
-            ? thresholdText
-            : ""
-          : states.nextPayoutDate),
-        states.badgeStatus === "thresholdPayout"
-          ? null
-          : renderStatusBadge(states.badgeStatus, text.statusBadgeText)),
+        h("p", { class: classes.SubduedRegularText }, scheduleText),
+        showBadge &&
+          renderStatusBadge(states.badgeStatus, text.statusBadgeText)),
       h("h1", { class: classes.MainCurrency }, states.balance),
       states.payoutType === "PAYPAL" ? (h("div", { class: classes.PaypalDetailsContainer },
         h("span", { class: classes.PaypalEmail }, states.paypalEmailAddress),

package/dist/collection/components/tax-and-cash/sqm-payout-details-card/sqm-payout-details-card.js

@@ -190,6 +190,7 @@ function useDemoPayoutDetailsCard(props) {
       loading: false,
       error: false,
       thresholdBalance: "$50",
+      belowPayoutThreshold: false,
       mainCurrency: { currencyText: "USD", amountText: "100.00" },
       badgeStatus: "nextPayout",
       payoutType: "BANK_TRANSFER",

package/dist/collection/components/tax-and-cash/sqm-payout-details-card/usePayoutDetailsCard.js

@@ -2,8 +2,9 @@ import { useParentQueryValue } from "@saasquatch/component-boilerplate";
 import { DateTime } from "luxon";
 import { intl } from "../../../global/global";
 import { USER_QUERY_NAMESPACE } from "../data";
+import { formatPayoutThreshold, isBalanceUnderPayoutThreshold, } from "../utils";
 export 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, loading } = useParentQueryValue(USER_QUERY_NAMESPACE);
   const publisher = (_b = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher;
   function getPayoutDetailedStatusText(paymentDay) {
@@ -42,18 +43,18 @@ export 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: formatPayoutThreshold(publisher),
+      belowPayoutThreshold: 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(),

package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/PayoutStatusAlert.stories.js

@@ -30,6 +30,13 @@ export const Loading = () => (h("sqm-payout-status-alert", { demoData: { states:
 export const Error = () => (h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps, error: true } } }));
 export const NewPayeeReview = () => (h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps, status: "NEW_PAYEE_REVIEW" } } }));
 export const PaymentHoldOnChange = () => (h("sqm-payout-status-alert", { demoData: { states: { ...defaultProps, status: "PAYMENT_HOLD_ON_CHANGE" } } }));
+export const BalanceUnderThreshold = () => (h("sqm-payout-status-alert", { demoData: {
+    states: {
+      ...defaultProps,
+      status: "BALANCE_UNDER_THRESHOLD",
+      minPayoutAmount: "USD50.00",
+    },
+  } }));
 export const BeneficiaryNameInvalid = () => (h("sqm-payout-status-alert", { demoData: {
     states: { ...defaultProps, status: "BENEFICIARY_NAME_INVALID" },
   } }));

package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert-view.js

@@ -145,6 +145,17 @@ export function PayoutStatusAlertView(props) {
           alertType: "warning",
           icon: "exclamation-triangle",
         };
+      case "BALANCE_UNDER_THRESHOLD":
+        return {
+          header: text.balanceUnderThresholdHeader,
+          description: 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,