@saasquatch/mint-components 2.0.0-30 → 2.0.0-31

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

@@ -341,7 +341,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" } }, "dependencies": ["sqm-payout-status-alert"] "uiGroup": "Dashboard Properties" }
      */
     this.stateController = "{}";
     withHooks(this);
@@ -1889,7 +1889,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\" } }, \"dependencies\": [\"sqm-payout-status-alert\"] \"uiGroup\": \"Dashboard Properties\" }",
             "name": "componentState"
           }],
         "text": ""
@@ -1901,47 +1901,52 @@ export class TaxAndCashDashboard {
   }; }
 }
 function useDemoTaxAndCashDashboard(props) {
+  var _a, _b, _c, _d;
   const parsed = parseStates(props.stateController);
   const formatted = parsed["sqm-tax-and-cash-dashboard"] !== undefined
     ? parsed["sqm-tax-and-cash-dashboard"]
     : {};
-  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: "HOLD",
-        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;
+  const parsedPayoutStatus = (_b = (_a = formatted === null || formatted === void 0 ? void 0 : formatted.states) === null || _a === void 0 ? void 0 : _a.payoutStatus) !== null && _b !== void 0 ? _b : (_d = (_c = props.demoData) === null || _c === void 0 ? void 0 : _c.states) === null || _d === void 0 ? void 0 : _d.payoutStatus;
+  // @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: parsedPayoutStatus || "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 });
 }

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

@@ -4662,7 +4662,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" } }, "dependencies": ["sqm-payout-status-alert"] "uiGroup": "Dashboard Properties" }
      */
     this.stateController = "{}";
     h$1(this);
@@ -4690,49 +4690,54 @@ const TaxAndCashDashboard = class {
   }
 };
 function useDemoTaxAndCashDashboard(props) {
+  var _a, _b, _c, _d;
   const parsed = parseStates(props.stateController);
   const formatted = parsed["sqm-tax-and-cash-dashboard"] !== undefined
     ? parsed["sqm-tax-and-cash-dashboard"]
     : {};
-  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: "HOLD",
-        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(),
+  const parsedPayoutStatus = (_b = (_a = formatted === null || formatted === void 0 ? void 0 : formatted.states) === null || _a === void 0 ? void 0 : _a.payoutStatus) !== null && _b !== void 0 ? _b : (_d = (_c = props.demoData) === null || _c === void 0 ? void 0 : _c.states) === null || _d === void 0 ? void 0 : _d.payoutStatus;
+  // @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: parsedPayoutStatus || "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 || formatted || {}, { arrayMerge: (_, a) => a });
 }
 
 const PHONE_EXTENSIONS = {