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

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" } }, "uiGroup": "Dashboard Properties" }
+     * @componentState { "title": "Payouts on hold", "props": { "states": { "payoutStatus": "HOLD" } }, "dependencies": ["sqm-payout-status-alert"] "uiGroup": "Dashboard Properties" }
      */
     this.stateController = "{}";
     domContextHooks_module.h$1(this);
@@ -4688,60 +4688,55 @@ 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 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",
-          },
-        } })),
+  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(),
     },
-  }, formatted || props.demoData || {}, { arrayMerge: (_, a) => a });
+    props.demoData || {},
+    formatted,
+  ], { arrayMerge: (_, a) => a });
+  return merged;
 }
 
 const PHONE_EXTENSIONS = {

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

@@ -3206,6 +3206,7 @@ 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/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert.js

@@ -703,6 +703,7 @@ 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

@@ -341,7 +341,7 @@ export class TaxAndCashDashboard {
     this.cancelButton = "Cancel";
     /**
      * @undocumented
-     * @componentState { "title": "Payouts on hold", "props": { "states": { "payoutStatus": "HOLD" } }, "uiGroup": "Dashboard Properties" }
+     * @componentState { "title": "Payouts on hold", "props": { "states": { "payoutStatus": "HOLD" } }, "dependencies": ["sqm-payout-status-alert"] "uiGroup": "Dashboard Properties" }
      */
     this.stateController = "{}";
     withHooks(this);
@@ -363,7 +363,6 @@ 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()))),
@@ -1890,7 +1889,7 @@ export class TaxAndCashDashboard {
             "text": undefined,
             "name": "undocumented"
           }, {
-            "text": "{ \"title\": \"Payouts on hold\", \"props\": { \"states\": { \"payoutStatus\": \"HOLD\" } }, \"uiGroup\": \"Dashboard Properties\" }",
+            "text": "{ \"title\": \"Payouts on hold\", \"props\": { \"states\": { \"payoutStatus\": \"HOLD\" } }, \"dependencies\": [\"sqm-payout-status-alert\"] \"uiGroup\": \"Dashboard Properties\" }",
             "name": "componentState"
           }],
         "text": ""
@@ -1902,51 +1901,47 @@ export class TaxAndCashDashboard {
   }; }
 }
 function useDemoTaxAndCashDashboard(props) {
-  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 });
+  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;
 }

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" } }, "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);
@@ -4684,60 +4684,55 @@ 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 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",
-          },
-        } })),
+  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(),
     },
-  }, formatted || props.demoData || {}, { arrayMerge: (_, a) => a });
+    props.demoData || {},
+    formatted,
+  ], { arrayMerge: (_, a) => a });
+  return merged;
 }
 
 const PHONE_EXTENSIONS = {

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

@@ -3202,6 +3202,7 @@ 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] }