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

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

@@ -11,13 +11,13 @@ require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 require('./useReferralCodes-0f7948af.js');
 require('./mixins-4761d472.js');
-const copyTextView = require('./copy-text-view-bb2c0ea7.js');
+const copyTextView = require('./copy-text-view-a3f1ef93.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');
+const GenericTableView = require('./GenericTableView-4633b8dc.js');
 require('./useChildElements-041127d7.js');
 const luxon = require('./luxon-c1ad356a.js');
 const sqmCloseButtonView = require('./sqm-close-button-view-e9f2a454.js');
@@ -29,18 +29,18 @@ const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-67fd7934.js'
 const sqmLogoutCurrentUserView = require('./sqm-logout-current-user-view-f330d641.js');
 const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-6616e3e0.js');
 const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-49b152dd.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-6cc7ef05.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-a2a60c53.js');
 const sqmPortalProfileView = require('./sqm-portal-profile-view-a4ba4657.js');
 require('./utilities-fcdb9504.js');
-const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-a767b044.js');
+const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-6786bd86.js');
 require('./ErrorView-ee7b0f36.js');
 const sqmQrCodeView = require('./sqm-qr-code-view-1f2daa76.js');
-const ShadowViewAddon = require('./ShadowViewAddon-331ac9e4.js');
+const ShadowViewAddon = require('./ShadowViewAddon-0b9f6c4e.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-fd5fb0a5.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-a0675259.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 = {

package/dist/cjs/{sqm-user-info-form-view-c5f9b79b.js → sqm-user-info-form-view-fd5fb0a5.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: {
@@ -51,7 +51,7 @@ function InvoiceTableView(props, children) {
     :host{
       display: block;
     }`;
-  return (index.h("div", { class: sheet.classes.Container },
+  return (index.h("div", { class: sheet.classes.Container, part: "sqm-table-container" },
     index.h("style", { type: "text/css" },
       vanillaStyle,
       styleString),
@@ -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)",
@@ -358,7 +349,7 @@ const TaxAndCashDashboardView = (props) => {
               id: "payoutHoldAlertDescription",
               defaultMessage: text.payoutHoldAlertDescription,
             }, {
-              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",
@@ -373,7 +364,7 @@ const TaxAndCashDashboardView = (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",
@@ -387,7 +378,7 @@ const TaxAndCashDashboardView = (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",
           icon: "exclamation-triangle",
@@ -400,7 +391,7 @@ const TaxAndCashDashboardView = (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",
           icon: "exclamation-triangle",
@@ -413,7 +404,7 @@ const TaxAndCashDashboardView = (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",
           icon: "exclamation-octagon",
@@ -426,13 +417,25 @@ const TaxAndCashDashboardView = (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",
           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,
@@ -440,7 +443,7 @@ const TaxAndCashDashboardView = (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",
@@ -454,7 +457,7 @@ const TaxAndCashDashboardView = (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.classes.ButtonContainer },
             index.h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
@@ -470,7 +473,7 @@ const TaxAndCashDashboardView = (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.classes.ButtonContainer },
             index.h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
@@ -486,7 +489,7 @@ const TaxAndCashDashboardView = (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.classes.ButtonContainer },
             index.h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
@@ -502,7 +505,7 @@ const TaxAndCashDashboardView = (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("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)),
           alertType: "warning",
@@ -516,7 +519,7 @@ const TaxAndCashDashboardView = (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("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)),
           alertType: "error",
@@ -530,7 +533,7 @@ const TaxAndCashDashboardView = (props) => {
             id: "payoutHoldAlertDescription",
             defaultMessage: text.payoutHoldAlertDescription,
           }, {
-            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",
@@ -651,7 +654,7 @@ const TaxAndCashDashboardView = (props) => {
     };
   };
   return (index.h("div", null,
-    index.h("div", null,
+    index.h("div", { part: "dashboard-container" },
       index.h("style", { type: "text/css" },
         styleString,
         vanillaStyle),
@@ -664,7 +667,7 @@ const TaxAndCashDashboardView = (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 = states.errors) === null || _a === void 0 ? void 0 : _a.general) && (index.h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet.classes.ErrorAlertContainer },
         index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
@@ -674,7 +677,7 @@ const TaxAndCashDashboardView = (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)),
         }))),
       alertInfo && (index.h("sqm-form-message", { loading: states.loading, exportparts: "base: alert-base, 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 },
         index.h("strong", null, alertInfo.header),
@@ -723,14 +726,14 @@ const TaxAndCashDashboardView = (props) => {
                 id: "indirectTaxTooltipSupport",
                 defaultMessage: text.indirectTaxTooltipSupport,
               }, {
-                supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-support@impact.com`, class: sheet.classes.DropdownLink }, text.supportLink)),
+                supportLink: (index.h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com`, class: sheet.classes.DropdownLink }, text.supportLink)),
               })))),
         index.h("div", { class: sheet.classes.IndirectTaxPreviewDetails },
           index.h("span", null, states.notRegistered ? (index.h("span", { class: sheet.classes.NotRegisteredIndirectTaxText }, global.intl.formatMessage({
             id: "notRegisteredForTax",
             defaultMessage: text.notRegisteredForTax,
           }, {
-            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)),
           }))) : (getIndirectTaxRegisteredIn())),
           !states.notRegistered && (index.h("div", { class: sheet.classes.TaxNumberContainer },
             index.h("span", null, global.intl.formatMessage({
@@ -2257,7 +2260,7 @@ const UserInfoFormView = (props) => {
     var _a;
     return states.isUser && !!((_a = data$1.userData) === null || _a === void 0 ? void 0 : _a[field]);
   }
-  return (index.h("sl-form", { class: classes.FormWrapper, "onSl-submit": callbacks.onSubmit, ref: (el) => (refs.formRef.current = el), novalidate: true },
+  return (index.h("sl-form", { part: "form-container", class: classes.FormWrapper, "onSl-submit": callbacks.onSubmit, ref: (el) => (refs.formRef.current = el), novalidate: true },
     index.h("style", { type: "text/css" },
       styleString$2,
       vanillaStyle$2),
@@ -2268,7 +2271,7 @@ const UserInfoFormView = (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)),
         }))))),
     states.loading ? (index.h(subregions.LoadingView, null)) : (index.h("div", null,
       index.h("div", { class: classes.TextContainer },
@@ -2285,7 +2288,7 @@ const UserInfoFormView = (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 || states.isUserLegacy) && (index.h("sqm-form-message", { loading: states.loading, type: "info" },
         index.h("p", { part: "alert-title" }, text.isPartnerAlertHeader),
@@ -2293,7 +2296,7 @@ const UserInfoFormView = (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("div", { class: classes.InputContainer },

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/sqm-big-stat/sqm-big-stat.js

@@ -17,6 +17,7 @@ import { useDemoBigStat } from "./useDemoBigStat";
  * @example GiftCards Earned - <sqm-big-stat flex-reverse="true" alignment="left" stat-type="/integrationRewardsCountFiltered/AVAILABLE/global"><p>Giftcards Earned</p></sqm-big-stat>
  * @example Referrals - <sqm-big-stat flex-reverse="true" alignment="left" stat-type="/referralsCount"><p>Referrals</p></sqm-big-stat>
  * @example Other Stat - <sqm-big-stat flex-reverse="true" alignment="left" stat-type=""><p>Label</p></sqm-big-stat>
+ * @csspart stat-wrapper - The stat wrapper element
  * @csspart stat-value - The stat value element
  * @csspart stat-description - The stat description element
  */

package/dist/collection/components/sqm-card-feed/sqm-card-feed.js

@@ -9,6 +9,7 @@ import { CardFeedView } from "./sqm-card-feed-view";
  * @validChildren ["sqm-task-card"]
  * @exampleGroup Rewards
  * @example Task Card Feed - <sqm-card-feed gap="24" width="347"> <sqm-task-card reward-amount="20" goal="1" card-title="Complete a Survey" description="Fill out our NPS survey and get 20 points for giving us honest feedback." button-text="Take survey" reward-unit="Points" completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}" ended-message="Ended {endDate}" expiry-message="Ends {endDate}" finite="0" starts-on-message="Starts {startDate}" > </sqm-task-card> <sqm-task-card reward-amount="250" goal="500" show-progress-bar card-title="Spend $500" description="Earn 250 points when you spend $500 or more." button-text="See plans" completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}" ended-message="Ended {endDate}" expiry-message="Ends {endDate}" progress-bar-unit="$" finite="0" reward-unit="Points" starts-on-message="Starts {startDate}" > </sqm-task-card> <sqm-task-card goal="1" reward-amount="50" card-title="Follow Us on X" description="Earn 50 points when you Follow Us on X!" button-text="Follow" button-link="https://twitter.com/" open-new-tab="true" event-key="socialFollow" completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}" ended-message="Ended {endDate}" expiry-message="Ends {endDate}" finite="0" reward-unit="Points" starts-on-message="Starts {startDate}" > </sqm-task-card> <sqm-task-card reward-amount="1" reward-unit="Free Month" goal="1" card-title="Upgrade Your Plan" description="Receive one free month for being a committed customer when you upgrade your plan." button-text="Upgrade" completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}" ended-message="Ended {endDate}" expiry-message="Ends {endDate}" open-new-tab="false" finite="0" starts-on-message="Starts {startDate}" > </sqm-task-card> </sqm-card-feed>
+ * @csspart sqm-base - The base container
  */
 export class CardFeed {
   constructor() {

package/dist/collection/components/sqm-checkbox-field/sqm-checkbox-field.js

@@ -11,6 +11,9 @@ import { useCheckboxField } from "./useCheckboxField";
  * @validParents ["sqm-portal-register","sqm-portal-registration-form", "sqm-portal-google-registration-form"]
  * @exampleGroup Microsite Components
  * @example Form Checkbox Field - <sqm-checkbox-field checkbox-name="terms" checkbox-label="By signing up you agree to the {labelLink}" checkbox-label-link="https://example.com" checkbox-label-link-text="Terms and Conditions" error-message="Must be checked" ></sqm-checkbox-field>
+ * @csspart sqm-base - The base container
+ *  @csspart input-label - The input label
+ * @csspart input-base - The input base
  */
 export class CheckboxField {
   constructor() {

package/dist/collection/components/sqm-coupon-code/sqm-coupon-code-view.js

@@ -20,11 +20,11 @@ export function CouponCodeView(props) {
 `;
   const sheet = createStyleSheet(style);
   const styleString = sheet.toString();
-  return (h("div", null,
+  return (h("div", { part: "sqm-base" },
     h("style", { type: "text/css" },
       styleString,
       vanillaStyle),
-    h("p", { class: sheet.classes.couponCodeLabel, style: { textAlign: props.textAlign } }, props.couponCodeLabel),
+    h("p", { class: sheet.classes.couponCodeLabel, style: { textAlign: props.textAlign }, part: "label" }, props.couponCodeLabel),
     error ? (h("sqm-form-message", { type: props.errorType, exportparts: "erroralert-icon" },
       h("div", { part: "erroralert-text" }, props.errorText))) : (h(CopyTextView, Object.assign({}, props)))));
 }

package/dist/collection/components/sqm-coupon-code/sqm-coupon-code.js

@@ -11,6 +11,13 @@ import { useCouponCode } from "./useCouponCode";
  * @compatibility Built for instant access
  * @exampleGroup Instant Access
  * @example Coupon Code - <sqm-coupon-code tooltip-text="Copied to Clipboard" tooltip-lifespan="1000"></sqm-coupon-code>
+ * @csspart sqm-base - The base container element
+ * @csspart label - The coupon code label element
+ * @csspart erroralert-text - The error message element
+ * @csspart erroralert-icon - The error alert icon
+ * @csspart icon-button-base - The copy icon button base
+ * @csspart primarybutton-base - The primary button base
+ * @csspart secondarybutton-base - The secondary button base
  */
 export class CouponCode {
   constructor() {