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

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 GenericTableView = require('./GenericTableView-4c48c630.js');
+const subregions = require('./subregions-d12829d6.js');
+const GenericTableView = require('./GenericTableView-4633b8dc.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-fd5fb0a5.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;
@@ -772,7 +772,7 @@ const BankingInfoFormView = (props) => {
       index.h("div", { class: classes.LargeSkeleton }))));
     return skeletons;
   };
-  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,
       vanillaStyle),
@@ -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),
@@ -2420,7 +2420,7 @@ const DocusignFormView = (props) => {
   var _a;
   const { states, states: { formState, documentTypeString }, callbacks, text, slots, } = props;
   const { classes } = sheet$2;
-  return (index.h("div", { class: classes.Container },
+  return (index.h("div", { class: classes.Container, part: "form-container" },
     index.h("style", { type: "text/css" },
       styleString$2,
       vanillaStyle$1),
@@ -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,
@@ -2808,7 +2808,7 @@ const IndirectTaxFormView = (props) => {
   var _a;
   const { states, states: { formState }, callbacks, text, refs, slots, } = props;
   const { classes } = sheet$3;
-  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$3,
       vanillaStyle$2),
@@ -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),
@@ -3679,7 +3679,7 @@ function PayoutDetailsCardView(props) {
   const { classes } = sheet;
   const { states, text } = props;
   const renderLoadingSkeleton = () => {
-    return (index.h("div", { class: classes.CardContainer },
+    return (index.h("div", { class: classes.CardContainer, part: "payout-details-card" },
       index.h("div", { class: classes.StatusContainer, style: { display: "block" } },
         index.h("sqm-skeleton", { style: { marginBottom: "var(--sl-spacing-medium)" }, width: "25%", height: "16px" }),
         index.h("sqm-skeleton", { width: "25%", height: "24px" })),
@@ -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

@@ -12,10 +12,10 @@ const utils = 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 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');
@@ -29,12 +29,12 @@ const useInstantAccessRegistration = require('./useInstantAccessRegistration-239
 const useLeadFormState = require('./useLeadFormState-bf49984b.js');
 const utilities = require('./utilities-fcdb9504.js');
 const ErrorView = require('./ErrorView-ee7b0f36.js');
-const ShadowViewAddon = require('./ShadowViewAddon-331ac9e4.js');
+const ShadowViewAddon = require('./ShadowViewAddon-0b9f6c4e.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
      */
@@ -8032,21 +8062,21 @@ const TaxAndCashMonolith = class {
     }
     switch (props.step) {
       case "/1":
-        return (index.h("sqm-user-info-form", Object.assign({}, this.getGeneralStepTextProps("step1_"))));
+        return (index.h("sqm-user-info-form", Object.assign({ exportparts: "form-container: container" }, this.getGeneralStepTextProps("step1_"))));
       case "/2":
-        return (index.h("sqm-indirect-tax-form", Object.assign({}, this.getGeneralStepTextProps("step2_"))));
+        return (index.h("sqm-indirect-tax-form", Object.assign({ exportparts: "form-container: container" }, this.getGeneralStepTextProps("step2_"))));
       case "/3":
-        return (index.h("sqm-docusign-form", Object.assign({}, this.getGeneralStepTextProps("step3_"))));
+        return (index.h("sqm-docusign-form", Object.assign({ exportparts: "form-container: container" }, this.getGeneralStepTextProps("step3_"))));
       case "/4":
-        return (index.h("sqm-banking-info-form", Object.assign({}, this.getGeneralStepTextProps("step4_"))));
+        return (index.h("sqm-banking-info-form", Object.assign({ exportparts: "form-container: container" }, this.getGeneralStepTextProps("step4_"))));
       case "/dashboard":
-        return (index.h("sqm-tax-and-cash-dashboard", Object.assign({}, this.getGeneralStepTextProps("dashboard_"), { stateController: props["sqm-tax-and-cash-dashboard_stateController"] || "{}" })));
+        return (index.h("sqm-tax-and-cash-dashboard", Object.assign({ exportparts: "dashboard-container: container" }, this.getGeneralStepTextProps("dashboard_"), { stateController: props["sqm-tax-and-cash-dashboard_stateController"] || "{}" })));
       case "/error":
         return (index.h(ErrorView.ErrorView, { loadingErrorAlertHeader: this.loadingErrorAlertHeader, loadingErrorAlertDescription: global.intl.formatMessage({
             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);
@@ -8100,7 +8130,7 @@ const Timeline = class {
 			margin-bottom: var(--sl-spacing-xx-large);
 		}
 	`;
-    return (index.h("div", null, index.h("style", { type: "text/css" }, vanillaStyle), index.h("slot", null)));
+    return (index.h("div", { part: "sqm-base" }, index.h("style", { type: "text/css" }, vanillaStyle), index.h("slot", 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-a0675259.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-pagination_3.cjs.entry.js

@@ -11,7 +11,7 @@ const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 const useReferralCodes = require('./useReferralCodes-0f7948af.js');
 require('./mixins-4761d472.js');
-const copyTextView = require('./copy-text-view-bb2c0ea7.js');
+const copyTextView = require('./copy-text-view-a3f1ef93.js');
 
 const style = {
   Container: {

package/dist/cjs/{sqm-partner-info-modal-view-431100ad.js → sqm-partner-info-modal-view-a0675259.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),
@@ -102,7 +102,7 @@ function PartnerInfoModalContentView(props) {
   }, {
     termsAndConditionsLink: (index.h("a", { href: text.termsAndConditionsLink, target: "_blank" }, text.termsAndConditionsLabel)),
   });
-  return (index.h("div", null,
+  return (index.h("div", { part: "sqm-base" },
     index.h("style", { type: "text/css" }, styleString),
     index.h("div", { class: sheet.classes.FormFields },
       description,

package/dist/cjs/{sqm-portal-email-verification-view-6cc7ef05.js → sqm-portal-email-verification-view-a2a60c53.js}

@@ -41,7 +41,7 @@ const sheet = JSS.createStyleSheet(style);
 const styleString = sheet.toString();
 function PortalEmailVerificationView(props) {
   const { states, callbacks, content: { email, verifyMessage, emailVerificationHeader, resendEmailButtonText, verificationStatusMessage, verificationLoadingMessage, verificationResentMessage, }, } = props;
-  return (index.h("div", { class: sheet.classes.Wrapper },
+  return (index.h("div", { class: sheet.classes.Wrapper, part: "sqm-base" },
     index.h("style", { type: "text/css" },
       vanillaStyle,
       styleString),

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

@@ -10,7 +10,7 @@ const cjs = require('./cjs-1066ec21.js');
 require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
 require('./sqm-text-span-view-b9e10f5d.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-6cc7ef05.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-a2a60c53.js');
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;

package/dist/cjs/{sqm-portal-reset-password-view-a767b044.js → sqm-portal-reset-password-view-6786bd86.js}

@@ -41,7 +41,7 @@ const styleString = sheet.toString();
 function PortalResetPasswordView(props) {
   const { states, callbacks } = props;
   if (states.reset) {
-    return (index.h("div", { class: `${sheet.classes.Wrapper} ${sheet.classes.Column}` },
+    return (index.h("div", { class: `${sheet.classes.Wrapper} ${sheet.classes.Column}`, part: "sqm-base" },
       index.h("style", { type: "text/css" }, styleString),
       index.h(sqmTextSpanView.TextSpanView, { type: "h3" }, states.content.resetPasswordHeader),
       index.h("sqm-form-message", { class: sheet.classes.CodeSuccess, exportparts: "success-icon" },
@@ -53,14 +53,14 @@ function PortalResetPasswordView(props) {
     return index.h("div", null);
   }
   if (!states.oobCodeValid) {
-    return (index.h("div", { class: `${sheet.classes.Wrapper} ${sheet.classes.Column}` },
+    return (index.h("div", { class: `${sheet.classes.Wrapper} ${sheet.classes.Column}`, part: "sqm-base" },
       index.h("style", { type: "text/css" }, styleString),
       index.h("sqm-form-message", { class: sheet.classes.CodeError, type: "error", exportparts: "erroralert-icon" },
         index.h("div", { part: "erroralert-text" }, states.content.codeInvalidText)),
       index.h("div", null,
         index.h("sl-button", { class: sheet.classes.ContinueButton, onClick: callbacks.failed, exportparts: "base: primarybutton-base", type: "primary" }, states.content.continueButtonText))));
   }
-  return (index.h("div", { class: sheet.classes.Wrapper },
+  return (index.h("div", { class: sheet.classes.Wrapper, part: "sqm-base" },
     index.h("style", { type: "text/css" },
       vanillaStyle,
       styleString),

package/dist/cjs/sqm-portal-reset-password.cjs.entry.js

@@ -11,7 +11,7 @@ const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
 require('./sqm-text-span-view-b9e10f5d.js');
-const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-a767b044.js');
+const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-6786bd86.js');
 
 function usePortalResetPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/dist/cjs/sqm-referral-table_11.cjs.entry.js

@@ -11,7 +11,7 @@ const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
 const sqmTextSpanView = require('./sqm-text-span-view-b9e10f5d.js');
-const GenericTableView = require('./GenericTableView-4c48c630.js');
+const GenericTableView = require('./GenericTableView-4633b8dc.js');
 const reRender = require('./re-render-72a0ef45.js');
 const useReferralTable = require('./useReferralTable-06887d9a.js');
 const useChildElements = require('./useChildElements-041127d7.js');

package/dist/cjs/sqm-rewards-table_9.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');
 require('./mixins-4761d472.js');
-const GenericTableView = require('./GenericTableView-4c48c630.js');
+const GenericTableView = require('./GenericTableView-4633b8dc.js');
 const reRender = require('./re-render-72a0ef45.js');
 const useReferralTable = require('./useReferralTable-06887d9a.js');
 const useChildElements = require('./useChildElements-041127d7.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",