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

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

@@ -7,6 +7,10 @@ import { TaxAndCashDashboardView } from "./sqm-tax-and-cash-dashboard-view";
 import { useTaxAndCashDashboard, } from "./useTaxAndCashDashboard";
 /**
  * @uiName Tax and Cash Status Dashboard
+ * @csspart alert-base - The alert base
+ * @csspart alert-icon - The alert icon
+ * @csspart primarybutton-base - The primary button base
+ * @csspart secondarybutton-base - The secondary button base
  */
 export class TaxAndCashDashboard {
   constructor() {
@@ -253,6 +257,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 +1453,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 +2229,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/sqm-user-info-form/sqm-user-info-form.js

@@ -9,6 +9,11 @@ import { useUserInfoForm } from "./useUserInfoForm";
 /**
  * @uiName User Information Form
  * @exampleGroup Tax and Cash Components
+ * @csspart alert-title - The alert title
+ * @csspart alert-description - The alert description
+ * @csspart input-label - The input label
+ * @csspart input-base - The input base
+ * @csspart primarybutton-base - The primary button base
  */
 export class TaxForm {
   constructor() {

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
             }
           }
         }