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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -4103,7 +4103,6 @@ const TaxAndCashDashboardView = (props) => {
4103
4103
  }
4104
4104
  };
4105
4105
  const alertInfo = getAlert(states.payoutStatus);
4106
- console.log({ states, props });
4107
4106
  return (index.h("div", null,
4108
4107
  index.h("div", null,
4109
4108
  index.h("style", { type: "text/css" }, styleString$4),
@@ -4144,7 +4143,7 @@ const TaxAndCashDashboardView = (props) => {
4144
4143
  index.h("div", { class: sheet$4.classes.BankingInformationContainer },
4145
4144
  slots.payoutDetailsCardSlot,
4146
4145
  !states.loading && (index.h("p", { class: sheet$4.classes.DescriptionText }, text.payoutFromImpact)),
4147
- states.canEditPayoutInfo && (index.h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)))),
4146
+ 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)))),
4148
4147
  (!states.noFormNeeded || states.status === "NOT_VERIFIED") && (index.h("div", { class: sheet$4.classes.TaxDocumentsContainer },
4149
4148
  index.h("div", null, states.loading ? (index.h("div", { class: sheet$4.classes.TaxSectionSkeletonContainer },
4150
4149
  index.h("sl-skeleton", { class: sheet$4.classes.SkeletonOne }),
@@ -4689,7 +4688,6 @@ const TaxAndCashDashboard = class {
4689
4688
  const props = index_module.isDemo()
4690
4689
  ? useDemoTaxAndCashDashboard(this)
4691
4690
  : useTaxAndCashDashboard(this);
4692
- console.log({ stateController: this.stateController });
4693
4691
  return (index.h(index.Host, null, index.h(TaxAndCashDashboardView, { callbacks: props.callbacks, states: props.states, text: props.text, slots: {
4694
4692
  payoutDetailsCardSlot: (index.h("sqm-payout-details-card", Object.assign({}, this.getTextProps()))),
4695
4693
  } })));
@@ -4697,7 +4695,6 @@ const TaxAndCashDashboard = class {
4697
4695
  };
4698
4696
  function useDemoTaxAndCashDashboard(props) {
4699
4697
  const stateController = parseStates.parseStates(props.stateController);
4700
- console.log({ stateController });
4701
4698
  // @ts-ignore
4702
4699
  return cjs.cjs({
4703
4700
  states: {
@@ -1264,7 +1264,6 @@ const TaxAndCashMonolith = class {
1264
1264
  render() {
1265
1265
  var _a, _b;
1266
1266
  const props = index_module.isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
1267
- console.log({ props });
1268
1267
  // @ts-ignore
1269
1268
  if ((_a = this.demoData) === null || _a === void 0 ? void 0 : _a.showTextProps) {
1270
1269
  const textProps = utils$1.getProps(this);
@@ -122,13 +122,13 @@ export class Hero {
122
122
  "optional": true,
123
123
  "docs": {
124
124
  "tags": [{
125
- "text": "Content background",
125
+ "text": "Splash image",
126
126
  "name": "uiName"
127
127
  }, {
128
128
  "text": "Background",
129
129
  "name": "uiWidget"
130
130
  }],
131
- "text": "Content background color or image (for use in the left column)"
131
+ "text": "Splash image or background color (for use in the left column)"
132
132
  },
133
133
  "attribute": "background",
134
134
  "reflect": false
@@ -172,13 +172,13 @@ export class Hero {
172
172
  "optional": true,
173
173
  "docs": {
174
174
  "tags": [{
175
- "text": "Splash image",
175
+ "text": "Content background",
176
176
  "name": "uiName"
177
177
  }, {
178
178
  "text": "Background",
179
179
  "name": "uiWidget"
180
180
  }],
181
- "text": "Splash image or background color (for use in the right column)"
181
+ "text": "Content background color or image (for use in the right column)"
182
182
  },
183
183
  "attribute": "secondary-background",
184
184
  "reflect": false
@@ -1100,7 +1100,6 @@ export class TaxAndCashMonolith {
1100
1100
  render() {
1101
1101
  var _a, _b;
1102
1102
  const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
1103
- console.log({ props });
1104
1103
  // @ts-ignore
1105
1104
  if ((_a = this.demoData) === null || _a === void 0 ? void 0 : _a.showTextProps) {
1106
1105
  const textProps = getProps(this);
@@ -396,7 +396,6 @@ export const TaxAndCashDashboardView = (props) => {
396
396
  }
397
397
  };
398
398
  const alertInfo = getAlert(states.payoutStatus);
399
- console.log({ states, props });
400
399
  return (h("div", null,
401
400
  h("div", null,
402
401
  h("style", { type: "text/css" }, styleString),
@@ -437,7 +436,7 @@ export const TaxAndCashDashboardView = (props) => {
437
436
  h("div", { class: sheet.classes.BankingInformationContainer },
438
437
  slots.payoutDetailsCardSlot,
439
438
  !states.loading && (h("p", { class: sheet.classes.DescriptionText }, text.payoutFromImpact)),
440
- states.canEditPayoutInfo && (h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)))),
439
+ 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)))),
441
440
  (!states.noFormNeeded || states.status === "NOT_VERIFIED") && (h("div", { class: sheet.classes.TaxDocumentsContainer },
442
441
  h("div", null, states.loading ? (h("div", { class: sheet.classes.TaxSectionSkeletonContainer },
443
442
  h("sl-skeleton", { class: sheet.classes.SkeletonOne }),
@@ -2,10 +2,10 @@ import { isDemo } from "@saasquatch/component-boilerplate";
2
2
  import { withHooks } from "@saasquatch/stencil-hooks";
3
3
  import { Component, h, Host, Prop } from "@stencil/core";
4
4
  import deepmerge from "deepmerge";
5
+ import { parseStates } from "../../../utils/parseStates";
5
6
  import { getProps } from "../../../utils/utils";
6
7
  import { TaxAndCashDashboardView } from "./sqm-tax-and-cash-dashboard-view";
7
8
  import { useTaxAndCashDashboard, } from "./useTaxAndCashDashboard";
8
- import { parseStates } from "../../../utils/parseStates";
9
9
  /**
10
10
  * @uiName Tax and Cash Status Dashboard
11
11
  */
@@ -363,7 +363,6 @@ export class TaxAndCashDashboard {
363
363
  const props = isDemo()
364
364
  ? useDemoTaxAndCashDashboard(this)
365
365
  : useTaxAndCashDashboard(this);
366
- console.log({ stateController: this.stateController });
367
366
  return (h(Host, null,
368
367
  h(TaxAndCashDashboardView, { callbacks: props.callbacks, states: props.states, text: props.text, slots: {
369
368
  payoutDetailsCardSlot: (h("sqm-payout-details-card", Object.assign({}, this.getTextProps()))),
@@ -1903,7 +1902,6 @@ export class TaxAndCashDashboard {
1903
1902
  }
1904
1903
  function useDemoTaxAndCashDashboard(props) {
1905
1904
  const stateController = parseStates(props.stateController);
1906
- console.log({ stateController });
1907
1905
  // @ts-ignore
1908
1906
  return deepmerge({
1909
1907
  states: {
@@ -4099,7 +4099,6 @@ const TaxAndCashDashboardView = (props) => {
4099
4099
  }
4100
4100
  };
4101
4101
  const alertInfo = getAlert(states.payoutStatus);
4102
- console.log({ states, props });
4103
4102
  return (h("div", null,
4104
4103
  h("div", null,
4105
4104
  h("style", { type: "text/css" }, styleString$4),
@@ -4140,7 +4139,7 @@ const TaxAndCashDashboardView = (props) => {
4140
4139
  h("div", { class: sheet$4.classes.BankingInformationContainer },
4141
4140
  slots.payoutDetailsCardSlot,
4142
4141
  !states.loading && (h("p", { class: sheet$4.classes.DescriptionText }, text.payoutFromImpact)),
4143
- states.canEditPayoutInfo && (h("sl-button", { disabled: states.disabled || states.loading, type: "default", class: sheet$4.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)))),
4142
+ 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)))),
4144
4143
  (!states.noFormNeeded || states.status === "NOT_VERIFIED") && (h("div", { class: sheet$4.classes.TaxDocumentsContainer },
4145
4144
  h("div", null, states.loading ? (h("div", { class: sheet$4.classes.TaxSectionSkeletonContainer },
4146
4145
  h("sl-skeleton", { class: sheet$4.classes.SkeletonOne }),
@@ -4685,7 +4684,6 @@ const TaxAndCashDashboard = class {
4685
4684
  const props = isDemo()
4686
4685
  ? useDemoTaxAndCashDashboard(this)
4687
4686
  : useTaxAndCashDashboard(this);
4688
- console.log({ stateController: this.stateController });
4689
4687
  return (h(Host, null, h(TaxAndCashDashboardView, { callbacks: props.callbacks, states: props.states, text: props.text, slots: {
4690
4688
  payoutDetailsCardSlot: (h("sqm-payout-details-card", Object.assign({}, this.getTextProps()))),
4691
4689
  } })));
@@ -4693,7 +4691,6 @@ const TaxAndCashDashboard = class {
4693
4691
  };
4694
4692
  function useDemoTaxAndCashDashboard(props) {
4695
4693
  const stateController = parseStates(props.stateController);
4696
- console.log({ stateController });
4697
4694
  // @ts-ignore
4698
4695
  return cjs({
4699
4696
  states: {
@@ -1260,7 +1260,6 @@ const TaxAndCashMonolith = class {
1260
1260
  render() {
1261
1261
  var _a, _b;
1262
1262
  const props = isDemo() ? useDemoTaxAndCash(this) : useTaxAndCash();
1263
- console.log({ props });
1264
1263
  // @ts-ignore
1265
1264
  if ((_a = this.demoData) === null || _a === void 0 ? void 0 : _a.showTextProps) {
1266
1265
  const textProps = getProps(this);