@justifi/webcomponents 4.22.0 → 4.22.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 (118) hide show
  1. package/dist/cjs/{Analytics-9db96975.js → Analytics-99a3c7f8.js} +1 -1
  2. package/dist/cjs/{business-additional-questions-schema-19f08938.js → business-additional-questions-schema-d82355b0.js} +1 -1
  3. package/dist/cjs/{business-identity-schema-a8bb2276.js → business-identity-schema-3d241053.js} +1 -1
  4. package/dist/cjs/{check-pkg-version-23a1cabd.js → check-pkg-version-9bd49ad6.js} +1 -1
  5. package/dist/cjs/checkouts-list-core.cjs.entry.js +10 -47
  6. package/dist/cjs/checkouts-table-24c065ff.js +47 -0
  7. package/dist/cjs/form-control-checkbox_9.cjs.entry.js +3 -3
  8. package/dist/cjs/justifi-additional-questions-form-step_10.cjs.entry.js +1 -1
  9. package/dist/cjs/justifi-bank-account-form.cjs.entry.js +2 -2
  10. package/dist/cjs/justifi-billing-form_2.cjs.entry.js +2 -2
  11. package/dist/cjs/justifi-business-details.cjs.entry.js +3 -3
  12. package/dist/cjs/justifi-business-form.cjs.entry.js +6 -6
  13. package/dist/cjs/justifi-card-form.cjs.entry.js +2 -2
  14. package/dist/cjs/justifi-checkout.cjs.entry.js +3 -3
  15. package/dist/cjs/justifi-checkouts-list.cjs.entry.js +7 -5
  16. package/dist/cjs/justifi-gross-payment-chart.cjs.entry.js +3 -3
  17. package/dist/cjs/justifi-owner-form_3.cjs.entry.js +2 -2
  18. package/dist/cjs/justifi-payment-details.cjs.entry.js +3 -3
  19. package/dist/cjs/justifi-payment-form.cjs.entry.js +3 -3
  20. package/dist/cjs/justifi-payment-provisioning.cjs.entry.js +3 -3
  21. package/dist/cjs/justifi-payments-list.cjs.entry.js +3 -3
  22. package/dist/cjs/justifi-payout-details.cjs.entry.js +3 -3
  23. package/dist/cjs/justifi-payouts-list.cjs.entry.js +3 -3
  24. package/dist/cjs/justifi-season-interruption-insurance.cjs.entry.js +3 -3
  25. package/dist/cjs/justifi-terminals-list.cjs.entry.js +6 -5
  26. package/dist/cjs/justifi-tokenize-payment-method.cjs.entry.js +3 -3
  27. package/dist/cjs/{package-41c8f38c.js → package-e25f61a8.js} +1 -1
  28. package/dist/cjs/{schema-validations-184a4356.js → schema-validations-7a9afa7c.js} +0 -1
  29. package/dist/cjs/{table-bb114e2f.js → table-20e9a053.js} +3 -0
  30. package/dist/cjs/terminals-list-core.cjs.entry.js +7 -30
  31. package/dist/cjs/terminals-table-99a7b87b.js +32 -0
  32. package/dist/collection/components/business-forms/schemas/schema-validations.js +0 -1
  33. package/dist/collection/components/checkouts-list/checkouts-list-core.js +7 -7
  34. package/dist/collection/components/checkouts-list/checkouts-list.js +5 -3
  35. package/dist/collection/components/terminals-list/terminals-list-core.js +7 -7
  36. package/dist/collection/components/terminals-list/terminals-list.js +5 -3
  37. package/dist/collection/utils/table.js +3 -0
  38. package/dist/docs.json +3 -3
  39. package/dist/esm/{Analytics-777962a4.js → Analytics-f4e959b2.js} +1 -1
  40. package/dist/esm/{business-additional-questions-schema-97f52255.js → business-additional-questions-schema-a5072d2b.js} +1 -1
  41. package/dist/esm/{business-identity-schema-434e16bc.js → business-identity-schema-b31178a1.js} +1 -1
  42. package/dist/esm/{check-pkg-version-bac8fac0.js → check-pkg-version-5e658940.js} +1 -1
  43. package/dist/esm/checkouts-list-core.entry.js +9 -46
  44. package/dist/esm/checkouts-table-62c44909.js +43 -0
  45. package/dist/esm/form-control-checkbox_9.entry.js +3 -3
  46. package/dist/esm/justifi-additional-questions-form-step_10.entry.js +1 -1
  47. package/dist/esm/justifi-bank-account-form.entry.js +2 -2
  48. package/dist/esm/justifi-billing-form_2.entry.js +2 -2
  49. package/dist/esm/justifi-business-details.entry.js +3 -3
  50. package/dist/esm/justifi-business-form.entry.js +6 -6
  51. package/dist/esm/justifi-card-form.entry.js +2 -2
  52. package/dist/esm/justifi-checkout.entry.js +3 -3
  53. package/dist/esm/justifi-checkouts-list.entry.js +7 -5
  54. package/dist/esm/justifi-gross-payment-chart.entry.js +3 -3
  55. package/dist/esm/justifi-owner-form_3.entry.js +2 -2
  56. package/dist/esm/justifi-payment-details.entry.js +3 -3
  57. package/dist/esm/justifi-payment-form.entry.js +3 -3
  58. package/dist/esm/justifi-payment-provisioning.entry.js +3 -3
  59. package/dist/esm/justifi-payments-list.entry.js +3 -3
  60. package/dist/esm/justifi-payout-details.entry.js +3 -3
  61. package/dist/esm/justifi-payouts-list.entry.js +3 -3
  62. package/dist/esm/justifi-season-interruption-insurance.entry.js +3 -3
  63. package/dist/esm/justifi-terminals-list.entry.js +6 -5
  64. package/dist/esm/justifi-tokenize-payment-method.entry.js +3 -3
  65. package/dist/esm/{package-5144835c.js → package-95aca142.js} +1 -1
  66. package/dist/esm/{schema-validations-c1728516.js → schema-validations-cd8c5f69.js} +0 -1
  67. package/dist/esm/{table-75364107.js → table-5da154e7.js} +3 -0
  68. package/dist/esm/terminals-list-core.entry.js +8 -31
  69. package/dist/esm/terminals-table-059c473e.js +28 -0
  70. package/dist/module/checkouts-list-core2.js +6 -5
  71. package/dist/module/justifi-checkouts-list.js +3 -3
  72. package/dist/module/justifi-terminals-list.js +3 -3
  73. package/dist/module/package.js +1 -1
  74. package/dist/module/schema-validations.js +0 -1
  75. package/dist/module/table.js +3 -0
  76. package/dist/module/terminals-list-core2.js +6 -5
  77. package/dist/types/utils/table.d.ts +1 -0
  78. package/dist/webcomponents/p-02cf5e6f.js +1 -0
  79. package/dist/webcomponents/{p-dae9b10e.entry.js → p-09fb7dd6.entry.js} +1 -1
  80. package/dist/webcomponents/p-0c03a971.entry.js +1 -0
  81. package/dist/webcomponents/{p-037e3545.entry.js → p-0ec27543.entry.js} +1 -1
  82. package/dist/webcomponents/{p-b0686897.entry.js → p-1251a3f5.entry.js} +1 -1
  83. package/dist/webcomponents/p-1ab798f4.entry.js +1 -0
  84. package/dist/webcomponents/{p-c1cf7d5b.js → p-22e38d5b.js} +1 -1
  85. package/dist/webcomponents/{p-52ca72cd.entry.js → p-2a9f48f0.entry.js} +1 -1
  86. package/dist/webcomponents/{p-f4a8215b.entry.js → p-2dc7751f.entry.js} +1 -1
  87. package/dist/webcomponents/p-3f82f724.entry.js +1 -0
  88. package/dist/webcomponents/p-44f7f729.entry.js +1 -0
  89. package/dist/webcomponents/{p-69ea7334.entry.js → p-55f78fcc.entry.js} +1 -1
  90. package/dist/webcomponents/{p-b4a7307b.entry.js → p-5fd72c29.entry.js} +1 -1
  91. package/dist/webcomponents/{p-3d3468a8.js → p-7285c687.js} +1 -1
  92. package/dist/webcomponents/{p-11ff46df.entry.js → p-7a8c13ba.entry.js} +1 -1
  93. package/dist/webcomponents/{p-d1248039.entry.js → p-83b01812.entry.js} +1 -1
  94. package/dist/webcomponents/p-88efdd31.js +1 -0
  95. package/dist/webcomponents/p-8e228e5a.js +1 -0
  96. package/dist/webcomponents/{p-0b686ada.entry.js → p-8e2e24d8.entry.js} +1 -1
  97. package/dist/webcomponents/p-90b8acc6.js +1 -0
  98. package/dist/webcomponents/{p-4c0c88e4.entry.js → p-91711083.entry.js} +1 -1
  99. package/dist/webcomponents/{p-2de65000.entry.js → p-92a766d8.entry.js} +1 -1
  100. package/dist/webcomponents/{p-56bda985.js → p-9e7204b5.js} +1 -1
  101. package/dist/webcomponents/{p-04d12939.entry.js → p-9ef4d294.entry.js} +1 -1
  102. package/dist/webcomponents/{p-c63825d8.entry.js → p-a91a2152.entry.js} +1 -1
  103. package/dist/webcomponents/p-b16269d7.js +1 -0
  104. package/dist/webcomponents/{p-e7d6609d.js → p-b459d0b0.js} +1 -1
  105. package/dist/webcomponents/p-bba131f9.entry.js +1 -0
  106. package/dist/webcomponents/{p-f7077f93.entry.js → p-c458fc48.entry.js} +1 -1
  107. package/dist/webcomponents/{p-cb79f06c.entry.js → p-eed325b7.entry.js} +1 -1
  108. package/dist/webcomponents/{p-0c79e368.entry.js → p-f45197b9.entry.js} +1 -1
  109. package/dist/webcomponents/webcomponents.esm.js +1 -1
  110. package/package.json +1 -1
  111. package/dist/webcomponents/p-0ac35b39.entry.js +0 -1
  112. package/dist/webcomponents/p-24392a86.entry.js +0 -1
  113. package/dist/webcomponents/p-907ba963.js +0 -1
  114. package/dist/webcomponents/p-9bd13e22.js +0 -1
  115. package/dist/webcomponents/p-a2be972d.entry.js +0 -1
  116. package/dist/webcomponents/p-b1aacd6b.entry.js +0 -1
  117. package/dist/webcomponents/p-c65b78cf.js +0 -1
  118. package/dist/webcomponents/p-ec7e69eb.entry.js +0 -1
@@ -4,13 +4,13 @@ import { B as BusinessService } from './business.service-97a3da69.js';
4
4
  import { B as Business } from './Business-b73d5055.js';
5
5
  import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-3ce7f437.js';
6
6
  import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
7
- import { J as JustifiAnalytics } from './Analytics-777962a4.js';
8
- import { c as checkPkgVersion } from './check-pkg-version-bac8fac0.js';
7
+ import { J as JustifiAnalytics } from './Analytics-f4e959b2.js';
8
+ import { c as checkPkgVersion } from './check-pkg-version-5e658940.js';
9
9
  import './config-27764a9d.js';
10
10
  import './Api-391d00e2.js';
11
11
  import './helpers-96ea3464.js';
12
12
  import './state-options-a356fb11.js';
13
- import './package-5144835c.js';
13
+ import './package-95aca142.js';
14
14
 
15
15
  const makeGetBusiness = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
16
16
  var _a;
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
2
2
  import { c as create$3, F as FormController } from './index.esm-ed37201b.js';
3
- import { b as businessCoreInfoSchema, a as additionalQuestionsSchema } from './business-additional-questions-schema-97f52255.js';
4
- import { a as addressSchema, i as identitySchema } from './business-identity-schema-434e16bc.js';
3
+ import { b as businessCoreInfoSchema, a as additionalQuestionsSchema } from './business-additional-questions-schema-a5072d2b.js';
4
+ import { a as addressSchema, i as identitySchema } from './business-identity-schema-b31178a1.js';
5
5
  import { A as Api } from './Api-391d00e2.js';
6
6
  import './Checkout-0b4086f8.js';
7
7
  import './Pagination-afc8f96d.js';
@@ -10,14 +10,14 @@ import './SubAccount-7f7e4c56.js';
10
10
  import { c as config } from './config-27764a9d.js';
11
11
  import { B as BusinessFormServerErrors, a as BusinessFormClickActions } from './business-form-types-8fd61b0e.js';
12
12
  import { B as Business } from './Business-b73d5055.js';
13
- import { J as JustifiAnalytics } from './Analytics-777962a4.js';
13
+ import { J as JustifiAnalytics } from './Analytics-f4e959b2.js';
14
14
  import { S as StyledHost } from './styled-host-e0ddb759.js';
15
- import { c as checkPkgVersion } from './check-pkg-version-bac8fac0.js';
16
- import './schema-validations-c1728516.js';
15
+ import { c as checkPkgVersion } from './check-pkg-version-5e658940.js';
16
+ import './schema-validations-cd8c5f69.js';
17
17
  import './state-options-a356fb11.js';
18
18
  import './business-form-options-d790973e.js';
19
19
  import './helpers-96ea3464.js';
20
- import './package-5144835c.js';
20
+ import './package-95aca142.js';
21
21
 
22
22
  const businessFormSchema = create$3(Object.assign(Object.assign({}, businessCoreInfoSchema().fields), { legal_address: addressSchema(), additional_questions: additionalQuestionsSchema(), representative: identitySchema('representative') }));
23
23
 
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
2
2
  import { c as config } from './config-27764a9d.js';
3
- import { J as JustifiAnalytics } from './Analytics-777962a4.js';
4
- import './package-5144835c.js';
3
+ import { J as JustifiAnalytics } from './Analytics-f4e959b2.js';
4
+ import './package-95aca142.js';
5
5
  import './Api-391d00e2.js';
6
6
 
7
7
  const CardForm = class {
@@ -2,15 +2,15 @@ import { r as registerInstance, c as createEvent, h } from './index-57431c24.js'
2
2
  import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-3ce7f437.js';
3
3
  import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
4
4
  import { C as CheckoutService } from './checkout.service-ef1549c6.js';
5
- import { J as JustifiAnalytics } from './Analytics-777962a4.js';
6
- import { c as checkPkgVersion } from './check-pkg-version-bac8fac0.js';
5
+ import { J as JustifiAnalytics } from './Analytics-f4e959b2.js';
6
+ import { c as checkPkgVersion } from './check-pkg-version-5e658940.js';
7
7
  import './config-27764a9d.js';
8
8
  import './Api-391d00e2.js';
9
9
  import './Checkout-0b4086f8.js';
10
10
  import './Pagination-afc8f96d.js';
11
11
  import './Payment-30790721.js';
12
12
  import './SubAccount-7f7e4c56.js';
13
- import './package-5144835c.js';
13
+ import './package-95aca142.js';
14
14
 
15
15
  const makeGetCheckout = ({ authToken, checkoutId, service }) => async ({ onSuccess, onError }) => {
16
16
  var _a;
@@ -5,15 +5,17 @@ import './Payment-30790721.js';
5
5
  import './SubAccount-7f7e4c56.js';
6
6
  import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-3ce7f437.js';
7
7
  import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
8
- import { c as checkPkgVersion } from './check-pkg-version-bac8fac0.js';
8
+ import { c as checkPkgVersion } from './check-pkg-version-5e658940.js';
9
9
  import { c as config } from './config-27764a9d.js';
10
- import { J as JustifiAnalytics } from './Analytics-777962a4.js';
10
+ import { J as JustifiAnalytics } from './Analytics-f4e959b2.js';
11
11
  import { C as CheckoutService } from './checkout.service-ef1549c6.js';
12
12
  import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts-16c8ce40.js';
13
13
  import { S as StyledHost } from './styled-host-e0ddb759.js';
14
14
  import { t as tableExportedParts } from './exported-parts-70e7a12b.js';
15
- import './package-5144835c.js';
15
+ import { d as defaultColumnsKeys } from './checkouts-table-62c44909.js';
16
+ import './package-95aca142.js';
16
17
  import './Api-391d00e2.js';
18
+ import './utils-3daada24.js';
17
19
 
18
20
  const makeGetCheckouts = ({ accountId, authToken, service, apiOrigin }) => async ({ params, onSuccess, onError }) => {
19
21
  var _a, _b;
@@ -58,7 +60,7 @@ const CheckoutsList = class {
58
60
  this.accountId = undefined;
59
61
  this.authToken = undefined;
60
62
  this.apiOrigin = config.proxyApiOrigin;
61
- this.columns = undefined;
63
+ this.columns = defaultColumnsKeys;
62
64
  }
63
65
  componentWillLoad() {
64
66
  checkPkgVersion();
@@ -104,7 +106,7 @@ const CheckoutsList = class {
104
106
  }
105
107
  }
106
108
  render() {
107
- return (h(StyledHost, { key: '42ff5c1cff57b185200aa0c31f4fdb44b3401c91', exportparts: tableExportedParts }, h("checkouts-list-core", { key: '55565a5f61c671bae9554c7d9ecab044c7bb987c', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
109
+ return (h(StyledHost, { key: '6e6faed5df0fcdc48018650867672c5d325d1934', exportparts: tableExportedParts }, h("checkouts-list-core", { key: '92ceb10f7bd76864629ed0990a7f34fab76ce517', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
108
110
  }
109
111
  static get watchers() { return {
110
112
  "accountId": ["propChanged"],
@@ -4,9 +4,9 @@ import { A as Api } from './Api-391d00e2.js';
4
4
  import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-3ce7f437.js';
5
5
  import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
6
6
  import { E as ErrorState } from './utils-218275b7.js';
7
- import { J as JustifiAnalytics } from './Analytics-777962a4.js';
8
- import { c as checkPkgVersion } from './check-pkg-version-bac8fac0.js';
9
- import './package-5144835c.js';
7
+ import { J as JustifiAnalytics } from './Analytics-f4e959b2.js';
8
+ import { c as checkPkgVersion } from './check-pkg-version-5e658940.js';
9
+ import './package-95aca142.js';
10
10
 
11
11
  class ReportsService {
12
12
  async fetchGrossVolumeChartData(accountId, authToken) {
@@ -4,7 +4,7 @@ import { I as IdentityService } from './business.service-97a3da69.js';
4
4
  import { F as FormController } from './index.esm-ed37201b.js';
5
5
  import { O as Owner } from './Business-b73d5055.js';
6
6
  import { a as BusinessFormClickActions } from './business-form-types-8fd61b0e.js';
7
- import { i as identitySchema } from './business-identity-schema-434e16bc.js';
7
+ import { i as identitySchema } from './business-identity-schema-b31178a1.js';
8
8
  import { B as Button } from './button-34e75e0f.js';
9
9
  import { S as SSN_MASK, P as PHONE_MASKS } from './form-input-masks-0e18300f.js';
10
10
  import { u as updateFormValues, a as updateAddressFormValues, b as updateDateOfBirthFormValues } from './input-handlers-270ac806.js';
@@ -14,7 +14,7 @@ import './config-27764a9d.js';
14
14
  import './Api-391d00e2.js';
15
15
  import './helpers-96ea3464.js';
16
16
  import './state-options-a356fb11.js';
17
- import './schema-validations-c1728516.js';
17
+ import './schema-validations-cd8c5f69.js';
18
18
  import './business-form-options-d790973e.js';
19
19
 
20
20
  const BusinessOwnerForm = class {
@@ -7,11 +7,11 @@ import './SubAccount-7f7e4c56.js';
7
7
  import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-3ce7f437.js';
8
8
  import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
9
9
  import { E as ErrorState } from './utils-218275b7.js';
10
- import { J as JustifiAnalytics } from './Analytics-777962a4.js';
11
- import { c as checkPkgVersion } from './check-pkg-version-bac8fac0.js';
10
+ import { J as JustifiAnalytics } from './Analytics-f4e959b2.js';
11
+ import { c as checkPkgVersion } from './check-pkg-version-5e658940.js';
12
12
  import './Api-391d00e2.js';
13
13
  import './config-27764a9d.js';
14
- import './package-5144835c.js';
14
+ import './package-95aca142.js';
15
15
 
16
16
  const makeGetPaymentDetails = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
17
17
  var _a;
@@ -7,11 +7,11 @@ import { l as loadFontsOnParent } from './utils-3daada24.js';
7
7
  import { c as config } from './config-27764a9d.js';
8
8
  import { a as ComponentErrorCodes, C as ComponentErrorSeverity } from './ComponentError-3ce7f437.js';
9
9
  import { g as getErrorMessage } from './utils-b10dae27.js';
10
- import { J as JustifiAnalytics } from './Analytics-777962a4.js';
10
+ import { J as JustifiAnalytics } from './Analytics-f4e959b2.js';
11
11
  import { B as Button } from './button-34e75e0f.js';
12
12
  import { S as StyledHost } from './styled-host-e0ddb759.js';
13
- import { c as checkPkgVersion } from './check-pkg-version-bac8fac0.js';
14
- import './package-5144835c.js';
13
+ import { c as checkPkgVersion } from './check-pkg-version-5e658940.js';
14
+ import './package-95aca142.js';
15
15
  import './Api-391d00e2.js';
16
16
 
17
17
  const paymentFormCss = ":host{display:block}justifi-payment-method-form{display:block;margin-left:calc(var(--jfi-layout-padding) * -1);margin-right:calc(var(--jfi-layout-padding) * -1)}*::part(label){color:var(--jfi-form-label-color);font-family:var(--jfi-form-label-font-family);font-weight:var(--jfi-form-label-font-weight);font-size:var(--jfi-form-label-font-size);margin:var(--jfi-form-label-margin)}*::part(input){font-family:var(--jfi-layout-font-family);background-color:var(--jfi-form-control-background-color);border-color:var(--jfi-form-control-border-color);border-width:var(--jfi-form-control-border-width);border-bottom-width:var(--jfi-form-control-border-bottom-width);border-left-width:var(--jfi-form-control-border-left-width);border-right-width:var(--jfi-form-control-border-right-width);border-top-width:var(--jfi-form-control-border-top-width);border-radius:var(--jfi-form-control-border-radius);border-style:var(--jfi-form-control-border-style);box-shadow:var(--jfi-form-control-box-shadow);color:var(--jfi-form-control-color);font-size:var(--jfi-form-control-font-size);font-weight:var(--jfi-form-control-font-weight);line-height:var(--jfi-form-control-line-height);margin:var(--jfi-form-control-margin);padding:var(--jfi-form-control-padding)}*::part(input):focus{color:var(--jfi-form-control-color-focus);border-color:var(--jfi-form-control-border-color-focus);box-shadow:var(--jfi-form-control-box-shadow-focus)}*::part(input-invalid){border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error)}*::part(input-invalid):focus{border-color:var(--jfi-form-control-border-color-error);box-shadow:var(--jfi-form-control-box-shadow-error-focus)}.jfi-submit-button{font-family:var(--jfi-layout-font-family);color:var(--jfi-submit-button-color);background-color:var(--jfi-submit-button-background-color);border-color:var(--jfi-submit-button-border-color);padding:var(--jfi-submit-button-padding);font-size:var(--jfi-submit-button-font-size);border-radius:var(--jfi-submit-button-border-radius);width:var(--jfi-submit-button-width);box-shadow:var(--jfi-submit-button-box-shadow)}.jfi-submit-button:hover{color:var(--jfi-submit-button-color-hover);background-color:var(--jfi-submit-button-background-color-hover);border-color:var(--jfi-submit-button-border-color-hover)}.jfi-submit-button:focus{color:var(--jfi-submit-button-color-focus);background-color:var(--jfi-submit-button-background-color-focus);border-color:var(--jfi-submit-button-border-color-focus)}.btn.jfi-submit-button:active{color:var(--jfi-submit-button-color-active);background-color:var(--jfi-submit-button-background-color-active);border-color:var(--jfi-submit-button-border-color-active)}.btn.jfi-submit-button-loading{min-width:75px;color:var(--jfi-submit-button-color-loading);background-color:var(--jfi-submit-button-background-color-loading);border-color:var(--jfi-submit-button-border-color-loading)}.btn.jfi-submit-button-loading .spinner-border{border-top-color:var(--jfi-submit-button-color-loading);border-bottom-color:var(--jfi-submit-button-color-loading);border-left-color:var(--jfi-submit-button-color-loading)}";
@@ -1,12 +1,12 @@
1
1
  import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
2
- import { J as JustifiAnalytics } from './Analytics-777962a4.js';
2
+ import { J as JustifiAnalytics } from './Analytics-f4e959b2.js';
3
3
  import { a as ComponentErrorCodes, C as ComponentErrorSeverity } from './ComponentError-3ce7f437.js';
4
4
  import { m as makeGetBusiness, a as makePostProvisioning } from './payment-provisioning-actions-0635eff7.js';
5
5
  import { B as BusinessService } from './business.service-97a3da69.js';
6
6
  import { c as config } from './config-27764a9d.js';
7
7
  import { A as Api } from './Api-391d00e2.js';
8
- import { c as checkPkgVersion } from './check-pkg-version-bac8fac0.js';
9
- import './package-5144835c.js';
8
+ import { c as checkPkgVersion } from './check-pkg-version-5e658940.js';
9
+ import './package-95aca142.js';
10
10
  import './utils-b10dae27.js';
11
11
 
12
12
  class ProvisionService {
@@ -6,13 +6,13 @@ import { P as Payment } from './Payment-30790721.js';
6
6
  import './SubAccount-7f7e4c56.js';
7
7
  import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-3ce7f437.js';
8
8
  import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
9
- import { J as JustifiAnalytics } from './Analytics-777962a4.js';
10
- import { c as checkPkgVersion } from './check-pkg-version-bac8fac0.js';
9
+ import { J as JustifiAnalytics } from './Analytics-f4e959b2.js';
10
+ import { c as checkPkgVersion } from './check-pkg-version-5e658940.js';
11
11
  import { c as config } from './config-27764a9d.js';
12
12
  import { S as StyledHost } from './styled-host-e0ddb759.js';
13
13
  import { t as tableExportedParts } from './exported-parts-70e7a12b.js';
14
14
  import './Api-391d00e2.js';
15
- import './package-5144835c.js';
15
+ import './package-95aca142.js';
16
16
 
17
17
  const makeGetPayments = ({ id, authToken, service, apiOrigin }) => async ({ params, onSuccess, onError }) => {
18
18
  var _a, _b;
@@ -7,11 +7,11 @@ import { P as Payout } from './SubAccount-7f7e4c56.js';
7
7
  import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-3ce7f437.js';
8
8
  import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
9
9
  import { E as ErrorState } from './utils-218275b7.js';
10
- import { J as JustifiAnalytics } from './Analytics-777962a4.js';
11
- import { c as checkPkgVersion } from './check-pkg-version-bac8fac0.js';
10
+ import { J as JustifiAnalytics } from './Analytics-f4e959b2.js';
11
+ import { c as checkPkgVersion } from './check-pkg-version-5e658940.js';
12
12
  import './Api-391d00e2.js';
13
13
  import './config-27764a9d.js';
14
- import './package-5144835c.js';
14
+ import './package-95aca142.js';
15
15
 
16
16
  const makeGetPayoutDetails = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
17
17
  var _a;
@@ -7,12 +7,12 @@ import './Payment-30790721.js';
7
7
  import { P as Payout } from './SubAccount-7f7e4c56.js';
8
8
  import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-3ce7f437.js';
9
9
  import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
10
- import { J as JustifiAnalytics } from './Analytics-777962a4.js';
11
- import { c as checkPkgVersion } from './check-pkg-version-bac8fac0.js';
10
+ import { J as JustifiAnalytics } from './Analytics-f4e959b2.js';
11
+ import { c as checkPkgVersion } from './check-pkg-version-5e658940.js';
12
12
  import { S as StyledHost } from './styled-host-e0ddb759.js';
13
13
  import './Api-391d00e2.js';
14
14
  import './config-27764a9d.js';
15
- import './package-5144835c.js';
15
+ import './package-95aca142.js';
16
16
 
17
17
  const makeGetPayouts = ({ id, authToken, service }) => async ({ params, onSuccess, onError }) => {
18
18
  var _a, _b;
@@ -7,9 +7,9 @@ import './SubAccount-7f7e4c56.js';
7
7
  import { c as config } from './config-27764a9d.js';
8
8
  import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
9
9
  import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-3ce7f437.js';
10
- import { J as JustifiAnalytics } from './Analytics-777962a4.js';
11
- import { c as checkPkgVersion } from './check-pkg-version-bac8fac0.js';
12
- import './package-5144835c.js';
10
+ import { J as JustifiAnalytics } from './Analytics-f4e959b2.js';
11
+ import { c as checkPkgVersion } from './check-pkg-version-5e658940.js';
12
+ import './package-95aca142.js';
13
13
 
14
14
  class InsuranceService {
15
15
  async fetchQuote(authToken, payload) {
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
2
2
  import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-3ce7f437.js';
3
- import { J as JustifiAnalytics } from './Analytics-777962a4.js';
4
- import { c as checkPkgVersion } from './check-pkg-version-bac8fac0.js';
3
+ import { J as JustifiAnalytics } from './Analytics-f4e959b2.js';
4
+ import { c as checkPkgVersion } from './check-pkg-version-5e658940.js';
5
5
  import { c as config } from './config-27764a9d.js';
6
6
  import { A as Api } from './Api-391d00e2.js';
7
7
  import './Checkout-0b4086f8.js';
@@ -12,7 +12,8 @@ import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
12
12
  import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts-16c8ce40.js';
13
13
  import { S as StyledHost } from './styled-host-e0ddb759.js';
14
14
  import { t as tableExportedParts } from './exported-parts-70e7a12b.js';
15
- import './package-5144835c.js';
15
+ import { d as defaultColumnsKeys } from './terminals-table-059c473e.js';
16
+ import './package-95aca142.js';
16
17
 
17
18
  class TerminalService {
18
19
  async fetchTerminals(accountId, authToken, params, apiOrigin) {
@@ -76,7 +77,7 @@ const TerminalsList = class {
76
77
  this.accountId = undefined;
77
78
  this.authToken = undefined;
78
79
  this.apiOrigin = config.proxyApiOrigin;
79
- this.columns = undefined;
80
+ this.columns = defaultColumnsKeys;
80
81
  }
81
82
  componentWillLoad() {
82
83
  checkPkgVersion();
@@ -122,7 +123,7 @@ const TerminalsList = class {
122
123
  }
123
124
  }
124
125
  render() {
125
- return (h(StyledHost, { key: 'b150133d9e787d0a4f32d92d9fb26df50391e632', exportparts: tableExportedParts }, h("terminals-list-core", { key: '59302d93d0a308c34aacabf7e5a006099eaff2d6', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
126
+ return (h(StyledHost, { key: '8ffe95f21b5ef8c1c15fc0e22a9c824cff758ee6', exportparts: tableExportedParts }, h("terminals-list-core", { key: 'a550f1f85b84f6cc06bd93b5e5a9ec726b72b46c', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
126
127
  }
127
128
  static get watchers() { return {
128
129
  "accountId": ["propChanged"],
@@ -2,9 +2,9 @@ import { r as registerInstance, c as createEvent, h } from './index-57431c24.js'
2
2
  import { B as Button } from './button-34e75e0f.js';
3
3
  import { S as StyledHost } from './styled-host-e0ddb759.js';
4
4
  import { C as ComponentErrorSeverity } from './ComponentError-3ce7f437.js';
5
- import { c as checkPkgVersion } from './check-pkg-version-bac8fac0.js';
6
- import { J as JustifiAnalytics } from './Analytics-777962a4.js';
7
- import './package-5144835c.js';
5
+ import { c as checkPkgVersion } from './check-pkg-version-5e658940.js';
6
+ import { J as JustifiAnalytics } from './Analytics-f4e959b2.js';
7
+ import './package-95aca142.js';
8
8
  import './config-27764a9d.js';
9
9
  import './Api-391d00e2.js';
10
10
 
@@ -1,5 +1,5 @@
1
1
  const name = "@justifi/webcomponents";
2
- const version = "4.22.0";
2
+ const version = "4.22.2";
3
3
  const description = "JustiFi Web Components";
4
4
  const collection = "dist/collection/collection-manifest.json";
5
5
  const main = "dist/index.cjs.js";
@@ -130,7 +130,6 @@ const dateOfIncorporationValidation = create$6()
130
130
  const identityNameValidation = create$6()
131
131
  .min(2, 'Name must be at least 2 characters')
132
132
  .max(100, 'Name must be less than 100 characters')
133
- .matches(stringLettersOnlyRegex, 'Enter valid name')
134
133
  .transform(transformEmptyString);
135
134
  const identityTitleValidation = create$6()
136
135
  .min(2, 'Title must be at least 2 characters')
@@ -7,6 +7,9 @@ class Table {
7
7
  return this.columnKeys.map((key) => this.tableCells[key](checkout[key]));
8
8
  });
9
9
  }
10
+ set collectionData(collection) {
11
+ this.collection = collection;
12
+ }
10
13
  constructor(collection, columns, tableColumns, tableCells) {
11
14
  this.columnKeys = columns.split(',');
12
15
  this.collection = collection;
@@ -1,36 +1,12 @@
1
- import { h, r as registerInstance, c as createEvent } from './index-57431c24.js';
1
+ import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
2
2
  import './Checkout-0b4086f8.js';
3
3
  import { p as pagingDefaults } from './Pagination-afc8f96d.js';
4
4
  import './Payment-30790721.js';
5
5
  import './SubAccount-7f7e4c56.js';
6
6
  import { T as TableLoadingState, a as TableEmptyState, b as TableErrorState } from './table-loading-state-356c7215.js';
7
7
  import { o as onFilterChange } from './utils-3a4d8f3a.js';
8
- import { T as Table } from './table-75364107.js';
9
-
10
- const MapTerminalStatusToBadge = (status) => {
11
- switch (status) {
12
- case 'connected':
13
- return "<span class='badge bg-success' title='This terminal is connected.'>Connected</span>";
14
- case 'disconnected':
15
- return "<span class='badge bg-danger' title='This terminal is disconnected.'>Disconnected</span>";
16
- case 'unknown':
17
- return "<span class='badge bg-secondary' title='The status of this terminal is unknown'>Unknown</span>";
18
- }
19
- };
20
-
21
- const defaultColumnsKeys = 'nickname,provider_id,status';
22
- const terminalTableColumns = {
23
- nickname: () => (h("th", { part: "table-head-cell", scope: "col", title: "The nickname associated with the terminal" }, "Nickname")),
24
- provider_id: () => (h("th", { part: "table-head-cell", scope: "col", title: "The provider ID of the terminal" }, "Provider ID")),
25
- sub_account_name: () => (h("th", { part: "table-head-cell", scope: "col", title: "The sub account associated with the terminal" }, "Sub Account")),
26
- status: () => (h("th", { part: "table-head-cell", scope: "col", title: "The current status of each terminal" }, "Status")),
27
- };
28
- const terminalTableCells = {
29
- nickname: (value) => (h("td", null, value)),
30
- provider_id: (value) => (h("td", null, value)),
31
- sub_account_name: (value) => (h("td", null, value)),
32
- status: (value) => (h("td", { innerHTML: MapTerminalStatusToBadge(value) })),
33
- };
8
+ import { t as terminalTableColumns, a as terminalTableCells } from './terminals-table-059c473e.js';
9
+ import { T as Table } from './table-5da154e7.js';
34
10
 
35
11
  const TerminalsListCore = class {
36
12
  constructor(hostRef) {
@@ -63,9 +39,9 @@ const TerminalsListCore = class {
63
39
  };
64
40
  this.getTerminals = undefined;
65
41
  this.getSubAccounts = undefined;
66
- this.columns = defaultColumnsKeys;
42
+ this.columns = undefined;
67
43
  this.terminals = [];
68
- this.terminalsTable = new Table([], this.columns, terminalTableColumns, terminalTableCells);
44
+ this.terminalsTable = undefined;
69
45
  this.subAccounts = [];
70
46
  this.loading = true;
71
47
  this.errorMessage = undefined;
@@ -76,6 +52,7 @@ const TerminalsListCore = class {
76
52
  this.fetchTerminals();
77
53
  }
78
54
  componentWillLoad() {
55
+ this.terminalsTable = new Table(this.terminals, this.columns, terminalTableColumns, terminalTableCells);
79
56
  if (this.getTerminals && this.getSubAccounts) {
80
57
  this.fetchTerminals();
81
58
  }
@@ -87,7 +64,7 @@ const TerminalsListCore = class {
87
64
  onSuccess: async ({ terminals, pagingInfo }) => {
88
65
  this.terminals = terminals;
89
66
  this.paging = pagingInfo;
90
- this.terminalsTable = new Table(this.terminals, this.columns, terminalTableColumns, terminalTableCells);
67
+ this.terminalsTable.collectionData = this.terminals;
91
68
  const shouldFetchSubAccounts = this.terminalsTable.columnKeys.includes('sub_account_name');
92
69
  if (shouldFetchSubAccounts) {
93
70
  await this.fetchSubAccounts();
@@ -149,7 +126,7 @@ const TerminalsListCore = class {
149
126
  return !this.showEmptyState && !this.showErrorState && !this.loading;
150
127
  }
151
128
  render() {
152
- return (h("div", { key: 'd6bd09387fc558286f09cc98e7b5423a57410440' }, h("terminals-list-filters", { key: '27f3b5ca45bad96695364e96f0c047db8465f061', params: this.params, setParamsOnChange: this.setParamsOnChange, clearParams: this.clearParams }), h("div", { key: '693ef5e9383ad2d4433a79872d51a922f1bb0cbb', class: "table-wrapper" }, h("table", { key: 'd6779ca5094593e21ddee4f0b236b0fa94c7cfe5', class: "table table-hover" }, h("thead", { key: '5b7524c86b32d61d2b087c9ace5673276a6525e2', class: "table-head sticky-top", part: "table-head" }, h("tr", { key: '6f3f3f560f5eaa38a700aacf850c01ce7224c617', class: "table-light text-nowrap", part: "table-head-row" }, this.terminalsTable.columnData.map((column) => column))), h("tbody", { key: 'd65612fc80a216dbbce686e1e5cdd06bc7c934ad', class: "table-body", part: "table-body" }, h(TableLoadingState, { key: '9ffbafb5105380d685e9cad76b627afe96c8e724', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '692c6cb35da2c9057bbac4e5d8e7536017ef1694', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '5072ca0cb9f9ca3d77fc394c935cc1ae473b8864', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler, part: `table-row ${index % 2 ? "table-row-even" : "table-row-odd"}` }, data)))), this.paging && (h("tfoot", { key: 'b043af164be76a5bdbaf53e5a0563f48049925b0', class: "sticky-bottom" }, h("tr", { key: '2fed67d847e113c371213643c07a79208701c1e5', class: "table-light align-middle" }, h("td", { key: 'b3fac5af2d92a8ea93daefd24310ed5b45d32764', part: "pagination-bar", colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '4e5a82670a7aa1fee01b71fbc20b65824300a07f', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }), params: this.params })))))))));
129
+ return (h("div", { key: '7f8bc3f39c1250281c2f2ad6fe081fc71bb20e79' }, h("terminals-list-filters", { key: 'd1184427fc74d970bd69d56a00d0ef4b7672516b', params: this.params, setParamsOnChange: this.setParamsOnChange, clearParams: this.clearParams }), h("div", { key: '582e37429a153cd17bf3c7ebb16e7330c774f986', class: "table-wrapper" }, h("table", { key: '1c03b2ddc8ca2da6b1f2147113f7832b3f27ec1d', class: "table table-hover" }, h("thead", { key: '811d48219cc04256f4a37854504252ff53392bd9', class: "table-head sticky-top", part: "table-head" }, h("tr", { key: 'fafa54ac3abba993dcf38ca2e47f248031226041', class: "table-light text-nowrap", part: "table-head-row" }, this.terminalsTable.columnData.map((column) => column))), h("tbody", { key: '8c9072bf6ebb7f720f1fad0faa47c72c8ed84dd2', class: "table-body", part: "table-body" }, h(TableLoadingState, { key: 'abddb3ce09e39245c0455893f09e54cc631b26bf', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '166a461ee8aaf7405fc0a2b12cd17e1e1e9553f3', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '969bbfcce66b6bcee4dadabe465eaef37022d13b', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler, part: `table-row ${index % 2 ? "table-row-even" : "table-row-odd"}` }, data)))), this.paging && (h("tfoot", { key: 'c63268c11facddaa44452c58743ad9c03f492898', class: "sticky-bottom" }, h("tr", { key: '0e247f8968ad4ed7e8c001354b1c29d5bf7976aa', class: "table-light align-middle" }, h("td", { key: '51c5157453d911f5bf370ba2ac6a556dd1592f24', part: "pagination-bar", colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '3a3ba65f31099125e9c01bc9c8c001c6437ed720', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }), params: this.params })))))))));
153
130
  }
154
131
  static get watchers() { return {
155
132
  "params": ["updateOnPropChange"],
@@ -0,0 +1,28 @@
1
+ import { h } from './index-57431c24.js';
2
+
3
+ const MapTerminalStatusToBadge = (status) => {
4
+ switch (status) {
5
+ case 'connected':
6
+ return "<span class='badge bg-success' title='This terminal is connected.'>Connected</span>";
7
+ case 'disconnected':
8
+ return "<span class='badge bg-danger' title='This terminal is disconnected.'>Disconnected</span>";
9
+ case 'unknown':
10
+ return "<span class='badge bg-secondary' title='The status of this terminal is unknown'>Unknown</span>";
11
+ }
12
+ };
13
+
14
+ const defaultColumnsKeys = 'nickname,provider_id,status';
15
+ const terminalTableColumns = {
16
+ nickname: () => (h("th", { part: "table-head-cell", scope: "col", title: "The nickname associated with the terminal" }, "Nickname")),
17
+ provider_id: () => (h("th", { part: "table-head-cell", scope: "col", title: "The provider ID of the terminal" }, "Provider ID")),
18
+ sub_account_name: () => (h("th", { part: "table-head-cell", scope: "col", title: "The sub account associated with the terminal" }, "Sub Account")),
19
+ status: () => (h("th", { part: "table-head-cell", scope: "col", title: "The current status of each terminal" }, "Status")),
20
+ };
21
+ const terminalTableCells = {
22
+ nickname: (value) => (h("td", null, value)),
23
+ provider_id: (value) => (h("td", null, value)),
24
+ sub_account_name: (value) => (h("td", null, value)),
25
+ status: (value) => (h("td", { innerHTML: MapTerminalStatusToBadge(value) })),
26
+ };
27
+
28
+ export { terminalTableCells as a, defaultColumnsKeys as d, terminalTableColumns as t };
@@ -85,9 +85,9 @@ const CheckoutsListCore = /*@__PURE__*/ proxyCustomElement(class CheckoutsListCo
85
85
  };
86
86
  this.getCheckouts = undefined;
87
87
  this.getSubAccounts = undefined;
88
- this.columns = defaultColumnsKeys;
88
+ this.columns = undefined;
89
89
  this.checkouts = [];
90
- this.checkoutsTable = new Table([], this.columns, checkoutTableColumns, checkoutTableCells);
90
+ this.checkoutsTable = undefined;
91
91
  this.subAccounts = [];
92
92
  this.loading = true;
93
93
  this.errorMessage = undefined;
@@ -98,6 +98,7 @@ const CheckoutsListCore = /*@__PURE__*/ proxyCustomElement(class CheckoutsListCo
98
98
  this.fetchCheckouts();
99
99
  }
100
100
  componentWillLoad() {
101
+ this.checkoutsTable = new Table(this.checkouts, this.columns, checkoutTableColumns, checkoutTableCells);
101
102
  if (this.getCheckouts && this.getSubAccounts) {
102
103
  this.fetchCheckouts();
103
104
  }
@@ -109,7 +110,7 @@ const CheckoutsListCore = /*@__PURE__*/ proxyCustomElement(class CheckoutsListCo
109
110
  onSuccess: async ({ checkouts, pagingInfo }) => {
110
111
  this.checkouts = checkouts;
111
112
  this.paging = pagingInfo;
112
- this.checkoutsTable = new Table(this.checkouts, this.columns, checkoutTableColumns, checkoutTableCells);
113
+ this.checkoutsTable.collectionData = this.checkouts;
113
114
  const shouldFetchSubAccounts = this.checkoutsTable.columnKeys.includes('sub_account_name');
114
115
  if (shouldFetchSubAccounts) {
115
116
  await this.fetchSubAccounts();
@@ -171,7 +172,7 @@ const CheckoutsListCore = /*@__PURE__*/ proxyCustomElement(class CheckoutsListCo
171
172
  return !this.showEmptyState && !this.showErrorState && !this.loading;
172
173
  }
173
174
  render() {
174
- return (h("div", { key: '2734f704620a60a5bedc46e3e41ab758af3fcb33' }, h("checkouts-list-filters", { key: '88ec654a9e15b976c47baee51ebed8c4bd8f11d7', params: this.params, setParamsOnChange: this.setParamsOnChange, clearParams: this.clearParams }), h("div", { key: '929ce2e4dbee2b6aad94705b90b33527ef88f324', class: "table-wrapper" }, h("table", { key: '734d75f3f6d0189ce21560a89e9bc28628188798', class: "table table-hover" }, h("thead", { key: '6b1bba45aaa29b741cf3422902bf1d63cb89fe9a', class: "table-head sticky-top", part: "table-head" }, h("tr", { key: '54f3e19d0d8b1414e9c0df4a6b9cd59516eb0e2e', class: "table-light text-nowrap", part: "table-head-row" }, this.checkoutsTable.columnData.map((column) => column))), h("tbody", { key: '7454d36c6595e8341c0405833a919c56cd09fa3d', class: "table-body", part: "table-body" }, h(TableLoadingState, { key: 'b6fc81a9293727005f0a13afbf518e57efeb8469', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'ce449e05b1c0643f8a2157f44f2f2af16ee08f8c', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: '89d0b6d1c4eb966fe0195cfe6e854a7cca10c7ed', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler, part: `table-row ${index % 2 ? "table-row-even" : "table-row-odd"}` }, data)))), this.paging && (h("tfoot", { key: 'ac6bb6d3cf02abc3f386a7d6bf92927f4a0ad244', class: "sticky-bottom" }, h("tr", { key: '352544ebda3e9a899fcb640b350fd60c55b97d17', class: "table-light align-middle" }, h("td", { key: '2dfc279e5e94bb1c0ea75670eb6584ff39a98f4a', part: "pagination-bar", colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: 'a8ba0fd21c0dd9be75662b62db78980a74d5fbc6', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }), params: this.params })))))))));
175
+ return (h("div", { key: '8d2c1fd960b2b3a66f3a1bf648b75576ad2e8857' }, h("checkouts-list-filters", { key: '18ba9bf560499112f71a690da751c8e3c4d345a7', params: this.params, setParamsOnChange: this.setParamsOnChange, clearParams: this.clearParams }), h("div", { key: '12cf6ee2912ac6a9518634ebd470dac5f7623aff', class: "table-wrapper" }, h("table", { key: '1ea2c118d7efb620dc1f39db55a510a8a473cb31', class: "table table-hover" }, h("thead", { key: '5e334a090be56c82b11ae7584bdf4014cc8743c7', class: "table-head sticky-top", part: "table-head" }, h("tr", { key: '233137a8b4e30bac28ded78010199bfecd0ac4e7', class: "table-light text-nowrap", part: "table-head-row" }, this.checkoutsTable.columnData.map((column) => column))), h("tbody", { key: 'd4ed9d4bf3ac17d4dc7294b875734e02996c7444', class: "table-body", part: "table-body" }, h(TableLoadingState, { key: 'a7afbb627c768139af4244da5c12fae493dceafb', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '802c43c8da770bca9a249a88d115901e9b14e102', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'f1cd197cf7d1d5d81868a5abfafa40df762ca3c8', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler, part: `table-row ${index % 2 ? "table-row-even" : "table-row-odd"}` }, data)))), this.paging && (h("tfoot", { key: 'f0c367854322c341515bc481159101e9659117c7', class: "sticky-bottom" }, h("tr", { key: '88bc665c23665eddc4c88d27acc8c8f1cb39e277', class: "table-light align-middle" }, h("td", { key: '8be265c9b43033cfd3e2c4b3f12ac6d6c104e53d', part: "pagination-bar", colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '6abdb6091b78e58ec71ac6bf66f278ed9b6542fb', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }), params: this.params })))))))));
175
176
  }
176
177
  static get watchers() { return {
177
178
  "params": ["updateOnPropChange"],
@@ -246,4 +247,4 @@ function defineCustomElement() {
246
247
  }
247
248
  defineCustomElement();
248
249
 
249
- export { CheckoutsListCore as C, defineCustomElement as d };
250
+ export { CheckoutsListCore as C, defaultColumnsKeys as a, defineCustomElement as d };
@@ -12,7 +12,7 @@ import { C as CheckoutService } from './checkout.service.js';
12
12
  import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts.js';
13
13
  import { S as StyledHost } from './styled-host.js';
14
14
  import { t as tableExportedParts } from './exported-parts.js';
15
- import { d as defineCustomElement$9 } from './checkouts-list-core2.js';
15
+ import { d as defineCustomElement$9, a as defaultColumnsKeys } from './checkouts-list-core2.js';
16
16
  import { d as defineCustomElement$8 } from './checkouts-list-filters2.js';
17
17
  import { d as defineCustomElement$7 } from './custom-popper2.js';
18
18
  import { d as defineCustomElement$6 } from './form-control-error-text2.js';
@@ -66,7 +66,7 @@ const CheckoutsList = /*@__PURE__*/ proxyCustomElement(class CheckoutsList exten
66
66
  this.accountId = undefined;
67
67
  this.authToken = undefined;
68
68
  this.apiOrigin = config.proxyApiOrigin;
69
- this.columns = undefined;
69
+ this.columns = defaultColumnsKeys;
70
70
  }
71
71
  componentWillLoad() {
72
72
  checkPkgVersion();
@@ -112,7 +112,7 @@ const CheckoutsList = /*@__PURE__*/ proxyCustomElement(class CheckoutsList exten
112
112
  }
113
113
  }
114
114
  render() {
115
- return (h(StyledHost, { key: '42ff5c1cff57b185200aa0c31f4fdb44b3401c91', exportparts: tableExportedParts }, h("checkouts-list-core", { key: '55565a5f61c671bae9554c7d9ecab044c7bb987c', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
115
+ return (h(StyledHost, { key: '6e6faed5df0fcdc48018650867672c5d325d1934', exportparts: tableExportedParts }, h("checkouts-list-core", { key: '92ceb10f7bd76864629ed0990a7f34fab76ce517', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
116
116
  }
117
117
  static get watchers() { return {
118
118
  "accountId": ["propChanged"],
@@ -12,6 +12,7 @@ import { g as getErrorMessage, a as getErrorCode } from './utils3.js';
12
12
  import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts.js';
13
13
  import { S as StyledHost } from './styled-host.js';
14
14
  import { t as tableExportedParts } from './exported-parts.js';
15
+ import { d as defineCustomElement$3, a as defaultColumnsKeys } from './terminals-list-core2.js';
15
16
  import { d as defineCustomElement$a } from './custom-popper2.js';
16
17
  import { d as defineCustomElement$9 } from './form-control-error-text2.js';
17
18
  import { d as defineCustomElement$8 } from './form-control-select2.js';
@@ -19,7 +20,6 @@ import { d as defineCustomElement$7 } from './form-control-text2.js';
19
20
  import { d as defineCustomElement$6 } from './form-control-tooltip2.js';
20
21
  import { d as defineCustomElement$5 } from './pagination-menu2.js';
21
22
  import { d as defineCustomElement$4 } from './table-filters-menu2.js';
22
- import { d as defineCustomElement$3 } from './terminals-list-core2.js';
23
23
  import { d as defineCustomElement$2 } from './terminals-list-filters2.js';
24
24
 
25
25
  class TerminalService {
@@ -86,7 +86,7 @@ const TerminalsList = /*@__PURE__*/ proxyCustomElement(class TerminalsList exten
86
86
  this.accountId = undefined;
87
87
  this.authToken = undefined;
88
88
  this.apiOrigin = config.proxyApiOrigin;
89
- this.columns = undefined;
89
+ this.columns = defaultColumnsKeys;
90
90
  }
91
91
  componentWillLoad() {
92
92
  checkPkgVersion();
@@ -132,7 +132,7 @@ const TerminalsList = /*@__PURE__*/ proxyCustomElement(class TerminalsList exten
132
132
  }
133
133
  }
134
134
  render() {
135
- return (h(StyledHost, { key: 'b150133d9e787d0a4f32d92d9fb26df50391e632', exportparts: tableExportedParts }, h("terminals-list-core", { key: '59302d93d0a308c34aacabf7e5a006099eaff2d6', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
135
+ return (h(StyledHost, { key: '8ffe95f21b5ef8c1c15fc0e22a9c824cff758ee6', exportparts: tableExportedParts }, h("terminals-list-core", { key: 'a550f1f85b84f6cc06bd93b5e5a9ec726b72b46c', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
136
136
  }
137
137
  static get watchers() { return {
138
138
  "accountId": ["propChanged"],
@@ -1,5 +1,5 @@
1
1
  const name = "@justifi/webcomponents";
2
- const version = "4.22.0";
2
+ const version = "4.22.2";
3
3
  const description = "JustiFi Web Components";
4
4
  const collection = "dist/collection/collection-manifest.json";
5
5
  const main = "dist/index.cjs.js";
@@ -77,7 +77,6 @@ const dateOfIncorporationValidation = create$6()
77
77
  const identityNameValidation = create$6()
78
78
  .min(2, 'Name must be at least 2 characters')
79
79
  .max(100, 'Name must be less than 100 characters')
80
- .matches(stringLettersOnlyRegex, 'Enter valid name')
81
80
  .transform(transformEmptyString);
82
81
  const identityTitleValidation = create$6()
83
82
  .min(2, 'Title must be at least 2 characters')
@@ -7,6 +7,9 @@ class Table {
7
7
  return this.columnKeys.map((key) => this.tableCells[key](checkout[key]));
8
8
  });
9
9
  }
10
+ set collectionData(collection) {
11
+ this.collection = collection;
12
+ }
10
13
  constructor(collection, columns, tableColumns, tableCells) {
11
14
  this.columnKeys = columns.split(',');
12
15
  this.collection = collection;