@saasquatch/mint-components 2.0.0-33 → 2.0.0-35

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

@@ -4666,7 +4666,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);
@@ -4688,55 +4688,60 @@ const TaxAndCashDashboard = class {
     const props = index_module.isDemo()
       ? useDemoTaxAndCashDashboard(this)
       : useTaxAndCashDashboard(this);
+    console.log({ stateController: this.stateController });
     return (index.h(index.Host, null, index.h(TaxAndCashDashboardView, { callbacks: props.callbacks, states: props.states, text: props.text, slots: {
         payoutDetailsCardSlot: (index.h("sqm-payout-details-card", Object.assign({}, this.getTextProps()))),
       } })));
   }
 };
 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(),
+  const states = parseStates.parseStates(props.stateController);
+  const formatted = Object.keys(states).reduce((prev, key) => key === "sqm-tax-and-cash-dashboard"
+    ? { ...prev, ...states[key] }
+    : { ...prev, [`${key}_stateController`]: states[key] }, {});
+  console.log({ formatted });
+  // @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;
+  }, formatted || props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 
 const PHONE_EXTENSIONS = {

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" } }, "uiGroup": "Dashboard Properties" }
      */
     this.stateController = "{}";
     withHooks(this);
@@ -363,6 +363,7 @@ export class TaxAndCashDashboard {
     const props = isDemo()
       ? useDemoTaxAndCashDashboard(this)
       : useTaxAndCashDashboard(this);
+    console.log({ stateController: this.stateController });
     return (h(Host, null,
       h(TaxAndCashDashboardView, { callbacks: props.callbacks, states: props.states, text: props.text, slots: {
           payoutDetailsCardSlot: (h("sqm-payout-details-card", Object.assign({}, this.getTextProps()))),
@@ -1889,7 +1890,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 +1902,51 @@ 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;
+  const states = parseStates(props.stateController);
+  const formatted = Object.keys(states).reduce((prev, key) => key === "sqm-tax-and-cash-dashboard"
+    ? { ...prev, ...states[key] }
+    : { ...prev, [`${key}_stateController`]: states[key] }, {});
+  console.log({ formatted });
+  // @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",
+          },
+        } })),
+    },
+  }, formatted || props.demoData || {}, { 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" } }, "uiGroup": "Dashboard Properties" }
      */
     this.stateController = "{}";
     h$1(this);
@@ -4684,55 +4684,60 @@ const TaxAndCashDashboard = class {
     const props = isDemo()
       ? useDemoTaxAndCashDashboard(this)
       : useTaxAndCashDashboard(this);
+    console.log({ stateController: this.stateController });
     return (h(Host, null, h(TaxAndCashDashboardView, { callbacks: props.callbacks, states: props.states, text: props.text, slots: {
         payoutDetailsCardSlot: (h("sqm-payout-details-card", Object.assign({}, this.getTextProps()))),
       } })));
   }
 };
 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(),
+  const states = parseStates(props.stateController);
+  const formatted = Object.keys(states).reduce((prev, key) => key === "sqm-tax-and-cash-dashboard"
+    ? { ...prev, ...states[key] }
+    : { ...prev, [`${key}_stateController`]: states[key] }, {});
+  console.log({ formatted });
+  // @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;
+  }, formatted || props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 
 const PHONE_EXTENSIONS = {