@saasquatch/mint-components 2.4.3 → 2.4.5

package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.js

@@ -1,6 +1,18 @@
 import { h } from "@stencil/core";
 import { intl } from "../../../global/global";
 import { createStyleSheet } from "../../../styling/JSS";
+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 = {
   ErrorAlertContainer: {
     "&::part(base)": {
@@ -15,30 +27,9 @@ const style = {
       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)",
@@ -298,7 +289,7 @@ export const TaxAndCashDashboardView = (props) => {
               id: "payoutHoldAlertDescription",
               defaultMessage: text.payoutHoldAlertDescription,
             }, {
-              supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+              supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
             }),
             buttonText: null,
             alertType: "warning",
@@ -313,7 +304,7 @@ export const TaxAndCashDashboardView = (props) => {
             id: "verificationRequiredDescription",
             defaultMessage: text.verificationRequiredDescription,
           }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           buttonText: text.verificationRequiredButtonText,
           alertType: "warning",
@@ -327,7 +318,7 @@ export const TaxAndCashDashboardView = (props) => {
             id: "verificationRequiredInternalDescription",
             defaultMessage: text.verificationRequiredInternalDescription,
           }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           alertType: "warning",
           icon: "exclamation-triangle",
@@ -340,7 +331,7 @@ export const TaxAndCashDashboardView = (props) => {
             id: "verificationReviewInternalDescription",
             defaultMessage: text.verificationReviewInternalDescription,
           }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           alertType: "warning",
           icon: "exclamation-triangle",
@@ -353,7 +344,7 @@ export const TaxAndCashDashboardView = (props) => {
             id: "verificationFailedInternalDescription",
             defaultMessage: text.verificationFailedInternalDescription,
           }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           alertType: "error",
           icon: "exclamation-octagon",
@@ -366,13 +357,25 @@ export const TaxAndCashDashboardView = (props) => {
             id: "accountReviewDescription",
             defaultMessage: text.accountReviewDescription,
           }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (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: 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,
@@ -380,7 +383,7 @@ export const TaxAndCashDashboardView = (props) => {
             id: "accountReviewDescription",
             defaultMessage: text.paymentHoldOnChangeDescription,
           }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           buttonText: null,
           alertType: "warning",
@@ -394,7 +397,7 @@ export const TaxAndCashDashboardView = (props) => {
             id: "accountReviewDescription",
             defaultMessage: text.beneficiaryNameInvalidDescription,
           }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           button: (h("div", { class: sheet.classes.ButtonContainer },
             h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
@@ -410,7 +413,7 @@ export const TaxAndCashDashboardView = (props) => {
             id: "accountReviewDescription",
             defaultMessage: text.beneficiaryNameMismatchDescription,
           }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           button: (h("div", { class: sheet.classes.ButtonContainer },
             h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
@@ -426,7 +429,7 @@ export const TaxAndCashDashboardView = (props) => {
             id: "accountReviewDescription",
             defaultMessage: text.bankTaxNameMismatchDescription,
           }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           button: (h("div", { class: sheet.classes.ButtonContainer },
             h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton),
@@ -442,7 +445,7 @@ export const TaxAndCashDashboardView = (props) => {
             id: "accountReviewDescription",
             defaultMessage: text.withdrawalSettingsInvalidDescription,
           }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           button: (h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)),
           alertType: "warning",
@@ -456,7 +459,7 @@ export const TaxAndCashDashboardView = (props) => {
             id: "accountReviewDescription",
             defaultMessage: text.paymentReturnedDescription,
           }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           button: (h("sl-button", { disabled: states.disabled || states.loading, type: "primary", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)),
           alertType: "error",
@@ -470,7 +473,7 @@ export const TaxAndCashDashboardView = (props) => {
             id: "payoutHoldAlertDescription",
             defaultMessage: text.payoutHoldAlertDescription,
           }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }),
           buttonText: null,
           alertType: "warning",
@@ -604,7 +607,7 @@ export const TaxAndCashDashboardView = (props) => {
             id: "loadingErrorAlertDescription",
             defaultMessage: text.error.loadingErrorAlertDescription,
           }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           })))),
       ((_a = states.errors) === null || _a === void 0 ? void 0 : _a.general) && (h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true, class: sheet.classes.ErrorAlertContainer },
         h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
@@ -614,7 +617,7 @@ export const TaxAndCashDashboardView = (props) => {
           id: "generalDescription",
           defaultMessage: text.error.generalDescription,
         }, {
-          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
         }))),
       alertInfo && (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 },
         h("strong", null, alertInfo.header),
@@ -663,14 +666,14 @@ export const TaxAndCashDashboardView = (props) => {
                 id: "indirectTaxTooltipSupport",
                 defaultMessage: text.indirectTaxTooltipSupport,
               }, {
-                supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com`, class: sheet.classes.DropdownLink }, text.supportLink)),
+                supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com`, class: sheet.classes.DropdownLink }, text.supportLink)),
               })))),
         h("div", { class: sheet.classes.IndirectTaxPreviewDetails },
           h("span", null, states.notRegistered ? (h("span", { class: sheet.classes.NotRegisteredIndirectTaxText }, intl.formatMessage({
             id: "notRegisteredForTax",
             defaultMessage: text.notRegisteredForTax,
           }, {
-            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+            supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
           }))) : (getIndirectTaxRegisteredIn())),
           !states.notRegistered && (h("div", { class: sheet.classes.TaxNumberContainer },
             h("span", null, intl.formatMessage({

package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.js

@@ -253,6 +253,14 @@ export class TaxAndCashDashboard {
      * @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
      */
@@ -1441,6 +1449,48 @@ export class TaxAndCashDashboard {
       "reflect": false,
       "defaultValue": "\"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": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Balance under payout minimum alert header",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "balance-under-threshold-header",
+      "reflect": false,
+      "defaultValue": "\"Your balance is under the minimum payout\""
+    },
+    "balanceUnderThresholdDescription": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Balance under payout minimum alert description",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "balance-under-threshold-description",
+      "reflect": false,
+      "defaultValue": "\"Your total balance is under {minPayoutAmount}, the minimum required for payout.\""
+    },
     "paymentHoldOnChangeHeader": {
       "type": "string",
       "mutable": false,
@@ -2175,7 +2225,7 @@ export class TaxAndCashDashboard {
       "mutable": false,
       "complexType": {
         "original": "DemoData<UseTaxAndCashDashboardResult>",
-        "resolved": "{ states?: { status?: string; documentType: TaxDocumentType; documentTypeString: string; canEditPayoutInfo: boolean; disabled?: boolean; dateSubmitted?: string; noFormNeeded?: boolean; indirectTaxType?: string; qstNumber?: string; subRegionTaxNumber?: string; subRegion?: string; indirectTaxNumber?: string; province?: string; country?: string; notRegistered?: boolean; isBusinessEntity?: boolean; loading?: boolean; loadingError?: boolean; showNewFormDialog: boolean; hasHold: boolean; payoutStatus: PayoutStatus; veriffLoading: boolean; errors?: { general?: boolean; }; enforceUsTaxComplianceOption?: string; }; }",
+        "resolved": "{ states?: { status?: string; documentType: TaxDocumentType; documentTypeString: string; canEditPayoutInfo: boolean; disabled?: boolean; dateSubmitted?: string; noFormNeeded?: boolean; indirectTaxType?: string; qstNumber?: string; subRegionTaxNumber?: string; subRegion?: string; indirectTaxNumber?: string; province?: string; country?: string; notRegistered?: boolean; isBusinessEntity?: boolean; loading?: boolean; loadingError?: boolean; showNewFormDialog: boolean; hasHold: boolean; payoutStatus: PayoutStatus; minPayoutAmount?: string; veriffLoading: boolean; errors?: { general?: boolean; }; enforceUsTaxComplianceOption?: string; }; }",
         "references": {
           "DemoData": {
             "location": "import",

package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/useTaxAndCashDashboard.js

@@ -6,7 +6,7 @@ import { getStatus, } from "../sqm-payout-status-alert/usePayoutStatus";
 import { TAX_CONTEXT_NAMESPACE, TAX_FORM_CONTEXT_NAMESPACE, USER_QUERY_NAMESPACE, } from "../data";
 import { INDIRECT_TAX_PROVINCES, INDIRECT_TAX_SPAIN_REGIONS, } from "../subregions";
 import { useVeriffApp, VERIFF_COMPLETE_EVENT_KEY } from "../useVeriffApp";
-import { taxTypeToName } from "../utils";
+import { formatPayoutThreshold, taxTypeToName } from "../utils";
 import { gql } from "graphql-request";
 const GET_TAX_SETTING = gql `
   query getTenantSettings {
@@ -126,6 +126,7 @@ export 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: formatPayoutThreshold(publisher),
       veriffLoading,
       enforceUsTaxComplianceOption,
     },

package/dist/collection/components/tax-and-cash/sqm-user-info-form/UserInfoFormView.stories.js

@@ -58,7 +58,9 @@ const mockPartnerData = {
   payoutsAccount: {
     hold: false,
     holdReasons: [],
-    balance: "0",
+    balance: "$0.00",
+    balanceAmount: 0,
+    currencyCode: "USD",
   },
 };
 const defaultText = {

package/dist/collection/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.js

@@ -315,7 +315,7 @@ export const UserInfoFormView = (props) => {
           id: "loadingErrorAlertDescription",
           defaultMessage: text.error.loadingErrorAlertDescription,
         }, {
-          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
         }))))),
     states.loading ? (h(LoadingView, null)) : (h("div", null,
       h("div", { class: classes.TextContainer },
@@ -332,7 +332,7 @@ export const UserInfoFormView = (props) => {
           id: "generalDescription",
           defaultMessage: text.error.generalDescription,
         }, {
-          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
         })))),
       (states.isPartnerLegacy || states.isUserLegacy) && (h("sqm-form-message", { loading: states.loading, type: "info" },
         h("p", { part: "alert-title" }, text.isPartnerAlertHeader),
@@ -340,7 +340,7 @@ export const UserInfoFormView = (props) => {
           id: "isPartnerAlertDescription",
           defaultMessage: text.isPartnerAlertDescription,
         }, {
-          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
+          supportLink: (h("a", { target: "_blank", href: `mailto:advocate-payment-support@impact.com` }, text.supportLink)),
         })))),
       h("div", null,
         h("div", { class: classes.InputContainer },

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

@@ -100,3 +100,29 @@ export function getCountryObj({ countryCode, locale, }) {
     displayName,
   };
 }
+/** The minimum balance Impact requires before it will issue a payout, e.g. "USD50.00". */
+export 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. */
+export 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);
+}

package/dist/esm/{data-8698cbc6.js → data-0be04430.js}

@@ -84,6 +84,8 @@ const GET_USER = dist.gql `
               hold
               holdReasons
               balance
+              balanceAmount
+              currencyCode
             }
           }
         }