@saasquatch/mint-components 2.0.0-36 → 2.0.0-37

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

@@ -18,7 +18,6 @@ const luxon = require('./luxon-949beaf2.js');
 const useReferralTable = require('./useReferralTable-90d4d6e9.js');
 const IndirectTaxDetailsView = require('./IndirectTaxDetailsView-e5f70b8b.js');
 const utils$1 = require('./utils-83d125fa.js');
-const parseStates = require('./parseStates-d1effc19.js');
 const data = require('./data-88adb95b.js');
 const keys = require('./keys-cff24974.js');
 const usePayoutStatus = require('./usePayoutStatus-fe32dd1a.js');
@@ -4666,7 +4665,7 @@ const TaxAndCashDashboard = class {
     this.cancelButton = "Cancel";
     /**
      * @undocumented
-     * @componentState { "title": "Payouts on hold", "props": { "states": { "payoutStatus": "HOLD" } }, "dependencies": ["sqm-payout-status-alert"] "uiGroup": "Dashboard Properties" }
+     * @componentState { "title": "Payouts on hold", "props": { "states": { "payoutStatus": "HOLD" } }, "uiGroup": "Dashboard Properties" }
      */
     this.stateController = "{}";
     domContextHooks_module.h$1(this);
@@ -4694,49 +4693,48 @@ const TaxAndCashDashboard = class {
   }
 };
 function useDemoTaxAndCashDashboard(props) {
-  const parsed = parseStates.parseStates(props.stateController);
-  const formatted = Object.keys(parsed).reduce((prev, key) => key === "sqm-tax-and-cash-dashboard"
-    ? { ...prev, ...parsed[key] }
-    : { ...prev, [`${key}_stateController`]: parsed[key] }, {});
-  const merged = cjs.cjs.all([
-    {
-      states: {
-        dateSubmitted: "today",
-        documentType: "W9",
-        documentTypeString: "W-9",
-        status: "ACTIVE",
-        country: "United States",
-        indirectTaxNumber: "55555555",
-        indirectTaxType: "Indirect Tax",
-        noFormNeeded: false,
-        disabled: false,
-        loading: false,
-        showNewFormDialog: false,
-        hasHold: false,
-        subRegion: "CA",
-        subRegionTaxNumber: undefined,
-        qstNumber: undefined,
-        isBusinessEntity: false,
-        province: undefined,
-        notRegistered: true,
-        loadingError: false,
-        payoutStatus: "DONE",
-        veriffLoading: false,
-        canEditPayoutInfo: true,
-      },
-      callbacks: {
-        onClick: () => console.debug("check step"),
-        onEditPayoutInfo: () => console.debug("payout info"),
-        onNewFormCancel: () => console.log("hide"),
-        onNewFormClick: () => console.log("show"),
-        onVerifyClick: () => console.log("verify"),
-      },
-      text: props.getTextProps(),
+  // @ts-ignore
+  return cjs.cjs({
+    states: {
+      dateSubmitted: "today",
+      documentType: "W9",
+      documentTypeString: "W-9",
+      status: "ACTIVE",
+      country: "United States",
+      indirectTaxNumber: "55555555",
+      indirectTaxType: "Indirect Tax",
+      noFormNeeded: false,
+      disabled: false,
+      loading: false,
+      showNewFormDialog: false,
+      hasHold: false,
+      subRegion: "CA",
+      subRegionTaxNumber: undefined,
+      qstNumber: undefined,
+      isBusinessEntity: false,
+      province: undefined,
+      notRegistered: true,
+      loadingError: false,
+      payoutStatus: "DONE",
+      veriffLoading: false,
+      canEditPayoutInfo: true,
+    },
+    callbacks: {
+      onClick: () => console.debug("check step"),
+      onEditPayoutInfo: () => console.debug("payout info"),
+      onNewFormCancel: () => console.log("hide"),
+      onNewFormClick: () => console.log("show"),
+      onVerifyClick: () => console.log("verify"),
+    },
+    text: props.getTextProps(),
+    slots: {
+      payoutDetailsCardSlot: (index.h("sqm-payout-details-card", { demoData: {
+          states: {
+            badgeStatus: "nextPayout",
+          },
+        } })),
     },
-    props.demoData || {},
-    formatted,
-  ], { arrayMerge: (_, a) => a });
-  return merged;
+  }, props.demoData || props.stateController || {}, { arrayMerge: (_, a) => a });
 }
 
 const PHONE_EXTENSIONS = {

package/dist/cjs/sqm-big-stat_46.cjs.entry.js

@@ -3206,7 +3206,6 @@ const PayoutStatusAlert = class {
   }
 };
 function useDemoPayoutStatusAlert(props) {
-  console.log(props.stateController, "stateController in sqm-payout-status-alert");
   const states = parseStates.parseStates(props.stateController);
   const formatted = Object.keys(states).reduce((prev, key) => key === "sqm-payout-status-alert"
     ? { ...prev, ...states[key] }

package/dist/collection/components/sqm-hero/sqm-hero.js

@@ -122,13 +122,13 @@ export class Hero {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Content background",
+            "text": "Splash image",
             "name": "uiName"
           }, {
             "text": "Background",
             "name": "uiWidget"
           }],
-        "text": "Content background color or image (for use in the left column)"
+        "text": "Splash image or background color (for use in the left column)"
       },
       "attribute": "background",
       "reflect": false
@@ -172,13 +172,13 @@ export class Hero {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Splash image",
+            "text": "Content background",
             "name": "uiName"
           }, {
             "text": "Background",
             "name": "uiWidget"
           }],
-        "text": "Splash image or background color (for use in the right column)"
+        "text": "Content background color or image (for use in the right column)"
       },
       "attribute": "secondary-background",
       "reflect": false

package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert.js

@@ -703,7 +703,6 @@ export class PayoutStatusAlert {
   }; }
 }
 function useDemoPayoutStatusAlert(props) {
-  console.log(props.stateController, "stateController in sqm-payout-status-alert");
   const states = parseStates(props.stateController);
   const formatted = Object.keys(states).reduce((prev, key) => key === "sqm-payout-status-alert"
     ? { ...prev, ...states[key] }

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

@@ -5,7 +5,6 @@ import deepmerge from "deepmerge";
 import { getProps } from "../../../utils/utils";
 import { TaxAndCashDashboardView } from "./sqm-tax-and-cash-dashboard-view";
 import { useTaxAndCashDashboard, } from "./useTaxAndCashDashboard";
-import { parseStates } from "../../../utils/parseStates";
 /**
  * @uiName Tax and Cash Status Dashboard
  */
@@ -341,7 +340,7 @@ export class TaxAndCashDashboard {
     this.cancelButton = "Cancel";
     /**
      * @undocumented
-     * @componentState { "title": "Payouts on hold", "props": { "states": { "payoutStatus": "HOLD" } }, "dependencies": ["sqm-payout-status-alert"] "uiGroup": "Dashboard Properties" }
+     * @componentState { "title": "Payouts on hold", "props": { "states": { "payoutStatus": "HOLD" } }, "uiGroup": "Dashboard Properties" }
      */
     this.stateController = "{}";
     withHooks(this);
@@ -1889,7 +1888,7 @@ export class TaxAndCashDashboard {
             "text": undefined,
             "name": "undocumented"
           }, {
-            "text": "{ \"title\": \"Payouts on hold\", \"props\": { \"states\": { \"payoutStatus\": \"HOLD\" } }, \"dependencies\": [\"sqm-payout-status-alert\"] \"uiGroup\": \"Dashboard Properties\" }",
+            "text": "{ \"title\": \"Payouts on hold\", \"props\": { \"states\": { \"payoutStatus\": \"HOLD\" } }, \"uiGroup\": \"Dashboard Properties\" }",
             "name": "componentState"
           }],
         "text": ""
@@ -1901,47 +1900,46 @@ export class TaxAndCashDashboard {
   }; }
 }
 function useDemoTaxAndCashDashboard(props) {
-  const parsed = parseStates(props.stateController);
-  const formatted = Object.keys(parsed).reduce((prev, key) => key === "sqm-tax-and-cash-dashboard"
-    ? { ...prev, ...parsed[key] }
-    : { ...prev, [`${key}_stateController`]: parsed[key] }, {});
-  const merged = deepmerge.all([
-    {
-      states: {
-        dateSubmitted: "today",
-        documentType: "W9",
-        documentTypeString: "W-9",
-        status: "ACTIVE",
-        country: "United States",
-        indirectTaxNumber: "55555555",
-        indirectTaxType: "Indirect Tax",
-        noFormNeeded: false,
-        disabled: false,
-        loading: false,
-        showNewFormDialog: false,
-        hasHold: false,
-        subRegion: "CA",
-        subRegionTaxNumber: undefined,
-        qstNumber: undefined,
-        isBusinessEntity: false,
-        province: undefined,
-        notRegistered: true,
-        loadingError: false,
-        payoutStatus: "DONE",
-        veriffLoading: false,
-        canEditPayoutInfo: true,
-      },
-      callbacks: {
-        onClick: () => console.debug("check step"),
-        onEditPayoutInfo: () => console.debug("payout info"),
-        onNewFormCancel: () => console.log("hide"),
-        onNewFormClick: () => console.log("show"),
-        onVerifyClick: () => console.log("verify"),
-      },
-      text: props.getTextProps(),
-    },
-    props.demoData || {},
-    formatted,
-  ], { arrayMerge: (_, a) => a });
-  return merged;
+  // @ts-ignore
+  return deepmerge({
+    states: {
+      dateSubmitted: "today",
+      documentType: "W9",
+      documentTypeString: "W-9",
+      status: "ACTIVE",
+      country: "United States",
+      indirectTaxNumber: "55555555",
+      indirectTaxType: "Indirect Tax",
+      noFormNeeded: false,
+      disabled: false,
+      loading: false,
+      showNewFormDialog: false,
+      hasHold: false,
+      subRegion: "CA",
+      subRegionTaxNumber: undefined,
+      qstNumber: undefined,
+      isBusinessEntity: false,
+      province: undefined,
+      notRegistered: true,
+      loadingError: false,
+      payoutStatus: "DONE",
+      veriffLoading: false,
+      canEditPayoutInfo: true,
+    },
+    callbacks: {
+      onClick: () => console.debug("check step"),
+      onEditPayoutInfo: () => console.debug("payout info"),
+      onNewFormCancel: () => console.log("hide"),
+      onNewFormClick: () => console.log("show"),
+      onVerifyClick: () => console.log("verify"),
+    },
+    text: props.getTextProps(),
+    slots: {
+      payoutDetailsCardSlot: (h("sqm-payout-details-card", { demoData: {
+          states: {
+            badgeStatus: "nextPayout",
+          },
+        } })),
+    },
+  }, props.demoData || props.stateController || {}, { arrayMerge: (_, a) => a });
 }

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

@@ -14,7 +14,6 @@ import { l as luxon } from './luxon-bbf75a9d.js';
 import { g as generateUserError } from './useReferralTable-909ccb28.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 } from './IndirectTaxDetailsView-0a57b622.js';
 import { t as taxTypeToName, v as validTaxDocument, g as getCountryObj, L as LoadingView, f as formatErrorMessage, a as validateBillingField, o as objectIsFull } from './utils-6122971b.js';
-import { p as parseStates } from './parseStates-ed75e224.js';
 import { i as FORM_STEPS, a as TAX_FORM_CONTEXT_NAMESPACE, S as SORTED_COUNTRIES_NAMESPACE, c as USER_QUERY_NAMESPACE, T as TAX_CONTEXT_NAMESPACE, F as FINANCE_NETWORK_SETTINGS_NAMESPACE, U as USER_FORM_CONTEXT_NAMESPACE, d as COUNTRIES_QUERY_NAMESPACE, C as CURRENCIES_NAMESPACE } from './data-807686c2.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-42cc6a2c.js';
@@ -4662,7 +4661,7 @@ const TaxAndCashDashboard = class {
     this.cancelButton = "Cancel";
     /**
      * @undocumented
-     * @componentState { "title": "Payouts on hold", "props": { "states": { "payoutStatus": "HOLD" } }, "dependencies": ["sqm-payout-status-alert"] "uiGroup": "Dashboard Properties" }
+     * @componentState { "title": "Payouts on hold", "props": { "states": { "payoutStatus": "HOLD" } }, "uiGroup": "Dashboard Properties" }
      */
     this.stateController = "{}";
     h$1(this);
@@ -4690,49 +4689,48 @@ const TaxAndCashDashboard = class {
   }
 };
 function useDemoTaxAndCashDashboard(props) {
-  const parsed = parseStates(props.stateController);
-  const formatted = Object.keys(parsed).reduce((prev, key) => key === "sqm-tax-and-cash-dashboard"
-    ? { ...prev, ...parsed[key] }
-    : { ...prev, [`${key}_stateController`]: parsed[key] }, {});
-  const merged = cjs.all([
-    {
-      states: {
-        dateSubmitted: "today",
-        documentType: "W9",
-        documentTypeString: "W-9",
-        status: "ACTIVE",
-        country: "United States",
-        indirectTaxNumber: "55555555",
-        indirectTaxType: "Indirect Tax",
-        noFormNeeded: false,
-        disabled: false,
-        loading: false,
-        showNewFormDialog: false,
-        hasHold: false,
-        subRegion: "CA",
-        subRegionTaxNumber: undefined,
-        qstNumber: undefined,
-        isBusinessEntity: false,
-        province: undefined,
-        notRegistered: true,
-        loadingError: false,
-        payoutStatus: "DONE",
-        veriffLoading: false,
-        canEditPayoutInfo: true,
-      },
-      callbacks: {
-        onClick: () => console.debug("check step"),
-        onEditPayoutInfo: () => console.debug("payout info"),
-        onNewFormCancel: () => console.log("hide"),
-        onNewFormClick: () => console.log("show"),
-        onVerifyClick: () => console.log("verify"),
-      },
-      text: props.getTextProps(),
+  // @ts-ignore
+  return cjs({
+    states: {
+      dateSubmitted: "today",
+      documentType: "W9",
+      documentTypeString: "W-9",
+      status: "ACTIVE",
+      country: "United States",
+      indirectTaxNumber: "55555555",
+      indirectTaxType: "Indirect Tax",
+      noFormNeeded: false,
+      disabled: false,
+      loading: false,
+      showNewFormDialog: false,
+      hasHold: false,
+      subRegion: "CA",
+      subRegionTaxNumber: undefined,
+      qstNumber: undefined,
+      isBusinessEntity: false,
+      province: undefined,
+      notRegistered: true,
+      loadingError: false,
+      payoutStatus: "DONE",
+      veriffLoading: false,
+      canEditPayoutInfo: true,
+    },
+    callbacks: {
+      onClick: () => console.debug("check step"),
+      onEditPayoutInfo: () => console.debug("payout info"),
+      onNewFormCancel: () => console.log("hide"),
+      onNewFormClick: () => console.log("show"),
+      onVerifyClick: () => console.log("verify"),
+    },
+    text: props.getTextProps(),
+    slots: {
+      payoutDetailsCardSlot: (h("sqm-payout-details-card", { demoData: {
+          states: {
+            badgeStatus: "nextPayout",
+          },
+        } })),
     },
-    props.demoData || {},
-    formatted,
-  ], { arrayMerge: (_, a) => a });
-  return merged;
+  }, props.demoData || props.stateController || {}, { arrayMerge: (_, a) => a });
 }
 
 const PHONE_EXTENSIONS = {

package/dist/esm/sqm-big-stat_46.entry.js

@@ -3202,7 +3202,6 @@ const PayoutStatusAlert = class {
   }
 };
 function useDemoPayoutStatusAlert(props) {
-  console.log(props.stateController, "stateController in sqm-payout-status-alert");
   const states = parseStates(props.stateController);
   const formatted = Object.keys(states).reduce((prev, key) => key === "sqm-payout-status-alert"
     ? { ...prev, ...states[key] }