@justifi/webcomponents 5.7.2 → 5.7.3-rc-02

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

@@ -1,6 +1,10 @@
-import { h, proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/core/internal/client';
+import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import { c as formatCurrency } from './utils2.js';
 import { W as radioListItem } from './parts.js';
+import { s as state } from './checkout.store.js';
+import { S as StyledHost } from './styled-host.js';
+import './details.js';
+import './event-types.js';
 import { d as defineCustomElement$2 } from './form-control-help-text2.js';
 import { d as defineCustomElement$1 } from './form-control-radio2.js';
 
@@ -14,29 +18,31 @@ const SezzlePaymentMethod = /*@__PURE__*/ proxyCustomElement(class SezzlePayment
     constructor() {
         super();
         this.__registerHost();
+        this.__attachShadow();
         this.paymentMethodOptionSelected = createEvent(this, "paymentMethodOptionSelected", 7);
+        this.paymentMethodOptionId = 'sezzle';
         this.onPaymentMethodOptionClick = (e) => {
             e.preventDefault();
-            this.paymentMethodOptionSelected.emit(this.paymentMethodOption);
+            state.selectedPaymentMethod = this.paymentMethodOptionId;
+            this.paymentMethodOptionSelected.emit(this.paymentMethodOptionId);
         };
         this.initializeSezzleCheckout = () => {
             let resolveSezzlePromise;
             this.sezzlePromise = new Promise((resolve) => { resolveSezzlePromise = resolve; });
-            const bnpl = this.bnpl;
-            const amount = +this.paymentAmount; // convert to number
+            const amount = Number(state.paymentAmount);
             const Checkout = window.Checkout;
             const checkout = new Checkout({
                 mode: 'popup',
-                publicKey: bnpl.provider_client_id,
-                apiMode: bnpl.provider_mode,
-                apiVersion: bnpl.provider_api_version,
+                publicKey: state.bnplProviderClientId,
+                apiMode: state.bnplProviderMode,
+                apiVersion: state.bnplProviderApiVersion,
             });
             checkout.sezzleButtonElement = this.sezzleButtonRef;
             checkout.init({
                 onClick: function (event) {
                     event.preventDefault();
                     checkout.startCheckout({
-                        checkout_url: bnpl.provider_checkout_url
+                        checkout_url: state.bnplProviderCheckoutUrl,
                     });
                 },
                 onComplete: (event) => resolveSezzlePromise({ bnpl: event.data }),
@@ -48,6 +54,8 @@ const SezzlePaymentMethod = /*@__PURE__*/ proxyCustomElement(class SezzlePayment
         };
     }
     componentDidRender() {
+        if (!this.scriptRef)
+            return;
         this.scriptRef.onload = () => {
             this.sezzleButtonRef = document.createElement('button');
             this.initializeSezzleCheckout();
@@ -61,16 +69,14 @@ const SezzlePaymentMethod = /*@__PURE__*/ proxyCustomElement(class SezzlePayment
         return this.sezzlePromise;
     }
     render() {
-        var _a, _b, _c;
-        return (h(Host, { key: '4ae50e7bbb15d0049d069edacd0d95ba7c13dbe5', class: "payment-method" }, h("script", { key: '42a0590d89626ba7a93852e421eb121626b48375', src: "https://checkout-sdk.sezzle.com/checkout.min.js", async: true, ref: (el) => (this.scriptRef = el) }), h("div", { key: '31a2a72650486c258267c6d4de3723f7afa5b063', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: 'eac1adbcd82fcb4f9c440c53c40ce34af6092991', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: h("div", null, h("div", null, "Buy now, pay later with ", sezzleLogo), this.installmentPlan && (h("small", null, h("span", null, (_b = this.installmentPlan) === null || _b === void 0 ? void 0 : _b.installments.length), "\u00A0", h("span", null, this.installmentPlan.schedule, " payments of"), "\u00A0", h("span", { class: "fw-bold" }, formatCurrency((_c = this.installmentPlan) === null || _c === void 0 ? void 0 : _c.installments[0].amountInCents))))) }))));
+        var _a, _b;
+        if (!state.bnplEnabled) {
+            console.warn('justifi-sezzle-payment-method: BNPL is not enabled for this account.');
+            return null;
+        }
+        return (h(StyledHost, { class: "payment-method" }, h("script", { src: "https://checkout-sdk.sezzle.com/checkout.min.js", async: true, ref: (el) => (this.scriptRef = el) }), h("div", { class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { name: "paymentMethodType", value: this.paymentMethodOptionId, checked: state.selectedPaymentMethod === this.paymentMethodOptionId, label: h("div", null, h("div", null, "Buy now, pay later with ", sezzleLogo), this.installmentPlan && (h("small", null, h("span", null, (_a = this.installmentPlan) === null || _a === void 0 ? void 0 : _a.installments.length), "\u00A0", h("span", null, this.installmentPlan.schedule, " payments of"), "\u00A0", h("span", { class: "fw-bold" }, formatCurrency((_b = this.installmentPlan) === null || _b === void 0 ? void 0 : _b.installments[0].amountInCents))))) }))));
     }
-}, [0, "justifi-sezzle-payment-method", {
-        "bnpl": [8],
-        "clientId": [1, "client-id"],
-        "accountId": [1, "account-id"],
-        "paymentMethodOption": [16, "payment-method-option"],
-        "isSelected": [4, "is-selected"],
-        "paymentAmount": [2, "payment-amount"],
+}, [1, "justifi-sezzle-payment-method", {
         "installmentPlan": [32],
         "sezzleCheckout": [32],
         "sezzlePromise": [32],

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/summary.js

@@ -0,0 +1,34 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { t as text } from './parts.js';
+import { c as formatCurrency } from './utils2.js';
+import { s as state } from './checkout.store.js';
+import { S as StyledHost } from './styled-host.js';
+import './details.js';
+import './event-types.js';
+
+const Summary = /*@__PURE__*/ proxyCustomElement(class Summary extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    render() {
+        return (h(StyledHost, { key: '9a2eea1693287ad73dfedd3ddc24e949e9d75148' }, h("section", { key: '1943be6cef0c4a1c830ddfc14d893c3906482534' }, h("div", { key: 'cf3f41d3dd3c9829d93d7e56e3d2dfabbd99ccef' }, h("div", { key: 'b5bc944a5310252dc0720e3e7d709f1a57f898c8', part: text }, state === null || state === void 0 ? void 0 : state.paymentDescription), h("div", { key: 'dbe53880d7c3ff8d4513a570e1b024f1e2f43028' }, h("span", { key: 'd8986a9265463d8f9d7f62598cc4ec3203081c09', part: text }, "Total"), "\u00A0", h("span", { key: '32cbc6e259fdee2c71ad72fcf59ab157704c4758', part: text }, formatCurrency(+(state === null || state === void 0 ? void 0 : state.totalAmount))))))));
+    }
+}, [1, "justifi-checkout-summary"]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-checkout-summary"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-checkout-summary":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Summary);
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { Summary as S, defineCustomElement as d };

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

@@ -8,9 +8,8 @@ import './Checkout.js';
 import { p as pagingDefaults } from './Pagination.js';
 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 +166,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/terminal.service.js

@@ -3,7 +3,6 @@ import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
 import './Refund.js';
-import './Document.js';
 import './Business.js';
 
 const api = Api();

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

@@ -5,13 +5,12 @@ import './Checkout.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Payment.js';
 import './Refund.js';
-import './Document.js';
 import './Business.js';
 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 +180,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/business-forms/schemas/schema-validations.d.ts

@@ -28,10 +28,3 @@ export declare const nicknameValidation: import("yup").StringSchema<string, impo
 export declare const accountTypeValidation: import("yup").StringSchema<string, import("yup").AnyObject, undefined, "">;
 export declare const accountNumberValidation: import("yup").StringSchema<string, import("yup").AnyObject, undefined, "">;
 export declare const routingNumberValidation: import("yup").StringSchema<string, import("yup").AnyObject, undefined, "">;
-export declare const ss4Validation: import("yup").MixedSchema<{}, import("yup").AnyObject, undefined, "">;
-export declare const governmentIdValidation: import("yup").MixedSchema<{}, import("yup").AnyObject, undefined, "">;
-export declare const otherDocumentValidation: import("yup").MixedSchema<{}, import("yup").AnyObject, undefined, "">;
-export declare const voidedCheckValidation: (documents: any[], allowOptionalFields: boolean) => import("yup").MixedSchema<{}, import("yup").AnyObject, undefined, "">;
-export declare const bankStatementValidation: (documents: any[], allowOptionalFields: boolean) => import("yup").MixedSchema<{}, import("yup").AnyObject, undefined, "">;
-export declare const balanceSheetValidation: (volume: string, documents: any[], allowOptionalFields: boolean) => import("yup").MixedSchema<{}, import("yup").AnyObject, undefined, "">;
-export declare const profitAndLossStatementValidation: (volume: string, documents: any[], allowOptionalFields: boolean) => import("yup").MixedSchema<{}, import("yup").AnyObject, undefined, "">;

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

@@ -1,9 +1,18 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import JustifiAnalytics from '../../api/Analytics';
 import { BillingFormFields } from './billing-form/billing-form-schema';
-import { ILoadedEventResponse } from '../../api';
-import { ComponentErrorEvent } from '../../api/ComponentEvents';
+import { ICheckout, ILoadedEventResponse } from '../../api';
+import { ComponentErrorEvent, ComponentSubmitEvent } from '../../api/ComponentEvents';
 export declare class Checkout {
+    modularCheckoutRef?: HTMLJustifiModularCheckoutElement;
+    paymentMethodOptionsRef?: HTMLJustifiPaymentMethodOptionsElement;
+    analytics: JustifiAnalytics;
+    checkout: ICheckout;
+    complete: Function;
+    errorMessage: string;
+    insuranceToggled: boolean;
+    renderState: 'loading' | 'error' | 'success';
+    serverError: string;
     authToken: string;
     checkoutId: string;
     disableCreditCard?: boolean;
@@ -12,17 +21,19 @@ export declare class Checkout {
     disablePaymentMethodGroup?: boolean;
     hideCardBillingForm?: boolean;
     hideBankAccountBillingForm?: boolean;
-    getCheckout: Function;
-    complete: Function;
-    errorMessage: string;
     errorEvent: EventEmitter<ComponentErrorEvent>;
+    submitEvent: EventEmitter<ComponentSubmitEvent>;
     loadedEvent: EventEmitter<ILoadedEventResponse>;
-    private checkoutCoreRef?;
-    analytics: JustifiAnalytics;
+    propChanged(): void;
+    connectedCallback(): void;
     componentWillLoad(): void;
     disconnectedCallback(): void;
-    private initializeGetCheckout;
-    propChanged(): void;
+    private fetchData;
+    private submit;
+    get isLoading(): boolean;
+    get summary(): any;
+    get paymentTypeHeader(): any;
+    get paymentType(): any;
     fillBillingForm(fields: BillingFormFields): Promise<void>;
     validate(): Promise<{
         isValid: boolean;

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

@@ -5,8 +5,8 @@ import { BillingFormFields } from './billing-form/billing-form-schema';
 export declare class PaymentMethodOptions {
     showCard: boolean;
     showAch: boolean;
-    showBnpl: boolean;
     showSavedPaymentMethods: boolean;
+    showBnpl: boolean;
     paymentMethodGroupId?: string;
     bnpl: IBnpl;
     insuranceToggled: boolean;
@@ -16,13 +16,13 @@ export declare class PaymentMethodOptions {
     paymentAmount: number;
     hideCardBillingForm?: boolean;
     hideBankAccountBillingForm?: boolean;
-    selectedPaymentMethodId: string;
     paymentMethodOptions: PaymentMethodOption[];
     private selectedPaymentMethodOptionRef?;
     fillBillingForm(fields: BillingFormFields): Promise<void>;
     connectedCallback(): void;
     paymentMethodsChanged(): void;
     paymentMethodOptionSelected(event: CustomEvent<PaymentMethodOption>): void;
+    private get hiddenRadioInput();
     resolvePaymentMethod(insuranceValidation: any): Promise<PaymentMethodPayload>;
     validate(): Promise<{
         isValid: boolean;

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;