@saasquatch/mint-components 2.1.6 → 2.1.7-1

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-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 { h, r as registerInstance, c as Host, g as getElement } from './index-38ad4957.js';
+import { i as intl } from './global-52a25cf2.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-8ba90d99.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-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 { G as GenericTableView } from './GenericTableView-8c72ac30.js';
+import { u as useRerenderListener, a as useRequestRerender } from './re-render-6d98f869.js';
+import { u as useChildElements } from './useChildElements-6d7c412e.js';
+import { l as luxon } from './luxon-1be92a8e.js';
+import { g as generateUserError } from './useReferralTable-30b590ba.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-1703b56b.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-32eff0f9.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-4792d2e4.js';
+import { T as TAX_FORM_UPDATED_EVENT_KEY, a as useVeriffApp, g as getStatus, V as VERIFF_COMPLETE_EVENT_KEY } from './usePayoutStatus-2d5683d8.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", { type: "info" },
+      states.isPartner && (h("sqm-form-message", { loading: states.loading, 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("sl-skeleton", null))));
+  return (h("sqm-table-row", null, h("sqm-table-cell", { colspan: 6 }, h("sqm-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 },
-        h("sl-skeleton", { class: classes.SkeletonOne }),
-        h("sl-skeleton", { class: classes.SkeletonTwo })),
-      h("sl-skeleton", { class: classes.SkeletonThree }),
-      h("sl-skeleton", { class: classes.SkeletonOne })));
+      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" })));
   };
   const renderStatusBadge = (status, statusBadgeText) => {
     const badgeType = status === "nextPayout" ? "success" : "primary";
@@ -3831,16 +3831,6 @@ 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",
@@ -4344,7 +4334,7 @@ const TaxAndCashDashboardView = (props) => {
         }, {
           supportLink: (h("a", { target: "_blank", href: `mailto:advocate-support@impact.com` }, text.supportLink)),
         }))),
-      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 },
+      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),
         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)),
@@ -4362,8 +4352,8 @@ const TaxAndCashDashboardView = (props) => {
           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) && (h("div", { class: sheet$4.classes.TaxDocumentsContainer },
         h("div", null, states.loading ? (h("div", { class: sheet$4.classes.TaxSectionSkeletonContainer },
-          h("sl-skeleton", { class: sheet$4.classes.SkeletonOne }),
-          h("sl-skeleton", { class: sheet$4.classes.SkeletonTwo }))) : (h("div", null,
+          h("sqm-skeleton", { width: "15%", height: "10px" }),
+          h("sqm-skeleton", { width: "25%", height: "24px" }))) : (h("div", null,
           h("div", null,
             h("span", { class: sheet$4.classes.TaxFormDetailsContainer },
               h("div", { class: sheet$4.classes.StatusContainer },
@@ -4379,8 +4369,8 @@ const TaxAndCashDashboardView = (props) => {
             (!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("sl-skeleton", { class: sheet$4.classes.SkeletonOne }),
-        h("sl-skeleton", { class: sheet$4.classes.SkeletonTwo }))) : (h("div", null,
+        h("sqm-skeleton", { width: "15%", height: "10px" }),
+        h("sqm-skeleton", { width: "25%", height: "24px" }))) : (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 },