@saasquatch/mint-components 1.15.0-124 → 1.15.0-125

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.
@@ -753,7 +753,7 @@ const BankingInfoFormView = (props) => {
753
753
  index.h("p", { class: classes.DescriptionText }, text.paymentMethodSubtext))),
754
754
  index.h("div", null,
755
755
  index.h("div", { class: classes.CheckboxContainer }, states.loading && formState.paymentMethodChecked === undefined ? (getLoadingSkeleton(undefined)) : (index.h("div", { class: classes.RadioContainer },
756
- states.hasPayPal && (index.h("sl-radio", { class: classes.Checkbox, exportparts: "label: input-label, base: input-base", checked: formState.paymentMethodChecked === "toBankAccount", onInput: () => callbacks.setPaymentMethodChecked("toBankAccount"), disabled: states.disabled, id: "toBankAccount", name: "/toBankAccount" }, text.directlyToBankAccount)),
756
+ states.hasPayPal && (index.h("sl-radio", { class: classes.Checkbox, exportparts: "base: radio-base", checked: formState.paymentMethodChecked === "toBankAccount", onInput: () => callbacks.setPaymentMethodChecked("toBankAccount"), disabled: states.disabled, id: "toBankAccount", name: "/toBankAccount" }, text.directlyToBankAccount)),
757
757
  formState.paymentMethodChecked === "toBankAccount" && (index.h("div", { class: classes.InputContainer, style: states.hideBanking ? { display: "none" } : {} }, states.loading
758
758
  ? getLoadingSkeleton("toBankAccount", slots.formInputsSlot.length + 3)
759
759
  : [
@@ -761,7 +761,7 @@ const BankingInfoFormView = (props) => {
761
761
  slots.paymentMethodSlot,
762
762
  slots.formInputsSlot,
763
763
  ])),
764
- states.hasPayPal && (index.h("sl-radio", { class: classes.Checkbox, exportparts: "label: input-label, base: input-base", checked: formState.paymentMethodChecked === "toPayPalAccount", onInput: () => callbacks.setPaymentMethodChecked("toPayPalAccount"), disabled: states.disabled, id: "toPayPalAccount", name: "/toPayPalAccount" }, global.intl.formatMessage({
764
+ states.hasPayPal && (index.h("sl-radio", { class: classes.Checkbox, exportparts: "base: radio-base", checked: formState.paymentMethodChecked === "toPayPalAccount", onInput: () => callbacks.setPaymentMethodChecked("toPayPalAccount"), disabled: states.disabled, id: "toPayPalAccount", name: "/toPayPalAccount" }, global.intl.formatMessage({
765
765
  id: "paypal-input-label",
766
766
  defaultMessage: text.toPayPalAccount,
767
767
  }, { feeCap: states.feeCap }))),
@@ -770,11 +770,11 @@ const BankingInfoFormView = (props) => {
770
770
  : slots.paypalInputSlot)),
771
771
  index.h("div", { style: { paddingTop: "24px", paddingBottom: "12px" } },
772
772
  index.h("h4", null, text.paymentSchedule)),
773
- index.h("sl-radio", { class: classes.Checkbox, exportparts: "label: input-label, base: input-base", checked: formState.paymentScheduleChecked === "BALANCE_THRESHOLD", onInput: () => callbacks.setPaymentScheduleChecked("BALANCE_THRESHOLD"), disabled: states.disabled, id: "paymentSchedulingType", name: "/paymentSchedulingType", value: "BALANCE_THRESHOLD" }, text.paymentScheduleBalanceThreshold),
773
+ index.h("sl-radio", { class: classes.Checkbox, exportparts: "base: radio-base", checked: formState.paymentScheduleChecked === "BALANCE_THRESHOLD", onInput: () => callbacks.setPaymentScheduleChecked("BALANCE_THRESHOLD"), disabled: states.disabled, id: "paymentSchedulingType", name: "/paymentSchedulingType", value: "BALANCE_THRESHOLD" }, text.paymentScheduleBalanceThreshold),
774
774
  formState.paymentScheduleChecked === "BALANCE_THRESHOLD" && (index.h("div", { class: classes.InputContainer, style: states.hideBalanceThreshold ? { display: "none" } : {} }, states.loading
775
775
  ? getLoadingSkeleton("toPayPalAccount")
776
776
  : slots.paymentThresholdSelectSlot)),
777
- index.h("sl-radio", { class: classes.Checkbox, exportparts: "label: input-label, base: input-base", checked: formState.paymentScheduleChecked === "FIXED_DAY", onInput: () => callbacks.setPaymentScheduleChecked("FIXED_DAY"), disabled: states.disabled, id: "paymentSchedulingType", name: "/paymentSchedulingType", value: "FIXED_DAY" }, text.paymentScheduleFixedDay),
777
+ index.h("sl-radio", { class: classes.Checkbox, exportparts: "base: radio-base", checked: formState.paymentScheduleChecked === "FIXED_DAY", onInput: () => callbacks.setPaymentScheduleChecked("FIXED_DAY"), disabled: states.disabled, id: "paymentSchedulingType", name: "/paymentSchedulingType", value: "FIXED_DAY" }, text.paymentScheduleFixedDay),
778
778
  formState.paymentScheduleChecked === "FIXED_DAY" && (index.h("div", { class: classes.InputContainer, style: states.hideFixedDay ? { display: "none" } : {} }, states.loading
779
779
  ? getLoadingSkeleton("toPayPalAccount")
780
780
  : slots.paymentFixedDaySelectSlot))))),
@@ -227,7 +227,7 @@ export const BankingInfoFormView = (props) => {
227
227
  h("p", { class: classes.DescriptionText }, text.paymentMethodSubtext))),
228
228
  h("div", null,
229
229
  h("div", { class: classes.CheckboxContainer }, states.loading && formState.paymentMethodChecked === undefined ? (getLoadingSkeleton(undefined)) : (h("div", { class: classes.RadioContainer },
230
- states.hasPayPal && (h("sl-radio", { class: classes.Checkbox, exportparts: "label: input-label, base: input-base", checked: formState.paymentMethodChecked === "toBankAccount", onInput: () => callbacks.setPaymentMethodChecked("toBankAccount"), disabled: states.disabled, id: "toBankAccount", name: "/toBankAccount" }, text.directlyToBankAccount)),
230
+ states.hasPayPal && (h("sl-radio", { class: classes.Checkbox, exportparts: "base: radio-base", checked: formState.paymentMethodChecked === "toBankAccount", onInput: () => callbacks.setPaymentMethodChecked("toBankAccount"), disabled: states.disabled, id: "toBankAccount", name: "/toBankAccount" }, text.directlyToBankAccount)),
231
231
  formState.paymentMethodChecked === "toBankAccount" && (h("div", { class: classes.InputContainer, style: states.hideBanking ? { display: "none" } : {} }, states.loading
232
232
  ? getLoadingSkeleton("toBankAccount", slots.formInputsSlot.length + 3)
233
233
  : [
@@ -235,7 +235,7 @@ export const BankingInfoFormView = (props) => {
235
235
  slots.paymentMethodSlot,
236
236
  slots.formInputsSlot,
237
237
  ])),
238
- states.hasPayPal && (h("sl-radio", { class: classes.Checkbox, exportparts: "label: input-label, base: input-base", checked: formState.paymentMethodChecked === "toPayPalAccount", onInput: () => callbacks.setPaymentMethodChecked("toPayPalAccount"), disabled: states.disabled, id: "toPayPalAccount", name: "/toPayPalAccount" }, intl.formatMessage({
238
+ states.hasPayPal && (h("sl-radio", { class: classes.Checkbox, exportparts: "base: radio-base", checked: formState.paymentMethodChecked === "toPayPalAccount", onInput: () => callbacks.setPaymentMethodChecked("toPayPalAccount"), disabled: states.disabled, id: "toPayPalAccount", name: "/toPayPalAccount" }, intl.formatMessage({
239
239
  id: "paypal-input-label",
240
240
  defaultMessage: text.toPayPalAccount,
241
241
  }, { feeCap: states.feeCap }))),
@@ -244,11 +244,11 @@ export const BankingInfoFormView = (props) => {
244
244
  : slots.paypalInputSlot)),
245
245
  h("div", { style: { paddingTop: "24px", paddingBottom: "12px" } },
246
246
  h("h4", null, text.paymentSchedule)),
247
- h("sl-radio", { class: classes.Checkbox, exportparts: "label: input-label, base: input-base", checked: formState.paymentScheduleChecked === "BALANCE_THRESHOLD", onInput: () => callbacks.setPaymentScheduleChecked("BALANCE_THRESHOLD"), disabled: states.disabled, id: "paymentSchedulingType", name: "/paymentSchedulingType", value: "BALANCE_THRESHOLD" }, text.paymentScheduleBalanceThreshold),
247
+ h("sl-radio", { class: classes.Checkbox, exportparts: "base: radio-base", checked: formState.paymentScheduleChecked === "BALANCE_THRESHOLD", onInput: () => callbacks.setPaymentScheduleChecked("BALANCE_THRESHOLD"), disabled: states.disabled, id: "paymentSchedulingType", name: "/paymentSchedulingType", value: "BALANCE_THRESHOLD" }, text.paymentScheduleBalanceThreshold),
248
248
  formState.paymentScheduleChecked === "BALANCE_THRESHOLD" && (h("div", { class: classes.InputContainer, style: states.hideBalanceThreshold ? { display: "none" } : {} }, states.loading
249
249
  ? getLoadingSkeleton("toPayPalAccount")
250
250
  : slots.paymentThresholdSelectSlot)),
251
- h("sl-radio", { class: classes.Checkbox, exportparts: "label: input-label, base: input-base", checked: formState.paymentScheduleChecked === "FIXED_DAY", onInput: () => callbacks.setPaymentScheduleChecked("FIXED_DAY"), disabled: states.disabled, id: "paymentSchedulingType", name: "/paymentSchedulingType", value: "FIXED_DAY" }, text.paymentScheduleFixedDay),
251
+ h("sl-radio", { class: classes.Checkbox, exportparts: "base: radio-base", checked: formState.paymentScheduleChecked === "FIXED_DAY", onInput: () => callbacks.setPaymentScheduleChecked("FIXED_DAY"), disabled: states.disabled, id: "paymentSchedulingType", name: "/paymentSchedulingType", value: "FIXED_DAY" }, text.paymentScheduleFixedDay),
252
252
  formState.paymentScheduleChecked === "FIXED_DAY" && (h("div", { class: classes.InputContainer, style: states.hideFixedDay ? { display: "none" } : {} }, states.loading
253
253
  ? getLoadingSkeleton("toPayPalAccount")
254
254
  : slots.paymentFixedDaySelectSlot))))),
@@ -749,7 +749,7 @@ const BankingInfoFormView = (props) => {
749
749
  h("p", { class: classes.DescriptionText }, text.paymentMethodSubtext))),
750
750
  h("div", null,
751
751
  h("div", { class: classes.CheckboxContainer }, states.loading && formState.paymentMethodChecked === undefined ? (getLoadingSkeleton(undefined)) : (h("div", { class: classes.RadioContainer },
752
- states.hasPayPal && (h("sl-radio", { class: classes.Checkbox, exportparts: "label: input-label, base: input-base", checked: formState.paymentMethodChecked === "toBankAccount", onInput: () => callbacks.setPaymentMethodChecked("toBankAccount"), disabled: states.disabled, id: "toBankAccount", name: "/toBankAccount" }, text.directlyToBankAccount)),
752
+ states.hasPayPal && (h("sl-radio", { class: classes.Checkbox, exportparts: "base: radio-base", checked: formState.paymentMethodChecked === "toBankAccount", onInput: () => callbacks.setPaymentMethodChecked("toBankAccount"), disabled: states.disabled, id: "toBankAccount", name: "/toBankAccount" }, text.directlyToBankAccount)),
753
753
  formState.paymentMethodChecked === "toBankAccount" && (h("div", { class: classes.InputContainer, style: states.hideBanking ? { display: "none" } : {} }, states.loading
754
754
  ? getLoadingSkeleton("toBankAccount", slots.formInputsSlot.length + 3)
755
755
  : [
@@ -757,7 +757,7 @@ const BankingInfoFormView = (props) => {
757
757
  slots.paymentMethodSlot,
758
758
  slots.formInputsSlot,
759
759
  ])),
760
- states.hasPayPal && (h("sl-radio", { class: classes.Checkbox, exportparts: "label: input-label, base: input-base", checked: formState.paymentMethodChecked === "toPayPalAccount", onInput: () => callbacks.setPaymentMethodChecked("toPayPalAccount"), disabled: states.disabled, id: "toPayPalAccount", name: "/toPayPalAccount" }, intl.formatMessage({
760
+ states.hasPayPal && (h("sl-radio", { class: classes.Checkbox, exportparts: "base: radio-base", checked: formState.paymentMethodChecked === "toPayPalAccount", onInput: () => callbacks.setPaymentMethodChecked("toPayPalAccount"), disabled: states.disabled, id: "toPayPalAccount", name: "/toPayPalAccount" }, intl.formatMessage({
761
761
  id: "paypal-input-label",
762
762
  defaultMessage: text.toPayPalAccount,
763
763
  }, { feeCap: states.feeCap }))),
@@ -766,11 +766,11 @@ const BankingInfoFormView = (props) => {
766
766
  : slots.paypalInputSlot)),
767
767
  h("div", { style: { paddingTop: "24px", paddingBottom: "12px" } },
768
768
  h("h4", null, text.paymentSchedule)),
769
- h("sl-radio", { class: classes.Checkbox, exportparts: "label: input-label, base: input-base", checked: formState.paymentScheduleChecked === "BALANCE_THRESHOLD", onInput: () => callbacks.setPaymentScheduleChecked("BALANCE_THRESHOLD"), disabled: states.disabled, id: "paymentSchedulingType", name: "/paymentSchedulingType", value: "BALANCE_THRESHOLD" }, text.paymentScheduleBalanceThreshold),
769
+ h("sl-radio", { class: classes.Checkbox, exportparts: "base: radio-base", checked: formState.paymentScheduleChecked === "BALANCE_THRESHOLD", onInput: () => callbacks.setPaymentScheduleChecked("BALANCE_THRESHOLD"), disabled: states.disabled, id: "paymentSchedulingType", name: "/paymentSchedulingType", value: "BALANCE_THRESHOLD" }, text.paymentScheduleBalanceThreshold),
770
770
  formState.paymentScheduleChecked === "BALANCE_THRESHOLD" && (h("div", { class: classes.InputContainer, style: states.hideBalanceThreshold ? { display: "none" } : {} }, states.loading
771
771
  ? getLoadingSkeleton("toPayPalAccount")
772
772
  : slots.paymentThresholdSelectSlot)),
773
- h("sl-radio", { class: classes.Checkbox, exportparts: "label: input-label, base: input-base", checked: formState.paymentScheduleChecked === "FIXED_DAY", onInput: () => callbacks.setPaymentScheduleChecked("FIXED_DAY"), disabled: states.disabled, id: "paymentSchedulingType", name: "/paymentSchedulingType", value: "FIXED_DAY" }, text.paymentScheduleFixedDay),
773
+ h("sl-radio", { class: classes.Checkbox, exportparts: "base: radio-base", checked: formState.paymentScheduleChecked === "FIXED_DAY", onInput: () => callbacks.setPaymentScheduleChecked("FIXED_DAY"), disabled: states.disabled, id: "paymentSchedulingType", name: "/paymentSchedulingType", value: "FIXED_DAY" }, text.paymentScheduleFixedDay),
774
774
  formState.paymentScheduleChecked === "FIXED_DAY" && (h("div", { class: classes.InputContainer, style: states.hideFixedDay ? { display: "none" } : {} }, states.loading
775
775
  ? getLoadingSkeleton("toPayPalAccount")
776
776
  : slots.paymentFixedDaySelectSlot))))),