@justifi/webcomponents 5.7.6 → 6.0.0-rc.2

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

@@ -0,0 +1,73 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { r as radioListItem } from './parts.js';
+import { S as StyledHost } from './styled-host.js';
+import './details.js';
+import './event-types.js';
+import './justifi-radio-list-item2.js';
+import { c as checkoutStore } from './checkout.store.js';
+import { C as CardBrandLabels } from './payment-method-option-utils.js';
+import { d as defineCustomElement$2 } from './form-control-help-text2.js';
+import { d as defineCustomElement$1 } from './form-control-radio2.js';
+
+const SavedPaymentMethods = /*@__PURE__*/ proxyCustomElement(class SavedPaymentMethods extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.onPaymentMethodOptionClick = (paymentMethodId) => (e) => {
+            e.preventDefault();
+            checkoutStore.selectedPaymentMethod = paymentMethodId;
+        };
+        this.isAllowedPaymentMethod = (paymentMethod) => {
+            if (paymentMethod.type === 'card' && checkoutStore.disableCreditCard) {
+                return false;
+            }
+            if (paymentMethod.type === 'bank_account' && checkoutStore.disableBankAccount) {
+                return false;
+            }
+            return true;
+        };
+    }
+    componentWillLoad() {
+        if (!checkoutStore.paymentMethods.length) {
+            console.warn('No saved payment methods available.');
+        }
+        if (checkoutStore.disablePaymentMethodGroup) {
+            console.warn('Payment method group is disabled.');
+        }
+    }
+    render() {
+        if (checkoutStore.disablePaymentMethodGroup) {
+            return null;
+        }
+        return (h(StyledHost, null, h("div", { class: "saved-payment-methods" }, checkoutStore.paymentMethods.length ? checkoutStore.paymentMethods
+            .filter(this.isAllowedPaymentMethod)
+            .map((paymentMethod) => (h("div", { class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick(paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id) }, h("form-control-radio", { name: "paymentMethodType", value: paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id, checked: checkoutStore.selectedPaymentMethod === (paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id), label: `${CardBrandLabels[paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.brand] || ''} *${paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.acct_last_four}` })))) : null)));
+    }
+}, [257, "justifi-saved-payment-methods"]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-saved-payment-methods", "form-control-help-text", "form-control-radio"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-saved-payment-methods":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SavedPaymentMethods);
+            }
+            break;
+        case "form-control-help-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "form-control-radio":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { SavedPaymentMethods as S, defineCustomElement as d };

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

@@ -1,6 +1,11 @@
-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 { X as radioListItem } from './parts.js';
+import { r 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 './justifi-radio-list-item2.js';
 import { d as defineCustomElement$2 } from './form-control-help-text2.js';
 import { d as defineCustomElement$1 } from './form-control-radio2.js';
 
@@ -14,29 +19,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);
+            checkoutStore.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(checkoutStore.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: checkoutStore.bnplProviderClientId,
+                apiMode: checkoutStore.bnplProviderMode,
+                apiVersion: checkoutStore.bnplProviderApiVersion,
             });
             checkout.sezzleButtonElement = this.sezzleButtonRef;
             checkout.init({
                 onClick: function (event) {
                     event.preventDefault();
                     checkout.startCheckout({
-                        checkout_url: bnpl.provider_checkout_url
+                        checkout_url: checkoutStore.bnplProviderCheckoutUrl,
                     });
                 },
                 onComplete: (event) => resolveSezzlePromise({ bnpl: event.data }),
@@ -48,6 +55,8 @@ const SezzlePaymentMethod = /*@__PURE__*/ proxyCustomElement(class SezzlePayment
         };
     }
     componentDidRender() {
+        if (!this.scriptRef)
+            return;
         this.scriptRef.onload = () => {
             this.sezzleButtonRef = document.createElement('button');
             this.initializeSezzleCheckout();
@@ -61,16 +70,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 (!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))))) }))));
     }
-}, [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"],
+}, [257, "justifi-sezzle-payment-method", {
         "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: '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 })))));
+        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 })))));
     }
 }, [256, "justifi-shipping-details", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/spinner.js

@@ -1,5 +1,5 @@
 import { h } from '@stencil/core/internal/client';
-import { w as loadingSpinner } from './parts.js';
+import { C as loadingSpinner } from './parts.js';
 
 const Spinner = () => {
     return (h("div", { class: "d-flex justify-content-center" },

package/dist/module/summary.js

@@ -0,0 +1,35 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { t as text } from './parts.js';
+import { c as formatCurrency } from './utils2.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 './justifi-radio-list-item2.js';
+
+const Summary = /*@__PURE__*/ proxyCustomElement(class Summary extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    render() {
+        return (h(StyledHost, { key: '28a1a324b8cdf2dea0aafe91fbdd3679482e76f8' }, h("section", { key: 'e8ffe2fdd1592a0b762647fdab94ee5e21436a93' }, h("div", { key: '099fbfb449066290cdcd113b0de5f87334777a0e' }, h("div", { key: 'c78325957b4e00299366b8e9efe6fd6e86da3b97', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: 'd077da888b03a34e540f66ebaa57502fe22be7c4' }, h("span", { key: 'd4f7ddd24e10302222679a9f73c3b5ed305267a7', part: text }, "Total"), "\u00A0", h("span", { key: '1f5d7b6b0cce64eea04879e7767ff87ce5a64069', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
+    }
+}, [257, "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

@@ -29,7 +29,7 @@ const TableFiltersMenu = /*@__PURE__*/ proxyCustomElement(class TableFiltersMenu
         this.showClearButton = hasFilters(this.params);
     }
     render() {
-        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"))));
+        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/table.js

@@ -1,5 +1,5 @@
 import { h } from '@stencil/core/internal/client';
-import { m as table, ar as tableHead, as as tableHeadRow, at as tableRow, au as tableFoot, av as tableFootRow, aw as tableFootCell, ax as tableEmpty, ay as tableError, o as tableCell } from './parts.js';
+import { u as table, ar as tableHead, as as tableHeadRow, at as tableRow, au as tableFoot, av as tableFootRow, aw as tableFootCell, ax as tableEmpty, ay as tableError, w as tableCell } from './parts.js';
 import { S as Spinner } from './spinner.js';
 
 const TableWrapper = (props, children) => {

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

@@ -2,14 +2,14 @@ import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/i
 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 './details.js';
 import { T as TableClickActions } from './event-types.js';
+import './justifi-radio-list-item2.js';
 import './config-state.js';
-import { h as convertToLocal } from './utils2.js';
-import './Checkout.js';
+import './dinero.js';
+import { f as TerminalOrderType } from './Refund.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 { v as tableHeadCell, a8 as getAlternateTableCellPart } from './parts.js';
+import { e as convertToLocal } from './utils2.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';
@@ -166,7 +166,7 @@ const TerminalOrdersListCore = /*@__PURE__*/ proxyCustomElement(class TerminalOr
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        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 }) }))))))));
+        return (h(TableWrapper, { key: '394f529d42867e207bc47901045e7307a6784f3c' }, h(TableComponent, { key: 'b6d668352fe60c0fd33cc66505b14e944a598792' }, h(TableHead, { key: 'f52ef37d1246d60503b9dd86cef67d7d1d34b939' }, h(TableHeadRow, { key: '31df50a3ecb7329fdd25f16970d195eb5bd027ef' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: '3e4354bab42bc5005383bccee6594c4cea220a40' }, h(TableLoadingState, { key: 'f8febbccb33a3ca286af8a6d25f032b1320d1f45', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '4d5c0466ae4b63869739aa416ae88ce9ba832eda', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: 'babe96226b95f6646e08927d16002a4709ddfabf', 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: '9e603727dde071004445013cb653777336b2ad11' }, h(TableFootRow, { key: 'f49d1110c64a88045bba21df48072116b82cda5c' }, h(TableFootCell, { key: '97b2adb37e39414018d0cf280e7041019d95da9b', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '00e589c3458499d2eb81595f3156eb8b17ad9eae', 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, Z as image, _ as buttonLink } from './parts.js';
+import { q as card, Y as image, Z 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: '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 }, "+")))))));
+        return (h("div", { key: '0b6c6622a2a25650c3713682888e9e3e842baebf', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: 'd8cb3815b1490dd7a8ae8dad06db84df65d84782', class: "d-flex gap-3" }, h("div", { key: '9f68c206b1a358fd9427615d1596d798678ea2e9', class: "d-flex align-items-center" }, h("img", { key: 'df5982d69ecc957a4536b2cc768dc682e3d1bef7', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '0ef6b9ee7fcbb6b7dd220c73835079571fbff861', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: 'f39724e9b712641914a4def251e48a0ed9b384b3', class: "row" }, h("div", { key: '200ba52e240dc6797423b25d1b056670f900a64d', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: 'bc52a0b94f09c8ebaeeb73f31878ca38d608ec80', helpText: this.description })), h("div", { key: '78029284d86432413ac3d3b00b6ca3b42327221c', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: 'b8822c9e6c10baf55f631061f6984c1d4f15f4e0', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '0d5662d0d3b39933ae53284c5083bf48f7ce0b38', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: 'ec9918b84364e12ecf0d39d3241793f8ab02a910', 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,8 +1,6 @@
 import { A as Api } from './Api.js';
-import './Checkout.js';
-import './Pagination.js';
-import './Payment.js';
 import './Refund.js';
+import './Pagination.js';
 import './Business.js';
 
 const api = Api();

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

@@ -1,16 +1,16 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import './config-state.js';
-import { l as capitalFirstLetter } from './utils2.js';
-import './Checkout.js';
-import { p as pagingDefaults } from './Pagination.js';
-import './Payment.js';
+import './dinero.js';
 import './Refund.js';
+import { p as pagingDefaults } from './Pagination.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 './justifi-radio-list-item2.js';
 import { B as Badge, a as BadgeVariant } from './badge.js';
-import { n as tableHeadCell, a8 as getAlternateTableCellPart } from './parts.js';
+import { v as tableHeadCell, a8 as getAlternateTableCellPart } from './parts.js';
+import { j as capitalFirstLetter } from './utils2.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './terminals-list-params-state.js';
 import { d as defineCustomElement$1 } from './pagination-menu2.js';
 
@@ -180,7 +180,7 @@ const TerminalsListCore = /*@__PURE__*/ proxyCustomElement(class TerminalsListCo
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        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 }) }))))))));
+        return (h(TableWrapper, { key: 'f3d727c92c66b2504c6c8952a284cd4972706fd4' }, h(TableComponent, { key: 'c368038fb5683749737bb6b2b27a0a55ac95fe95' }, h(TableHead, { key: '96b41588ba94168581bfa423d3199916a06a925e' }, h(TableHeadRow, { key: 'fd1991bbcc22c3eb2b9ba107341285abf55a06b2' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: 'ff3244f6b51f311fbc4311e37fc2c5bd4115a71a' }, h(TableLoadingState, { key: '821b4e55ea536fbe14e018107e8c19c309b86fca', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'cbeedf4e12ff428e7d24f536675f5b1f3c9d3d67', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '4c7882127d862af40ea5960ec10adf092e676e4e', 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: '7bd7c9bbc95b0c24c03c1b3fd1685877dcdfec06' }, h(TableFootRow, { key: 'd6988cf0398b1a435f71a73761fb57656ff5ee7d' }, h(TableFootCell, { key: '207ac8dd06e9b053653781b255833e4f20bf9559', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '329f13886ec41244f05030673cf4cd7baf6b1cb6', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],