@saasquatch/mint-components 2.1.5-0 → 2.1.5-2

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 (30) 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/sqm-banking-info-form_10.cjs.entry.js +13 -20
  4. package/dist/cjs/sqm-stencilbook.cjs.entry.js +133 -3
  5. package/dist/collection/components/tax-and-cash/TaxForm.stories.js +126 -2
  6. package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.js +11 -18
  7. package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.js +6 -6
  8. package/dist/esm/loader.js +1 -1
  9. package/dist/esm/mint-components.js +1 -1
  10. package/dist/esm/sqm-banking-info-form_10.entry.js +13 -20
  11. package/dist/esm/sqm-stencilbook.entry.js +133 -3
  12. package/dist/esm-es5/loader.js +1 -1
  13. package/dist/esm-es5/mint-components.js +1 -1
  14. package/dist/esm-es5/sqm-banking-info-form_10.entry.js +1 -1
  15. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  16. package/dist/mint-components/mint-components.esm.js +1 -1
  17. package/dist/mint-components/{p-bc8e0c52.system.entry.js → p-3b066cd0.system.entry.js} +1 -1
  18. package/dist/mint-components/{p-96f570fc.entry.js → p-83c42aa8.entry.js} +2 -2
  19. package/dist/mint-components/{p-bb2565d0.entry.js → p-886f2cf2.entry.js} +2 -2
  20. package/dist/mint-components/p-af123d2b.system.js +1 -1
  21. package/dist/mint-components/{p-be49a492.system.entry.js → p-b3561440.system.entry.js} +1 -1
  22. package/dist/types/components/tax-and-cash/TaxForm.stories.d.ts +7 -1
  23. package/dist/types/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard-view.d.ts +1 -1
  24. package/dist/types/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.d.ts +2 -2
  25. package/dist/types/components.d.ts +10 -10
  26. package/docs/docs.docx +0 -0
  27. package/docs/raisins.json +1 -1
  28. package/grapesjs/grapesjs.js +1 -1
  29. package/package.json +1 -1
  30. package/shoelace/assets/icons/twitter-x.svg +4 -0
@@ -17348,7 +17348,7 @@ const TaxAndCashDashboardPayoutsOnHold = () => {
17348
17348
  },
17349
17349
  } }));
17350
17350
  };
17351
- const TaxAndCashDashboardNoTaxFormRequiredAndPreviouslySubmitted = () => {
17351
+ const TaxAndCashDashboardNoTaxFormRequiredAndBeneficiaryNameInvalid = () => {
17352
17352
  return (index.h("sqm-tax-and-cash-dashboard", { demoData: {
17353
17353
  ...dashboardProps,
17354
17354
  states: {
@@ -17357,14 +17357,138 @@ const TaxAndCashDashboardNoTaxFormRequiredAndPreviouslySubmitted = () => {
17357
17357
  canEditPayoutInfo: true,
17358
17358
  disabled: true,
17359
17359
  status: "ACTIVE",
17360
- documentType: "W9",
17360
+ documentType: undefined,
17361
+ documentTypeString: data.taxTypeToName("W9"),
17362
+ dateSubmitted: "Jan 18th, 2025",
17363
+ noFormNeeded: true,
17364
+ indirectTaxNumber: "123456",
17365
+ country: "USA",
17366
+ showNewFormDialog: false,
17367
+ hasHold: false,
17368
+ },
17369
+ } }));
17370
+ };
17371
+ const TaxAndCashDashboardNoTaxFormRequiredAndBeneficiaryNameInvalidUS = () => {
17372
+ return (index.h("sqm-tax-and-cash-dashboard", { demoData: {
17373
+ ...dashboardProps,
17374
+ states: {
17375
+ payoutStatus: "BENEFICIARY_NAME_INVALID",
17376
+ veriffLoading: false,
17377
+ canEditPayoutInfo: true,
17378
+ disabled: true,
17379
+ status: "ACTIVE",
17380
+ documentType: undefined,
17361
17381
  documentTypeString: data.taxTypeToName("W9"),
17362
17382
  dateSubmitted: "Jan 18th, 2025",
17363
17383
  noFormNeeded: true,
17364
17384
  indirectTaxNumber: "123456",
17365
17385
  country: "USA",
17366
17386
  showNewFormDialog: false,
17387
+ hasHold: true,
17388
+ enforceUsTaxComplianceOption: "CASH_ONLY_DEFER_W9",
17389
+ },
17390
+ } }));
17391
+ };
17392
+ const TaxAndCashDashboardNoDocumentType = () => {
17393
+ return (index.h("sqm-tax-and-cash-dashboard", { demoData: {
17394
+ ...dashboardProps,
17395
+ states: {
17396
+ payoutStatus: "DONE",
17397
+ veriffLoading: false,
17398
+ canEditPayoutInfo: true,
17399
+ disabled: false,
17400
+ status: "ACTIVE",
17401
+ documentType: undefined,
17402
+ documentTypeString: "",
17403
+ dateSubmitted: "Jan 18th, 2025",
17404
+ noFormNeeded: false,
17405
+ indirectTaxNumber: "123456",
17406
+ country: "United Kingdom",
17407
+ showNewFormDialog: false,
17408
+ hasHold: false,
17409
+ },
17410
+ } }));
17411
+ };
17412
+ const TaxAndCashDashboardNoDocumentTypeNoFormNeeded = () => {
17413
+ return (index.h("sqm-tax-and-cash-dashboard", { demoData: {
17414
+ ...dashboardProps,
17415
+ states: {
17416
+ payoutStatus: "DONE",
17417
+ veriffLoading: false,
17418
+ canEditPayoutInfo: true,
17419
+ disabled: false,
17420
+ status: undefined,
17421
+ documentType: undefined,
17422
+ documentTypeString: "",
17423
+ dateSubmitted: undefined,
17424
+ noFormNeeded: true,
17425
+ indirectTaxNumber: "123456",
17426
+ country: "United Kingdom",
17427
+ showNewFormDialog: false,
17428
+ hasHold: false,
17429
+ },
17430
+ } }));
17431
+ };
17432
+ const TaxAndCashDashboardFallbackDocumentTypeW9 = () => {
17433
+ return (index.h("sqm-tax-and-cash-dashboard", { demoData: {
17434
+ ...dashboardProps,
17435
+ states: {
17436
+ payoutStatus: "DONE",
17437
+ veriffLoading: false,
17438
+ canEditPayoutInfo: true,
17439
+ disabled: false,
17440
+ status: "ACTIVE",
17441
+ documentType: "W9",
17442
+ documentTypeString: data.taxTypeToName("W9"),
17443
+ dateSubmitted: "Mar 15, 2025",
17444
+ noFormNeeded: false,
17445
+ indirectTaxNumber: "123456",
17446
+ country: "USA",
17447
+ showNewFormDialog: false,
17448
+ hasHold: false,
17449
+ enforceUsTaxComplianceOption: "CASH_ONLY_DEFER_W9",
17450
+ },
17451
+ } }));
17452
+ };
17453
+ const TaxAndCashDashboardFallbackDocumentTypeW8BEN = () => {
17454
+ return (index.h("sqm-tax-and-cash-dashboard", { demoData: {
17455
+ ...dashboardProps,
17456
+ states: {
17457
+ payoutStatus: "DONE",
17458
+ veriffLoading: false,
17459
+ canEditPayoutInfo: true,
17460
+ disabled: false,
17461
+ status: "ACTIVE",
17462
+ documentType: "W8BEN",
17463
+ documentTypeString: data.taxTypeToName("W8BEN"),
17464
+ dateSubmitted: "Feb 20, 2025",
17465
+ noFormNeeded: false,
17466
+ indirectTaxNumber: "654321",
17467
+ country: "Canada",
17468
+ showNewFormDialog: false,
17469
+ hasHold: false,
17470
+ enforceUsTaxComplianceOption: "CASH_ONLY_DEFER_W9",
17471
+ },
17472
+ } }));
17473
+ };
17474
+ const TaxAndCashDashboardDeferW9NoDocumentType = () => {
17475
+ return (index.h("sqm-tax-and-cash-dashboard", { demoData: {
17476
+ ...dashboardProps,
17477
+ states: {
17478
+ payoutStatus: "DONE",
17479
+ veriffLoading: false,
17480
+ canEditPayoutInfo: true,
17481
+ disabled: false,
17482
+ status: undefined,
17483
+ documentType: undefined,
17484
+ documentTypeString: "",
17485
+ dateSubmitted: undefined,
17486
+ noFormNeeded: true,
17487
+ indirectTaxNumber: "123456",
17488
+ country: "USA",
17489
+ showNewFormDialog: false,
17367
17490
  hasHold: false,
17491
+ enforceUsTaxComplianceOption: "CASH_ONLY_DEFER_W9",
17368
17492
  },
17369
17493
  } }));
17370
17494
  };
@@ -17523,7 +17647,13 @@ const TaxForm = /*#__PURE__*/Object.freeze({
17523
17647
  TaxAndCashDashboardW9ThresholdReached: TaxAndCashDashboardW9ThresholdReached,
17524
17648
  TaxAndCashDashboardNewTaxForm: TaxAndCashDashboardNewTaxForm,
17525
17649
  TaxAndCashDashboardPayoutsOnHold: TaxAndCashDashboardPayoutsOnHold,
17526
- TaxAndCashDashboardNoTaxFormRequiredAndPreviouslySubmitted: TaxAndCashDashboardNoTaxFormRequiredAndPreviouslySubmitted,
17650
+ TaxAndCashDashboardNoTaxFormRequiredAndBeneficiaryNameInvalid: TaxAndCashDashboardNoTaxFormRequiredAndBeneficiaryNameInvalid,
17651
+ TaxAndCashDashboardNoTaxFormRequiredAndBeneficiaryNameInvalidUS: TaxAndCashDashboardNoTaxFormRequiredAndBeneficiaryNameInvalidUS,
17652
+ TaxAndCashDashboardNoDocumentType: TaxAndCashDashboardNoDocumentType,
17653
+ TaxAndCashDashboardNoDocumentTypeNoFormNeeded: TaxAndCashDashboardNoDocumentTypeNoFormNeeded,
17654
+ TaxAndCashDashboardFallbackDocumentTypeW9: TaxAndCashDashboardFallbackDocumentTypeW9,
17655
+ TaxAndCashDashboardFallbackDocumentTypeW8BEN: TaxAndCashDashboardFallbackDocumentTypeW8BEN,
17656
+ TaxAndCashDashboardDeferW9NoDocumentType: TaxAndCashDashboardDeferW9NoDocumentType,
17527
17657
  TaxAndCashDashboardLoading: TaxAndCashDashboardLoading,
17528
17658
  TaxAndCashDashboardWithLoadingError: TaxAndCashDashboardWithLoadingError,
17529
17659
  TaxAndCashDashboardWithGeneralError: TaxAndCashDashboardWithGeneralError,
@@ -1175,7 +1175,7 @@ export const TaxAndCashDashboardPayoutsOnHold = () => {
1175
1175
  },
1176
1176
  } }));
1177
1177
  };
1178
- export const TaxAndCashDashboardNoTaxFormRequiredAndPreviouslySubmitted = () => {
1178
+ export const TaxAndCashDashboardNoTaxFormRequiredAndBeneficiaryNameInvalid = () => {
1179
1179
  return (h("sqm-tax-and-cash-dashboard", { demoData: {
1180
1180
  ...dashboardProps,
1181
1181
  states: {
@@ -1184,14 +1184,138 @@ export const TaxAndCashDashboardNoTaxFormRequiredAndPreviouslySubmitted = () =>
1184
1184
  canEditPayoutInfo: true,
1185
1185
  disabled: true,
1186
1186
  status: "ACTIVE",
1187
- documentType: "W9",
1187
+ documentType: undefined,
1188
+ documentTypeString: taxTypeToName("W9"),
1189
+ dateSubmitted: "Jan 18th, 2025",
1190
+ noFormNeeded: true,
1191
+ indirectTaxNumber: "123456",
1192
+ country: "USA",
1193
+ showNewFormDialog: false,
1194
+ hasHold: false,
1195
+ },
1196
+ } }));
1197
+ };
1198
+ export const TaxAndCashDashboardNoTaxFormRequiredAndBeneficiaryNameInvalidUS = () => {
1199
+ return (h("sqm-tax-and-cash-dashboard", { demoData: {
1200
+ ...dashboardProps,
1201
+ states: {
1202
+ payoutStatus: "BENEFICIARY_NAME_INVALID",
1203
+ veriffLoading: false,
1204
+ canEditPayoutInfo: true,
1205
+ disabled: true,
1206
+ status: "ACTIVE",
1207
+ documentType: undefined,
1188
1208
  documentTypeString: taxTypeToName("W9"),
1189
1209
  dateSubmitted: "Jan 18th, 2025",
1190
1210
  noFormNeeded: true,
1191
1211
  indirectTaxNumber: "123456",
1192
1212
  country: "USA",
1193
1213
  showNewFormDialog: false,
1214
+ hasHold: true,
1215
+ enforceUsTaxComplianceOption: "CASH_ONLY_DEFER_W9",
1216
+ },
1217
+ } }));
1218
+ };
1219
+ export const TaxAndCashDashboardNoDocumentType = () => {
1220
+ return (h("sqm-tax-and-cash-dashboard", { demoData: {
1221
+ ...dashboardProps,
1222
+ states: {
1223
+ payoutStatus: "DONE",
1224
+ veriffLoading: false,
1225
+ canEditPayoutInfo: true,
1226
+ disabled: false,
1227
+ status: "ACTIVE",
1228
+ documentType: undefined,
1229
+ documentTypeString: "",
1230
+ dateSubmitted: "Jan 18th, 2025",
1231
+ noFormNeeded: false,
1232
+ indirectTaxNumber: "123456",
1233
+ country: "United Kingdom",
1234
+ showNewFormDialog: false,
1235
+ hasHold: false,
1236
+ },
1237
+ } }));
1238
+ };
1239
+ export const TaxAndCashDashboardNoDocumentTypeNoFormNeeded = () => {
1240
+ return (h("sqm-tax-and-cash-dashboard", { demoData: {
1241
+ ...dashboardProps,
1242
+ states: {
1243
+ payoutStatus: "DONE",
1244
+ veriffLoading: false,
1245
+ canEditPayoutInfo: true,
1246
+ disabled: false,
1247
+ status: undefined,
1248
+ documentType: undefined,
1249
+ documentTypeString: "",
1250
+ dateSubmitted: undefined,
1251
+ noFormNeeded: true,
1252
+ indirectTaxNumber: "123456",
1253
+ country: "United Kingdom",
1254
+ showNewFormDialog: false,
1255
+ hasHold: false,
1256
+ },
1257
+ } }));
1258
+ };
1259
+ export const TaxAndCashDashboardFallbackDocumentTypeW9 = () => {
1260
+ return (h("sqm-tax-and-cash-dashboard", { demoData: {
1261
+ ...dashboardProps,
1262
+ states: {
1263
+ payoutStatus: "DONE",
1264
+ veriffLoading: false,
1265
+ canEditPayoutInfo: true,
1266
+ disabled: false,
1267
+ status: "ACTIVE",
1268
+ documentType: "W9",
1269
+ documentTypeString: taxTypeToName("W9"),
1270
+ dateSubmitted: "Mar 15, 2025",
1271
+ noFormNeeded: false,
1272
+ indirectTaxNumber: "123456",
1273
+ country: "USA",
1274
+ showNewFormDialog: false,
1275
+ hasHold: false,
1276
+ enforceUsTaxComplianceOption: "CASH_ONLY_DEFER_W9",
1277
+ },
1278
+ } }));
1279
+ };
1280
+ export const TaxAndCashDashboardFallbackDocumentTypeW8BEN = () => {
1281
+ return (h("sqm-tax-and-cash-dashboard", { demoData: {
1282
+ ...dashboardProps,
1283
+ states: {
1284
+ payoutStatus: "DONE",
1285
+ veriffLoading: false,
1286
+ canEditPayoutInfo: true,
1287
+ disabled: false,
1288
+ status: "ACTIVE",
1289
+ documentType: "W8BEN",
1290
+ documentTypeString: taxTypeToName("W8BEN"),
1291
+ dateSubmitted: "Feb 20, 2025",
1292
+ noFormNeeded: false,
1293
+ indirectTaxNumber: "654321",
1294
+ country: "Canada",
1295
+ showNewFormDialog: false,
1296
+ hasHold: false,
1297
+ enforceUsTaxComplianceOption: "CASH_ONLY_DEFER_W9",
1298
+ },
1299
+ } }));
1300
+ };
1301
+ export const TaxAndCashDashboardDeferW9NoDocumentType = () => {
1302
+ return (h("sqm-tax-and-cash-dashboard", { demoData: {
1303
+ ...dashboardProps,
1304
+ states: {
1305
+ payoutStatus: "DONE",
1306
+ veriffLoading: false,
1307
+ canEditPayoutInfo: true,
1308
+ disabled: false,
1309
+ status: undefined,
1310
+ documentType: undefined,
1311
+ documentTypeString: "",
1312
+ dateSubmitted: undefined,
1313
+ noFormNeeded: true,
1314
+ indirectTaxNumber: "123456",
1315
+ country: "USA",
1316
+ showNewFormDialog: false,
1194
1317
  hasHold: false,
1318
+ enforceUsTaxComplianceOption: "CASH_ONLY_DEFER_W9",
1195
1319
  },
1196
1320
  } }));
1197
1321
  };
@@ -504,7 +504,7 @@ export const TaxAndCashDashboardView = (props) => {
504
504
  h("sl-badge", { class: sheet.classes.SuccessBadge, type: "success", pill: true }, text.statusTextActive),
505
505
  h("p", { class: sheet.classes.SubduedText }, intl.formatMessage({
506
506
  id: `badgeTextSubmittedOn`,
507
- defaultMessage: states.documentType === "W9"
507
+ defaultMessage: states.documentType === "W9" || !states.documentType
508
508
  ? text.badgeTextSubmittedOn
509
509
  : text.badgeTextSubmittedOnW8,
510
510
  }, {
@@ -642,31 +642,24 @@ export const TaxAndCashDashboardView = (props) => {
642
642
  slots.payoutDetailsCardSlot,
643
643
  !states.loading && (h("p", { class: sheet.classes.DescriptionText }, text.payoutFromImpact)),
644
644
  states.canEditPayoutInfo && (h("sl-button", { disabled: states.disabled || states.loading, exportparts: "base: secondarybutton-base", type: "secondary", class: sheet.classes.EditBankDetailsButton, onClick: callbacks.onEditPayoutInfo }, text.editPaymentInformationButton)))),
645
- (!states.noFormNeeded || states.status === "NOT_VERIFIED") && (h("div", { class: sheet.classes.TaxDocumentsContainer },
645
+ (!states.noFormNeeded || !!states.status) && (h("div", { class: sheet.classes.TaxDocumentsContainer },
646
646
  h("div", null, states.loading ? (h("div", { class: sheet.classes.TaxSectionSkeletonContainer },
647
647
  h("sl-skeleton", { class: sheet.classes.SkeletonOne }),
648
648
  h("sl-skeleton", { class: sheet.classes.SkeletonTwo }))) : (h("div", null,
649
649
  h("div", null,
650
650
  h("span", { class: sheet.classes.TaxFormDetailsContainer },
651
651
  h("div", { class: sheet.classes.StatusContainer },
652
- h("h3", null, intl.formatMessage({
653
- id: "section-subheader",
654
- defaultMessage: text.taxDocumentSectionSubHeader,
655
- }, {
656
- documentType: states.documentTypeString || "W-9",
657
- })),
652
+ h("h3", null, states.documentType
653
+ ? intl.formatMessage({
654
+ id: "section-subheader",
655
+ defaultMessage: text.taxDocumentSectionSubHeader,
656
+ }, {
657
+ documentType: states.documentTypeString,
658
+ })
659
+ : text.taxDocumentSectionSubHeaderNoDocument),
658
660
  h("span", { class: sheet.classes.StatusAlert }, statusMap[states.status]))),
659
- !states.noFormNeeded &&
661
+ (!states.noFormNeeded || !!states.status) &&
660
662
  states.status !== "NOT_VERIFIED" && (h("sl-button", { disabled: states.disabled || states.loading, onClick: callbacks.onClick, type: "default", class: sheet.classes.NewFormButton, exportparts: "base: primarybutton-base" }, text.newFormButton)))))))),
661
- states.noFormNeeded && states.status === "ACTIVE" && (h("div", { class: sheet.classes.TaxDocumentsContainer },
662
- h("div", null, states.loading ? (h("div", { class: sheet.classes.TaxSectionSkeletonContainer },
663
- h("sl-skeleton", { class: sheet.classes.SkeletonOne }),
664
- h("sl-skeleton", { class: sheet.classes.SkeletonTwo }))) : (h("div", null,
665
- h("div", null,
666
- h("span", { class: sheet.classes.TaxFormDetailsContainer },
667
- h("div", { class: sheet.classes.StatusContainer },
668
- h("h3", null, text.taxDocumentSectionHeader),
669
- h("span", { class: sheet.classes.StatusAlert }, text.taxDocumentNotRequiredAndSubmittedDescription))))))))),
670
663
  h("div", { class: sheet.classes.IndirectTaxPreviewContainer }, states.loading ? (h("div", { class: sheet.classes.TaxSectionSkeletonContainer },
671
664
  h("sl-skeleton", { class: sheet.classes.SkeletonOne }),
672
665
  h("sl-skeleton", { class: sheet.classes.SkeletonTwo }))) : (h("div", null,
@@ -105,9 +105,9 @@ export class TaxAndCashDashboard {
105
105
  /**
106
106
  * Displayed under the tax document section header.
107
107
  *
108
- * @uiName Tax document description when form is previously submitted but no longer required
108
+ * @uiName Tax documents section description
109
109
  */
110
- this.taxDocumentNotRequiredAndSubmittedDescription = "You previously submitted a tax form.";
110
+ this.taxDocumentSectionSubHeaderNoDocument = "Tax form";
111
111
  /**
112
112
  *
113
113
  * @uiName Indirect tax section header
@@ -772,7 +772,7 @@ export class TaxAndCashDashboard {
772
772
  "reflect": false,
773
773
  "defaultValue": "\"{documentType} tax form\""
774
774
  },
775
- "taxDocumentNotRequiredAndSubmittedDescription": {
775
+ "taxDocumentSectionSubHeaderNoDocument": {
776
776
  "type": "string",
777
777
  "mutable": false,
778
778
  "complexType": {
@@ -784,14 +784,14 @@ export class TaxAndCashDashboard {
784
784
  "optional": false,
785
785
  "docs": {
786
786
  "tags": [{
787
- "text": "Tax document description when form is previously submitted but no longer required",
787
+ "text": "Tax documents section description",
788
788
  "name": "uiName"
789
789
  }],
790
790
  "text": "Displayed under the tax document section header."
791
791
  },
792
- "attribute": "tax-document-not-required-and-submitted-description",
792
+ "attribute": "tax-document-section-sub-header-no-document",
793
793
  "reflect": false,
794
- "defaultValue": "\"You previously submitted a tax form.\""
794
+ "defaultValue": "\"Tax form\""
795
795
  },
796
796
  "indirectTaxInfoSectionHeader": {
797
797
  "type": "string",