@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.
- package/dist/cjs/{Analytics-9db96975.js → Analytics-99a3c7f8.js} +1 -1
- package/dist/cjs/{business-additional-questions-schema-19f08938.js → business-additional-questions-schema-d82355b0.js} +1 -1
- package/dist/cjs/{business-identity-schema-a8bb2276.js → business-identity-schema-3d241053.js} +1 -1
- package/dist/cjs/{check-pkg-version-23a1cabd.js → check-pkg-version-9bd49ad6.js} +1 -1
- package/dist/cjs/checkouts-list-core.cjs.entry.js +10 -47
- package/dist/cjs/checkouts-table-24c065ff.js +47 -0
- package/dist/cjs/form-control-checkbox_9.cjs.entry.js +3 -3
- package/dist/cjs/justifi-additional-questions-form-step_10.cjs.entry.js +1 -1
- package/dist/cjs/justifi-bank-account-form.cjs.entry.js +2 -2
- package/dist/cjs/justifi-billing-form_2.cjs.entry.js +2 -2
- package/dist/cjs/justifi-business-details.cjs.entry.js +3 -3
- package/dist/cjs/justifi-business-form.cjs.entry.js +6 -6
- package/dist/cjs/justifi-card-form.cjs.entry.js +2 -2
- package/dist/cjs/justifi-checkout.cjs.entry.js +3 -3
- package/dist/cjs/justifi-checkouts-list.cjs.entry.js +7 -5
- package/dist/cjs/justifi-gross-payment-chart.cjs.entry.js +3 -3
- package/dist/cjs/justifi-owner-form_3.cjs.entry.js +2 -2
- package/dist/cjs/justifi-payment-details.cjs.entry.js +3 -3
- package/dist/cjs/justifi-payment-form.cjs.entry.js +3 -3
- package/dist/cjs/justifi-payment-provisioning.cjs.entry.js +3 -3
- package/dist/cjs/justifi-payments-list.cjs.entry.js +3 -3
- package/dist/cjs/justifi-payout-details.cjs.entry.js +3 -3
- package/dist/cjs/justifi-payouts-list.cjs.entry.js +3 -3
- package/dist/cjs/justifi-season-interruption-insurance.cjs.entry.js +3 -3
- package/dist/cjs/justifi-terminals-list.cjs.entry.js +6 -5
- package/dist/cjs/justifi-tokenize-payment-method.cjs.entry.js +3 -3
- package/dist/cjs/{package-41c8f38c.js → package-e25f61a8.js} +1 -1
- package/dist/cjs/{schema-validations-184a4356.js → schema-validations-7a9afa7c.js} +0 -1
- package/dist/cjs/{table-bb114e2f.js → table-20e9a053.js} +3 -0
- package/dist/cjs/terminals-list-core.cjs.entry.js +7 -30
- package/dist/cjs/terminals-table-99a7b87b.js +32 -0
- package/dist/collection/components/business-forms/schemas/schema-validations.js +0 -1
- package/dist/collection/components/checkouts-list/checkouts-list-core.js +7 -7
- package/dist/collection/components/checkouts-list/checkouts-list.js +5 -3
- package/dist/collection/components/terminals-list/terminals-list-core.js +7 -7
- package/dist/collection/components/terminals-list/terminals-list.js +5 -3
- package/dist/collection/utils/table.js +3 -0
- package/dist/docs.json +3 -3
- package/dist/esm/{Analytics-777962a4.js → Analytics-f4e959b2.js} +1 -1
- package/dist/esm/{business-additional-questions-schema-97f52255.js → business-additional-questions-schema-a5072d2b.js} +1 -1
- package/dist/esm/{business-identity-schema-434e16bc.js → business-identity-schema-b31178a1.js} +1 -1
- package/dist/esm/{check-pkg-version-bac8fac0.js → check-pkg-version-5e658940.js} +1 -1
- package/dist/esm/checkouts-list-core.entry.js +9 -46
- package/dist/esm/checkouts-table-62c44909.js +43 -0
- package/dist/esm/form-control-checkbox_9.entry.js +3 -3
- package/dist/esm/justifi-additional-questions-form-step_10.entry.js +1 -1
- package/dist/esm/justifi-bank-account-form.entry.js +2 -2
- package/dist/esm/justifi-billing-form_2.entry.js +2 -2
- package/dist/esm/justifi-business-details.entry.js +3 -3
- package/dist/esm/justifi-business-form.entry.js +6 -6
- package/dist/esm/justifi-card-form.entry.js +2 -2
- package/dist/esm/justifi-checkout.entry.js +3 -3
- package/dist/esm/justifi-checkouts-list.entry.js +7 -5
- package/dist/esm/justifi-gross-payment-chart.entry.js +3 -3
- package/dist/esm/justifi-owner-form_3.entry.js +2 -2
- package/dist/esm/justifi-payment-details.entry.js +3 -3
- package/dist/esm/justifi-payment-form.entry.js +3 -3
- package/dist/esm/justifi-payment-provisioning.entry.js +3 -3
- package/dist/esm/justifi-payments-list.entry.js +3 -3
- package/dist/esm/justifi-payout-details.entry.js +3 -3
- package/dist/esm/justifi-payouts-list.entry.js +3 -3
- package/dist/esm/justifi-season-interruption-insurance.entry.js +3 -3
- package/dist/esm/justifi-terminals-list.entry.js +6 -5
- package/dist/esm/justifi-tokenize-payment-method.entry.js +3 -3
- package/dist/esm/{package-5144835c.js → package-95aca142.js} +1 -1
- package/dist/esm/{schema-validations-c1728516.js → schema-validations-cd8c5f69.js} +0 -1
- package/dist/esm/{table-75364107.js → table-5da154e7.js} +3 -0
- package/dist/esm/terminals-list-core.entry.js +8 -31
- package/dist/esm/terminals-table-059c473e.js +28 -0
- package/dist/module/checkouts-list-core2.js +6 -5
- package/dist/module/justifi-checkouts-list.js +3 -3
- package/dist/module/justifi-terminals-list.js +3 -3
- package/dist/module/package.js +1 -1
- package/dist/module/schema-validations.js +0 -1
- package/dist/module/table.js +3 -0
- package/dist/module/terminals-list-core2.js +6 -5
- package/dist/types/utils/table.d.ts +1 -0
- package/dist/webcomponents/p-02cf5e6f.js +1 -0
- package/dist/webcomponents/{p-dae9b10e.entry.js → p-09fb7dd6.entry.js} +1 -1
- package/dist/webcomponents/p-0c03a971.entry.js +1 -0
- package/dist/webcomponents/{p-037e3545.entry.js → p-0ec27543.entry.js} +1 -1
- package/dist/webcomponents/{p-b0686897.entry.js → p-1251a3f5.entry.js} +1 -1
- package/dist/webcomponents/p-1ab798f4.entry.js +1 -0
- package/dist/webcomponents/{p-c1cf7d5b.js → p-22e38d5b.js} +1 -1
- package/dist/webcomponents/{p-52ca72cd.entry.js → p-2a9f48f0.entry.js} +1 -1
- package/dist/webcomponents/{p-f4a8215b.entry.js → p-2dc7751f.entry.js} +1 -1
- package/dist/webcomponents/p-3f82f724.entry.js +1 -0
- package/dist/webcomponents/p-44f7f729.entry.js +1 -0
- package/dist/webcomponents/{p-69ea7334.entry.js → p-55f78fcc.entry.js} +1 -1
- package/dist/webcomponents/{p-b4a7307b.entry.js → p-5fd72c29.entry.js} +1 -1
- package/dist/webcomponents/{p-3d3468a8.js → p-7285c687.js} +1 -1
- package/dist/webcomponents/{p-11ff46df.entry.js → p-7a8c13ba.entry.js} +1 -1
- package/dist/webcomponents/{p-d1248039.entry.js → p-83b01812.entry.js} +1 -1
- package/dist/webcomponents/p-88efdd31.js +1 -0
- package/dist/webcomponents/p-8e228e5a.js +1 -0
- package/dist/webcomponents/{p-0b686ada.entry.js → p-8e2e24d8.entry.js} +1 -1
- package/dist/webcomponents/p-90b8acc6.js +1 -0
- package/dist/webcomponents/{p-4c0c88e4.entry.js → p-91711083.entry.js} +1 -1
- package/dist/webcomponents/{p-2de65000.entry.js → p-92a766d8.entry.js} +1 -1
- package/dist/webcomponents/{p-56bda985.js → p-9e7204b5.js} +1 -1
- package/dist/webcomponents/{p-04d12939.entry.js → p-9ef4d294.entry.js} +1 -1
- package/dist/webcomponents/{p-c63825d8.entry.js → p-a91a2152.entry.js} +1 -1
- package/dist/webcomponents/p-b16269d7.js +1 -0
- package/dist/webcomponents/{p-e7d6609d.js → p-b459d0b0.js} +1 -1
- package/dist/webcomponents/p-bba131f9.entry.js +1 -0
- package/dist/webcomponents/{p-f7077f93.entry.js → p-c458fc48.entry.js} +1 -1
- package/dist/webcomponents/{p-cb79f06c.entry.js → p-eed325b7.entry.js} +1 -1
- package/dist/webcomponents/{p-0c79e368.entry.js → p-f45197b9.entry.js} +1 -1
- package/dist/webcomponents/webcomponents.esm.js +1 -1
- package/package.json +1 -1
- package/dist/webcomponents/p-0ac35b39.entry.js +0 -1
- package/dist/webcomponents/p-24392a86.entry.js +0 -1
- package/dist/webcomponents/p-907ba963.js +0 -1
- package/dist/webcomponents/p-9bd13e22.js +0 -1
- package/dist/webcomponents/p-a2be972d.entry.js +0 -1
- package/dist/webcomponents/p-b1aacd6b.entry.js +0 -1
- package/dist/webcomponents/p-c65b78cf.js +0 -1
- package/dist/webcomponents/p-ec7e69eb.entry.js +0 -1
|
@@ -9,32 +9,8 @@ require('./Payment-04a842f4.js');
|
|
|
9
9
|
require('./SubAccount-cc95a4a0.js');
|
|
10
10
|
const tableLoadingState = require('./table-loading-state-8b406852.js');
|
|
11
11
|
const utils = require('./utils-f8a6962c.js');
|
|
12
|
-
const
|
|
13
|
-
|
|
14
|
-
const MapTerminalStatusToBadge = (status) => {
|
|
15
|
-
switch (status) {
|
|
16
|
-
case 'connected':
|
|
17
|
-
return "<span class='badge bg-success' title='This terminal is connected.'>Connected</span>";
|
|
18
|
-
case 'disconnected':
|
|
19
|
-
return "<span class='badge bg-danger' title='This terminal is disconnected.'>Disconnected</span>";
|
|
20
|
-
case 'unknown':
|
|
21
|
-
return "<span class='badge bg-secondary' title='The status of this terminal is unknown'>Unknown</span>";
|
|
22
|
-
}
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
const defaultColumnsKeys = 'nickname,provider_id,status';
|
|
26
|
-
const terminalTableColumns = {
|
|
27
|
-
nickname: () => (index.h("th", { part: "table-head-cell", scope: "col", title: "The nickname associated with the terminal" }, "Nickname")),
|
|
28
|
-
provider_id: () => (index.h("th", { part: "table-head-cell", scope: "col", title: "The provider ID of the terminal" }, "Provider ID")),
|
|
29
|
-
sub_account_name: () => (index.h("th", { part: "table-head-cell", scope: "col", title: "The sub account associated with the terminal" }, "Sub Account")),
|
|
30
|
-
status: () => (index.h("th", { part: "table-head-cell", scope: "col", title: "The current status of each terminal" }, "Status")),
|
|
31
|
-
};
|
|
32
|
-
const terminalTableCells = {
|
|
33
|
-
nickname: (value) => (index.h("td", null, value)),
|
|
34
|
-
provider_id: (value) => (index.h("td", null, value)),
|
|
35
|
-
sub_account_name: (value) => (index.h("td", null, value)),
|
|
36
|
-
status: (value) => (index.h("td", { innerHTML: MapTerminalStatusToBadge(value) })),
|
|
37
|
-
};
|
|
12
|
+
const terminalsTable = require('./terminals-table-99a7b87b.js');
|
|
13
|
+
const table = require('./table-20e9a053.js');
|
|
38
14
|
|
|
39
15
|
const TerminalsListCore = class {
|
|
40
16
|
constructor(hostRef) {
|
|
@@ -67,9 +43,9 @@ const TerminalsListCore = class {
|
|
|
67
43
|
};
|
|
68
44
|
this.getTerminals = undefined;
|
|
69
45
|
this.getSubAccounts = undefined;
|
|
70
|
-
this.columns =
|
|
46
|
+
this.columns = undefined;
|
|
71
47
|
this.terminals = [];
|
|
72
|
-
this.terminalsTable =
|
|
48
|
+
this.terminalsTable = undefined;
|
|
73
49
|
this.subAccounts = [];
|
|
74
50
|
this.loading = true;
|
|
75
51
|
this.errorMessage = undefined;
|
|
@@ -80,6 +56,7 @@ const TerminalsListCore = class {
|
|
|
80
56
|
this.fetchTerminals();
|
|
81
57
|
}
|
|
82
58
|
componentWillLoad() {
|
|
59
|
+
this.terminalsTable = new table.Table(this.terminals, this.columns, terminalsTable.terminalTableColumns, terminalsTable.terminalTableCells);
|
|
83
60
|
if (this.getTerminals && this.getSubAccounts) {
|
|
84
61
|
this.fetchTerminals();
|
|
85
62
|
}
|
|
@@ -91,7 +68,7 @@ const TerminalsListCore = class {
|
|
|
91
68
|
onSuccess: async ({ terminals, pagingInfo }) => {
|
|
92
69
|
this.terminals = terminals;
|
|
93
70
|
this.paging = pagingInfo;
|
|
94
|
-
this.terminalsTable =
|
|
71
|
+
this.terminalsTable.collectionData = this.terminals;
|
|
95
72
|
const shouldFetchSubAccounts = this.terminalsTable.columnKeys.includes('sub_account_name');
|
|
96
73
|
if (shouldFetchSubAccounts) {
|
|
97
74
|
await this.fetchSubAccounts();
|
|
@@ -153,7 +130,7 @@ const TerminalsListCore = class {
|
|
|
153
130
|
return !this.showEmptyState && !this.showErrorState && !this.loading;
|
|
154
131
|
}
|
|
155
132
|
render() {
|
|
156
|
-
return (index.h("div", { key: '
|
|
133
|
+
return (index.h("div", { key: '7f8bc3f39c1250281c2f2ad6fe081fc71bb20e79' }, index.h("terminals-list-filters", { key: 'd1184427fc74d970bd69d56a00d0ef4b7672516b', params: this.params, setParamsOnChange: this.setParamsOnChange, clearParams: this.clearParams }), index.h("div", { key: '582e37429a153cd17bf3c7ebb16e7330c774f986', class: "table-wrapper" }, index.h("table", { key: '1c03b2ddc8ca2da6b1f2147113f7832b3f27ec1d', class: "table table-hover" }, index.h("thead", { key: '811d48219cc04256f4a37854504252ff53392bd9', class: "table-head sticky-top", part: "table-head" }, index.h("tr", { key: 'fafa54ac3abba993dcf38ca2e47f248031226041', class: "table-light text-nowrap", part: "table-head-row" }, this.terminalsTable.columnData.map((column) => column))), index.h("tbody", { key: '8c9072bf6ebb7f720f1fad0faa47c72c8ed84dd2', class: "table-body", part: "table-body" }, index.h(tableLoadingState.TableLoadingState, { key: 'abddb3ce09e39245c0455893f09e54cc631b26bf', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), index.h(tableLoadingState.TableEmptyState, { key: '166a461ee8aaf7405fc0a2b12cd17e1e1e9553f3', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), index.h(tableLoadingState.TableErrorState, { key: '969bbfcce66b6bcee4dadabe465eaef37022d13b', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.rowData.map((data, index$1) => (index.h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler, part: `table-row ${index$1 % 2 ? "table-row-even" : "table-row-odd"}` }, data)))), this.paging && (index.h("tfoot", { key: 'c63268c11facddaa44452c58743ad9c03f492898', class: "sticky-bottom" }, index.h("tr", { key: '0e247f8968ad4ed7e8c001354b1c29d5bf7976aa', class: "table-light align-middle" }, index.h("td", { key: '51c5157453d911f5bf370ba2ac6a556dd1592f24', part: "pagination-bar", colSpan: this.terminalsTable.columnData.length }, index.h("pagination-menu", { key: '3a3ba65f31099125e9c01bc9c8c001c6437ed720', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }), params: this.params })))))))));
|
|
157
134
|
}
|
|
158
135
|
static get watchers() { return {
|
|
159
136
|
"params": ["updateOnPropChange"],
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
const index = require('./index-fb499e95.js');
|
|
4
|
+
|
|
5
|
+
const MapTerminalStatusToBadge = (status) => {
|
|
6
|
+
switch (status) {
|
|
7
|
+
case 'connected':
|
|
8
|
+
return "<span class='badge bg-success' title='This terminal is connected.'>Connected</span>";
|
|
9
|
+
case 'disconnected':
|
|
10
|
+
return "<span class='badge bg-danger' title='This terminal is disconnected.'>Disconnected</span>";
|
|
11
|
+
case 'unknown':
|
|
12
|
+
return "<span class='badge bg-secondary' title='The status of this terminal is unknown'>Unknown</span>";
|
|
13
|
+
}
|
|
14
|
+
};
|
|
15
|
+
|
|
16
|
+
const defaultColumnsKeys = 'nickname,provider_id,status';
|
|
17
|
+
const terminalTableColumns = {
|
|
18
|
+
nickname: () => (index.h("th", { part: "table-head-cell", scope: "col", title: "The nickname associated with the terminal" }, "Nickname")),
|
|
19
|
+
provider_id: () => (index.h("th", { part: "table-head-cell", scope: "col", title: "The provider ID of the terminal" }, "Provider ID")),
|
|
20
|
+
sub_account_name: () => (index.h("th", { part: "table-head-cell", scope: "col", title: "The sub account associated with the terminal" }, "Sub Account")),
|
|
21
|
+
status: () => (index.h("th", { part: "table-head-cell", scope: "col", title: "The current status of each terminal" }, "Status")),
|
|
22
|
+
};
|
|
23
|
+
const terminalTableCells = {
|
|
24
|
+
nickname: (value) => (index.h("td", null, value)),
|
|
25
|
+
provider_id: (value) => (index.h("td", null, value)),
|
|
26
|
+
sub_account_name: (value) => (index.h("td", null, value)),
|
|
27
|
+
status: (value) => (index.h("td", { innerHTML: MapTerminalStatusToBadge(value) })),
|
|
28
|
+
};
|
|
29
|
+
|
|
30
|
+
exports.defaultColumnsKeys = defaultColumnsKeys;
|
|
31
|
+
exports.terminalTableCells = terminalTableCells;
|
|
32
|
+
exports.terminalTableColumns = terminalTableColumns;
|
|
@@ -52,7 +52,6 @@ export const dateOfIncorporationValidation = string()
|
|
|
52
52
|
export const identityNameValidation = string()
|
|
53
53
|
.min(2, 'Name must be at least 2 characters')
|
|
54
54
|
.max(100, 'Name must be less than 100 characters')
|
|
55
|
-
.matches(stringLettersOnlyRegex, 'Enter valid name')
|
|
56
55
|
.transform(transformEmptyString);
|
|
57
56
|
export const identityTitleValidation = string()
|
|
58
57
|
.min(2, 'Title must be at least 2 characters')
|
|
@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
|
|
|
2
2
|
import { pagingDefaults } from "../../api";
|
|
3
3
|
import { onFilterChange } from "../../ui-components/filters/utils";
|
|
4
4
|
import { TableEmptyState, TableErrorState, TableLoadingState } from "../../ui-components";
|
|
5
|
-
import {
|
|
5
|
+
import { checkoutTableColumns, checkoutTableCells } from "./checkouts-table";
|
|
6
6
|
import { Table } from "../../utils/table";
|
|
7
7
|
export class CheckoutsListCore {
|
|
8
8
|
constructor() {
|
|
@@ -32,9 +32,9 @@ export class CheckoutsListCore {
|
|
|
32
32
|
};
|
|
33
33
|
this.getCheckouts = undefined;
|
|
34
34
|
this.getSubAccounts = undefined;
|
|
35
|
-
this.columns =
|
|
35
|
+
this.columns = undefined;
|
|
36
36
|
this.checkouts = [];
|
|
37
|
-
this.checkoutsTable =
|
|
37
|
+
this.checkoutsTable = undefined;
|
|
38
38
|
this.subAccounts = [];
|
|
39
39
|
this.loading = true;
|
|
40
40
|
this.errorMessage = undefined;
|
|
@@ -45,6 +45,7 @@ export class CheckoutsListCore {
|
|
|
45
45
|
this.fetchCheckouts();
|
|
46
46
|
}
|
|
47
47
|
componentWillLoad() {
|
|
48
|
+
this.checkoutsTable = new Table(this.checkouts, this.columns, checkoutTableColumns, checkoutTableCells);
|
|
48
49
|
if (this.getCheckouts && this.getSubAccounts) {
|
|
49
50
|
this.fetchCheckouts();
|
|
50
51
|
}
|
|
@@ -56,7 +57,7 @@ export class CheckoutsListCore {
|
|
|
56
57
|
onSuccess: async ({ checkouts, pagingInfo }) => {
|
|
57
58
|
this.checkouts = checkouts;
|
|
58
59
|
this.paging = pagingInfo;
|
|
59
|
-
this.checkoutsTable =
|
|
60
|
+
this.checkoutsTable.collectionData = this.checkouts;
|
|
60
61
|
const shouldFetchSubAccounts = this.checkoutsTable.columnKeys.includes('sub_account_name');
|
|
61
62
|
if (shouldFetchSubAccounts) {
|
|
62
63
|
await this.fetchSubAccounts();
|
|
@@ -118,7 +119,7 @@ export class CheckoutsListCore {
|
|
|
118
119
|
return !this.showEmptyState && !this.showErrorState && !this.loading;
|
|
119
120
|
}
|
|
120
121
|
render() {
|
|
121
|
-
return (h("div", { key: '
|
|
122
|
+
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 })))))))));
|
|
122
123
|
}
|
|
123
124
|
static get is() { return "checkouts-list-core"; }
|
|
124
125
|
static get properties() {
|
|
@@ -178,8 +179,7 @@ export class CheckoutsListCore {
|
|
|
178
179
|
"text": ""
|
|
179
180
|
},
|
|
180
181
|
"attribute": "columns",
|
|
181
|
-
"reflect": false
|
|
182
|
-
"defaultValue": "defaultColumnsKeys"
|
|
182
|
+
"reflect": false
|
|
183
183
|
}
|
|
184
184
|
};
|
|
185
185
|
}
|
|
@@ -8,6 +8,7 @@ import { ComponentErrorCodes, ComponentErrorSeverity } from "../../api/Component
|
|
|
8
8
|
import { SubAccountService } from "../../api/services/subaccounts.service";
|
|
9
9
|
import { makeGetSubAccounts } from "../../api/get-subaccounts";
|
|
10
10
|
import { StyledHost, tableExportedParts } from "../../ui-components";
|
|
11
|
+
import { defaultColumnsKeys } from "./checkouts-table";
|
|
11
12
|
/**
|
|
12
13
|
* @exportedPart label: Label for inputs
|
|
13
14
|
* @exportedPart input: The input fields
|
|
@@ -42,7 +43,7 @@ export class CheckoutsList {
|
|
|
42
43
|
this.accountId = undefined;
|
|
43
44
|
this.authToken = undefined;
|
|
44
45
|
this.apiOrigin = config.proxyApiOrigin;
|
|
45
|
-
this.columns =
|
|
46
|
+
this.columns = defaultColumnsKeys;
|
|
46
47
|
}
|
|
47
48
|
componentWillLoad() {
|
|
48
49
|
checkPkgVersion();
|
|
@@ -88,7 +89,7 @@ export class CheckoutsList {
|
|
|
88
89
|
}
|
|
89
90
|
}
|
|
90
91
|
render() {
|
|
91
|
-
return (h(StyledHost, { key: '
|
|
92
|
+
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 })));
|
|
92
93
|
}
|
|
93
94
|
static get is() { return "justifi-checkouts-list"; }
|
|
94
95
|
static get encapsulation() { return "shadow"; }
|
|
@@ -161,7 +162,8 @@ export class CheckoutsList {
|
|
|
161
162
|
"text": ""
|
|
162
163
|
},
|
|
163
164
|
"attribute": "columns",
|
|
164
|
-
"reflect": false
|
|
165
|
+
"reflect": false,
|
|
166
|
+
"defaultValue": "defaultColumnsKeys"
|
|
165
167
|
}
|
|
166
168
|
};
|
|
167
169
|
}
|
|
@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
|
|
|
2
2
|
import { pagingDefaults } from "../../api";
|
|
3
3
|
import { TableEmptyState, TableErrorState, TableLoadingState } from "../../ui-components";
|
|
4
4
|
import { onFilterChange } from "../../ui-components/filters/utils";
|
|
5
|
-
import {
|
|
5
|
+
import { terminalTableColumns, terminalTableCells } from "./terminals-table";
|
|
6
6
|
import { Table } from "../../utils/table";
|
|
7
7
|
export class TerminalsListCore {
|
|
8
8
|
constructor() {
|
|
@@ -32,9 +32,9 @@ export class TerminalsListCore {
|
|
|
32
32
|
};
|
|
33
33
|
this.getTerminals = undefined;
|
|
34
34
|
this.getSubAccounts = undefined;
|
|
35
|
-
this.columns =
|
|
35
|
+
this.columns = undefined;
|
|
36
36
|
this.terminals = [];
|
|
37
|
-
this.terminalsTable =
|
|
37
|
+
this.terminalsTable = undefined;
|
|
38
38
|
this.subAccounts = [];
|
|
39
39
|
this.loading = true;
|
|
40
40
|
this.errorMessage = undefined;
|
|
@@ -45,6 +45,7 @@ export class TerminalsListCore {
|
|
|
45
45
|
this.fetchTerminals();
|
|
46
46
|
}
|
|
47
47
|
componentWillLoad() {
|
|
48
|
+
this.terminalsTable = new Table(this.terminals, this.columns, terminalTableColumns, terminalTableCells);
|
|
48
49
|
if (this.getTerminals && this.getSubAccounts) {
|
|
49
50
|
this.fetchTerminals();
|
|
50
51
|
}
|
|
@@ -56,7 +57,7 @@ export class TerminalsListCore {
|
|
|
56
57
|
onSuccess: async ({ terminals, pagingInfo }) => {
|
|
57
58
|
this.terminals = terminals;
|
|
58
59
|
this.paging = pagingInfo;
|
|
59
|
-
this.terminalsTable =
|
|
60
|
+
this.terminalsTable.collectionData = this.terminals;
|
|
60
61
|
const shouldFetchSubAccounts = this.terminalsTable.columnKeys.includes('sub_account_name');
|
|
61
62
|
if (shouldFetchSubAccounts) {
|
|
62
63
|
await this.fetchSubAccounts();
|
|
@@ -118,7 +119,7 @@ export class TerminalsListCore {
|
|
|
118
119
|
return !this.showEmptyState && !this.showErrorState && !this.loading;
|
|
119
120
|
}
|
|
120
121
|
render() {
|
|
121
|
-
return (h("div", { key: '
|
|
122
|
+
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 })))))))));
|
|
122
123
|
}
|
|
123
124
|
static get is() { return "terminals-list-core"; }
|
|
124
125
|
static get properties() {
|
|
@@ -178,8 +179,7 @@ export class TerminalsListCore {
|
|
|
178
179
|
"text": ""
|
|
179
180
|
},
|
|
180
181
|
"attribute": "columns",
|
|
181
|
-
"reflect": false
|
|
182
|
-
"defaultValue": "defaultColumnsKeys"
|
|
182
|
+
"reflect": false
|
|
183
183
|
}
|
|
184
184
|
};
|
|
185
185
|
}
|
|
@@ -8,6 +8,7 @@ import { makeGetTerminals } from "./get-terminals";
|
|
|
8
8
|
import { SubAccountService } from "../../api/services/subaccounts.service";
|
|
9
9
|
import { makeGetSubAccounts } from "../../api/get-subaccounts";
|
|
10
10
|
import { StyledHost, tableExportedParts } from "../../ui-components";
|
|
11
|
+
import { defaultColumnsKeys } from "./terminals-table";
|
|
11
12
|
/**
|
|
12
13
|
* @exportedPart label: Label for inputs
|
|
13
14
|
* @exportedPart input: The input fields
|
|
@@ -42,7 +43,7 @@ export class TerminalsList {
|
|
|
42
43
|
this.accountId = undefined;
|
|
43
44
|
this.authToken = undefined;
|
|
44
45
|
this.apiOrigin = config.proxyApiOrigin;
|
|
45
|
-
this.columns =
|
|
46
|
+
this.columns = defaultColumnsKeys;
|
|
46
47
|
}
|
|
47
48
|
componentWillLoad() {
|
|
48
49
|
checkPkgVersion();
|
|
@@ -88,7 +89,7 @@ export class TerminalsList {
|
|
|
88
89
|
}
|
|
89
90
|
}
|
|
90
91
|
render() {
|
|
91
|
-
return (h(StyledHost, { key: '
|
|
92
|
+
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 })));
|
|
92
93
|
}
|
|
93
94
|
static get is() { return "justifi-terminals-list"; }
|
|
94
95
|
static get encapsulation() { return "shadow"; }
|
|
@@ -161,7 +162,8 @@ export class TerminalsList {
|
|
|
161
162
|
"text": ""
|
|
162
163
|
},
|
|
163
164
|
"attribute": "columns",
|
|
164
|
-
"reflect": false
|
|
165
|
+
"reflect": false,
|
|
166
|
+
"defaultValue": "defaultColumnsKeys"
|
|
165
167
|
}
|
|
166
168
|
};
|
|
167
169
|
}
|
|
@@ -7,6 +7,9 @@ export 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;
|
package/dist/docs.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"timestamp": "2024-
|
|
2
|
+
"timestamp": "2024-12-03T21:31:47",
|
|
3
3
|
"compiler": {
|
|
4
4
|
"name": "@stencil/core",
|
|
5
5
|
"version": "4.19.2",
|
|
@@ -186,7 +186,6 @@
|
|
|
186
186
|
"reflectToAttr": false,
|
|
187
187
|
"docs": "",
|
|
188
188
|
"docsTags": [],
|
|
189
|
-
"default": "defaultColumnsKeys",
|
|
190
189
|
"values": [
|
|
191
190
|
{
|
|
192
191
|
"type": "string"
|
|
@@ -8962,6 +8961,7 @@
|
|
|
8962
8961
|
"reflectToAttr": false,
|
|
8963
8962
|
"docs": "",
|
|
8964
8963
|
"docsTags": [],
|
|
8964
|
+
"default": "defaultColumnsKeys",
|
|
8965
8965
|
"values": [
|
|
8966
8966
|
{
|
|
8967
8967
|
"type": "string"
|
|
@@ -15489,6 +15489,7 @@
|
|
|
15489
15489
|
"reflectToAttr": false,
|
|
15490
15490
|
"docs": "",
|
|
15491
15491
|
"docsTags": [],
|
|
15492
|
+
"default": "defaultColumnsKeys",
|
|
15492
15493
|
"values": [
|
|
15493
15494
|
{
|
|
15494
15495
|
"type": "string"
|
|
@@ -17454,7 +17455,6 @@
|
|
|
17454
17455
|
"reflectToAttr": false,
|
|
17455
17456
|
"docs": "",
|
|
17456
17457
|
"docsTags": [],
|
|
17457
|
-
"default": "defaultColumnsKeys",
|
|
17458
17458
|
"values": [
|
|
17459
17459
|
{
|
|
17460
17460
|
"type": "string"
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { c as create$3 } from './index.esm-ed37201b.js';
|
|
2
|
-
import { b as businessNameValidation, w as websiteUrlValidation, e as emailValidation, p as phoneValidation, d as doingBusinessAsValidation, a as businessClassificationValidation, i as industryValidation, t as taxIdValidation, c as dateOfIncorporationValidation, r as revenueValidation, f as paymentVolumeValidation, g as whenServiceReceivedValidation, h as recurringPaymentsValidation, j as recurringPaymentsPercentageValidation, s as seasonalBusinessValidation, o as otherPaymentDetailsValidation } from './schema-validations-
|
|
2
|
+
import { b as businessNameValidation, w as websiteUrlValidation, e as emailValidation, p as phoneValidation, d as doingBusinessAsValidation, a as businessClassificationValidation, i as industryValidation, t as taxIdValidation, c as dateOfIncorporationValidation, r as revenueValidation, f as paymentVolumeValidation, g as whenServiceReceivedValidation, h as recurringPaymentsValidation, j as recurringPaymentsPercentageValidation, s as seasonalBusinessValidation, o as otherPaymentDetailsValidation } from './schema-validations-cd8c5f69.js';
|
|
3
3
|
|
|
4
4
|
const businessCoreInfoSchema = (allowOptionalFields) => {
|
|
5
5
|
const schema = create$3({
|
package/dist/esm/{business-identity-schema-434e16bc.js → business-identity-schema-b31178a1.js}
RENAMED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { c as create$3, a as create$6 } from './index.esm-ed37201b.js';
|
|
2
|
-
import { l as lineOneValidation, k as lineTwoValidation, m as cityValidation, n as stateValidation, q as postalValidation, u as identityNameValidation, v as identityTitleValidation, e as emailValidation, p as phoneValidation, x as dobValidation, y as ssnValidation } from './schema-validations-
|
|
2
|
+
import { l as lineOneValidation, k as lineTwoValidation, m as cityValidation, n as stateValidation, q as postalValidation, u as identityNameValidation, v as identityTitleValidation, e as emailValidation, p as phoneValidation, x as dobValidation, y as ssnValidation } from './schema-validations-cd8c5f69.js';
|
|
3
3
|
|
|
4
4
|
const addressSchema = (allowOptionalFields) => {
|
|
5
5
|
const schema = create$3({
|
|
@@ -1,51 +1,13 @@
|
|
|
1
|
-
import {
|
|
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 { o as onFilterChange } from './utils-3a4d8f3a.js';
|
|
7
7
|
import { T as TableLoadingState, a as TableEmptyState, b as TableErrorState } from './table-loading-state-356c7215.js';
|
|
8
|
-
import {
|
|
9
|
-
import { T as Table } from './table-
|
|
10
|
-
|
|
11
|
-
const MapCheckoutStatusToBadge = (status) => {
|
|
12
|
-
switch (status) {
|
|
13
|
-
case 'created':
|
|
14
|
-
return "<span class='badge bg-primary' title='The checkout has been created'>Created</span>";
|
|
15
|
-
case 'completed':
|
|
16
|
-
return "<span class='badge bg-success' title='The checkout has been completed'>Completed</span>";
|
|
17
|
-
case 'attempted':
|
|
18
|
-
return "<span class='badge bg-secondary' title='The checkout has been attempted'>Attempted</span>";
|
|
19
|
-
case 'expired':
|
|
20
|
-
return "<span class='badge bg-danger' title='The checkout has expired'>Expired</span>";
|
|
21
|
-
}
|
|
22
|
-
};
|
|
23
|
-
|
|
24
|
-
const defaultColumnsKeys = 'created_at,payment_amount,payment_description,payment_mode,status';
|
|
25
|
-
const checkoutTableColumns = {
|
|
26
|
-
created_at: () => (h("th", { part: "table-head-cell", scope: "col", title: "The date each checkout occurred" }, "Processed On")),
|
|
27
|
-
payment_amount: () => (h("th", { part: "table-head-cell", scope: "col", title: "The dollar amount of each checkout" }, "Payment Amount")),
|
|
28
|
-
payment_description: () => (h("th", { part: "table-head-cell", scope: "col", title: "The description of each checkout" }, "Payment Description")),
|
|
29
|
-
sub_account_name: () => (h("th", { part: "table-head-cell", scope: "col", title: "The sub account associated with the checkout" }, "Sub Account")),
|
|
30
|
-
payment_mode: () => (h("th", { part: "table-head-cell", scope: "col", title: "The payment mode of each checkout" }, "Payment Mode")),
|
|
31
|
-
status: () => (h("th", { part: "table-head-cell", scope: "col", title: "The current status of each checkout" }, "Status")),
|
|
32
|
-
};
|
|
33
|
-
const checkoutTableCells = {
|
|
34
|
-
created_at: (value) => (h("th", null,
|
|
35
|
-
h("div", { class: "fw-bold" },
|
|
36
|
-
formatDate(value),
|
|
37
|
-
" "),
|
|
38
|
-
h("div", { class: "fw-bold" },
|
|
39
|
-
formatTime(value),
|
|
40
|
-
" "))),
|
|
41
|
-
payment_amount: (value) => (h("td", null,
|
|
42
|
-
formatCurrency(value, true, true),
|
|
43
|
-
" ")),
|
|
44
|
-
payment_description: (value) => (h("td", null, value)),
|
|
45
|
-
sub_account_name: (value) => (h("td", null, value)),
|
|
46
|
-
payment_mode: (value) => (h("td", null, value)),
|
|
47
|
-
status: (value) => (h("td", { innerHTML: MapCheckoutStatusToBadge(value) })),
|
|
48
|
-
};
|
|
8
|
+
import { c as checkoutTableColumns, a as checkoutTableCells } from './checkouts-table-62c44909.js';
|
|
9
|
+
import { T as Table } from './table-5da154e7.js';
|
|
10
|
+
import './utils-3daada24.js';
|
|
49
11
|
|
|
50
12
|
const CheckoutsListCore = class {
|
|
51
13
|
constructor(hostRef) {
|
|
@@ -78,9 +40,9 @@ const CheckoutsListCore = class {
|
|
|
78
40
|
};
|
|
79
41
|
this.getCheckouts = undefined;
|
|
80
42
|
this.getSubAccounts = undefined;
|
|
81
|
-
this.columns =
|
|
43
|
+
this.columns = undefined;
|
|
82
44
|
this.checkouts = [];
|
|
83
|
-
this.checkoutsTable =
|
|
45
|
+
this.checkoutsTable = undefined;
|
|
84
46
|
this.subAccounts = [];
|
|
85
47
|
this.loading = true;
|
|
86
48
|
this.errorMessage = undefined;
|
|
@@ -91,6 +53,7 @@ const CheckoutsListCore = class {
|
|
|
91
53
|
this.fetchCheckouts();
|
|
92
54
|
}
|
|
93
55
|
componentWillLoad() {
|
|
56
|
+
this.checkoutsTable = new Table(this.checkouts, this.columns, checkoutTableColumns, checkoutTableCells);
|
|
94
57
|
if (this.getCheckouts && this.getSubAccounts) {
|
|
95
58
|
this.fetchCheckouts();
|
|
96
59
|
}
|
|
@@ -102,7 +65,7 @@ const CheckoutsListCore = class {
|
|
|
102
65
|
onSuccess: async ({ checkouts, pagingInfo }) => {
|
|
103
66
|
this.checkouts = checkouts;
|
|
104
67
|
this.paging = pagingInfo;
|
|
105
|
-
this.checkoutsTable =
|
|
68
|
+
this.checkoutsTable.collectionData = this.checkouts;
|
|
106
69
|
const shouldFetchSubAccounts = this.checkoutsTable.columnKeys.includes('sub_account_name');
|
|
107
70
|
if (shouldFetchSubAccounts) {
|
|
108
71
|
await this.fetchSubAccounts();
|
|
@@ -164,7 +127,7 @@ const CheckoutsListCore = class {
|
|
|
164
127
|
return !this.showEmptyState && !this.showErrorState && !this.loading;
|
|
165
128
|
}
|
|
166
129
|
render() {
|
|
167
|
-
return (h("div", { key: '
|
|
130
|
+
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 })))))))));
|
|
168
131
|
}
|
|
169
132
|
static get watchers() { return {
|
|
170
133
|
"params": ["updateOnPropChange"],
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { h } from './index-57431c24.js';
|
|
2
|
+
import { f as formatTime, a as formatDate, b as formatCurrency } from './utils-3daada24.js';
|
|
3
|
+
|
|
4
|
+
const MapCheckoutStatusToBadge = (status) => {
|
|
5
|
+
switch (status) {
|
|
6
|
+
case 'created':
|
|
7
|
+
return "<span class='badge bg-primary' title='The checkout has been created'>Created</span>";
|
|
8
|
+
case 'completed':
|
|
9
|
+
return "<span class='badge bg-success' title='The checkout has been completed'>Completed</span>";
|
|
10
|
+
case 'attempted':
|
|
11
|
+
return "<span class='badge bg-secondary' title='The checkout has been attempted'>Attempted</span>";
|
|
12
|
+
case 'expired':
|
|
13
|
+
return "<span class='badge bg-danger' title='The checkout has expired'>Expired</span>";
|
|
14
|
+
}
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
const defaultColumnsKeys = 'created_at,payment_amount,payment_description,payment_mode,status';
|
|
18
|
+
const checkoutTableColumns = {
|
|
19
|
+
created_at: () => (h("th", { part: "table-head-cell", scope: "col", title: "The date each checkout occurred" }, "Processed On")),
|
|
20
|
+
payment_amount: () => (h("th", { part: "table-head-cell", scope: "col", title: "The dollar amount of each checkout" }, "Payment Amount")),
|
|
21
|
+
payment_description: () => (h("th", { part: "table-head-cell", scope: "col", title: "The description of each checkout" }, "Payment Description")),
|
|
22
|
+
sub_account_name: () => (h("th", { part: "table-head-cell", scope: "col", title: "The sub account associated with the checkout" }, "Sub Account")),
|
|
23
|
+
payment_mode: () => (h("th", { part: "table-head-cell", scope: "col", title: "The payment mode of each checkout" }, "Payment Mode")),
|
|
24
|
+
status: () => (h("th", { part: "table-head-cell", scope: "col", title: "The current status of each checkout" }, "Status")),
|
|
25
|
+
};
|
|
26
|
+
const checkoutTableCells = {
|
|
27
|
+
created_at: (value) => (h("th", null,
|
|
28
|
+
h("div", { class: "fw-bold" },
|
|
29
|
+
formatDate(value),
|
|
30
|
+
" "),
|
|
31
|
+
h("div", { class: "fw-bold" },
|
|
32
|
+
formatTime(value),
|
|
33
|
+
" "))),
|
|
34
|
+
payment_amount: (value) => (h("td", null,
|
|
35
|
+
formatCurrency(value, true, true),
|
|
36
|
+
" ")),
|
|
37
|
+
payment_description: (value) => (h("td", null, value)),
|
|
38
|
+
sub_account_name: (value) => (h("td", null, value)),
|
|
39
|
+
payment_mode: (value) => (h("td", null, value)),
|
|
40
|
+
status: (value) => (h("td", { innerHTML: MapCheckoutStatusToBadge(value) })),
|
|
41
|
+
};
|
|
42
|
+
|
|
43
|
+
export { checkoutTableCells as a, checkoutTableColumns as c, defaultColumnsKeys as d };
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host } from './index-57431c24.js';
|
|
2
|
-
import { a as additionalQuestionsSchema, b as businessCoreInfoSchema } from './business-additional-questions-schema-
|
|
2
|
+
import { a as additionalQuestionsSchema, b as businessCoreInfoSchema } from './business-additional-questions-schema-a5072d2b.js';
|
|
3
3
|
import { F as FormController } from './index.esm-ed37201b.js';
|
|
4
4
|
import { A as AdditionalQuestions, C as CoreBusinessInfo, R as Representative, b as Address } from './Business-b73d5055.js';
|
|
5
5
|
import { c as BusinessFormStepV2, b as BusinessFormStep, a as BusinessFormClickActions } from './business-form-types-8fd61b0e.js';
|
|
6
6
|
import { C as CURRENCY_MASK, P as PHONE_MASKS } from './form-input-masks-0e18300f.js';
|
|
7
7
|
import { a as businessServiceReceivedOptions, r as recurringPaymentsOptions, s as seasonalBusinessOptions, b as businessClassificationOptions } from './business-form-options-d790973e.js';
|
|
8
8
|
import { n as numberOnlyHandler } from './utils-20cdf321.js';
|
|
9
|
-
import { N as EntityDocumentType } from './schema-validations-
|
|
9
|
+
import { N as EntityDocumentType } from './schema-validations-cd8c5f69.js';
|
|
10
10
|
import { g as isInRange, s as snakeCaseToHumanReadable, a as formatDate, h as formatTimeSeconds } from './utils-3daada24.js';
|
|
11
11
|
import { B as Button } from './button-34e75e0f.js';
|
|
12
|
-
import { i as identitySchema, a as addressSchema } from './business-identity-schema-
|
|
12
|
+
import { i as identitySchema, a as addressSchema } from './business-identity-schema-b31178a1.js';
|
|
13
13
|
import { S as StateOptions } from './state-options-a356fb11.js';
|
|
14
14
|
import './helpers-96ea3464.js';
|
|
15
15
|
|
|
@@ -4,7 +4,7 @@ import { m as makeGetBusiness, b as makePatchBusiness } from './payment-provisio
|
|
|
4
4
|
import { B as BusinessService } from './business.service-97a3da69.js';
|
|
5
5
|
import { c as create$3, F as FormController, e as create$7 } from './index.esm-ed37201b.js';
|
|
6
6
|
import { b as BusinessFormStep, c as BusinessFormStepV2, a as BusinessFormClickActions } from './business-form-types-8fd61b0e.js';
|
|
7
|
-
import { z as bankNameValidation, A as nicknameValidation, u as identityNameValidation, B as accountTypeValidation, C as accountNumberValidation, D as routingNumberValidation, E as voidedCheckValidation, F as governmentIdValidation, G as ss4Validation, H as otherDocumentValidation, I as balanceSheetValidation, J as bankStatementValidation, K as profitAndLossStatementValidation, L as EntityDocument, M as EntityDocumentStorage } from './schema-validations-
|
|
7
|
+
import { z as bankNameValidation, A as nicknameValidation, u as identityNameValidation, B as accountTypeValidation, C as accountNumberValidation, D as routingNumberValidation, E as voidedCheckValidation, F as governmentIdValidation, G as ss4Validation, H as otherDocumentValidation, I as balanceSheetValidation, J as bankStatementValidation, K as profitAndLossStatementValidation, L as EntityDocument, M as EntityDocumentStorage } from './schema-validations-cd8c5f69.js';
|
|
8
8
|
import { c as bankAccountTypeOptions } from './business-form-options-d790973e.js';
|
|
9
9
|
import { A as Api } from './Api-391d00e2.js';
|
|
10
10
|
import './Checkout-0b4086f8.js';
|
|
@@ -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-
|
|
4
|
-
import './package-
|
|
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 BankAccountForm = class {
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { r as registerInstance, h, c as createEvent, H as Host } from './index-57431c24.js';
|
|
2
2
|
import { c as create$3, F as FormController } from './index.esm-ed37201b.js';
|
|
3
|
-
import { u as identityNameValidation, l as lineOneValidation, k as lineTwoValidation, m as cityValidation, n as stateValidation, q as postalValidation } from './schema-validations-
|
|
3
|
+
import { u as identityNameValidation, l as lineOneValidation, k as lineTwoValidation, m as cityValidation, n as stateValidation, q as postalValidation } from './schema-validations-cd8c5f69.js';
|
|
4
4
|
import { S as StateOptions } from './state-options-a356fb11.js';
|
|
5
5
|
import { n as numberOnlyHandler } from './utils-20cdf321.js';
|
|
6
6
|
import { S as StyledHost } from './styled-host-e0ddb759.js';
|
|
7
|
-
import { p as packageJson } from './package-
|
|
7
|
+
import { p as packageJson } from './package-95aca142.js';
|
|
8
8
|
import { j as composeQueryParams } from './utils-3daada24.js';
|
|
9
9
|
import './business-form-options-d790973e.js';
|
|
10
10
|
import './Business-b73d5055.js';
|