@saasquatch/mint-components 2.0.0-43 → 2.0.0-47

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

@@ -4103,7 +4103,6 @@ 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),
@@ -4144,7 +4143,7 @@ const TaxAndCashDashboardView = (props) => {
         index.h("div", { class: sheet$4.classes.BankingInformationContainer },
           slots.payoutDetailsCardSlot,
           !states.loading && (index.h("p", { class: sheet$4.classes.DescriptionText }, text.payoutFromImpact)),
-          states.canEditPayoutInfo && (index.h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)))),
+          states.canEditPayoutInfo && (index.h("sl-button", { disabled: states.disabled || states.loading, type: "default", exportparts: "base: secondarybutton-base", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)))),
       (!states.noFormNeeded || states.status === "NOT_VERIFIED") && (index.h("div", { class: sheet$4.classes.TaxDocumentsContainer },
         index.h("div", null, states.loading ? (index.h("div", { class: sheet$4.classes.TaxSectionSkeletonContainer },
           index.h("sl-skeleton", { class: sheet$4.classes.SkeletonOne }),
@@ -4689,18 +4688,13 @@ 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 });
+  const stateController = parseStates.parseStates(props.stateController);
   // @ts-ignore
   return cjs.cjs({
     states: {
@@ -4723,7 +4717,7 @@ function useDemoTaxAndCashDashboard(props) {
       province: undefined,
       notRegistered: true,
       loadingError: false,
-      payoutStatus: formatted.payoutStatus || "DONE",
+      payoutStatus: "DONE",
       veriffLoading: false,
       canEditPayoutInfo: true,
     },
@@ -4742,7 +4736,7 @@ function useDemoTaxAndCashDashboard(props) {
           },
         } })),
     },
-  }, formatted || props.demoData || {}, { arrayMerge: (_, a) => a });
+  }, stateController || props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 
 const PHONE_EXTENSIONS = {

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

@@ -1264,7 +1264,6 @@ 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);

package/dist/collection/components/sqm-hero/sqm-hero.js

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

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

@@ -396,7 +396,6 @@ 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),
@@ -437,7 +436,7 @@ export const TaxAndCashDashboardView = (props) => {
         h("div", { class: sheet.classes.BankingInformationContainer },
           slots.payoutDetailsCardSlot,
           !states.loading && (h("p", { class: sheet.classes.DescriptionText }, text.payoutFromImpact)),
-          states.canEditPayoutInfo && (h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)))),
+          states.canEditPayoutInfo && (h("sl-button", { disabled: states.disabled || states.loading, type: "default", exportparts: "base: secondarybutton-base", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)))),
       (!states.noFormNeeded || states.status === "NOT_VERIFIED") && (h("div", { class: sheet.classes.TaxDocumentsContainer },
         h("div", null, states.loading ? (h("div", { class: sheet.classes.TaxSectionSkeletonContainer },
           h("sl-skeleton", { class: sheet.classes.SkeletonOne }),

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

@@ -2,10 +2,10 @@ import { isDemo } from "@saasquatch/component-boilerplate";
 import { withHooks } from "@saasquatch/stencil-hooks";
 import { Component, h, Host, Prop } from "@stencil/core";
 import deepmerge from "deepmerge";
+import { parseStates } from "../../../utils/parseStates";
 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
  */
@@ -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()))),
@@ -1902,11 +1901,7 @@ 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 });
+  const stateController = parseStates(props.stateController);
   // @ts-ignore
   return deepmerge({
     states: {
@@ -1929,7 +1924,7 @@ function useDemoTaxAndCashDashboard(props) {
       province: undefined,
       notRegistered: true,
       loadingError: false,
-      payoutStatus: formatted.payoutStatus || "DONE",
+      payoutStatus: "DONE",
       veriffLoading: false,
       canEditPayoutInfo: true,
     },
@@ -1948,5 +1943,5 @@ function useDemoTaxAndCashDashboard(props) {
           },
         } })),
     },
-  }, formatted || props.demoData || {}, { arrayMerge: (_, a) => a });
+  }, stateController || props.demoData || {}, { arrayMerge: (_, a) => a });
 }

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

@@ -4099,7 +4099,6 @@ 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),
@@ -4140,7 +4139,7 @@ const TaxAndCashDashboardView = (props) => {
         h("div", { class: sheet$4.classes.BankingInformationContainer },
           slots.payoutDetailsCardSlot,
           !states.loading && (h("p", { class: sheet$4.classes.DescriptionText }, text.payoutFromImpact)),
-          states.canEditPayoutInfo && (h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)))),
+          states.canEditPayoutInfo && (h("sl-button", { disabled: states.disabled || states.loading, type: "default", exportparts: "base: secondarybutton-base", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)))),
       (!states.noFormNeeded || states.status === "NOT_VERIFIED") && (h("div", { class: sheet$4.classes.TaxDocumentsContainer },
         h("div", null, states.loading ? (h("div", { class: sheet$4.classes.TaxSectionSkeletonContainer },
           h("sl-skeleton", { class: sheet$4.classes.SkeletonOne }),
@@ -4685,18 +4684,13 @@ 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 });
+  const stateController = parseStates(props.stateController);
   // @ts-ignore
   return cjs({
     states: {
@@ -4719,7 +4713,7 @@ function useDemoTaxAndCashDashboard(props) {
       province: undefined,
       notRegistered: true,
       loadingError: false,
-      payoutStatus: formatted.payoutStatus || "DONE",
+      payoutStatus: "DONE",
       veriffLoading: false,
       canEditPayoutInfo: true,
     },
@@ -4738,7 +4732,7 @@ function useDemoTaxAndCashDashboard(props) {
           },
         } })),
     },
-  }, formatted || props.demoData || {}, { arrayMerge: (_, a) => a });
+  }, stateController || props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 
 const PHONE_EXTENSIONS = {

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

@@ -1260,7 +1260,6 @@ 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);