@saasquatch/mint-components 2.1.5 → 2.1.6

package/dist/esm/sqm-banking-info-form_10.entry.js

@@ -1,21 +1,21 @@
-import { h, r as registerInstance, c as Host, g as getElement } from './index-38ad4957.js';
-import { i as intl } from './global-b2ee3a12.js';
-import { m as useRef, k as useState, f as useEffect, n as h$1, u as useMemo, b as browser, j as useReducer } from './dom-context-hooks.module-50442785.js';
-import { d as dist, _, L, J, t as Pn, F as Fn, x as $n, $ as $e, i as isDemo, q as En, b as useCallback, R as Rn, w as wn } from './index.module-e266b4d7.js';
+import { h, r as registerInstance, c as Host, g as getElement } from './index-b3a06de8.js';
+import { i as intl } from './global-5d501632.js';
+import { m as useRef, k as useState, f as useEffect, n as h$1, u as useMemo, b as browser, j as useReducer } from './dom-context-hooks.module-63370afd.js';
+import { d as dist, _, L, J, t as Pn, F as Fn, x as $n, $ as $e, i as isDemo, h as En, u as useCallback, R as Rn, w as wn } from './index.module-234e8f5e.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { g as getProps } from './utils-334c1e34.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import './mixins-f750863a.js';
-import { G as GenericTableView } from './GenericTableView-8c72ac30.js';
-import { u as useRerenderListener, a as useRequestRerender } from './re-render-4f4bd4da.js';
-import { u as useChildElements } from './useChildElements-31ba3daf.js';
-import { l as luxon } from './luxon-1be92a8e.js';
-import { g as generateUserError } from './useReferralTable-a4f530f3.js';
-import { a as INDIRECT_TAX_SPAIN_REGIONS, b as INDIRECT_TAX_PROVINCES, O as OtherRegionSlotView, I as InvoiceTableView, v as vatLabels, A as ADDRESS_REGIONS, U as UserInfoFormView } from './sqm-user-info-form-view-0ef6a58f.js';
-import { F as FORM_STEPS, a as TAX_FORM_CONTEXT_NAMESPACE, S as SORTED_COUNTRIES_NAMESPACE, c as USER_QUERY_NAMESPACE, T as TAX_CONTEXT_NAMESPACE, h as FINANCE_NETWORK_SETTINGS_NAMESPACE, t as taxTypeToName, l as validTaxDocument, U as USER_FORM_CONTEXT_NAMESPACE, d as COUNTRIES_QUERY_NAMESPACE, g as getCountryObj, C as CURRENCIES_NAMESPACE, o as objectIsFull } from './data-a6752028.js';
+import { G as GenericTableView } from './GenericTableView-e43d310f.js';
+import { u as useRerenderListener, a as useRequestRerender } from './re-render-b56bc163.js';
+import { u as useChildElements } from './useChildElements-daf489b1.js';
+import { l as luxon } from './luxon-bbf75a9d.js';
+import { g as generateUserError } from './useReferralTable-8128f0b2.js';
+import { a as INDIRECT_TAX_SPAIN_REGIONS, b as INDIRECT_TAX_PROVINCES, O as OtherRegionSlotView, I as InvoiceTableView, v as vatLabels, A as ADDRESS_REGIONS, U as UserInfoFormView } from './sqm-user-info-form-view-74dcb6d0.js';
+import { F as FORM_STEPS, a as TAX_FORM_CONTEXT_NAMESPACE, S as SORTED_COUNTRIES_NAMESPACE, c as USER_QUERY_NAMESPACE, T as TAX_CONTEXT_NAMESPACE, h as FINANCE_NETWORK_SETTINGS_NAMESPACE, t as taxTypeToName, l as validTaxDocument, U as USER_FORM_CONTEXT_NAMESPACE, d as COUNTRIES_QUERY_NAMESPACE, g as getCountryObj, C as CURRENCIES_NAMESPACE, o as objectIsFull } from './data-4a551ba6.js';
 import { b as VERIFICATION_EVENT_KEY } from './keys-406491dc.js';
-import { T as TAX_FORM_UPDATED_EVENT_KEY, a as useVeriffApp, g as getStatus, V as VERIFF_COMPLETE_EVENT_KEY } from './usePayoutStatus-1c12a397.js';
+import { T as TAX_FORM_UPDATED_EVENT_KEY, a as useVeriffApp, g as getStatus, V as VERIFF_COMPLETE_EVENT_KEY } from './usePayoutStatus-4792d2e4.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;
@@ -2480,7 +2480,7 @@ const IndirectTaxFormView = (props) => {
         }, {
           supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
         }))),
-      states.isPartner && (h("sqm-form-message", { loading: states.loading, type: "info" },
+      states.isPartner && (h("sqm-form-message", { type: "info" },
         h("p", { part: "alert-title" }, text.isPartnerAlertHeader),
         intl.formatMessage({
           id: "isPartnerAlertDescription",
@@ -3267,7 +3267,7 @@ function LoadingSlot() {
   return (h("slot", { name: "loading" }, h(LoadingRow, null), h(LoadingRow, null), h(LoadingRow, null), h(LoadingRow, null)));
 }
 function LoadingRow() {
-  return (h("sqm-table-row", null, h("sqm-table-cell", { colspan: 6 }, h("sqm-skeleton", null))));
+  return (h("sqm-table-row", null, h("sqm-table-cell", { colspan: 6 }, h("sl-skeleton", null))));
 }
 function useInvoiceTableDemo(props, emptyElement, loadingElement) {
   const [content, setContent] = useReducer((state, next) => ({
@@ -3553,11 +3553,11 @@ function PayoutDetailsCardView(props) {
   const { states, text } = props;
   const renderLoadingSkeleton = () => {
     return (h("div", { class: classes.CardContainer },
-      h("div", { class: classes.StatusContainer, style: { display: "block" } },
-        h("sqm-skeleton", { style: { marginBottom: "var(--sl-spacing-medium)" }, width: "25%", height: "16px" }),
-        h("sqm-skeleton", { width: "25%", height: "24px" })),
-      h("sqm-skeleton", { width: "50%", height: "34px" }),
-      h("sqm-skeleton", { width: "25%", height: "16px" })));
+      h("div", { class: classes.StatusContainer },
+        h("sl-skeleton", { class: classes.SkeletonOne }),
+        h("sl-skeleton", { class: classes.SkeletonTwo })),
+      h("sl-skeleton", { class: classes.SkeletonThree }),
+      h("sl-skeleton", { class: classes.SkeletonOne })));
   };
   const renderStatusBadge = (status, statusBadgeText) => {
     const badgeType = status === "nextPayout" ? "success" : "primary";
@@ -3831,6 +3831,16 @@ const style$5 = {
   EditBankDetailsButton: {
     marginTop: "var(--sl-spacing-large)",
   },
+  SkeletonOne: {
+    width: "15%",
+    height: "10px",
+  },
+  SkeletonTwo: {
+    width: "25%",
+    height: "24px",
+    top: "var(--sl-spacing-small)",
+    marginBottom: "var(--sl-spacing-x-small)",
+  },
   TaxSectionSkeletonContainer: {
     display: "flex",
     flexDirection: "column",
@@ -4212,7 +4222,7 @@ const TaxAndCashDashboardView = (props) => {
       h("sl-badge", { class: sheet$4.classes.SuccessBadge, type: "success", pill: true }, text.statusTextActive),
       h("p", { class: sheet$4.classes.SubduedText }, intl.formatMessage({
         id: `badgeTextSubmittedOn`,
-        defaultMessage: states.documentType === "W9"
+        defaultMessage: states.documentType === "W9" || !states.documentType
           ? text.badgeTextSubmittedOn
           : text.badgeTextSubmittedOnW8,
       }, {
@@ -4231,7 +4241,7 @@ const TaxAndCashDashboardView = (props) => {
       })))),
   };
   const alertMap = {
-    INACTIVE: (h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", type: "danger", open: true },
+    INACTIVE: (h("sl-alert", { exportparts: "base: alert-base, icon:alert-icon", class: sheet$4.classes.ErrorHoldAlertContainer, type: "danger", open: true },
       h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
       h("strong", null, intl.formatMessage({
         id: `taxAlertHeaderNotActive`,
@@ -4239,7 +4249,7 @@ const TaxAndCashDashboardView = (props) => {
           ? text.taxAlertHeaderNotActiveW9
           : text.taxAlertHeaderNotActiveW8,
       }, {
-        documentType: states.documentTypeString,
+        documentType: states.documentType || "Your",
       })),
       h("br", null),
       intl.formatMessage({
@@ -4248,7 +4258,7 @@ const TaxAndCashDashboardView = (props) => {
           ? text.taxAlertNotActiveMessageW9
           : text.taxAlertNotActiveMessageW8,
       }, {
-        documentType: states.documentTypeString,
+        documentType: states.documentTypeString || "tax",
       }))),
   };
   const getIndirectTaxRegisteredIn = () => {
@@ -4334,7 +4344,7 @@ const TaxAndCashDashboardView = (props) => {
         }, {
           supportLink: (h("a", { target: "_blank", href: `mailto:advocate-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 },
+      alertInfo && (h("sqm-form-message", { 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),
         h("p", { style: { margin: "0" } }, alertInfo.description),
         alertInfo.buttonText && (h("sl-button", { style: { marginTop: "var(--sl-spacing-x-small)" }, type: "default", loading: states.veriffLoading, onClick: () => callbacks.onVerifyClick() }, alertInfo.buttonText)),
@@ -4350,25 +4360,27 @@ const TaxAndCashDashboardView = (props) => {
           slots.payoutDetailsCardSlot,
           !states.loading && (h("p", { class: sheet$4.classes.DescriptionText }, text.payoutFromImpact)),
           states.canEditPayoutInfo && (h("sl-button", { disabled: states.disabled || states.loading, exportparts: "base: secondarybutton-base", type: "secondary", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)))),
-      (!states.noFormNeeded || states.status === "NOT_VERIFIED") && (h("div", { class: sheet$4.classes.TaxDocumentsContainer },
+      (!states.noFormNeeded || !!states.status) && (h("div", { class: sheet$4.classes.TaxDocumentsContainer },
         h("div", null, states.loading ? (h("div", { class: sheet$4.classes.TaxSectionSkeletonContainer },
-          h("sqm-skeleton", { width: "15%", height: "10px" }),
-          h("sqm-skeleton", { width: "25%", height: "24px" }))) : (h("div", null,
+          h("sl-skeleton", { class: sheet$4.classes.SkeletonOne }),
+          h("sl-skeleton", { class: sheet$4.classes.SkeletonTwo }))) : (h("div", null,
           h("div", null,
             h("span", { class: sheet$4.classes.TaxFormDetailsContainer },
               h("div", { class: sheet$4.classes.StatusContainer },
-                h("h3", null, intl.formatMessage({
-                  id: "section-subheader",
-                  defaultMessage: text.taxDocumentSectionSubHeader,
-                }, {
-                  documentType: states.documentTypeString || "W-9",
-                })),
+                h("h3", null, states.documentType
+                  ? intl.formatMessage({
+                    id: "section-subheader",
+                    defaultMessage: text.taxDocumentSectionSubHeader,
+                  }, {
+                    documentType: states.documentTypeString,
+                  })
+                  : text.taxDocumentSectionSubHeaderNoDocument),
                 h("span", { class: sheet$4.classes.StatusAlert }, statusMap[states.status]))),
-            !states.noFormNeeded &&
+            (!states.noFormNeeded || !!states.status) &&
               states.status !== "NOT_VERIFIED" && (h("sl-button", { disabled: states.disabled || states.loading, onClick: callbacks.onClick, type: "default", class: sheet$4.classes.NewFormButton, exportparts: "base: primarybutton-base" }, text.newFormButton)))))))),
       h("div", { class: sheet$4.classes.IndirectTaxPreviewContainer }, states.loading ? (h("div", { class: sheet$4.classes.TaxSectionSkeletonContainer },
-        h("sqm-skeleton", { width: "15%", height: "10px" }),
-        h("sqm-skeleton", { width: "25%", height: "24px" }))) : (h("div", null,
+        h("sl-skeleton", { class: sheet$4.classes.SkeletonOne }),
+        h("sl-skeleton", { class: sheet$4.classes.SkeletonTwo }))) : (h("div", null,
         h("h3", { class: sheet$4.classes.IndirectTaxPreviewHeaderContainer },
           text.indirectTaxInfoSectionHeader,
           h("sl-dropdown", { placement: "right", distance: 1, ref: dropdownHover, class: sheet$4.classes.DropdownTooltipContainer },
@@ -4648,6 +4660,12 @@ const TaxAndCashDashboard = class {
      * @uiName Tax documents section description
      */
     this.taxDocumentSectionSubHeader = "{documentType} tax form";
+    /**
+     * Displayed under the tax document section header.
+     *
+     * @uiName Tax documents section description
+     */
+    this.taxDocumentSectionSubHeaderNoDocument = "Tax form";
     /**
      *
      * @uiName Indirect tax section header
@@ -4784,7 +4802,7 @@ const TaxAndCashDashboard = class {
     /**
      * @uiName W-9 payment threshold alert description
      */
-    this.w9RequiredDescription = "You have surpassed the $600 threshold requiring a W-9 form or have multiple accounts with impact.com. To remove the hold, please submit your W-9 form.";
+    this.w9RequiredDescription = "You have surpassed the $2000 threshold requiring a W-9 form or have multiple accounts with impact.com. To remove the hold, please submit your W-9 form.";
     /**
      * @uiName Account review alert header
      */