@saasquatch/mint-components 2.0.0-40 → 2.0.0-41

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

@@ -4103,6 +4103,7 @@ const TaxAndCashDashboardView = (props) => {
     }
   };
   const alertInfo = getAlert(states.payoutStatus);
+  console.log({ states, props });
   return (index.h("div", null,
     index.h("div", null,
       index.h("style", { type: "text/css" }, styleString$4),
@@ -4666,9 +4667,9 @@ 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 = "{ states: { payoutStatus: 'HOLD' } }";
+    this.stateController = "{}";
     domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
@@ -4688,6 +4689,7 @@ 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()))),
       } })));
@@ -4698,6 +4700,7 @@ function useDemoTaxAndCashDashboard(props) {
   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: {

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/cjs/sqm-tax-and-cash.cjs.entry.js

@@ -1264,6 +1264,7 @@ const TaxAndCashMonolith = class {
   render() {
     var _a, _b;
     const props = index_module.isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
+    console.log({ props });
     // @ts-ignore
     if ((_a = this.demoData) === null || _a === void 0 ? void 0 : _a.showTextProps) {
       const textProps = utils$1.getProps(this);
@@ -1283,7 +1284,7 @@ const TaxAndCashMonolith = class {
       case "/4":
         return (index.h("sqm-banking-info-form", Object.assign({}, this.getGeneralStepTextProps("step4_"))));
       case "/dashboard":
-        return (index.h("sqm-tax-and-cash-dashboard", Object.assign({}, this.getGeneralStepTextProps("dashboard_"))));
+        return (index.h("sqm-tax-and-cash-dashboard", Object.assign({}, this.getGeneralStepTextProps("dashboard_"), { stateController: props["sqm-tax-and-cash-dashboard_stateController"] || "{}" })));
       case "/error":
         return (index.h(ErrorView.ErrorView, { loadingErrorAlertHeader: this.loadingErrorAlertHeader, loadingErrorAlertDescription: global.intl.formatMessage({
             id: "loadingErrorAlertDescription",

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/sqm-tax-and-cash.js

@@ -1100,6 +1100,7 @@ export class TaxAndCashMonolith {
   render() {
     var _a, _b;
     const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
+    console.log({ props });
     // @ts-ignore
     if ((_a = this.demoData) === null || _a === void 0 ? void 0 : _a.showTextProps) {
       const textProps = getProps(this);
@@ -1125,7 +1126,7 @@ export class TaxAndCashMonolith {
       case "/4":
         return (h("sqm-banking-info-form", Object.assign({}, this.getGeneralStepTextProps("step4_"))));
       case "/dashboard":
-        return (h("sqm-tax-and-cash-dashboard", Object.assign({}, this.getGeneralStepTextProps("dashboard_"))));
+        return (h("sqm-tax-and-cash-dashboard", Object.assign({}, this.getGeneralStepTextProps("dashboard_"), { stateController: props["sqm-tax-and-cash-dashboard_stateController"] || "{}" })));
       case "/error":
         return (h(ErrorView, { loadingErrorAlertHeader: this.loadingErrorAlertHeader, loadingErrorAlertDescription: intl.formatMessage({
             id: "loadingErrorAlertDescription",

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

@@ -396,6 +396,7 @@ export const TaxAndCashDashboardView = (props) => {
     }
   };
   const alertInfo = getAlert(states.payoutStatus);
+  console.log({ states, props });
   return (h("div", null,
     h("div", null,
       h("style", { type: "text/css" }, styleString),

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

@@ -341,9 +341,9 @@ 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 = "{ states: { payoutStatus: 'HOLD' } }";
+    this.stateController = "{}";
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -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,24 +1890,23 @@ 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": ""
       },
       "attribute": "state-controller",
       "reflect": false,
-      "defaultValue": "\"{ states: { payoutStatus: 'HOLD' } }\""
+      "defaultValue": "\"{}\""
     }
   }; }
 }
 function useDemoTaxAndCashDashboard(props) {
-  var _a, _b, _c, _d;
   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] }, {});
-  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;
+  console.log({ formatted });
   // @ts-ignore
   return deepmerge({
     states: {

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

@@ -4099,6 +4099,7 @@ const TaxAndCashDashboardView = (props) => {
     }
   };
   const alertInfo = getAlert(states.payoutStatus);
+  console.log({ states, props });
   return (h("div", null,
     h("div", null,
       h("style", { type: "text/css" }, styleString$4),
@@ -4662,9 +4663,9 @@ 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 = "{ states: { payoutStatus: 'HOLD' } }";
+    this.stateController = "{}";
     h$1(this);
   }
   disconnectedCallback() { }
@@ -4684,6 +4685,7 @@ 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()))),
       } })));
@@ -4694,6 +4696,7 @@ function useDemoTaxAndCashDashboard(props) {
   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: {

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] }

package/dist/esm/sqm-tax-and-cash.entry.js

@@ -1260,6 +1260,7 @@ const TaxAndCashMonolith = class {
   render() {
     var _a, _b;
     const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
+    console.log({ props });
     // @ts-ignore
     if ((_a = this.demoData) === null || _a === void 0 ? void 0 : _a.showTextProps) {
       const textProps = getProps(this);
@@ -1279,7 +1280,7 @@ const TaxAndCashMonolith = class {
       case "/4":
         return (h$1("sqm-banking-info-form", Object.assign({}, this.getGeneralStepTextProps("step4_"))));
       case "/dashboard":
-        return (h$1("sqm-tax-and-cash-dashboard", Object.assign({}, this.getGeneralStepTextProps("dashboard_"))));
+        return (h$1("sqm-tax-and-cash-dashboard", Object.assign({}, this.getGeneralStepTextProps("dashboard_"), { stateController: props["sqm-tax-and-cash-dashboard_stateController"] || "{}" })));
       case "/error":
         return (h$1(ErrorView, { loadingErrorAlertHeader: this.loadingErrorAlertHeader, loadingErrorAlertDescription: intl.formatMessage({
             id: "loadingErrorAlertDescription",