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

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

@@ -18,6 +18,7 @@ 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');
@@ -4687,12 +4688,18 @@ 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: {
@@ -4734,7 +4741,7 @@ function useDemoTaxAndCashDashboard(props) {
           },
         } })),
     },
-  }, props.demoData || props.stateController || {}, { arrayMerge: (_, a) => a });
+  }, formatted || props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 
 const PHONE_EXTENSIONS = {

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/sqm-hero/sqm-hero.js

@@ -122,13 +122,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 left column)"
+        "text": "Content background color or image (for use in the left column)"
       },
       "attribute": "background",
       "reflect": false
@@ -172,13 +172,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 right column)"
+        "text": "Splash image or background color (for use in the right column)"
       },
       "attribute": "secondary-background",
       "reflect": false

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.js

@@ -5,6 +5,7 @@ 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
  */
@@ -362,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()))),
@@ -1900,6 +1902,11 @@ 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: {
@@ -1941,5 +1948,5 @@ function useDemoTaxAndCashDashboard(props) {
           },
         } })),
     },
-  }, props.demoData || props.stateController || {}, { arrayMerge: (_, a) => a });
+  }, formatted || props.demoData || {}, { arrayMerge: (_, a) => a });
 }

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

@@ -14,6 +14,7 @@ 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';
@@ -4683,12 +4684,18 @@ 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: {
@@ -4730,7 +4737,7 @@ function useDemoTaxAndCashDashboard(props) {
           },
         } })),
     },
-  }, props.demoData || props.stateController || {}, { arrayMerge: (_, a) => a });
+  }, formatted || props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 
 const PHONE_EXTENSIONS = {

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",