@justifi/webcomponents 5.4.3 → 5.5.0

package/dist/collection/components/terminals-list/terminals-list-core.js

@@ -8,6 +8,11 @@ import { table, tableCell } from "../../styles/parts";
 import { TableClickActions } from "../../ui-components/table/event-types";
 export class TerminalsListCore {
     constructor() {
+        this.terminals = [];
+        this.subAccounts = [];
+        this.loading = true;
+        this.paging = pagingDefaults;
+        this.pagingParams = {};
         this.handleClickPrevious = (beforeCursor) => {
             this.pagingParams = { before_cursor: beforeCursor };
             this.clickEvent.emit({ name: TableClickActions.previous });
@@ -23,16 +28,6 @@ export class TerminalsListCore {
             const terminalData = this.terminals.find((terminal) => terminal.id === clickedTerminalID);
             this.clickEvent.emit({ name: TableClickActions.row, data: terminalData });
         };
-        this.getTerminals = undefined;
-        this.getSubAccounts = undefined;
-        this.columns = undefined;
-        this.terminals = [];
-        this.terminalsTable = undefined;
-        this.subAccounts = [];
-        this.loading = true;
-        this.errorMessage = undefined;
-        this.paging = pagingDefaults;
-        this.pagingParams = {};
     }
     updateOnPropChange() {
         this.fetchData();
@@ -124,13 +119,14 @@ export class TerminalsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: 'dab480902928e4dbcdbf0c8ada95fdc4d186f211' }, h("div", { key: '8fd8ce93ac16676d4ea9de2588467df5feb18e71', class: "table-wrapper" }, h("table", { key: '02a58d1f233bec3cd40877c4cfeba55b345876b7', class: "table table-hover", part: table }, h("thead", { key: '64d3d4cdb0c97a0628da1935386e9cb430a71ea7', class: "table-head sticky-top" }, h("tr", { key: 'a52c8d1a59adfa1d18dc8dfa3a70a6318f52f4c2', class: "table-light text-nowrap" }, this.terminalsTable.columnData.map((column) => column))), h("tbody", { key: '476983a5b8dcb65d62953de2a8a7a24c47cb83be', class: "table-body" }, h(TableLoadingState, { key: 'ecae363863cb7ab6b2d8226f8f39bc682333af29', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'f8fb01d5048fc0143546344b65a9018aeab8b688', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: 'cd40cb1696624e20b9cad238d43be902538ce4cd', 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 }, data)))), this.paging && (h("tfoot", { key: '29ebf6d4d3537f25545fa9e67416c52ee1223b12', class: "sticky-bottom" }, h("tr", { key: 'a732f3d809a4f97b926b0e978e32c919f36c13b1', class: "table-light align-middle" }, h("td", { key: '2e66c17f57a08d4e0f4da693caf0ea44f5ec7484', part: tableCell, colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: 'e3544088964b15242d710223a76208217bffab3f', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h("div", { key: '8831cfa38f962ba4dcf8903eca44931a800a9285' }, h("div", { key: '01d26a4aff98204ccc0fd4db8beb2cc2b021e386', class: "table-wrapper" }, h("table", { key: '036d4a14c61db9b406157425504112dabf4b04bd', class: "table table-hover", part: table }, h("thead", { key: '3782f1b66e447836d93e8b3cc28c09e4fe466ac7', class: "table-head sticky-top" }, h("tr", { key: '3842ccaaadbc3acf0c6caf8e8407aad17d91cae4', class: "table-light text-nowrap" }, this.terminalsTable.columnData.map((column) => column))), h("tbody", { key: 'e9f5f7ef0eca1da8ba7e684ba937f7357c8b341a', class: "table-body" }, h(TableLoadingState, { key: '2902cbb3cfa87cdc2ae242ef2cd1001b9b491503', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'f596f3498b67dd40d3a93cd6dfa091cbc67a4cc1', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: 'e6e67b174a7d8ca353990ae85decbe89539ea504', 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 }, data)))), this.paging && (h("tfoot", { key: '353ba88161fe40528c8ef21271b0ec1a23237264', class: "sticky-bottom" }, h("tr", { key: '6f16d82697452ef4bc1aafa27bb5076e1bb1af54', class: "table-light align-middle" }, h("td", { key: 'bec74cc91feea7eef3bdcd290c2d2e77f6852ad1', part: tableCell, colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: 'a7667abca02d28a40ef4c58d8b869b48f9746105', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get is() { return "terminals-list-core"; }
     static get properties() {
         return {
             "getTerminals": {
                 "type": "unknown",
+                "attribute": "get-terminals",
                 "mutable": false,
                 "complexType": {
                     "original": "Function",
@@ -147,10 +143,13 @@ export class TerminalsListCore {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "getSubAccounts": {
                 "type": "unknown",
+                "attribute": "get-sub-accounts",
                 "mutable": false,
                 "complexType": {
                     "original": "Function",
@@ -167,10 +166,13 @@ export class TerminalsListCore {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "columns": {
                 "type": "string",
+                "attribute": "columns",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -183,7 +185,8 @@ export class TerminalsListCore {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "columns",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };

package/dist/collection/components/terminals-list/terminals-list-filters.js

@@ -9,9 +9,6 @@ export class TerminalsListFilters {
         this.setParamsOnChange = (name, value) => {
             filterParams[name] = value;
         };
-        this.terminalId = undefined;
-        this.terminalOrderId = undefined;
-        this.terminalStatus = undefined;
     }
     componentWillLoad() {
         // debounced input handler for text input
@@ -38,7 +35,7 @@ export class TerminalsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '390b8788e785bc81711a1b0f68203fce5a348c4c' }, h("table-filters-menu", { key: 'ab37f284aad5b828c2a3d0ce78e5c49fe86c8ec7', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: '9f06d2199885d1cb8d9a4310fc94366717ca092c', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '146fb3fa0a146c8011e1fc609f885ec3de0af8bf', class: "p-2" }, h("form-control-text", { key: 'f9d33f3facd5af88761033256e9bcdee772d187b', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: '59b8af61f98c01e0cd04299780817b9a497d33bc', class: "p-2" }, h("form-control-text", { key: '80c6ed5f37f4429aac0451f1b2c76fd99c52d246', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: terminalOrderIdTerminalsListFilterParam })), h("div", { key: '4452ff9cbeb157408fdd8569af5792d32f0d1aa9', class: "p-2" }, h("form-control-select", { key: '52406f154a9d5f7a01831047eedf09b909d1bc0d', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status, disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
+        return (h(StyledHost, { key: 'ebfb2ddd63b2e58d04afa90f198e133386ab76e3' }, h("table-filters-menu", { key: '1bafea76a93c02d79712606b1b4e390082d7df10', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: '5ef7db38c487fd6c1e2f04165f465bc36c0b8bfe', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'e9ba2f985e7c958457d6a110b430496ef6c409dd', class: "p-2" }, h("form-control-text", { key: 'aa5e8edfee2e7aaffd4fc54fab88aa0ef539e87b', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: 'e4e50f586f1f096c977ce69100d5f0715334d521', class: "p-2" }, h("form-control-text", { key: '81d7dcdd31c917c495e92d2cf212a269a7a05fc5', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: terminalOrderIdTerminalsListFilterParam })), h("div", { key: '454ae474faced4cfdc3ef7c6021eddeb10349e03', class: "p-2" }, h("form-control-select", { key: 'ab01fa24d3904628249dc1044242ef98e35c3cc2', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status, disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
     }
     static get is() { return "justifi-terminals-list-filters"; }
     static get encapsulation() { return "shadow"; }
@@ -46,6 +43,7 @@ export class TerminalsListFilters {
         return {
             "terminalId": {
                 "type": "string",
+                "attribute": "terminal-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -58,11 +56,13 @@ export class TerminalsListFilters {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "terminal-id",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "terminalOrderId": {
                 "type": "string",
+                "attribute": "terminal-order-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -75,11 +75,13 @@ export class TerminalsListFilters {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "terminal-order-id",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "terminalStatus": {
                 "type": "string",
+                "attribute": "terminal-status",
                 "mutable": false,
                 "complexType": {
                     "original": "ITerminalStatus",
@@ -98,7 +100,8 @@ export class TerminalsListFilters {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "terminal-status",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };

package/dist/collection/components/terminals-list/terminals-list.js

@@ -10,17 +10,13 @@ import { defaultColumnsKeys } from "./terminals-table";
 import { makeGetSubAccounts } from "../../actions/sub-account/get-subaccounts";
 export class TerminalsList {
     constructor() {
+        this.errorMessage = null;
+        this.apiOrigin = PROXY_API_ORIGIN;
+        this.columns = defaultColumnsKeys;
         this.handleErrorEvent = (event) => {
             this.errorMessage = event.detail.message;
             this.errorEvent.emit(event.detail);
         };
-        this.getTerminals = undefined;
-        this.getSubAccounts = undefined;
-        this.errorMessage = null;
-        this.accountId = undefined;
-        this.authToken = undefined;
-        this.apiOrigin = PROXY_API_ORIGIN;
-        this.columns = defaultColumnsKeys;
     }
     componentWillLoad() {
         checkPkgVersion();
@@ -66,7 +62,7 @@ export class TerminalsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '008b4bd549c228dbf8972e5ce08764c40e0b45a7' }, h("terminals-list-core", { key: 'e57f76fa1560c97d76068503b48e92a5fa9a02ec', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'e1701345de01cf73130bea653e16d31ee0c92725' }, h("terminals-list-core", { key: 'c4767eb667054564e4d6c36f11d494c98e4b4168', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-terminals-list"; }
     static get encapsulation() { return "shadow"; }
@@ -74,6 +70,7 @@ export class TerminalsList {
         return {
             "accountId": {
                 "type": "string",
+                "attribute": "account-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -86,11 +83,13 @@ export class TerminalsList {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "account-id",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "authToken": {
                 "type": "string",
+                "attribute": "auth-token",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -103,11 +102,13 @@ export class TerminalsList {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "auth-token",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "apiOrigin": {
                 "type": "string",
+                "attribute": "api-origin",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -120,12 +121,14 @@ export class TerminalsList {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "api-origin",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "PROXY_API_ORIGIN"
             },
             "columns": {
                 "type": "string",
+                "attribute": "columns",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -138,7 +141,8 @@ export class TerminalsList {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "columns",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "defaultColumnsKeys"
             }

package/dist/collection/components/terminals-list/terminals-table.js

@@ -9,7 +9,7 @@ export const terminalTableColumns = {
     id: () => (h("th", { part: tableHeadCell, scope: "col", title: "The ID of the terminal" }, "ID")),
     provider: () => (h("th", { part: tableHeadCell, scope: "col", title: "The provider of the terminal" }, "Provider")),
     provider_serial_number: () => (h("th", { part: tableHeadCell, scope: "col", title: "The serial number of the terminal" }, "Serial Number")),
-    provider_id: () => (h("th", { part: tableHeadCell, scope: "col", title: "The provider ID of the terminal" }, "Provider ID")),
+    device_id: () => (h("th", { part: tableHeadCell, scope: "col", title: "The device/provider ID of the terminal" }, "Device ID")),
     sub_account_name: () => (h("th", { part: tableHeadCell, scope: "col", title: "The sub account associated with the terminal" }, "Sub Account")),
     status: () => (h("th", { part: tableHeadCell, scope: "col", title: "The current status of each terminal" }, "Status")),
 };
@@ -19,7 +19,7 @@ export const terminalTableCells = {
     id: (terminal, index) => (h("td", { part: getAlternateTableCellPart(index) }, terminal.id)),
     provider: (terminal, index) => (h("td", { part: getAlternateTableCellPart(index) }, capitalFirstLetter(terminal.provider))),
     provider_serial_number: (terminal, index) => (h("td", { part: getAlternateTableCellPart(index) }, terminal.provider_serial_number)),
-    provider_id: (terminal, index) => (h("td", { part: getAlternateTableCellPart(index) }, terminal.provider_id)),
+    device_id: (terminal, index) => (h("td", { part: getAlternateTableCellPart(index) }, terminal.provider_id)),
     sub_account_name: (terminal, index) => (h("td", { part: getAlternateTableCellPart(index) }, terminal.sub_account_name)),
     status: (terminal, index) => (h("td", { part: getAlternateTableCellPart(index) }, MapTerminalStatusToBadge(terminal.status))),
 };

package/dist/collection/components/tokenize-payment-method/tokenize-payment-method.js

@@ -5,14 +5,7 @@ import JustifiAnalytics from "../../api/Analytics";
 import { ComponentErrorCodes, ComponentErrorSeverity } from "../../api";
 export class TokenizePaymentMethod {
     constructor() {
-        this.authToken = undefined;
-        this.accountId = undefined;
-        this.paymentMethodGroupId = undefined;
-        this.submitButtonText = undefined;
-        this.disableCreditCard = undefined;
-        this.disableBankAccount = undefined;
-        this.hideSubmitButton = undefined;
-        this.hideCardBillingForm = undefined;
+        this.submitButtonText = 'Submit';
         this.iframeOrigin = IFRAME_ORIGIN;
         this.isLoading = false;
     }
@@ -51,8 +44,12 @@ export class TokenizePaymentMethod {
     async fillBillingForm(fields) {
         this.paymentMethodOptionsRef.fillBillingForm(fields);
     }
+    async validate() {
+        const { isValid } = await this.paymentMethodOptionsRef.validate();
+        return { isValid };
+    }
     render() {
-        return (h(StyledHost, { key: '270b2dce491c95fd6a372bf4e59d4829c91290fa' }, h("form", { key: '7e68afbac49260a92bb6c9e3bd08125129ab196c' }, h("fieldset", { key: '95f911fa066f7fea0b36e4c99cb1c5008b4a886d' }, h("div", { key: 'aec8576644731d5960a1e041960076c503aa4a17', class: "row gy-3" }, h("div", { key: '51436afb0c10e189d079226dd0a8e7b18580fd69', class: "col-12" }, h("justifi-payment-method-options", { key: '59777ac37f44bfe9ef98d3b22a6e485f06db303d', ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": false, paymentMethodGroupId: this.paymentMethodGroupId, "show-saved-payment-methods": false, hideCardBillingForm: this.hideCardBillingForm, authToken: this.authToken, "account-id": this.accountId, iframeOrigin: this.iframeOrigin })), h("div", { key: 'ef37939fb4d8e0225f98f0c3874a83206307f671', class: "col-12" }, h(Button, { key: '4b193d76ad540cae97a2423948e18d60f6db0679', variant: "primary", type: "submit", onClick: event => this.tokenizePaymentMethod(event), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.hideSubmitButton }, this.submitButtonText || 'Submit')))))));
+        return (h(StyledHost, { key: 'f78888ef0c0564df455a7e61990e718b6e827700' }, h("form", { key: '318c2496c73203c7e2c714ba03335118e6bb7136' }, h("fieldset", { key: '3b8e53e611480c2fe43be940162d2f2bc517ea69' }, h("div", { key: 'd8903132e22f7d79842ae22165aea45be0e263fd', class: "row gy-3" }, h("div", { key: '57e4b60b4acd33665a36384e4f6d1cd941f5eaeb', class: "col-12" }, h("justifi-payment-method-options", { key: '48b35447ccc01f8592354cf5c5e53ce8a53db880', ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": false, paymentMethodGroupId: this.paymentMethodGroupId, "show-saved-payment-methods": false, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, authToken: this.authToken, "account-id": this.accountId, iframeOrigin: this.iframeOrigin })), h("div", { key: '6bd68d95bf5a4d090f00f8a6415d38c0b202ee3a', class: "col-12" }, h(Button, { key: 'cd61787511188bc099d625f6ef44301e5603a495', variant: "primary", type: "submit", onClick: event => this.tokenizePaymentMethod(event), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.hideSubmitButton }, this.submitButtonText)))))));
     }
     static get is() { return "justifi-tokenize-payment-method"; }
     static get encapsulation() { return "shadow"; }
@@ -60,6 +57,7 @@ export class TokenizePaymentMethod {
         return {
             "authToken": {
                 "type": "string",
+                "attribute": "auth-token",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -72,11 +70,13 @@ export class TokenizePaymentMethod {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "auth-token",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "accountId": {
                 "type": "string",
+                "attribute": "account-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -89,11 +89,13 @@ export class TokenizePaymentMethod {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "account-id",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "paymentMethodGroupId": {
                 "type": "string",
+                "attribute": "payment-method-group-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -106,11 +108,13 @@ export class TokenizePaymentMethod {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "payment-method-group-id",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "submitButtonText": {
                 "type": "string",
+                "attribute": "submit-button-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -123,11 +127,14 @@ export class TokenizePaymentMethod {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "submit-button-text",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'Submit'"
             },
             "disableCreditCard": {
                 "type": "boolean",
+                "attribute": "disable-credit-card",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -140,11 +147,13 @@ export class TokenizePaymentMethod {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "disable-credit-card",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "disableBankAccount": {
                 "type": "boolean",
+                "attribute": "disable-bank-account",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -157,11 +166,13 @@ export class TokenizePaymentMethod {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "disable-bank-account",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "hideSubmitButton": {
                 "type": "boolean",
+                "attribute": "hide-submit-button",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -174,11 +185,13 @@ export class TokenizePaymentMethod {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "hide-submit-button",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "hideCardBillingForm": {
                 "type": "boolean",
+                "attribute": "hide-card-billing-form",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -191,11 +204,32 @@ export class TokenizePaymentMethod {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "hide-card-billing-form",
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "hideBankAccountBillingForm": {
+                "type": "boolean",
+                "attribute": "hide-bank-account-billing-form",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "iframeOrigin": {
                 "type": "string",
+                "attribute": "iframe-origin",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -208,7 +242,8 @@ export class TokenizePaymentMethod {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "iframe-origin",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "IFRAME_ORIGIN"
             }
@@ -326,6 +361,23 @@ export class TokenizePaymentMethod {
                     "text": "",
                     "tags": []
                 }
+            },
+            "validate": {
+                "complexType": {
+                    "signature": "() => Promise<{ isValid: boolean; }>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<{ isValid: boolean; }>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
             }
         };
     }

package/dist/collection/styles/parts.js

@@ -36,11 +36,12 @@ export const inputRadioFocused = `input-radio-focused ${inputRadio}`;
 export const inputRadioChecked = `input-radio-checked ${inputRadio}`;
 export const inputRadioCheckedFocused = `input-radio-checked-focused ${inputRadio}`;
 export const inputRadioInvalid = `input-radio-invalid ${inputRadio}`;
-export const inputCheckbox = `input-checkbox ${backgroundColor}`;
+export const inputCheckbox = `input-checkbox`;
 export const inputCheckboxInvalid = `input-checkbox-invalid ${inputCheckbox}`;
 export const inputCheckboxFocused = `input-checkbox-focused ${inputCheckbox}`;
 export const inputCheckboxChecked = `input-checkbox-checked ${inputCheckbox}`;
 export const inputCheckboxCheckedFocused = `input-checkbox-checked-focused ${inputCheckbox}`;
+export const inputAdornment = `input-adornment ${text}`;
 // Alert
 export const alert = `alert ${text}`;
 export const alertDanger = `alert-danger ${alert}`;

package/dist/collection/ui-components/custom-popper/custom-popper.js

@@ -5,8 +5,7 @@ export class CustomPopper {
         this.placement = 'bottom';
         this.offset = [0, 10];
         this.strategy = 'absolute';
-        this.trigger = 'click';
-        this.anchorRef = undefined;
+        this.trigger = 'click'; // 'click', 'hover', 'focus'
         this.isOpen = false;
     }
     componentDidLoad() {
@@ -81,7 +80,7 @@ export class CustomPopper {
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: '8c840ff88bde2fd2cb7be39772e2b49699d32844' }, h("style", { key: 'b5b1bd1fa8b6f6c76723d014bf96e2ee09fe60f4' }, `
+        return (h("div", { key: '93ef772e6f341891914bc0d105103268819025bb' }, h("style", { key: '190ce08d03bdac571064457b8c88862957eb29c9' }, `
           .popper-content {
             display: none;
           }
@@ -89,13 +88,14 @@ export class CustomPopper {
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: '80b0e169b33d6679f372f0d34cd2320013485e10', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '4892f58a1fb5a98212f6b651f4cecc03ad7c84a2' }))));
+          `), h("div", { key: '81f42aa1231eee2f8df55958bddc59c0c517e4f1', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: 'bc13e2c3da97458ceb210719b68547f6944f5437' }))));
     }
     static get is() { return "custom-popper"; }
     static get properties() {
         return {
             "placement": {
                 "type": "string",
+                "attribute": "placement",
                 "mutable": false,
                 "complexType": {
                     "original": "Placement",
@@ -114,12 +114,14 @@ export class CustomPopper {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "placement",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "'bottom'"
             },
             "offset": {
                 "type": "unknown",
+                "attribute": "offset",
                 "mutable": false,
                 "complexType": {
                     "original": "[number, number]",
@@ -132,10 +134,13 @@ export class CustomPopper {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "defaultValue": "[0, 10]"
             },
             "strategy": {
                 "type": "string",
+                "attribute": "strategy",
                 "mutable": false,
                 "complexType": {
                     "original": "PositioningStrategy",
@@ -154,12 +159,14 @@ export class CustomPopper {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "strategy",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "'absolute'"
             },
             "trigger": {
                 "type": "string",
+                "attribute": "trigger",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -172,12 +179,14 @@ export class CustomPopper {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "trigger",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "'click'"
             },
             "anchorRef": {
                 "type": "unknown",
+                "attribute": "anchor-ref",
                 "mutable": false,
                 "complexType": {
                     "original": "HTMLElement | SVGElement",
@@ -198,7 +207,9 @@ export class CustomPopper {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             }
         };
     }

package/dist/collection/ui-components/details/details.js

@@ -1,9 +1,6 @@
 import { h, Host } from "@stencil/core";
 import { ErrorState } from "./utils";
 export class Details {
-    constructor() {
-        this.errorMessage = undefined;
-    }
     render() {
         return (h(Host, { key: 'd00d3b1c3b5d73af5a0eb1a18f2095f023aeb816' }, this.errorMessage ?
             ErrorState(this.errorMessage)
@@ -15,6 +12,7 @@ export class Details {
         return {
             "errorMessage": {
                 "type": "string",
+                "attribute": "error-message",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -27,7 +25,8 @@ export class Details {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "error-message",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };