@justifi/webcomponents 5.7.6-rc-08 → 5.7.6

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

@@ -1,10 +1,6 @@
-import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
+import { h, proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/core/internal/client';
 import { c as formatCurrency } from './utils2.js';
-import { W as radioListItem } from './parts.js';
-import { c as checkoutStore } from './checkout.store.js';
-import { S as StyledHost } from './styled-host.js';
-import './details.js';
-import './event-types.js';
+import { X 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';
 
@@ -18,31 +14,29 @@ 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();
-            checkoutStore.selectedPaymentMethod = this.paymentMethodOptionId;
-            this.paymentMethodOptionSelected.emit(this.paymentMethodOptionId);
+            this.paymentMethodOptionSelected.emit(this.paymentMethodOption);
         };
         this.initializeSezzleCheckout = () => {
             let resolveSezzlePromise;
             this.sezzlePromise = new Promise((resolve) => { resolveSezzlePromise = resolve; });
-            const amount = Number(checkoutStore.paymentAmount);
+            const bnpl = this.bnpl;
+            const amount = +this.paymentAmount; // convert to number
             const Checkout = window.Checkout;
             const checkout = new Checkout({
                 mode: 'popup',
-                publicKey: checkoutStore.bnplProviderClientId,
-                apiMode: checkoutStore.bnplProviderMode,
-                apiVersion: checkoutStore.bnplProviderApiVersion,
+                publicKey: bnpl.provider_client_id,
+                apiMode: bnpl.provider_mode,
+                apiVersion: bnpl.provider_api_version,
             });
             checkout.sezzleButtonElement = this.sezzleButtonRef;
             checkout.init({
                 onClick: function (event) {
                     event.preventDefault();
                     checkout.startCheckout({
-                        checkout_url: checkoutStore.bnplProviderCheckoutUrl,
+                        checkout_url: bnpl.provider_checkout_url
                     });
                 },
                 onComplete: (event) => resolveSezzlePromise({ bnpl: event.data }),
@@ -54,8 +48,6 @@ const SezzlePaymentMethod = /*@__PURE__*/ proxyCustomElement(class SezzlePayment
         };
     }
     componentDidRender() {
-        if (!this.scriptRef)
-            return;
         this.scriptRef.onload = () => {
             this.sezzleButtonRef = document.createElement('button');
             this.initializeSezzleCheckout();
@@ -69,14 +61,16 @@ const SezzlePaymentMethod = /*@__PURE__*/ proxyCustomElement(class SezzlePayment
         return this.sezzlePromise;
     }
     render() {
-        var _a, _b;
-        if (!checkoutStore.bnplEnabled || checkoutStore.disableBnpl) {
-            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: checkoutStore.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))))) }))));
+        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))))) }))));
     }
-}, [257, "justifi-sezzle-payment-method", {
+}, [256, "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"],
         "installmentPlan": [32],
         "sezzleCheckout": [32],
         "sezzlePromise": [32],

package/dist/module/shipping-details.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as create$3, a as create$6, F as FormController } from './form.js';
 import { D as DisputeResponseFormStep, f as fileInputHandler } from './file-input-handler.js';
-import { _ as heading5 } from './parts.js';
+import { $ as heading5 } from './parts.js';
 import { d as defineCustomElement$7 } from './custom-popper2.js';
 import { d as defineCustomElement$6 } from './form-control-date2.js';
 import { d as defineCustomElement$5 } from './form-control-file-v22.js';
@@ -44,7 +44,7 @@ const ShippingDetails = /*@__PURE__*/ proxyCustomElement(class ShippingDetails e
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: '4556d3dbedce4833b63302f78f467ccf71cce02c' }, h("div", { key: '18569ca4c37bbf7b82a13db6c8ae878d0b2c12fa', class: "row gy-3" }, h("div", { key: '001f41285eda4237686861df1aaaad24836fbf7c', class: "col-12" }, h("h2", { key: '3193324c11f5ca7c81de99cd224e2f8a8d21a43d', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: 'e312e8aee070bee2b317dc7f6f9e616dc3cbd26e', class: "col-12" }, h("form-control-text", { key: '69a90af0a8c328b7e0eba67d39ac3f2f4ffd3439', 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: '5c4ca04204a7467918e2e130d6ee437a4c5db85b', class: "col-12" }, h("form-control-text", { key: '266415e75633d4d4b5062f56ec43d47e60e03aa1', 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: '90088259556bbfce03c87af029ea53efc4c394de', class: "col-12" }, h("form-control-date", { key: 'b5eaf92844540c4536f8296e8668ed7e826dfd1f', 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: '180c72ec5c37cb7bca2edbf3d158d4973c149084', class: "col-12" }, h("form-control-textarea", { key: '924cae54e30cba491dd4ce10bb514a7374a1d793', 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: 'b7f06251c0a03bec0b6622b9d05c7c55d7d6bb13', class: "col-12" }, h("form-control-file-v2", { key: '832da84ac1f4822ac882c03d60b169a2351ffb8e', 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: '9659228d60badf5ed8ce9166d6f7a9c9857024b5' }, h("div", { key: '3cd0f255e7719311293fdab4b3c3b053835e7062', class: "row gy-3" }, h("div", { key: '132759e99a8a5797d2a386ae802ce3607f15efaa', class: "col-12" }, h("h2", { key: '1ba83f329ea9a44584d59fdce07b7d2acba37f41', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '467f5246bccc7401e5b8dab660961bd639f9ff2b', class: "col-12" }, h("form-control-text", { key: 'dd7d33309fd9af4ae12462e4cb6e294c1fb05735', 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: '2b96dbe354f2cc65b676cde07d004253fe74469f', class: "col-12" }, h("form-control-text", { key: '1574517f3c463c8e2ac2a2a0cdb85eb7c8349971', 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: '76dc169253d3de15c041e21d3b116a0973a0884b', class: "col-12" }, h("form-control-date", { key: 'f1a80bd55f350559aff614a219191fd026287910', 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: 'e314c9bb0b0edaf5a7ff01e3ec804377a9ca2f4f', class: "col-12" }, h("form-control-textarea", { key: '13ea3ccb3001cbef1453cefbcc663e10eff62cb6', 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: 'eeffc742b048ca828caefd7ccb1793927e1f3295', class: "col-12" }, h("form-control-file-v2", { key: '5d7c17b8acef1b41d80301640d90c3c0e17f2471', 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 })))));
     }
 }, [256, "justifi-shipping-details", {
         "disputeResponse": [8, "dispute-response"],

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

@@ -29,7 +29,7 @@ const TableFiltersMenu = /*@__PURE__*/ proxyCustomElement(class TableFiltersMenu
         this.showClearButton = hasFilters(this.params);
     }
     render() {
-        return (h("div", { key: 'db1619bbaa73d4102c684b2ca1b4897d1c36fa66', class: "d-flex gap-2" }, h("div", { key: '68f4538d4465aadbf20e322264e219ce7ca8078a', class: "dropdown pb-3" }, h("button", { key: 'cc1835756c1fa2a24a4bbc4ec2960caca0d24e75', 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: '14f88ecd195fcf3770cadd71659b00d4c117c460', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: 'd33a6875f30413f3a2f5b8d706cf0bf0e3d6620a', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '5923bb3684fc9f710a6686d9bf90a6d0f35a1818' })))), h("div", { key: 'eba66abc4ef60bf7603fd9459cf4040ed6105e8c' }, h(Button, { key: 'f5de28962ac56636904cee2a5e5d41204e07143c', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
+        return (h("div", { key: '3fceb3195060fd21e0928f3b3e41e2e205794778', class: "d-flex gap-2" }, h("div", { key: 'cf023a74f709332a918bd099cae2de4dc3ffd40f', class: "dropdown pb-3" }, h("button", { key: '7c909ff07e4ea69dda84c80f944bb45f65306605', 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: '78bfa19b68f3112f4f3eb0e6fd188b32c8b07aee', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: '5d77ae310a35fae91da9c0e8ccd468367f2cd730', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '2bda5c97dbe499de4336b43196181096457bcb47' })))), h("div", { key: '1cdf8224ed35bfa57f4972225e54ff7182bac293' }, h(Button, { key: '5c593fa8cbe357b6aba8e36c2f332a12a4d24042', 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

@@ -4,9 +4,10 @@ import './details.js';
 import { T as TableClickActions } from './event-types.js';
 import './config-state.js';
 import { h as convertToLocal } from './utils2.js';
-import { d as TerminalOrderType } from './Refund.js';
+import './Checkout.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Payment.js';
+import { a as TerminalOrderType } from './Refund.js';
 import './Business.js';
 import { n as tableHeadCell, a8 as getAlternateTableCellPart } from './parts.js';
 import { B as Badge, a as BadgeVariant } from './badge.js';
@@ -165,7 +166,7 @@ const TerminalOrdersListCore = /*@__PURE__*/ proxyCustomElement(class TerminalOr
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '958c71b07fe0199cb4b3abac4c4885fc2cd09c90' }, h(TableComponent, { key: 'e63317adee6fa7d3e30cb3dafe775a8b8aea9117' }, h(TableHead, { key: '5c43b74baa8a562cec64194bbbdd95474a1d7238' }, h(TableHeadRow, { key: '7f155902a890009234488c65cd9b0c1fb0507020' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: '31aa8c9a2bf86c38b73b22dc989d87ef182d159e' }, h(TableLoadingState, { key: '989e635ed871044f641f8b4fef6c5ddb19eecbba', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '48450cf046b789bee3dcdcc8e82f8d70aa044d4a', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '060ddf2a48b67d628ec43c624181ef0e356d446e', 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: '68d40850a85b33c7bab96858fd03bf07e901d3b0' }, h(TableFootRow, { key: '2d9b85f78453e2a0518d60e701160fb29bc6225d' }, h(TableFootCell, { key: '864183c1a86608b6b7b19748471f325bd4e13eba', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: 'd9b6187b1ca0d5749710f10865cc376fe08838c2', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '128b8fa2d0a3cab6f4dad593961401193298397c' }, h(TableComponent, { key: 'c80b9c9718aa88c72374976ad5b164ffaa764725' }, h(TableHead, { key: '37987af09980ff3e0bb595d5f721a193efa06ebd' }, h(TableHeadRow, { key: '60d0b9c55efca1f55880a022fdf98f62bd974acc' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: 'b34b4a8fd8165f45a547e48389520a29c91e961f' }, h(TableLoadingState, { key: '202c63bb7f9d4ea85f29e5382c2d96c284bea305', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'e44b24f14d7280081d2f241e5762be3fab8e5ac3', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '77ac84b67ad094216c0df88a2400b15a72db97d4', 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: '0745f06ea066b8cca010648427ffcb941a2cbbfb' }, h(TableFootRow, { key: 'e9760054c8b9f675b3c12461bb21f148a4112aa4' }, h(TableFootCell, { key: 'd5cae96c5ed3ee809923405fa2751057ba82af41', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: 'd0f1bcd31f0799ff1a8b7a1a807437b81bbc2e73', 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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { k as card, Y as image, Z as buttonLink } from './parts.js';
+import { k as card, Z as image, _ as buttonLink } from './parts.js';
 import { d as defineCustomElement$2 } from './custom-popper2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 
@@ -24,7 +24,7 @@ const TerminalQuantitySelector = /*@__PURE__*/ proxyCustomElement(class Terminal
         };
     }
     render() {
-        return (h("div", { key: '0568bda961872301797c947e86a4106519a7fe32', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: 'f3c3be173db717a3577686cb86e9a3e1d3a4de19', class: "d-flex gap-3" }, h("div", { key: '534ffa637b49c8d73b04a170a6b9774dba26fac6', class: "d-flex align-items-center" }, h("img", { key: '932c992185e069a5210d4d55de6d00414237b421', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '8c0efe9b699a668846b04849addca33cc7476ddc', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '305575c946f9e28b94feb11cf59f05b0c3557381', class: "row" }, h("div", { key: '0be1ea6130b83237cc47d5096dc424d19deab3f1', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: '5ea2a3d9ee8d8530c1db0a632fb466be8db9b556', helpText: this.description })), h("div", { key: '3166e8db3f7f45fa0dff75dfc723c491ee34f7fa', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: 'def84f62280fa5d53d237f6216123061fb83f84f', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '231abff1c9022b4ecdbc48ad95686ad08cd5d2d2', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: 'cfd28324eac0fbded56143a755b44e87c41b3698', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
+        return (h("div", { key: '347cc119dae6013a0110551d37349839d5a8c60f', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: '965e0282bfe78cabec08d6af980489c07d1c1087', class: "d-flex gap-3" }, h("div", { key: '868d31537eac74b7f5201739cf7527bc2e4c7130', class: "d-flex align-items-center" }, h("img", { key: 'f3c9ca6d9cc12e42f9ed1f469fde8ec507d03fff', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '474461af6bbb24f5d0433698b8761e2bfa76d0f3', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '157c8422a4087b274bb8b3c0861ea3daa7d8d700', class: "row" }, h("div", { key: 'cfda71e7a75b716bfaa635dd0218c163f1b2aa22', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: '5e8193abfa9bbd3f27ad396871faa64700413bb5', helpText: this.description })), h("div", { key: '47a47124bf3ce63264efdc96d74dcd7849a32c96', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: '252798ab53ef9b68184be2d95c6b12d7e8b5e976', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '0ec025653e8d4fad3cc435af716af0771fb2f8ca', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: '01f895f944b4caf85e46d90756b54fc162f0f1b0', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
     }
 }, [256, "terminal-quantity-selector", {
         "modelName": [1, "model-name"],

package/dist/module/terminal.service.js

@@ -1,7 +1,8 @@
 import { A as Api } from './Api.js';
-import './Refund.js';
+import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
+import './Refund.js';
 import './Business.js';
 
 const api = Api();

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

@@ -1,9 +1,10 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import './config-state.js';
 import { l as capitalFirstLetter } from './utils2.js';
-import './Refund.js';
+import './Checkout.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Payment.js';
+import './Refund.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';
@@ -179,7 +180,7 @@ const TerminalsListCore = /*@__PURE__*/ proxyCustomElement(class TerminalsListCo
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: 'a92a8db8a9ee354273e0afbc96bdeb69882ea7a0' }, h(TableComponent, { key: '53756d56ef777433e4db2f0b0ec81731d75dad6e' }, h(TableHead, { key: 'a2c7269bef2a8b3b8954c017a6f97446e592898e' }, h(TableHeadRow, { key: 'af357cd4a02a4f742b3ba1c153c8ac65f148f3b3' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: 'da566f3a51ea4926bf5161e2cf4f94ebd2febb13' }, h(TableLoadingState, { key: '1e93e90252437a7d15dde1100e2fae14b80aaf28', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'dfcd9daacdf31995c27984aae4a9eb5b0c9bb134', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '7bc1b73d6f5065be926537a22684a15fe4816234', 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: '6c1352d65bd607db9d743ba15ab6e495d43aade3' }, h(TableFootRow, { key: '0a29d45ba98ef214923b7162a1da63be72feef79' }, h(TableFootCell, { key: '0cae0b8ba677e8ae405e64e33c9d22a901d47726', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '73623be90a85e75c3949c6482aec53f4766bc272', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '5ac52a5c666e2fa570cecb81092592795623adfa' }, h(TableComponent, { key: 'dbcde2fe24d4b377bfa7103db4c441e4e38537c6' }, h(TableHead, { key: '34b676d43e989020a363b76e838e12a35cc7f127' }, h(TableHeadRow, { key: 'd238b92b6d2d175a6badebee5e2089ff95ab77eb' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '6309ec4f6a4cbafeb068192a95afa42288b6d900' }, h(TableLoadingState, { key: '62cd851290e81aee8f96066bd8a6e7892d797513', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'ff26f57ec23766361290113889a4c85f6c6ecee9', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '6ee48938a04a465ff189dcab515e8300e38e9ed8', 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: '5eac0724e3e65a5394fc026804f131a8b6c6116c' }, h(TableFootRow, { key: 'cd4fcf88e4729d15722b8b75cb21796cfbbf9f20' }, h(TableFootCell, { key: 'eb6618e74f0b5689e0c0a8266f0c76a10e98fe36', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: 'f2454d466c09357f9b59dd55be0b2ef629ef073a', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/module/utils4.js

@@ -1,4 +1,4 @@
-import { a as ComponentErrorCodes } from './Refund.js';
+import { a as ComponentErrorCodes } from './Checkout.js';
 
 // Errors on [capital]/config/locales/en.yml
 // Add more errors as needed

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

@@ -89,7 +89,19 @@ export declare class Checkout implements ICheckout {
     payment_amount: number;
     payment_client_id: string;
     payment_description: string;
-    payment_methods: ICheckoutPaymentMethod[];
+    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_method_group_id: string;
     payment_settings: {
         ach_payments: boolean;
@@ -151,18 +163,4 @@ export interface CheckoutsQueryParams {
     status?: ICheckoutStatus;
     payment_mode?: ICheckoutPaymentMode;
 }
-export interface ICheckoutPaymentMethod {
-    id: string;
-    type?: 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,22 +5,13 @@ export declare enum ComponentErrorCodes {
     POST_ERROR = "post-error",
     UNKNOWN_ERROR = "unknown-error",
     TOKENIZE_ERROR = "tokenize-error",
-    COMPLETE_CHECKOUT_ERROR = "complete-checkout-error",
-    CHECKOUT_ALREADY_COMPLETED = "checkout-already-completed",
-    CHECKOUT_EXPIRED = "checkout-expired",
     NOT_AUTHENTICATED = "not-authenticated",
     INVALID_PARAMETER = "invalid-parameter",
     PROVISIONING_REQUESTED = "provisioning-already-requested",
-    INVALID_REFUND_AMOUNT = "invalid-refund-amount",
-    VALIDATION_ERROR = "validation-error"
+    INVALID_REFUND_AMOUNT = "invalid-refund-amount"
 }
 export declare enum ComponentErrorSeverity {
     INFO = "info",
     WARNING = "warning",
     ERROR = "error"
 }
-export declare enum ComponentErrorMessages {
-    NOT_AUTHENTICATED = "Not authenticated. Please provide a valid auth token, checkout id, and account id.",
-    CHECKOUT_ALREADY_COMPLETED = "Checkout already completed. Please create a new checkout.",
-    CHECKOUT_EXPIRED = "Checkout expired. Please create a new checkout."
-}

package/dist/types/components/{modular-checkout/sub-components/postal-code-form.d.ts → checkout/billing-form/bank-account-billing-form-simple.d.ts}

@@ -1,12 +1,10 @@
-import { FormController } from "../../../ui-components/form/form";
-import { BillingFormFields } from "./billing-form-schema";
-export declare class PostalCodeForm {
-    unsubscribe: () => void;
+import { BillingFormFields } from './billing-form-schema';
+import { FormController } from '../../../ui-components/form/form';
+export declare class BankAccountBillingFormSimple {
     formController: FormController;
     billingInfo: {};
     errors: any;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
+    legend?: string;
     componentWillLoad(): void;
     componentDidLoad(): void;
     inputHandler: (name: string, value: string) => void;
@@ -14,6 +12,7 @@ export declare class PostalCodeForm {
     fill(fields: BillingFormFields): Promise<void>;
     validate(): Promise<{
         isValid: boolean;
+        errors: any;
     }>;
     render(): any;
 }

package/dist/types/components/{modular-checkout/sub-components/billing-information-form.d.ts → checkout/billing-form/billing-form-full.d.ts}

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

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

@@ -1,12 +1,42 @@
 export interface BillingFormFields {
-    name?: string;
-    address_line1?: string;
+    name: string;
+    address_line1: string;
     address_line2?: string;
-    address_city?: string;
-    address_state?: string;
+    address_city: string;
+    address_state: string;
     address_postal_code: string;
 }
-export declare const billingFormSchema: (postalOnly?: boolean) => import("yup").ObjectSchema<{
+export declare const fullBillingSchema: () => 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;
+}, "">;
+export declare const postalOnlySchema: () => 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;
+}, "">;
+export declare const nameOnlySchema: () => import("yup").ObjectSchema<{
     name: string;
     address_line1: string;
     address_line2: string;

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

@@ -1,18 +1,12 @@
 import { BillingFormFields } from './billing-form-schema';
-import { FormController } from '../../../ui-components/form/form';
 export declare class BillingForm {
-    formController: FormController;
-    billingInfo: {};
-    errors: any;
     legend?: string;
     hideCardBillingForm?: boolean;
     hideBankAccountBillingForm?: boolean;
     paymentMethodType?: string;
-    componentWillLoad(): void;
-    componentDidLoad(): void;
-    inputHandler: (name: string, value: string) => void;
-    private get isPostalOnlyMode();
-    private get hideAllBillingFields();
+    private selectedFormRef?;
+    private get showSimpleCardBillingForm();
+    private get showSimpleBankAccountBillingForm();
     getValues(): Promise<BillingFormFields>;
     fill(fields: BillingFormFields): Promise<void>;
     validate(): Promise<{

package/dist/types/components/checkout/billing-form/card-billing-form-simple.d.ts

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

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

@@ -0,0 +1,49 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { ICheckout, ICheckoutCompleteResponse, ILoadedEventResponse } from '../../api/Checkout';
+import { ComponentErrorCodes, ComponentErrorSeverity } from '../../api/ComponentError';
+import { BillingFormFields } from './billing-form/billing-form-schema';
+import { ComponentErrorEvent, ComponentSubmitEvent } from '../../api/ComponentEvents';
+export declare class CheckoutCore {
+    authToken: string;
+    getCheckout: Function;
+    complete: Function;
+    checkoutId: string;
+    disableCreditCard?: boolean;
+    disableBankAccount?: boolean;
+    disableBnpl?: boolean;
+    disablePaymentMethodGroup?: boolean;
+    hideCardBillingForm?: boolean;
+    hideBankAccountBillingForm?: boolean;
+    hasLoadedFonts: boolean;
+    checkout: ICheckout;
+    serverError: string;
+    renderState: 'loading' | 'error' | 'success';
+    creatingNewPaymentMethod: boolean;
+    insuranceToggled: boolean;
+    submitEvent: EventEmitter<ComponentSubmitEvent>;
+    errorEvent: EventEmitter<ComponentErrorEvent>;
+    loaded: EventEmitter<ILoadedEventResponse>;
+    private paymentMethodOptionsRef?;
+    fillBillingForm(fields: BillingFormFields): Promise<void>;
+    validate(): Promise<{
+        isValid: boolean;
+    }>;
+    componentWillLoad(): void;
+    fetchData(): void;
+    submit(event: any): Promise<void>;
+    completeCheckout: (payment: {
+        payment_mode: string;
+        payment_token?: string;
+    }) => Promise<void>;
+    onSubmitted: (response: ICheckoutCompleteResponse) => void;
+    onError: ({ error, code, severity }: {
+        error: string;
+        code: ComponentErrorCodes;
+        severity: ComponentErrorSeverity;
+    }) => void;
+    get isLoading(): boolean;
+    get isError(): boolean;
+    get paymentType(): any;
+    get summary(): any;
+    render(): any;
+}

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

@@ -1,50 +1,31 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import JustifiAnalytics from '../../api/Analytics';
 import { BillingFormFields } from './billing-form/billing-form-schema';
-import { ICheckout, ILoadedEventResponse } from '../../api';
-import { ComponentErrorEvent, ComponentSubmitEvent } from '../../api/ComponentEvents';
-import { PaymentMethodOption } from './payment-method-option-utils';
+import { ILoadedEventResponse } from '../../api';
+import { ComponentErrorEvent } from '../../api/ComponentEvents';
 export declare class Checkout {
-    analytics: JustifiAnalytics;
-    modularCheckoutRef?: HTMLJustifiModularCheckoutElement;
-    selectedPaymentMethodOptionRef?: HTMLJustifiNewPaymentMethodElement | HTMLJustifiSavedPaymentMethodElement | HTMLJustifiSezzlePaymentMethodElement;
-    checkout: ICheckout;
-    complete: Function;
-    errorMessage: string;
-    insuranceToggled: boolean;
-    isSubmitting: boolean;
-    paymentMethodOptions: PaymentMethodOption[];
-    savePaymentMethod: boolean;
-    serverError: string;
     authToken: string;
     checkoutId: string;
+    disableCreditCard?: boolean;
     disableBankAccount?: boolean;
     disableBnpl?: boolean;
-    disableCreditCard?: boolean;
     disablePaymentMethodGroup?: boolean;
-    hideBankAccountBillingForm?: boolean;
     hideCardBillingForm?: boolean;
-    propChanged(): void;
+    hideBankAccountBillingForm?: boolean;
+    getCheckout: Function;
+    complete: Function;
+    errorMessage: string;
     errorEvent: EventEmitter<ComponentErrorEvent>;
     loadedEvent: EventEmitter<ILoadedEventResponse>;
-    submitEvent: EventEmitter<ComponentSubmitEvent>;
-    connectedCallback(): void;
+    private checkoutCoreRef?;
+    analytics: JustifiAnalytics;
     componentWillLoad(): void;
     disconnectedCallback(): void;
-    savePaymentMethodChanged(event: CustomEvent<boolean>): void;
-    checkoutComplete(_event: CustomEvent<any>): void;
-    checkoutError(event: CustomEvent<any>): void;
-    paymentMethodOptionSelected(event: CustomEvent<PaymentMethodOption>): void;
+    private initializeGetCheckout;
+    propChanged(): void;
     fillBillingForm(fields: BillingFormFields): Promise<void>;
     validate(): Promise<{
         isValid: boolean;
     }>;
-    private updateStore;
-    private submit;
-    private get canSavePaymentMethod();
-    private get showBillingForm();
-    private get showBillingFormSection();
-    private get showPaymentTypeHeader();
-    private get showPostalCodeForm();
     render(): any;
 }

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;
-    showSavedPaymentMethods: boolean;
     showBnpl: boolean;
+    showSavedPaymentMethods: 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/{modular-checkout/sub-components → checkout}/sezzle-payment-method.d.ts

@@ -1,12 +1,18 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-import { PaymentMethodPayload } from '../../checkout/payment-method-payload';
+import { EventEmitter } from '../../stencil-public-runtime';
+import { PaymentMethodOption } from './payment-method-option-utils';
+import { PaymentMethodPayload } from './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/insurance/season-interruption/season-interruption-insurance-core.d.ts

@@ -23,6 +23,7 @@ export declare class SeasonInterruptionInsuranceCore {
     validate(): Promise<{
         isValid: boolean;
     }>;
+    processHTMLContent(html: string): any;
     componentWillLoad(): void;
     fetchData(): void;
     onChangeHandler(_name: string, value: string): void;

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/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;