@justifi/webcomponents 5.7.2 → 5.7.3-rc-01

package/dist/module/saved-payment-method.js

@@ -1,29 +1,9 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { d as snakeToCamel } from './utils2.js';
+import { C as CardBrandLabels } from './payment-method-option-utils.js';
 import { W as radioListItem } from './parts.js';
 import { d as defineCustomElement$2 } from './form-control-help-text2.js';
 import { d as defineCustomElement$1 } from './form-control-radio2.js';
 
-class PaymentMethodOption {
-    constructor(paymentMethod) {
-        this.id = paymentMethod.id;
-        this.brand = paymentMethod.brand;
-        this.acct_last_four = paymentMethod.acct_last_four;
-        this.type = snakeToCamel(paymentMethod.type);
-    }
-}
-var CardBrandLabels;
-(function (CardBrandLabels) {
-    CardBrandLabels["american_express"] = "American Express";
-    CardBrandLabels["diners_club"] = "Diners Club";
-    CardBrandLabels["discover"] = "Discover";
-    CardBrandLabels["jcb"] = "JCB";
-    CardBrandLabels["mastercard"] = "Mastercard";
-    CardBrandLabels["china_unionpay"] = "UnionPay";
-    CardBrandLabels["visa"] = "Visa";
-    CardBrandLabels["unknown"] = "Unknown";
-})(CardBrandLabels || (CardBrandLabels = {}));
-
 const SavedPaymentMethod = /*@__PURE__*/ proxyCustomElement(class SavedPaymentMethod extends HTMLElement {
     constructor() {
         super();
@@ -76,4 +56,4 @@ function defineCustomElement() {
 }
 defineCustomElement();
 
-export { PaymentMethodOption as P, SavedPaymentMethod as S, defineCustomElement as d };
+export { SavedPaymentMethod as S, defineCustomElement as d };

package/dist/module/schema-validations.js

@@ -204,4 +204,4 @@ const bankStatementValidation = (documents, allowOptionalFields) => {
     }
 };
 
-export { voidedCheckValidation as A, routingNumberValidation as B, accountNumberValidation as C, accountTypeValidation as D, nicknameValidation as E, bankNameValidation as F, revenueValidation as a, recurringPaymentsPercentageValidation as b, businessClassificationValidation as c, dateOfIncorporationValidation as d, doingBusinessAsValidation as e, phoneValidation as f, emailValidation as g, websiteUrlValidation as h, industryValidation as i, businessNameValidation as j, ssnValidation as k, dobValidation as l, identityTitleValidation as m, identityNameValidation as n, otherPaymentDetailsValidation as o, paymentVolumeValidation as p, postalValidation as q, recurringPaymentsValidation as r, seasonalBusinessValidation as s, taxIdValidation as t, stateValidation as u, cityValidation as v, whenServiceReceivedValidation as w, lineTwoValidation as x, lineOneValidation as y, bankStatementValidation as z };
+export { voidedCheckValidation as A, routingNumberValidation as B, accountNumberValidation as C, accountTypeValidation as D, nicknameValidation as E, bankNameValidation as F, revenueValidation as a, recurringPaymentsPercentageValidation as b, postalValidation as c, stateValidation as d, cityValidation as e, lineOneValidation as f, dateOfIncorporationValidation as g, industryValidation as h, identityNameValidation as i, businessClassificationValidation as j, doingBusinessAsValidation as k, lineTwoValidation as l, phoneValidation as m, emailValidation as n, otherPaymentDetailsValidation as o, paymentVolumeValidation as p, websiteUrlValidation as q, recurringPaymentsValidation as r, seasonalBusinessValidation as s, taxIdValidation as t, businessNameValidation as u, ssnValidation as v, whenServiceReceivedValidation as w, dobValidation as x, identityTitleValidation as y, bankStatementValidation as z };

package/dist/module/shipping-details.js

@@ -44,7 +44,7 @@ const ShippingDetails = /*@__PURE__*/ proxyCustomElement(class ShippingDetails e
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: '90641cea619de697d7a90e6e397790f79ceb9376' }, h("div", { key: '52d939e26bd26e99240d100897a530b89553e727', class: "row gy-3" }, h("div", { key: '01755fbca3430bd3066377e9481038370c49b2d8', class: "col-12" }, h("h2", { key: 'd273fbe6ff8b7815ba5c2369748a3a20548b0a4d', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '595f4e63dff85591713a4c895acb6628c8ef8214', class: "col-12" }, h("form-control-text", { key: '958169d07544237a72facdc016d4d12ac64a4c48', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: '1d3020a30f95c5ced652871a635aba0152bbc4e3', class: "col-12" }, h("form-control-text", { key: '088af20353ec2efcb65a4e597a1fb4aec23cfcbb', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: '536ee74c42d326d7f7f698274c846bfebf0d34dd', class: "col-12" }, h("form-control-date", { key: '71ef44bd4c810a567162b7fe92199eceff9be470', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: '8887e0daf44be31486563e85cd989eef1da5f5ce', class: "col-12" }, h("form-control-textarea", { key: 'c34093bc4ee65f4fb092c377a98e01cd69bdbc7c', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: '469a5d8c7e28fa2ad430f104f08f387448f70048', class: "col-12" }, h("form-control-file-v2", { key: 'a2b6c6c0c1cf32430582b97efe6bcc1d4c47147d', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
+        return (h("div", { key: '9e142fde27da140959115d1acf4a64d7420f90ba' }, h("div", { key: 'bf322d6ec351e67bd4f3fdfec759e1f5c5d381a6', class: "row gy-3" }, h("div", { key: '165a55dc932d0110728c87726231d0cb4b962650', class: "col-12" }, h("h2", { key: '43f318effe869349595025a76ced5ea39093a0ef', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '1de38ece17aa8b93cfc00858a4d495a950d46239', class: "col-12" }, h("form-control-text", { key: 'd9cfd173732a42abf831ee632ca05d3db78b7135', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: '5b298a18d97e06904c22c9a918c6f9ebc25f8219', class: "col-12" }, h("form-control-text", { key: 'c164c2bfc1772498f3e21c51e2979479021cf86d', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: '82128f9527e8061ecf2897af65d908af03c46bbe', class: "col-12" }, h("form-control-date", { key: '13e602a61a85978f129890423a36a95a8b055258', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: '5591510c56724f58567c88792cbbeb3cd15e1d0e', class: "col-12" }, h("form-control-textarea", { key: '1e7cbc326345feebd0ffae9b6ec56bfbc36a8193', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: 'd2d1026fd1c7c3b32a6988fb940c431948630b08', class: "col-12" }, h("form-control-file-v2", { key: '21abf54f6a64980c73200ae89130626316917aa7', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
     }
 }, [0, "justifi-shipping-details", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/table-filters-menu2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { B as Button } from './button.js';
-import { a5 as dropdownMenuButton, a6 as dropdownMenu } from './parts.js';
+import { a6 as dropdownMenuButton, a7 as dropdownMenu } from './parts.js';
 import { d as defineCustomElement$1 } from './custom-popper2.js';
 
 const hasFilters = (params) => {
@@ -29,7 +29,7 @@ const TableFiltersMenu = /*@__PURE__*/ proxyCustomElement(class TableFiltersMenu
         this.showClearButton = hasFilters(this.params);
     }
     render() {
-        return (h("div", { key: '73b213c0381a163e3ccd4b4df158daf8dc128d83', class: "d-flex gap-2" }, h("div", { key: '817823777638fc8501bb7230d0b061c110e4f82b', class: "dropdown pb-3" }, h("button", { key: '6ad7b2c32bfc44b836071db2706e86d649c5ccb3', type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", part: dropdownMenuButton, "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: '124ac66fe0be636f74009bdd07e392fa82fd943e', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: 'b1421bdd7f7318012dcbd280eab4d8aeabbfee8c', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '7a251b4a2b2840f435d07605a6333b86180ab88e' })))), h("div", { key: '2badf2863bb80ef70508347049becdd0aec5196e' }, h(Button, { key: 'ee90184cb3aa0e7c4ff8d69cf299aef4fda114bd', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
+        return (h("div", { key: 'e205ff268a099beae125bbe8a85a6ae5e34924af', class: "d-flex gap-2" }, h("div", { key: 'e61fcbc31cfa97093771ad99b1f4bc088a2a6b98', class: "dropdown pb-3" }, h("button", { key: '3c4425f10ebb39b011d2783c5ef88ebbd34b8e65', type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", part: dropdownMenuButton, "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: '03692eaae9d340c0f204f55e8c26b8353c4caa74', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: 'ed80b52e0cabbba44d09798b3b8bd4ab99d72659', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '6cc0bf4f7fd5fa16b431b21933b36f75035221c7' })))), h("div", { key: '13f401ce7926aaf678021ed7dc768b967987b0ec' }, h(Button, { key: 'd6a16f4e5b31e5602d6729e39fccfa4dbfdd8336', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
     }
     static get watchers() { return {
         "params": ["watchParamsHandler"]

package/dist/module/terminal-orders-list-core2.js

@@ -10,7 +10,7 @@ import './Payment.js';
 import { a as TerminalOrderType } from './Refund.js';
 import './Document.js';
 import './Business.js';
-import { n as tableHeadCell, a7 as getAlternateTableCellPart } from './parts.js';
+import { n as tableHeadCell, a8 as getAlternateTableCellPart } from './parts.js';
 import { B as Badge, a as BadgeVariant } from './badge.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './terminal-orders-list-params-state.js';
 import { d as defineCustomElement$1 } from './pagination-menu2.js';
@@ -167,7 +167,7 @@ const TerminalOrdersListCore = /*@__PURE__*/ proxyCustomElement(class TerminalOr
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '5d03d7f992d4918b6174d89aa67ac87159b0918d' }, h(TableComponent, { key: '30dfd6db82678f7c8e25ee03619403bf0a73ad47' }, h(TableHead, { key: '3e51fd3124abf93a1a76ac6d6b66ec64edf30216' }, h(TableHeadRow, { key: '170385237e96ba55aa21c954bff4f74a7724463b' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: 'c313d42ae1ad3f54a806f8965b8ff99616df85ab' }, h(TableLoadingState, { key: '7f01919e6120a497383990bafb8288fec806f421', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'e6585de336bb6cfe0f7bddc4bd503cf5632481da', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '3490d034636506fdd54c748bff98596baed09673', columnSpan: this.terminalOrdersTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalOrdersTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '52ba4b6e8c0d2afcded3feaaf6a22927036b96fa' }, h(TableFootRow, { key: '8fccd42dc633300f5e6664ff380c3828010ff6ec' }, h(TableFootCell, { key: '7937c9bceb54abe450e9b7956bd2599de228cc8b', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '90854b93870cb20251488fd15e936982245c3d3b', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'aae9cc67cadd3989bfe35b4a029f6838e0d1ab54' }, h(TableComponent, { key: 'e5fe37a91442392ed811478fae42686abdd0f764' }, h(TableHead, { key: '7ec41066cd103cbc7846fd957ffb7fa3f6a92318' }, h(TableHeadRow, { key: '17291d4aa59ea50de7e2d1e6d302a4bea8c2989c' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: '020a2ce88efdb3223a02a01f5eeb2d5d743e1e29' }, h(TableLoadingState, { key: '8d104a25063bed6d617d0eda6cff9591ce9f81d2', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '1ff344e0a586b616fea6fda64c4f7a9b0071285a', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '97dd1548d785d0c300f8fe48ebc3db906a1977c9', columnSpan: this.terminalOrdersTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalOrdersTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '95b22129c05b799281992eb2656a94b012cdfdda' }, h(TableFootRow, { key: 'b17eaaf582cea7dc7732b0fedd3e5d013737111b' }, h(TableFootCell, { key: '1ec85f78971ed79021aa1eec527edc59c8dfbb09', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '08c14ef23e528575927210859e7cd46f21c77d7c', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/module/terminal-quantity-selector2.js

@@ -24,7 +24,7 @@ const TerminalQuantitySelector = /*@__PURE__*/ proxyCustomElement(class Terminal
         };
     }
     render() {
-        return (h("div", { key: '5bbf669ab479523290b2d8a9f5b6ec2000ff0f96', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: '47ead96654c97aeae6b24058a4f7759918d3d0ad', class: "d-flex gap-3" }, h("div", { key: '3763eda68e7849c87f0e67b905e09267c10481c8', class: "d-flex align-items-center" }, h("img", { key: 'ef0a61d5c1d27c600fd93813b594ec2ec2fadec3', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '5a632f69e2045fbfcd35932af3c5fd027dcca66f', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: 'be00d142f07945a15e882d2da4c505ffbf67fe88', class: "row" }, h("div", { key: '1c434628ae872d22efa7d2adb611b04868c85eb1', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: '21f571a1b0e5ba7d528727f6476e134b9657e124', helpText: this.description })), h("div", { key: 'f4077bfa6beb4f0070bdbf4bd28021f88bcaf5b1', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: '7dc6853fb7641b99a9a9ee82dcb3db8fce1d6c01', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: 'faab14e72773f12f69ea69e855bafb27ef3328b8', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: '390e6b4b049fa64e2b7354a3676621844291feb0', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
+        return (h("div", { key: 'acd6ffec348aed5fa500a6d7e49c886a3fe8a59f', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: '89933c07745fbeb3603f8bdf07d99553a7de1e6c', class: "d-flex gap-3" }, h("div", { key: 'c1b6517d5ebd32e1a5bf1c5537e1d19b00510286', class: "d-flex align-items-center" }, h("img", { key: '9458553216d0ed9668d08bf4ea2105dc9e53c938', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '14fd39b7055f78d42b14a6cb6dc35d42a3c7b33e', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: 'eeb5d39bd39919aba43e86ceda4268f4e3473e7a', class: "row" }, h("div", { key: 'e31e24896792a532b0a218bc69312266638a6d15', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: 'c8561458f795ed7e289a4a4a8963a3791173a19a', helpText: this.description })), h("div", { key: 'ecafe47bcc37130a54880280c95db10709cb68a8', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: 'ef2ffb65f7d33e2bd1b940b1af19ed66621222ed', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '8e18e05026e106d2e180e97b7011697f7e36288a', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: 'e361f1bb9760a32a779f62974b89464cf870728a', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
     }
 }, [0, "terminal-quantity-selector", {
         "modelName": [1, "model-name"],

package/dist/module/terminals-list-core2.js

@@ -11,7 +11,7 @@ import './details.js';
 import { T as Table, a as TableWrapper, b as TableComponent, c as TableHead, d as TableHeadRow, e as TableBody, f as TableLoadingState, g as TableEmptyState, h as TableErrorState, i as TableRow, j as TableFoot, k as TableFootRow, l as TableFootCell } from './table.js';
 import { T as TableClickActions } from './event-types.js';
 import { B as Badge, a as BadgeVariant } from './badge.js';
-import { n as tableHeadCell, a7 as getAlternateTableCellPart } from './parts.js';
+import { n as tableHeadCell, a8 as getAlternateTableCellPart } from './parts.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './terminals-list-params-state.js';
 import { d as defineCustomElement$1 } from './pagination-menu2.js';
 
@@ -181,7 +181,7 @@ const TerminalsListCore = /*@__PURE__*/ proxyCustomElement(class TerminalsListCo
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '18758ce4d79c07564b15f9712762232fa8ea2083' }, h(TableComponent, { key: '70c5d623cf89ed440e0bb318c4be1c1c022f90e9' }, h(TableHead, { key: '3a2ec16691dddf82a9988b970506576680885106' }, h(TableHeadRow, { key: '8fc7f8fcb219a0e577e67e5694ff818801477a2c' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: 'e65e2646a51cb8859a77a13a4fb79b0ca57066b7' }, h(TableLoadingState, { key: '5a50acb1101958238077a3a26307f2252aed5584', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'c79793063bef320ca258988880da5fc305200456', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '758ab1f9f3660f292f4421b940d040d6408f45ca', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'e88243106332270c051599905cf61b20c05637ac' }, h(TableFootRow, { key: '4c1e2dca2100a5010b8fcae7cb42e44cde5e0128' }, h(TableFootCell, { key: 'e8ce9acc75921d176f265e6a6f89398f86c911b0', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '9930d2573e46628637eb12034cb966d69b3b43b9', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'e7dea8ca296d3f1c9264a49bcecf0971b26b9352' }, h(TableComponent, { key: 'e8fc49665778f89a15a88758d108217271377085' }, h(TableHead, { key: '6c042632f4a28d710c4ed7eb3d0a1e740c03e3c5' }, h(TableHeadRow, { key: 'a960ae979f470294e9859080c3080cdd58a40bab' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '838dca2dff4ffcfa04f4d3cfde24ef5d9b78c18c' }, h(TableLoadingState, { key: '699419fd8e8b03fad375fc486b663fdc989ba2b6', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '2c678fd361260fb54d184ba19d9102a9b397bc8b', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '612819351b2603c4630246406d8a902c1107303e', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '64c54e89bb6613ba99c9fb75c0d577801548d9f3' }, h(TableFootRow, { key: '5f61c44bfa0791af980f27ffab70e815aed79882' }, h(TableFootCell, { key: 'fbd55acc1a33461373c84a84ef1ef4626bb182d1', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '83e3e5a448b05a33e31d043d6adf2322a089aced', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/types/api/BillingInformation.d.ts

@@ -0,0 +1,13 @@
+type IBankAccountBillingInfo = {
+    name: string;
+    address_line1: string;
+    address_line2: string;
+    address_city: string;
+    address_state: string;
+    address_postal_code: string;
+};
+type IPostalCode = {
+    address_postal_code: number;
+};
+export type IBillingInfo = IPostalCode | IBankAccountBillingInfo;
+export {};

package/dist/types/api/Checkout.d.ts

@@ -89,19 +89,7 @@ export declare class Checkout implements ICheckout {
     payment_amount: number;
     payment_client_id: string;
     payment_description: string;
-    payment_methods: {
-        id: string;
-        status: string;
-        invalid_reason: null;
-        name: string;
-        brand: string;
-        acct_last_four: string;
-        month: string;
-        year: string;
-        address_line1_check: string;
-        address_postal_code_check: string;
-        bin_details: null;
-    }[];
+    payment_methods: ICheckoutPaymentMethod[];
     payment_method_group_id: string;
     payment_settings: {
         ach_payments: boolean;
@@ -163,4 +151,17 @@ export interface CheckoutsQueryParams {
     status?: ICheckoutStatus;
     payment_mode?: ICheckoutPaymentMode;
 }
+export interface ICheckoutPaymentMethod {
+    id: string;
+    status: string;
+    invalid_reason: null;
+    name: string;
+    brand: string;
+    acct_last_four: string;
+    month: string;
+    year: string;
+    address_line1_check: string;
+    address_postal_code_check: string;
+    bin_details: null;
+}
 export {};

package/dist/types/api/ComponentError.d.ts

@@ -5,10 +5,12 @@ export declare enum ComponentErrorCodes {
     POST_ERROR = "post-error",
     UNKNOWN_ERROR = "unknown-error",
     TOKENIZE_ERROR = "tokenize-error",
+    COMPLETE_CHECKOUT_ERROR = "complete-checkout-error",
     NOT_AUTHENTICATED = "not-authenticated",
     INVALID_PARAMETER = "invalid-parameter",
     PROVISIONING_REQUESTED = "provisioning-already-requested",
-    INVALID_REFUND_AMOUNT = "invalid-refund-amount"
+    INVALID_REFUND_AMOUNT = "invalid-refund-amount",
+    VALIDATION_ERROR = "validation-error"
 }
 export declare enum ComponentErrorSeverity {
     INFO = "info",

package/dist/types/api/PaymentMethod.d.ts

@@ -0,0 +1,21 @@
+export interface ISavedPaymentMethod {
+    payment_method_group_id?: string;
+}
+export interface IPaymentMethodCard {
+    address_postal_code: number;
+    number: string;
+    month: string;
+    year: string;
+    verification: string;
+}
+export interface IPaymentMethodBankAccount {
+    account_number: string;
+    routing_number: string;
+    account_type: string;
+    account_holder_name: string;
+    account_holder_type: string;
+    country: string;
+    currency: string;
+}
+export type ISubmitCheckoutArgs = IPaymentMethodCard | IPaymentMethodBankAccount;
+export type IPaymentMethodMetadata = ISavedPaymentMethod & ISubmitCheckoutArgs;

package/dist/types/components/checkout/checkout.d.ts

@@ -19,6 +19,7 @@ export declare class Checkout {
     loadedEvent: EventEmitter<ILoadedEventResponse>;
     private checkoutCoreRef?;
     analytics: JustifiAnalytics;
+    connectedCallback(): void;
     componentWillLoad(): void;
     disconnectedCallback(): void;
     private initializeGetCheckout;

package/dist/types/components/checkout/payment-method-options.d.ts

@@ -5,7 +5,6 @@ import { BillingFormFields } from './billing-form/billing-form-schema';
 export declare class PaymentMethodOptions {
     showCard: boolean;
     showAch: boolean;
-    showBnpl: boolean;
     showSavedPaymentMethods: boolean;
     paymentMethodGroupId?: string;
     bnpl: IBnpl;

package/dist/types/components/insurance/season-interruption/season-interruption-insurance.d.ts

@@ -2,8 +2,8 @@ import { EventEmitter } from '../../../stencil-public-runtime';
 import JustifiAnalytics from '../../../api/Analytics';
 import { ComponentErrorEvent } from '../../../api/ComponentEvents';
 export declare class SeasonInterruptionInsurance {
-    authToken: string;
-    checkoutId: string;
+    authToken?: string;
+    checkoutId?: string;
     primaryIdentityFirstName: string;
     primaryIdentityLastName: string;
     primaryIdentityState: string;

package/dist/types/components/modular-checkout/modular-checkout.d.ts

@@ -0,0 +1,31 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import JustifiAnalytics from "../../api/Analytics";
+import { IBillingInfo } from "../../api/BillingInformation";
+export declare class CheckoutWrapper {
+    analytics: JustifiAnalytics;
+    private observer?;
+    private paymentMethodFormRef?;
+    private billingInformationFormRef?;
+    private insuranceFormRef?;
+    private sezzlePaymentMethodRef?;
+    private getCheckout;
+    private completeCheckout;
+    authToken: string;
+    accountId: string;
+    checkoutId: string;
+    savePaymentMethod?: boolean;
+    hostEl: HTMLElement;
+    errorEvent: EventEmitter;
+    checkoutComplete: EventEmitter;
+    connectedCallback(): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    private fetchCheckout;
+    private queryFormRefs;
+    private tokenizePaymentMethod;
+    private getPaymentMethod;
+    validate(): Promise<boolean>;
+    submitCheckout(submitCheckoutArgs: IBillingInfo): Promise<void>;
+    render(): any;
+}

package/dist/types/components/modular-checkout-parts/bank-account-skeleton.d.ts

@@ -0,0 +1,6 @@
+import { FunctionalComponent } from "../../stencil-public-runtime";
+interface BankAccountFormSkeletonProps {
+    isReady: boolean;
+}
+declare const BankAccountFormSkeleton: FunctionalComponent<BankAccountFormSkeletonProps>;
+export default BankAccountFormSkeleton;

package/dist/types/components/modular-checkout-parts/bank-account.d.ts

@@ -0,0 +1,18 @@
+import JustifiAnalytics from "../../api/Analytics";
+export declare class BankAccountForm {
+    private accountNumberIframeElement;
+    private routingNumberIframeElement;
+    analytics: JustifiAnalytics;
+    iframeOrigin: string;
+    isReady: boolean;
+    componentWillLoad(): void;
+    componentDidRender(): void;
+    disconnectedCallback(): void;
+    validate(): Promise<any>;
+    tokenize({ clientId, paymentMethodMetadata, account }: {
+        clientId: string;
+        paymentMethodMetadata: any;
+        account?: string;
+    }): Promise<any>;
+    render(): any;
+}

package/dist/types/components/modular-checkout-parts/billing-form-schema.d.ts

@@ -0,0 +1,23 @@
+export interface BillingFormFields {
+    name: string;
+    address_line1: string;
+    address_line2?: string;
+    address_city: string;
+    address_state: string;
+    address_postal_code: string;
+}
+export declare const billingFormSchema: (postalOnly?: boolean) => import("yup").ObjectSchema<{
+    name: string;
+    address_line1: string;
+    address_line2: string;
+    address_city: string;
+    address_state: string;
+    address_postal_code: string;
+}, import("yup").AnyObject, {
+    name: undefined;
+    address_line1: undefined;
+    address_line2: undefined;
+    address_city: undefined;
+    address_state: undefined;
+    address_postal_code: undefined;
+}, "">;

package/dist/types/components/modular-checkout-parts/billing-form.d.ts

@@ -0,0 +1,16 @@
+import { BillingFormFields } from './billing-form-schema';
+import { FormController } from '../../ui-components/form/form';
+export declare class BillingInformationForm {
+    formController: FormController;
+    billingInfo: {};
+    errors: any;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    inputHandler: (name: string, value: string) => void;
+    getValues(): Promise<BillingFormFields>;
+    fill(fields: BillingFormFields): Promise<void>;
+    validate(): Promise<{
+        isValid: boolean;
+    }>;
+    render(): any;
+}

package/dist/types/components/modular-checkout-parts/card-form-skeleton.d.ts

@@ -0,0 +1,6 @@
+import { FunctionalComponent } from "../../stencil-public-runtime";
+interface CardFormSkeletonProps {
+    isReady: boolean;
+}
+declare const CardFormSkeleton: FunctionalComponent<CardFormSkeletonProps>;
+export default CardFormSkeleton;

package/dist/types/components/modular-checkout-parts/card-form.d.ts

@@ -0,0 +1,20 @@
+import JustifiAnalytics from "../../api/Analytics";
+export declare class JustifiCardForm {
+    iframeOrigin?: string;
+    isReady: boolean;
+    private cardNumberIframeElement;
+    private expirationMonthIframeElement;
+    private expirationYearIframeElement;
+    private cvvIframeElement;
+    analytics: JustifiAnalytics;
+    componentWillLoad(): void;
+    componentDidRender(): void;
+    disconnectedCallback(): void;
+    validate(): Promise<any>;
+    tokenize({ clientId, paymentMethodMetadata, account, }: {
+        clientId: string;
+        paymentMethodMetadata: any;
+        account?: string;
+    }): Promise<any>;
+    render(): any;
+}

package/dist/types/components/modular-checkout-parts/postal-code-form.d.ts

@@ -0,0 +1,16 @@
+import { FormController } from "../../ui-components/form/form";
+import { BillingFormFields } from "./billing-form-schema";
+export declare class PostalCodeForm {
+    formController: FormController;
+    billingInfo: {};
+    errors: any;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    inputHandler: (name: string, value: string) => void;
+    getValues(): Promise<BillingFormFields>;
+    fill(fields: BillingFormFields): Promise<void>;
+    validate(): Promise<{
+        isValid: boolean;
+    }>;
+    render(): any;
+}

package/dist/types/components/modular-checkout-parts/saved-payment-methods.d.ts

@@ -0,0 +1,5 @@
+export declare class SavedPaymentMethods {
+    componentWillLoad(): void;
+    onPaymentMethodOptionClick: (paymentMethodId: string) => (e: Event) => void;
+    render(): any;
+}

package/dist/types/components/{checkout → modular-checkout-parts}/sezzle-payment-method.d.ts

@@ -1,18 +1,12 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { PaymentMethodOption } from './payment-method-option-utils';
-import { PaymentMethodPayload } from './payment-method-payload';
+import { PaymentMethodPayload } from '../checkout/payment-method-payload';
 export declare class SezzlePaymentMethod {
-    bnpl: any;
-    clientId: string;
-    accountId: string;
-    paymentMethodOption: PaymentMethodOption;
-    isSelected: boolean;
-    paymentAmount: number;
     installmentPlan: any;
     sezzleCheckout: any;
     sezzlePromise: Promise<PaymentMethodPayload>;
     private scriptRef;
     private sezzleButtonRef;
+    private paymentMethodOptionId;
     paymentMethodOptionSelected: EventEmitter;
     componentDidRender(): void;
     resolvePaymentMethod(insuranceValidation: any): Promise<PaymentMethodPayload>;

package/dist/types/components/modular-checkout-parts/summary.d.ts

@@ -0,0 +1,3 @@
+export declare class Summary {
+    render(): any;
+}

package/dist/types/components/tokenize-payment-method/tokenize-payment-method.d.ts

@@ -4,8 +4,8 @@ import { BillingFormFields } from '../../components';
 import { PaymentMethodPayload } from '../checkout/payment-method-payload';
 import { ComponentSubmitEvent, ComponentErrorEvent } from '../../api';
 export declare class TokenizePaymentMethod {
-    authToken: string;
-    accountId: string;
+    authToken?: string;
+    accountId?: string;
     paymentMethodGroupId: string;
     submitButtonText: string;
     disableCreditCard?: boolean;