@saasquatch/mint-components 1.14.3-6 → 1.14.3

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.
Files changed (75) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/mint-components.cjs.js +1 -1
  3. package/dist/cjs/{mockRewardData-272e22d6.js → mockRewardData-7815f10f.js} +1 -1
  4. package/dist/cjs/sqm-banking-info-form_17.cjs.entry.js +5 -158
  5. package/dist/cjs/{sqm-invoice-table-view-0f7fa309.js → sqm-invoice-table-view-16ac73d0.js} +0 -17
  6. package/dist/cjs/sqm-referral-table_11.cjs.entry.js +3 -3
  7. package/dist/cjs/sqm-rewards-table_9.cjs.entry.js +2 -2
  8. package/dist/cjs/sqm-stencilbook.cjs.entry.js +895 -511
  9. package/dist/collection/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.js +1 -1
  10. package/dist/collection/components/sqm-referral-table/mockReferralData.js +1 -1
  11. package/dist/collection/components/sqm-rewards-table/RewardsTableCell.stories.js +2 -2
  12. package/dist/collection/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.js +1 -1
  13. package/dist/collection/components/sqm-rewards-table/mockRewardData.js +1 -1
  14. package/dist/collection/components/tax-and-cash/BankingForm.stories.js +0 -12
  15. package/dist/collection/components/tax-and-cash/TaxForm.stories.js +0 -16
  16. package/dist/collection/components/tax-and-cash/sqm-banking-info-form/formDefinitions.js +1 -1
  17. package/dist/collection/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.js +1 -36
  18. package/dist/collection/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.js +3 -106
  19. package/dist/collection/components/tax-and-cash/sqm-banking-info-form/useBankingInfoForm.js +0 -7
  20. package/dist/collection/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.js +0 -38
  21. package/dist/collection/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.js +1 -79
  22. package/dist/collection/components/tax-and-cash/sqm-docusign-form/useDocusignForm.js +0 -4
  23. package/dist/collection/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.js +2 -205
  24. package/dist/esm/loader.js +1 -1
  25. package/dist/esm/mint-components.js +1 -1
  26. package/dist/esm/{mockRewardData-8bd1b356.js → mockRewardData-a3cdb832.js} +1 -1
  27. package/dist/esm/sqm-banking-info-form_17.entry.js +5 -158
  28. package/dist/esm/{sqm-invoice-table-view-7f376a75.js → sqm-invoice-table-view-2c726568.js} +0 -17
  29. package/dist/esm/sqm-referral-table_11.entry.js +3 -3
  30. package/dist/esm/sqm-rewards-table_9.entry.js +2 -2
  31. package/dist/esm/sqm-stencilbook.entry.js +2880 -2496
  32. package/dist/esm-es5/loader.js +1 -1
  33. package/dist/esm-es5/mint-components.js +1 -1
  34. package/dist/esm-es5/sqm-banking-info-form_17.entry.js +1 -1
  35. package/dist/esm-es5/sqm-invoice-table-view-2c726568.js +1 -0
  36. package/dist/esm-es5/sqm-referral-table_11.entry.js +1 -1
  37. package/dist/esm-es5/sqm-rewards-table_9.entry.js +1 -1
  38. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  39. package/dist/mint-components/mint-components.esm.js +1 -1
  40. package/dist/mint-components/{p-693942df.entry.js → p-08090b99.entry.js} +2 -2
  41. package/dist/mint-components/p-0d68b3b1.entry.js +205 -0
  42. package/dist/mint-components/{p-c82859b2.system.entry.js → p-207da855.system.entry.js} +1 -1
  43. package/dist/mint-components/p-37996351.system.js +1 -1
  44. package/dist/mint-components/p-3f067fd5.js +1 -0
  45. package/dist/mint-components/{p-fe2e2f4a.entry.js → p-89104bc4.entry.js} +1 -1
  46. package/dist/mint-components/p-a6178052.system.entry.js +1 -0
  47. package/dist/mint-components/p-a7746488.system.js +1 -0
  48. package/dist/mint-components/{p-805446b1.entry.js → p-b06add5c.entry.js} +2 -2
  49. package/dist/mint-components/{p-de8e9981.system.entry.js → p-cc833efb.system.entry.js} +1 -1
  50. package/dist/mint-components/{p-5d7e308c.system.entry.js → p-fc7a2647.system.entry.js} +1 -1
  51. package/dist/mint-components/sqm-stencilbook.entry.js +18989 -0
  52. package/dist/mint-components/sqm-stencilbook.system.entry.js +1 -0
  53. package/dist/types/components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.d.ts +1 -1
  54. package/dist/types/components/tax-and-cash/BankingForm.stories.d.ts +0 -1
  55. package/dist/types/components/tax-and-cash/TaxForm.stories.d.ts +0 -1
  56. package/dist/types/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.d.ts +0 -6
  57. package/dist/types/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form.d.ts +0 -16
  58. package/dist/types/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.d.ts +0 -6
  59. package/dist/types/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.d.ts +0 -12
  60. package/dist/types/components/tax-and-cash/sqm-docusign-form/useDocusignForm.d.ts +0 -3
  61. package/dist/types/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.d.ts +0 -35
  62. package/dist/types/components.d.ts +0 -126
  63. package/docs/docs.docx +0 -0
  64. package/docs/raisins.json +1 -1
  65. package/grapesjs/grapesjs.js +1 -1
  66. package/package.json +1 -1
  67. package/shoelace/assets/icons/twitter-x.svg +4 -0
  68. package/dist/esm-es5/sqm-invoice-table-view-7f376a75.js +0 -1
  69. package/dist/mint-components/p-7e07418c.system.entry.js +0 -1
  70. package/dist/mint-components/p-9a1843cb.system.js +0 -1
  71. package/dist/mint-components/p-b03ef82f.entry.js +0 -205
  72. package/dist/mint-components/p-ccd60c4b.js +0 -1
  73. /package/dist/esm-es5/{mockRewardData-8bd1b356.js → mockRewardData-a3cdb832.js} +0 -0
  74. /package/dist/mint-components/{p-726a9924.js → p-938f64d9.js} +0 -0
  75. /package/dist/mint-components/{p-8413ade9.system.js → p-ae1ea5ac.system.js} +0 -0
@@ -123,7 +123,7 @@ export class ReferralTableRewardsCell {
123
123
  if (!((_l = taxConnection === null || taxConnection === void 0 ? void 0 : taxConnection.publisher) === null || _l === void 0 ? void 0 : _l.withdrawalSettings))
124
124
  return "PENDING_PARTNER_CREATION";
125
125
  }
126
- if ((_m = reward === null || reward === void 0 ? void 0 : reward.pendingReasons) === null || _m === void 0 ? void 0 : _m.includes("PAYOUT_CONFIGURATION_MISSING")) {
126
+ if ((_m = reward === null || reward === void 0 ? void 0 : reward.pendingReasons) === null || _m === void 0 ? void 0 : _m.includes("MISSING_PAYOUT_CONFIGURATION")) {
127
127
  return "PENDING_PARTNER_CREATION";
128
128
  }
129
129
  if (reward.statuses.length === 1)
@@ -96,7 +96,7 @@ const getMockData = () => {
96
96
  prettyValue: "1 Point",
97
97
  statuses: statuses[Math.floor(Math.random() * statuses.length)],
98
98
  // statuses: ["PENDING"],
99
- // pendingReasons: ["US_TAX", "PAYOUT_CONFIGURATION_MISSING"],
99
+ // pendingReasons: ["US_TAX", "MISSING_PAYOUT_CONFIGURATION"],
100
100
  globalRewardKey: null,
101
101
  programRewardKey: "partnerReward",
102
102
  meta: {
@@ -30,7 +30,7 @@ const rewardsData = {
30
30
  prettyAvailableNumber: "19",
31
31
  prettyRedeemedNumber: "0",
32
32
  statuses: ["AVAILABLE", "PENDING"],
33
- pendingReasons: ["US_TAX", "PAYOUT_CONFIGURATION_MISSING"],
33
+ pendingReasons: ["US_TAX", "MISSING_PAYOUT_CONFIGURATION"],
34
34
  globalRewardKey: null,
35
35
  rewardSource: "MANUAL",
36
36
  prettyRedeemedCredit: "0 Points",
@@ -323,7 +323,7 @@ export const StatusCellPendingTaxSubmission = () => {
323
323
  export const StatusCellPendingPartnerCreation = () => {
324
324
  return (h("sqm-rewards-table-status-cell", { statusText: "Pending", reward: {
325
325
  ...rewardsData,
326
- pendingReasons: ["PAYOUT_CONFIGURATION_MISSING"],
326
+ pendingReasons: ["MISSING_PAYOUT_CONFIGURATION"],
327
327
  } }));
328
328
  };
329
329
  export const StatusCellPayoutSent = () => {
@@ -104,7 +104,7 @@ export class RewardTableStatusCell {
104
104
  if (!((_d = taxConnection === null || taxConnection === void 0 ? void 0 : taxConnection.publisher) === null || _d === void 0 ? void 0 : _d.withdrawalSettings))
105
105
  return this.pendingPartnerCreation;
106
106
  }
107
- if ((_e = reward === null || reward === void 0 ? void 0 : reward.pendingReasons) === null || _e === void 0 ? void 0 : _e.includes("PAYOUT_CONFIGURATION_MISSING")) {
107
+ if ((_e = reward === null || reward === void 0 ? void 0 : reward.pendingReasons) === null || _e === void 0 ? void 0 : _e.includes("MISSING_PAYOUT_CONFIGURATION")) {
108
108
  return this.pendingPartnerCreation;
109
109
  }
110
110
  return "";
@@ -83,7 +83,7 @@ const getMockData = (status) => {
83
83
  dateExpires = today.minus({ days: 1 }).toMillis();
84
84
  }
85
85
  else if (randomStatus === "PENDING") {
86
- // pendingReason = ["PAYOUT_CONFIGURATION_MISSING"];
86
+ // pendingReason = ["MISSING_PAYOUT_CONFIGURATION"];
87
87
  const reason = pendingReasons[Math.floor(Math.random() * 3)];
88
88
  pendingReason = [reason];
89
89
  if (reason === "SCHEDULED") {
@@ -20,7 +20,6 @@ const bankingFormProps = {
20
20
  currency: "USD",
21
21
  loadingError: false,
22
22
  email: "test@example.com",
23
- showModal: false,
24
23
  },
25
24
  callbacks: {
26
25
  onVerificationHide: () => { },
@@ -30,8 +29,6 @@ const bankingFormProps = {
30
29
  setPaymentScheduleChecked: () => { },
31
30
  setCountrySearch: () => { },
32
31
  onBack: async () => console.log("back"),
33
- onModalOpen: () => { },
34
- onModalClose: () => { },
35
32
  },
36
33
  refs: { formRef: { current: null } },
37
34
  };
@@ -352,12 +349,3 @@ export const BankingInfoFormVerififyIdentityModal = () => {
352
349
  },
353
350
  } }));
354
351
  };
355
- export const BankingInfoFormModalOpen = () => {
356
- return (h("sqm-banking-info-form", { demoData: {
357
- ...bankingFormProps,
358
- states: {
359
- ...bankingFormProps.states,
360
- showModal: true,
361
- },
362
- } }));
363
- };
@@ -209,7 +209,6 @@ const stepFourProps = {
209
209
  formState: {
210
210
  paymentMethodChecked: "toBankAccount",
211
211
  },
212
- showModal: false,
213
212
  },
214
213
  callbacks: {
215
214
  onVerificationHide: () => { },
@@ -219,8 +218,6 @@ const stepFourProps = {
219
218
  setPaymentScheduleChecked: () => { },
220
219
  onBack: async () => console.log("back"),
221
220
  setCountrySearch: () => { },
222
- onModalOpen: () => { },
223
- onModalClose: () => { },
224
221
  },
225
222
  refs: { formRef: { current: null } },
226
223
  };
@@ -242,15 +239,12 @@ const docusignFormProps = {
242
239
  errors: {},
243
240
  taxFormExpired: false,
244
241
  },
245
- showModal: false,
246
242
  },
247
243
  callbacks: {
248
244
  onExit: () => { },
249
245
  completeDocument: async () => { },
250
246
  setParticipantType: (p) => console.log({ p }),
251
247
  setDocusignStatus: (status) => console.log(status),
252
- onModalOpen: () => { },
253
- onModalClose: () => { },
254
248
  },
255
249
  };
256
250
  const dashboardProps = {
@@ -727,16 +721,6 @@ export const StepThreeDocusignDisabled = () => {
727
721
  },
728
722
  } }));
729
723
  };
730
- export const StepThreeWithDocusignModalOpen = () => {
731
- return (h("sqm-docusign-form", { demoData: {
732
- states: {
733
- documentType: "W9",
734
- documentTypeString: taxTypeToName("W9"),
735
- ...docusignFormProps.states,
736
- showModal: true,
737
- },
738
- } }));
739
- };
740
724
  // STEP 4
741
725
  export const StepFourDefault = () => {
742
726
  return h("sqm-banking-info-form", null);
@@ -5,7 +5,7 @@ export function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
5
5
  const { errors, ...formState } = props.states.formState;
6
6
  return {
7
7
  0: {
8
- input: (h("sl-input", Object.assign({ required: true, label: props.text.beneficiaryAccountNameLabel, name: "/beneficiaryAccountName", id: "beneficiaryAccountName", key: "beneficiaryAccountName", type: "text", "help-text": props.text.beneficiaryAccountNameDescription }, (((_a = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _a === void 0 ? void 0 : _a.beneficiaryAccountName) && {
8
+ input: (h("sl-input", Object.assign({ required: true, label: props.text.beneficiaryAccountNameLabel, name: "/beneficiaryAccountName", id: "beneficiaryAccountName", key: "beneficiaryAccountName", type: "text" }, (((_a = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _a === void 0 ? void 0 : _a.beneficiaryAccountName) && {
9
9
  class: "error-input",
10
10
  helpText: getValidationErrorMessage({
11
11
  type: (_c = (_b = errors === null || errors === void 0 ? void 0 : errors.inputErrors) === null || _b === void 0 ? void 0 : _b.beneficiaryAccountName) === null || _c === void 0 ? void 0 : _c.type,
@@ -3,11 +3,6 @@ import { intl } from "../../../global/global";
3
3
  import { createStyleSheet } from "../../../styling/JSS";
4
4
  import { FORM_STEPS } from "../sqm-tax-and-cash/data";
5
5
  const style = {
6
- ModalTitleContainer: {
7
- display: "flex",
8
- gap: "var(--sl-spacing-small)",
9
- alignItems: "center",
10
- },
11
6
  FormWrapper: {
12
7
  display: "flex",
13
8
  justifyContent: "flex-start",
@@ -147,28 +142,6 @@ const style = {
147
142
  height: "26px",
148
143
  width: "26px",
149
144
  },
150
- Dialog: {
151
- "&::part(panel)": {
152
- maxWidth: "420px",
153
- },
154
- "&::part(title)": {
155
- fontSize: "var(--sl-font-size-large)",
156
- fontWeight: "600",
157
- },
158
- "&::part(body)": {
159
- padding: "0 var(--sl-spacing-x-large) 0 var(--sl-spacing-x-large)",
160
- fontSize: "var(--sl-font-size-small)",
161
- },
162
- "&::part(footer)": {
163
- display: "flex",
164
- flexDirection: "column",
165
- gap: "var(--sl-spacing-small)",
166
- marginBottom: "var(--sl-spacing-xx-small)",
167
- alignItems: "center",
168
- flex: "1",
169
- },
170
- },
171
- DialogButton: { margin: "auto", width: "100%" },
172
145
  };
173
146
  const sheet = createStyleSheet(style);
174
147
  const styleString = sheet.toString();
@@ -238,12 +211,6 @@ export const BankingInfoFormView = (props) => {
238
211
  h("style", { type: "text/css" },
239
212
  styleString,
240
213
  vanillaStyle),
241
- h("sl-dialog", { class: sheet.classes.Dialog, open: states.showModal, "onSl-hide": callbacks.onModalClose },
242
- h("div", { class: classes.ModalTitleContainer, slot: "label" },
243
- h("sl-icon", { name: "info-circle", style: { color: "var(--sl-color-info-500)" } }),
244
- h("h2", { style: { fontSize: "var(--sl-font-size-large)" } }, text.modalTitle)),
245
- h("p", null, text.modalDescription),
246
- h("sl-button", { slot: "footer", type: "primary", class: sheet.classes.DialogButton, submit: true, exportparts: "base: primarybutton-base" }, text.modalButtonText)),
247
214
  h("div", { class: classes.TextContainer },
248
215
  h("div", null,
249
216
  !states.hideSteps && (h("p", null, intl.formatMessage({
@@ -303,8 +270,6 @@ export const BankingInfoFormView = (props) => {
303
270
  ? getLoadingSkeleton("toPayPalAccount")
304
271
  : slots.paymentFixedDaySelectSlot))))),
305
272
  h("div", { class: classes.BtnContainer },
306
- h("sl-button", Object.assign({ type: "primary", disabled: states.disabled || states.saveDisabled, loading: states.saveLoading }, (states.hideSteps
307
- ? { onClick: callbacks.onModalOpen }
308
- : { submit: "submit" }), { exportparts: "base: primarybutton-base" }), text.continueButton),
273
+ h("sl-button", { type: "primary", disabled: states.disabled || states.saveDisabled, loading: states.saveLoading, submit: true, exportparts: "base: primarybutton-base" }, text.continueButton),
309
274
  !states.hideBackButton && (h("sl-button", { exportparts: "base: secondarybutton-base", class: classes.SecondaryBtn, type: "text", onClick: callbacks.onBack }, text.backButton))))));
310
275
  };
@@ -92,11 +92,7 @@ export class BankingInfoForm {
92
92
  /**
93
93
  * @uiName Beneficiary account field label
94
94
  */
95
- this.beneficiaryAccountNameLabel = "Account holder name";
96
- /**
97
- * @uiName Beneficiary account field description
98
- */
99
- this.beneficiaryAccountNameDescription = "The beneficiary name of your bank account. Ensure this matches the name on your tax form.";
95
+ this.beneficiaryAccountNameLabel = "Beneficiary account name";
100
96
  /**
101
97
  * @uiName Bank account type field label
102
98
  */
@@ -275,18 +271,6 @@ export class BankingInfoForm {
275
271
  * @uiWidget textArea
276
272
  */
277
273
  this.loadingErrorAlertDescription = "Please refresh the page and try again. If this problem continues, contact Support.";
278
- /**
279
- * @uiName Information modal title
280
- */
281
- this.modalTitle = "Important Note";
282
- /**
283
- * @uiName Information modal description text
284
- */
285
- this.modalDescription = "Updating payment information places your account and payouts on hold for up to 48 hours while we verify your change. Payments scheduled during the hold period are skipped.";
286
- /**
287
- * @uiName Information modal button text
288
- */
289
- this.modalButtonText = "I understand, update my information";
290
274
  withHooks(this);
291
275
  }
292
276
  disconnectedCallback() { }
@@ -784,28 +768,7 @@ export class BankingInfoForm {
784
768
  },
785
769
  "attribute": "beneficiary-account-name-label",
786
770
  "reflect": false,
787
- "defaultValue": "\"Account holder name\""
788
- },
789
- "beneficiaryAccountNameDescription": {
790
- "type": "string",
791
- "mutable": false,
792
- "complexType": {
793
- "original": "string",
794
- "resolved": "string",
795
- "references": {}
796
- },
797
- "required": false,
798
- "optional": false,
799
- "docs": {
800
- "tags": [{
801
- "text": "Beneficiary account field description",
802
- "name": "uiName"
803
- }],
804
- "text": ""
805
- },
806
- "attribute": "beneficiary-account-name-description",
807
- "reflect": false,
808
- "defaultValue": "\"The beneficiary name of your bank account. Ensure this matches the name on your tax form.\""
771
+ "defaultValue": "\"Beneficiary account name\""
809
772
  },
810
773
  "bankAccountTypeLabel": {
811
774
  "type": "string",
@@ -1644,75 +1607,12 @@ export class BankingInfoForm {
1644
1607
  "reflect": false,
1645
1608
  "defaultValue": "\"Please refresh the page and try again. If this problem continues, contact Support.\""
1646
1609
  },
1647
- "modalTitle": {
1648
- "type": "string",
1649
- "mutable": false,
1650
- "complexType": {
1651
- "original": "string",
1652
- "resolved": "string",
1653
- "references": {}
1654
- },
1655
- "required": false,
1656
- "optional": false,
1657
- "docs": {
1658
- "tags": [{
1659
- "text": "Information modal title",
1660
- "name": "uiName"
1661
- }],
1662
- "text": ""
1663
- },
1664
- "attribute": "modal-title",
1665
- "reflect": false,
1666
- "defaultValue": "\"Important Note\""
1667
- },
1668
- "modalDescription": {
1669
- "type": "string",
1670
- "mutable": false,
1671
- "complexType": {
1672
- "original": "string",
1673
- "resolved": "string",
1674
- "references": {}
1675
- },
1676
- "required": false,
1677
- "optional": false,
1678
- "docs": {
1679
- "tags": [{
1680
- "text": "Information modal description text",
1681
- "name": "uiName"
1682
- }],
1683
- "text": ""
1684
- },
1685
- "attribute": "modal-description",
1686
- "reflect": false,
1687
- "defaultValue": "\"Updating payment information places your account and payouts on hold for up to 48 hours while we verify your change. Payments scheduled during the hold period are skipped.\""
1688
- },
1689
- "modalButtonText": {
1690
- "type": "string",
1691
- "mutable": false,
1692
- "complexType": {
1693
- "original": "string",
1694
- "resolved": "string",
1695
- "references": {}
1696
- },
1697
- "required": false,
1698
- "optional": false,
1699
- "docs": {
1700
- "tags": [{
1701
- "text": "Information modal button text",
1702
- "name": "uiName"
1703
- }],
1704
- "text": ""
1705
- },
1706
- "attribute": "modal-button-text",
1707
- "reflect": false,
1708
- "defaultValue": "\"I understand, update my information\""
1709
- },
1710
1610
  "demoData": {
1711
1611
  "type": "unknown",
1712
1612
  "mutable": false,
1713
1613
  "complexType": {
1714
1614
  "original": "DemoData<BankingInfoFormViewProps>",
1715
- "resolved": "{ states?: { showVerification: boolean; step?: string; locale?: string; loading: boolean; saveLoading?: boolean; disabled: boolean; saveDisabled: boolean; hideSteps?: boolean; hasPayPal: boolean; hideBanking?: boolean; hidePayPal?: boolean; hideBalanceThreshold?: boolean; hideFixedDay?: boolean; hideBackButton: boolean; feeCap?: string; isPartner: boolean; paymentMethodFeeLabel?: string; loadingError: boolean; formState: BankingInfoFormData & { paymentMethodChecked?: \"toBankAccount\" | \"toPayPalAccount\"; paymentScheduleChecked?: \"BALANCE_THRESHOLD\" | \"FIXED_DAY\"; errors?: { general?: boolean; inputErrors?: { [field: string]: { type: \"required\" | \"invalid\"; }; }; }; }; bitset?: number; currency?: string; thresholds: string[]; countries?: { countryCode: string; displayName: string; }[]; allCountries?: { countryCode: string; displayName: string; }[]; currentPaymentOption?: any; showInputs?: boolean; bankCountry?: string; countrySearch?: string; email?: string; showModal: boolean; }; slots?: { verificationDialogSlot?: VNode; formInputsSlot?: VNode[]; countryInputSlot?: VNode; paymentMethodSlot?: VNode; paymentThresholdSelectSlot?: VNode; paymentFixedDaySelectSlot?: VNode; paypalInputSlot?: VNode; }; refs?: { formRef: any; }; }",
1615
+ "resolved": "{ states?: { showVerification: boolean; step?: string; locale?: string; loading: boolean; saveLoading?: boolean; disabled: boolean; saveDisabled: boolean; hideSteps?: boolean; hasPayPal: boolean; hideBanking?: boolean; hidePayPal?: boolean; hideBalanceThreshold?: boolean; hideFixedDay?: boolean; hideBackButton: boolean; feeCap?: string; isPartner: boolean; paymentMethodFeeLabel?: string; loadingError: boolean; formState: BankingInfoFormData & { paymentMethodChecked?: \"toBankAccount\" | \"toPayPalAccount\"; paymentScheduleChecked?: \"BALANCE_THRESHOLD\" | \"FIXED_DAY\"; errors?: { general?: boolean; inputErrors?: { [field: string]: { type: \"required\" | \"invalid\"; }; }; }; }; bitset?: number; currency?: string; thresholds: string[]; countries?: { countryCode: string; displayName: string; }[]; allCountries?: { countryCode: string; displayName: string; }[]; currentPaymentOption?: any; showInputs?: boolean; bankCountry?: string; countrySearch?: string; email?: string; }; slots?: { verificationDialogSlot?: VNode; formInputsSlot?: VNode[]; countryInputSlot?: VNode; paymentMethodSlot?: VNode; paymentThresholdSelectSlot?: VNode; paymentFixedDaySelectSlot?: VNode; paypalInputSlot?: VNode; }; refs?: { formRef: any; }; }",
1716
1616
  "references": {
1717
1617
  "DemoData": {
1718
1618
  "location": "import",
@@ -1821,7 +1721,6 @@ function useDemoBankingInfoForm(props) {
1821
1721
  currency,
1822
1722
  setCurrency,
1823
1723
  hasPayPal: true,
1824
- showModal: false,
1825
1724
  },
1826
1725
  callbacks: {
1827
1726
  onVerificationHide: () => { },
@@ -1834,8 +1733,6 @@ function useDemoBankingInfoForm(props) {
1834
1733
  setCountrySearch: () => { },
1835
1734
  onBack: async () => setStep("/dashboard"),
1836
1735
  onVerification: () => { },
1837
- onModalOpen: () => { },
1838
- onModalClose: () => { },
1839
1736
  },
1840
1737
  text: props.getTextProps(),
1841
1738
  refs: {
@@ -105,7 +105,6 @@ export function useBankingInfoForm(props) {
105
105
  const [paymentScheduleChecked, setPaymentScheduleChecked] = useState(undefined);
106
106
  const [countrySearch, setCountrySearch] = useState("");
107
107
  const [filteredCountries, setFilteredCountries] = useState(countries || []);
108
- const [showModal, setShowModal] = useState(false);
109
108
  const currency = ((_c = (_b = (_a = userData === null || userData === void 0 ? void 0 : userData.user) === null || _a === void 0 ? void 0 : _a.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher) === null || _c === void 0 ? void 0 : _c.currency) || "";
110
109
  const isPartner = !!((_f = (_e = (_d = userData === null || userData === void 0 ? void 0 : userData.user) === null || _d === void 0 ? void 0 : _d.impactConnection) === null || _e === void 0 ? void 0 : _e.publisher) === null || _f === void 0 ? void 0 : _f.withdrawalSettings);
111
110
  const feeCap = paypalFeeMap[currency] || "";
@@ -277,12 +276,10 @@ export function useBankingInfoForm(props) {
277
276
  });
278
277
  setErrors({ inputErrors: validationErrors });
279
278
  if (Object.keys(validationErrors).length) {
280
- setShowModal(false);
281
279
  return;
282
280
  }
283
281
  let token = undefined;
284
282
  if (isPartner) {
285
- setShowModal(false);
286
283
  setShowVerification(true);
287
284
  token = await new Promise((res) => {
288
285
  const cb = (e) => {
@@ -295,7 +292,6 @@ export function useBankingInfoForm(props) {
295
292
  setShowVerification(false);
296
293
  }
297
294
  await runMutation(formData, token);
298
- setShowModal(false);
299
295
  };
300
296
  const onVerification = async (token) => {
301
297
  host.dispatchEvent(new CustomEvent(VERIFICATION_EVENT_KEY, {
@@ -329,8 +325,6 @@ export function useBankingInfoForm(props) {
329
325
  setCountrySearch,
330
326
  onVerification,
331
327
  onVerificationHide: () => onVerification(null),
332
- onModalClose: () => setShowModal(false),
333
- onModalOpen: () => setShowModal(true),
334
328
  },
335
329
  states: {
336
330
  showVerification,
@@ -364,7 +358,6 @@ export function useBankingInfoForm(props) {
364
358
  bankCountry: formState.bankCountry,
365
359
  countrySearch,
366
360
  email: (_j = userData === null || userData === void 0 ? void 0 : userData.user) === null || _j === void 0 ? void 0 : _j.email,
367
- showModal,
368
361
  },
369
362
  refs: {
370
363
  formRef,
@@ -3,11 +3,6 @@ import { intl } from "../../../global/global";
3
3
  import { createStyleSheet } from "../../../styling/JSS";
4
4
  import { FORM_STEPS } from "../sqm-tax-and-cash/data";
5
5
  const style = {
6
- ModalTitleContainer: {
7
- display: "flex",
8
- gap: "var(--sl-spacing-small)",
9
- alignItems: "center",
10
- },
11
6
  FormWrapper: {
12
7
  display: "flex",
13
8
  justifyContent: "flex-start",
@@ -119,28 +114,6 @@ const style = {
119
114
  color: "var(--sl-color-neutral-500)",
120
115
  fontSize: "var(--sl-font-size-medium)",
121
116
  },
122
- Dialog: {
123
- "&::part(panel)": {
124
- maxWidth: "420px",
125
- },
126
- "&::part(title)": {
127
- fontSize: "var(--sl-font-size-large)",
128
- fontWeight: "600",
129
- },
130
- "&::part(body)": {
131
- padding: "0 var(--sl-spacing-x-large) 0 var(--sl-spacing-x-large)",
132
- fontSize: "var(--sl-font-size-small)",
133
- },
134
- "&::part(footer)": {
135
- display: "flex",
136
- flexDirection: "column",
137
- gap: "var(--sl-spacing-small)",
138
- marginBottom: "var(--sl-spacing-xx-small)",
139
- alignItems: "center",
140
- flex: "1",
141
- },
142
- },
143
- DialogButton: { margin: "auto", width: "100%" },
144
117
  };
145
118
  const sheet = createStyleSheet(style);
146
119
  const styleString = sheet.toString();
@@ -174,17 +147,6 @@ export const DocusignFormView = (props) => {
174
147
  h("style", { type: "text/css" },
175
148
  styleString,
176
149
  vanillaStyle),
177
- h("sl-dialog", { class: sheet.classes.Dialog, open: states.showModal, "onSl-hide": callbacks.onModalClose },
178
- h("div", { class: classes.ModalTitleContainer, slot: "label" },
179
- h("sl-icon", { name: "info-circle", style: { color: "var(--sl-color-info-500)" } }),
180
- h("h2", { style: { fontSize: "var(--sl-font-size-large)" } }, text.modalTitle)),
181
- h("p", null, intl.formatMessage({
182
- id: "modalText",
183
- defaultMessage: text.modalDescription,
184
- }, {
185
- br: h("br", null),
186
- })),
187
- h("sl-button", { slot: "footer", type: "primary", class: sheet.classes.DialogButton, onClick: callbacks.onModalClose, exportparts: "base: primarybutton-base" }, text.modalButtonText)),
188
150
  h("div", { class: classes.TextContainer },
189
151
  h("div", null,
190
152
  !states.hideSteps && (h("p", null, intl.formatMessage({
@@ -120,18 +120,6 @@ export class DocusignForm {
120
120
  * @uiName Exit button text
121
121
  */
122
122
  this.exitButton = "Exit";
123
- /**
124
- * @uiName Information modal title
125
- */
126
- this.modalTitle = "Important Note";
127
- /**
128
- * @uiName Information modal description text
129
- */
130
- this.modalDescription = "Ensure the name you enter in your tax form matches the name on your bank account, also known as the beneficiary name.{br}{br}Otherwise you will have to resubmit your form again and there will be delays receiving your payout.";
131
- /**
132
- * @uiName Information modal button text
133
- */
134
- this.modalButtonText = "I understand";
135
123
  withHooks(this);
136
124
  }
137
125
  disconnectedCallback() { }
@@ -619,75 +607,12 @@ export class DocusignForm {
619
607
  "reflect": false,
620
608
  "defaultValue": "\"Exit\""
621
609
  },
622
- "modalTitle": {
623
- "type": "string",
624
- "mutable": false,
625
- "complexType": {
626
- "original": "string",
627
- "resolved": "string",
628
- "references": {}
629
- },
630
- "required": false,
631
- "optional": false,
632
- "docs": {
633
- "tags": [{
634
- "text": "Information modal title",
635
- "name": "uiName"
636
- }],
637
- "text": ""
638
- },
639
- "attribute": "modal-title",
640
- "reflect": false,
641
- "defaultValue": "\"Important Note\""
642
- },
643
- "modalDescription": {
644
- "type": "string",
645
- "mutable": false,
646
- "complexType": {
647
- "original": "string",
648
- "resolved": "string",
649
- "references": {}
650
- },
651
- "required": false,
652
- "optional": false,
653
- "docs": {
654
- "tags": [{
655
- "text": "Information modal description text",
656
- "name": "uiName"
657
- }],
658
- "text": ""
659
- },
660
- "attribute": "modal-description",
661
- "reflect": false,
662
- "defaultValue": "\"Ensure the name you enter in your tax form matches the name on your bank account, also known as the beneficiary name.{br}{br}Otherwise you will have to resubmit your form again and there will be delays receiving your payout.\""
663
- },
664
- "modalButtonText": {
665
- "type": "string",
666
- "mutable": false,
667
- "complexType": {
668
- "original": "string",
669
- "resolved": "string",
670
- "references": {}
671
- },
672
- "required": false,
673
- "optional": false,
674
- "docs": {
675
- "tags": [{
676
- "text": "Information modal button text",
677
- "name": "uiName"
678
- }],
679
- "text": ""
680
- },
681
- "attribute": "modal-button-text",
682
- "reflect": false,
683
- "defaultValue": "\"I understand\""
684
- },
685
610
  "demoData": {
686
611
  "type": "unknown",
687
612
  "mutable": false,
688
613
  "complexType": {
689
614
  "original": "DemoData<UseDocusignFormResult>",
690
- "resolved": "{ states?: { step: string; hideSteps: boolean; disabled: boolean; participantTypeDisabled: boolean; loading: boolean; urlLoading: boolean; loadingError: boolean; formState: { participantType: ParticipantType; taxFormExpired: boolean; errors: {}; }; docusignStatus: DocusignStatus; documentType: TaxDocumentType; documentTypeString: string; showExitButton: boolean; showModal: boolean; }; data?: { taxForm: TaxDocumentType; documentUrl: string; }; }",
615
+ "resolved": "{ states?: { step: string; hideSteps: boolean; disabled: boolean; participantTypeDisabled: boolean; loading: boolean; urlLoading: boolean; loadingError: boolean; formState: { participantType: ParticipantType; taxFormExpired: boolean; errors: {}; }; docusignStatus: DocusignStatus; documentType: TaxDocumentType; documentTypeString: string; showExitButton: boolean; }; data?: { taxForm: TaxDocumentType; documentUrl: string; }; }",
691
616
  "references": {
692
617
  "DemoData": {
693
618
  "location": "import",
@@ -736,7 +661,6 @@ function useDocusignFormDemo(props) {
736
661
  errors: {},
737
662
  },
738
663
  documentType: "W9",
739
- showModal: false,
740
664
  },
741
665
  data: {
742
666
  taxForm: "W9",
@@ -747,8 +671,6 @@ function useDocusignFormDemo(props) {
747
671
  demo: {
748
672
  onSubmit: () => setStep("/4"),
749
673
  onBack: () => setStep("/3"),
750
- onModalOpen: () => { },
751
- onModalClose: () => { },
752
674
  },
753
675
  setParticipantType: (p) => console.log({ p }),
754
676
  setDocusignStatus: (status) => console.log(status),
@@ -44,7 +44,6 @@ export function useDocusignForm(props) {
44
44
  const [errors, setErrors] = useState({});
45
45
  const [loading, setLoading] = useState(false);
46
46
  const [showExitButton, setShowExitButton] = useState(false);
47
- const [showModal, setShowModal] = useState(true);
48
47
  // Only look at current document if it's valid (same as required type)
49
48
  const existingDocumentType = validTaxDocument(publisher === null || publisher === void 0 ? void 0 : publisher.requiredTaxDocumentType) && (publisher === null || publisher === void 0 ? void 0 : publisher.currentTaxDocument)
50
49
  ? publisher === null || publisher === void 0 ? void 0 : publisher.requiredTaxDocumentType : undefined;
@@ -140,7 +139,6 @@ export function useDocusignForm(props) {
140
139
  documentType: actualDocumentType,
141
140
  documentTypeString: taxTypeToName(actualDocumentType),
142
141
  showExitButton,
143
- showModal,
144
142
  },
145
143
  data: {
146
144
  taxForm: actualDocumentType,
@@ -151,8 +149,6 @@ export function useDocusignForm(props) {
151
149
  completeDocument,
152
150
  onExit: progressStep,
153
151
  setParticipantType,
154
- onModalClose: () => setShowModal(false),
155
- onModalOpen: () => setShowModal(true),
156
152
  },
157
153
  text: props.getTextProps(),
158
154
  };