@saasquatch/mint-components 2.0.0-27 → 2.0.0-29

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

@@ -18,7 +18,6 @@ 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');
@@ -4666,7 +4665,7 @@ const TaxAndCashDashboard = class {
     this.cancelButton = "Cancel";
     /**
      * @undocumented
-     * @componentState { "title": "Payouts on hold", "props": { "states": { "payoutStatus": "HOLD" } }, "dependencies": ["sqm-tax-and-cash"], "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);
@@ -4685,18 +4684,27 @@ const TaxAndCashDashboard = class {
     };
   }
   render() {
+    const effectiveStateController = this.getEffectiveStateController();
     const props = index_module.isDemo()
-      ? useDemoTaxAndCashDashboard(this)
+      ? useDemoTaxAndCashDashboard(this, effectiveStateController)
       : useTaxAndCashDashboard(this);
     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()))),
       } })));
   }
+  getEffectiveStateController() {
+    var _a, _b;
+    if (this.stateController && this.stateController !== "{}") {
+      return this.stateController;
+    }
+    const parent = (_a = this.hostEl) === null || _a === void 0 ? void 0 : _a.closest("sqm-widget-verification-controller");
+    return (_b = parent === null || parent === void 0 ? void 0 : parent.getAttribute("state-controller")) !== null && _b !== void 0 ? _b : "{}";
+  }
+  get hostEl() { return index.getElement(this); }
 };
-function useDemoTaxAndCashDashboard(props) {
-  const parsed = parseStates.parseStates(props.stateController);
-  const formatted = parsed["sqm-tax-and-cash-dashboard"] !== undefined
-    ? parsed["sqm-tax-and-cash-dashboard"]
+function useDemoTaxAndCashDashboard(props, stateController) {
+  const formatted = stateController["sqm-tax-and-cash-dashboard"] !== undefined
+    ? stateController["sqm-tax-and-cash-dashboard"]
     : {};
   const merged = cjs.cjs.all([
     {

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

@@ -1,11 +1,10 @@
 import { isDemo } from "@saasquatch/component-boilerplate";
 import { withHooks } from "@saasquatch/stencil-hooks";
-import { Component, h, Host, Prop } from "@stencil/core";
+import { Component, h, Host, Prop, Element } from "@stencil/core";
 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
  */
@@ -341,7 +340,7 @@ export class TaxAndCashDashboard {
     this.cancelButton = "Cancel";
     /**
      * @undocumented
-     * @componentState { "title": "Payouts on hold", "props": { "states": { "payoutStatus": "HOLD" } }, "dependencies": ["sqm-tax-and-cash"], "uiGroup": "Dashboard Properties" }
+     * @componentState { "title": "Payouts on hold", "props": { "states": { "payoutStatus": "HOLD" } }, "dependencies": ["sqm-payout-status-alert"], "uiGroup": "Dashboard Properties" }
      */
     this.stateController = "{}";
     withHooks(this);
@@ -360,14 +359,23 @@ export class TaxAndCashDashboard {
     };
   }
   render() {
+    const effectiveStateController = this.getEffectiveStateController();
     const props = isDemo()
-      ? useDemoTaxAndCashDashboard(this)
+      ? useDemoTaxAndCashDashboard(this, effectiveStateController)
       : useTaxAndCashDashboard(this);
     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()))),
         } })));
   }
+  getEffectiveStateController() {
+    var _a, _b;
+    if (this.stateController && this.stateController !== "{}") {
+      return this.stateController;
+    }
+    const parent = (_a = this.hostEl) === null || _a === void 0 ? void 0 : _a.closest("sqm-widget-verification-controller");
+    return (_b = parent === null || parent === void 0 ? void 0 : parent.getAttribute("state-controller")) !== null && _b !== void 0 ? _b : "{}";
+  }
   static get is() { return "sqm-tax-and-cash-dashboard"; }
   static get encapsulation() { return "shadow"; }
   static get properties() { return {
@@ -1889,7 +1897,7 @@ export class TaxAndCashDashboard {
             "text": undefined,
             "name": "undocumented"
           }, {
-            "text": "{ \"title\": \"Payouts on hold\", \"props\": { \"states\": { \"payoutStatus\": \"HOLD\" } }, \"dependencies\": [\"sqm-tax-and-cash\"], \"uiGroup\": \"Dashboard Properties\" }",
+            "text": "{ \"title\": \"Payouts on hold\", \"props\": { \"states\": { \"payoutStatus\": \"HOLD\" } }, \"dependencies\": [\"sqm-payout-status-alert\"], \"uiGroup\": \"Dashboard Properties\" }",
             "name": "componentState"
           }],
         "text": ""
@@ -1899,11 +1907,11 @@ export class TaxAndCashDashboard {
       "defaultValue": "\"{}\""
     }
   }; }
+  static get elementRef() { return "hostEl"; }
 }
-function useDemoTaxAndCashDashboard(props) {
-  const parsed = parseStates(props.stateController);
-  const formatted = parsed["sqm-tax-and-cash-dashboard"] !== undefined
-    ? parsed["sqm-tax-and-cash-dashboard"]
+function useDemoTaxAndCashDashboard(props, stateController) {
+  const formatted = stateController["sqm-tax-and-cash-dashboard"] !== undefined
+    ? stateController["sqm-tax-and-cash-dashboard"]
     : {};
   const merged = deepmerge.all([
     {

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

@@ -14,7 +14,6 @@ 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';
@@ -4662,7 +4661,7 @@ const TaxAndCashDashboard = class {
     this.cancelButton = "Cancel";
     /**
      * @undocumented
-     * @componentState { "title": "Payouts on hold", "props": { "states": { "payoutStatus": "HOLD" } }, "dependencies": ["sqm-tax-and-cash"], "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);
@@ -4681,18 +4680,27 @@ const TaxAndCashDashboard = class {
     };
   }
   render() {
+    const effectiveStateController = this.getEffectiveStateController();
     const props = isDemo()
-      ? useDemoTaxAndCashDashboard(this)
+      ? useDemoTaxAndCashDashboard(this, effectiveStateController)
       : useTaxAndCashDashboard(this);
     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()))),
       } })));
   }
+  getEffectiveStateController() {
+    var _a, _b;
+    if (this.stateController && this.stateController !== "{}") {
+      return this.stateController;
+    }
+    const parent = (_a = this.hostEl) === null || _a === void 0 ? void 0 : _a.closest("sqm-widget-verification-controller");
+    return (_b = parent === null || parent === void 0 ? void 0 : parent.getAttribute("state-controller")) !== null && _b !== void 0 ? _b : "{}";
+  }
+  get hostEl() { return getElement(this); }
 };
-function useDemoTaxAndCashDashboard(props) {
-  const parsed = parseStates(props.stateController);
-  const formatted = parsed["sqm-tax-and-cash-dashboard"] !== undefined
-    ? parsed["sqm-tax-and-cash-dashboard"]
+function useDemoTaxAndCashDashboard(props, stateController) {
+  const formatted = stateController["sqm-tax-and-cash-dashboard"] !== undefined
+    ? stateController["sqm-tax-and-cash-dashboard"]
     : {};
   const merged = cjs.all([
     {