@justifi/webcomponents 5.0.0 → 5.1.0

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

@@ -4,10 +4,10 @@ import { p as pagingDefaults } from './Pagination.js';
 import './Payment.js';
 import './SubAccount.js';
 import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
-import { g as getAlternateTableCellPart, f as tableHeadCell, j as table, k as tableCell } from './parts.js';
+import { n as getAlternateTableCellPart, m as tableHeadCell, o as table, p as tableCell } from './parts.js';
 import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types.js';
 import './details.js';
-import { j as convertToLocal, c as formatCurrency } from './utils2.js';
+import { j as convertToLocal } from './utils2.js';
 import { M as MapPayoutStatusToBadge } from './payouts-status.js';
 import { o as onQueryParamsChange, q as queryParams } from './payouts-list-params-state.js';
 import { d as defineCustomElement$1 } from './pagination-menu2.js';
@@ -25,19 +25,17 @@ const payoutTableColumns = {
     csv: () => (h("th", { part: tableHeadCell, scope: "col", title: "Export CSV" })),
 };
 const payoutTableCells = (downloadCSV) => ({
-    created_at: (value, index) => (h("td", { part: getAlternateTableCellPart(index) },
-        h("div", { class: "fw-bold" },
-            convertToLocal(value, { showDisplayDate: true }),
-            " "))),
-    sub_account_name: (value, index) => (h("td", { part: getAlternateTableCellPart(index) }, value)),
-    payments_total: (value, index) => (h("td", { part: getAlternateTableCellPart(index) }, formatCurrency(value))),
-    refunds_total: (value, index) => (h("td", { part: getAlternateTableCellPart(index) }, formatCurrency(value))),
-    fees_total: (value, index) => (h("td", { part: getAlternateTableCellPart(index) }, formatCurrency(value))),
-    other_total: (value, index) => (h("td", { part: getAlternateTableCellPart(index) }, formatCurrency(value))),
-    amount: (value, index) => (h("td", { part: getAlternateTableCellPart(index) }, formatCurrency(value))),
-    status: (value, index) => (h("td", { part: getAlternateTableCellPart(index), innerHTML: MapPayoutStatusToBadge(value) })),
-    csv: (value, index) => (h("td", { part: getAlternateTableCellPart(index) },
-        h("a", { href: "#", onClick: (event) => { event.preventDefault(); downloadCSV(value); } }, "CSV"))),
+    created_at: (payout, index) => (h("td", { part: getAlternateTableCellPart(index) },
+        h("div", { class: "fw-bold" }, convertToLocal(payout.created_at, { showDisplayDate: true })))),
+    sub_account_name: (payout, index) => (h("td", { part: getAlternateTableCellPart(index) }, payout.sub_account_name)),
+    payments_total: (payout, index) => (h("td", { part: getAlternateTableCellPart(index) }, payout.formattedPaymentAmount(payout.payments_total))),
+    refunds_total: (payout, index) => (h("td", { part: getAlternateTableCellPart(index) }, payout.formattedPaymentAmount(payout.refunds_total))),
+    fees_total: (payout, index) => (h("td", { part: getAlternateTableCellPart(index) }, payout.formattedPaymentAmount(payout.fees_total))),
+    other_total: (payout, index) => (h("td", { part: getAlternateTableCellPart(index) }, payout.formattedPaymentAmount(payout.other_total))),
+    amount: (payout, index) => (h("td", { part: getAlternateTableCellPart(index) }, payout.formattedPaymentAmount(payout.amount))),
+    status: (payout, index) => (h("td", { part: getAlternateTableCellPart(index) }, MapPayoutStatusToBadge(payout.status))),
+    csv: (payout, index) => (h("td", { part: getAlternateTableCellPart(index) },
+        h("a", { href: "#", onClick: (event) => { event.preventDefault(); downloadCSV(payout); } }, "CSV"))),
 });
 
 const PayoutsListCore = /*@__PURE__*/ proxyCustomElement(class PayoutsListCore extends HTMLElement {
@@ -174,7 +172,7 @@ const PayoutsListCore = /*@__PURE__*/ proxyCustomElement(class PayoutsListCore e
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: 'b32c27e9cd63eebde1bbce6634eeb8be1c804db8' }, h("div", { key: '842d7df46f21510c872e34234d70a3adef80ebd9', class: "table-wrapper", part: "table-wrapper" }, h("table", { key: '3fb2afe1a78cbb39f896d1833a06c4c976e53292', class: "table table-hover", part: table }, h("thead", { key: '65e335052e013f6bd2ddd154b0772d813b03e02f', class: "table-head sticky-top", part: "table-head" }, h("tr", { key: '0d113369ff9e4a1933b8c0f699e03ab3812d30d4', class: "table-light text-nowrap", part: "table-head-row" }, this.payoutsTable.columnData.map((column) => column))), h("tbody", { key: '64eea2dda7fe52844a39fe4a78840444959c9bf8', class: "table-body" }, h(TableLoadingState, { key: '3f3fb69c8105de8374e57e7279ad0d3e4e88f777', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'df74f8ea143edbfb57efee6952c7ddffc690db8e', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: 'd12c61e243397de8024c8fe13e518ae3328b5d95', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: '23f8f411959eb2464a4f0d75830adedf5cc9d15b', class: "sticky-bottom" }, h("tr", { key: '63a62a4743ef38050ef9d6f2870fc74b5a011568', class: "table-light align-middle" }, h("td", { key: '23a7b62618db1dd52da8c43627f7d512c2f18bc1', part: tableCell, colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '3c401e3d08d930cc19c5a09e1b34c740f2dd833b', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h("div", { key: 'c546790efb9cc49a78063b3761a9c92038acedd5' }, h("div", { key: '60cc337e0c1c4eb7eb59599cdd0520e4031d1ce9', class: "table-wrapper", part: "table-wrapper" }, h("table", { key: 'e7188291031c23dd5bb7f843b4adebb2c5f2675e', class: "table table-hover", part: table }, h("thead", { key: 'eb3a3b5af4016ae73da8af381e778fe433e683c6', class: "table-head sticky-top", part: "table-head" }, h("tr", { key: '9352fcc352a8ea33aa1d49844e092f89a9863ce9', class: "table-light text-nowrap", part: "table-head-row" }, this.payoutsTable.columnData.map((column) => column))), h("tbody", { key: 'c924a2a65215845c119f3339b7905a6d7c3cc1fa', class: "table-body" }, h(TableLoadingState, { key: '1d811e44a1319a102a0c56a62c56dda13eb6463e', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '4dacb3d2cf264c1c367a465cb04221be6b2f1e21', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: 'b294b854e12adcf39c32aaaa34b260775c5195b3', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: '668400d517551fa89af74f655befc11a091a0de0', class: "sticky-bottom" }, h("tr", { key: 'b59f6342dccf4c34cbdbddcce7cb4e1c12116fe1', class: "table-light align-middle" }, h("td", { key: '022afdd48ae81ec33f85c90e045d197f0e2f90ec', part: tableCell, colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: 'a7e7a1ccdc238af532608626b25123fcd93a6206', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "queryParams": ["updateOnPropChange"],

package/dist/module/payouts-status.js

@@ -1,22 +1,51 @@
+import { h } from '@stencil/core/internal/client';
+import { B as Badge, a as BadgeVariant } from './badge.js';
+
 const MapPayoutStatusToBadge = (status) => {
-    switch (status) {
-        case 'canceled':
-            return "<span class='badge bg-danger' title='Transfer to your bank account failed'>Canceled</span>";
-        case 'failed':
-            return "<span class='badge bg-danger' title='Transfer to your bank account failed'>Failed</span>";
-        case 'forwarded':
-            return "<span class='badge bg-secondary' title='This payout initially failed; the funds have been forwarded to your next successful payout'>Forwarded</span>";
-        case 'in_transit':
-            return "<span class='badge bg-primary' title='Transfer to your bank account has been initiated'>In Transit</span>";
-        case 'paid':
-            return "<span class='badge bg-success' title='Successfully deposited into your bank account'>Paid</span>";
-        case 'pending':
-            return "<span class='badge bg-primary' title='Batched and scheduled to be transferred'>Pending</span>";
-        case 'scheduled':
-            return "<span class='badge bg-primary' title='Batched and scheduled to be transferred'>Scheduled</span>";
-        case 'withdrawn':
-            return "<span class='badge bg-success' title='Negative payout balance successfully withdrawn from your bank account'>Withdrawn</span>";
-    }
+    const statusToBadgeProps = {
+        canceled: {
+            variant: BadgeVariant.DANGER,
+            title: 'Transfer to your bank account failed',
+            text: 'Canceled',
+        },
+        failed: {
+            variant: BadgeVariant.DANGER,
+            title: 'Transfer to your bank account failed',
+            text: 'Failed',
+        },
+        forwarded: {
+            variant: BadgeVariant.SECONDARY,
+            title: 'This payout initially failed; the funds have been forwarded to your next successful payout',
+            text: 'Forwarded',
+        },
+        in_transit: {
+            variant: BadgeVariant.PRIMARY,
+            title: 'Transfer to your bank account has been initiated',
+            text: 'In Transit',
+        },
+        paid: {
+            variant: BadgeVariant.SUCCESS,
+            title: 'Successfully deposited into your bank account',
+            text: 'Paid',
+        },
+        pending: {
+            variant: BadgeVariant.PRIMARY,
+            title: 'Batched and scheduled to be transferred',
+            text: 'Pending',
+        },
+        scheduled: {
+            variant: BadgeVariant.PRIMARY,
+            title: 'Batched and scheduled to be transferred',
+            text: 'Scheduled',
+        },
+        withdrawn: {
+            variant: BadgeVariant.SUCCESS,
+            title: 'Negative payout balance successfully withdrawn from your bank account',
+            text: 'Withdrawn',
+        },
+    };
+    const badgeProps = statusToBadgeProps[status];
+    return h(Badge, Object.assign({}, badgeProps));
 };
 
 export { MapPayoutStatusToBadge as M };

package/dist/module/postal-form.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PostalForm extends Components.PostalForm, HTMLElement {}
+export const PostalForm: {
+    prototype: PostalForm;
+    new (): PostalForm;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/module/postal-form.js

@@ -0,0 +1,6 @@
+import { P as PostalForm$1, d as defineCustomElement$1 } from './postal-form2.js';
+
+const PostalForm = PostalForm$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { PostalForm, defineCustomElement };

package/dist/module/postal-form2.js

@@ -0,0 +1,83 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { P as PostalFormSchema } from './billing-form-schema.js';
+import { F as FormController } from './form.js';
+import { n as numberOnlyHandler } from './utils3.js';
+import { d as defineCustomElement$3 } from './custom-popper2.js';
+import { d as defineCustomElement$2 } from './form-control-text2.js';
+import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
+
+const PostalForm = /*@__PURE__*/ proxyCustomElement(class PostalForm extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.inputHandler = (name, value) => {
+            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
+        };
+        this.legend = undefined;
+        this.formController = undefined;
+        this.billingInfo = undefined;
+        this.errors = {};
+    }
+    componentWillLoad() {
+        this.formController = new FormController(PostalFormSchema);
+    }
+    componentDidLoad() {
+        this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    async getValues() {
+        return this.formController.values.getValue();
+    }
+    async fill(fields) {
+        this.formController.setInitialValues(fields);
+    }
+    async validate() {
+        let isValid = await this.formController.validate();
+        return { isValid: isValid };
+    }
+    render() {
+        const postalFormDefaultValue = this.formController.getInitialValues();
+        return (h(Host, { key: 'e798e67c159b53a995e4a60246c6f6d6e872f1ec' }, h("form", { key: '24d6980de772a360c0218e9ab50550dcee5786d5' }, h("fieldset", { key: '9e990836becccdf5d12a9e15e2eb7f4078f74b08' }, this.legend && h("legend", { key: '12d445b392cf03114dbd2a37391ecc1b87304868' }, this.legend), h("div", { key: '2d2fed9cf30b3869633b80b39b7684dfde66f6b7', class: "row gy-3" }, h("div", { key: '8ec042863e646d5daffeb3fbb5395336406adcde', class: "col-12" }, h("form-control-text", { key: '82a2c18c2a7eef7ba7ac46e53dfc9c975c8d28b7', name: 'address_postal_code', label: "ZIP", defaultValue: postalFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler })))))));
+    }
+}, [0, "postal-form", {
+        "legend": [1025],
+        "formController": [32],
+        "billingInfo": [32],
+        "errors": [32],
+        "getValues": [64],
+        "fill": [64],
+        "validate": [64]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["postal-form", "custom-popper", "form-control-text", "form-control-tooltip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "postal-form":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, PostalForm);
+            }
+            break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "form-control-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "form-control-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { PostalForm as P, defineCustomElement as d };

package/dist/module/product-or-service.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 DisputeEvidenceDocument, a as DisputeResponseFormStep } from './dispute-response-form-types.js';
-import { J as heading5 } from './parts.js';
+import { S as heading5 } from './parts.js';
 import { d as defineCustomElement$4 } from './custom-popper2.js';
 import { d as defineCustomElement$3 } from './form-control-file-v22.js';
 import { d as defineCustomElement$2 } from './form-control-text2.js';
@@ -46,7 +46,7 @@ const ProductOrService = /*@__PURE__*/ proxyCustomElement(class ProductOrService
     }
     render() {
         var _a, _b;
-        return (h("div", { key: 'ad4e3c33f8bc1c295ea51257afc41e6247537022' }, h("div", { key: 'a87f06ff09eadf63ee358a84759d6bd9223c76ec', class: "row gy-3" }, h("div", { key: 'a3053e1d5e2192786fab4592a3ef5a6614fa0de3', class: "col-12" }, h("h2", { key: 'e2b97bf1d8e6f964306f1d2292f00daf5f4e997d', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '0f4e0c72a0b145ec689e7f0a96df86d10be38423', class: "col-12" }, h("form-control-text", { key: 'dd6a94690ac454a35d3b9ddeadde3ae5926ae170', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), h("div", { key: 'd9c437dfc8e02bfacc27143e16b753b7940db409', class: "col-12" }, h("form-control-text", { key: '42e638a983cf713f0055d409b305b8fca2ac6bda', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), h("div", { key: 'df1f9b6153433e60973723ab20139fe3c739a4cf', class: "col-12" }, h("form-control-file-v2", { key: '6a03cdafcf9d8a4913eaf9b876500792022c58f4', label: "Service Documentation", name: "service_documentation", onChange: this.handleFileSelection, errorText: this.errors.service_documentation })))));
+        return (h("div", { key: 'acd3ad222e15e0ddc7f3410410958bb73195529c' }, h("div", { key: '12cc20448141d7816bcfdb5171b9b979c0255267', class: "row gy-3" }, h("div", { key: '695ad169190e1ec763942ad285e47a390fbd1b41', class: "col-12" }, h("h2", { key: '44a0fb6aa27be23832c3f39f33506b57ccc7e468', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: 'd41bf77ff6a7d8e4fa5ef5cda4fa447dd8a8b07f', class: "col-12" }, h("form-control-text", { key: 'd81cfb94f63dc0b6711c180b7bdc86a64f375691', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), h("div", { key: '96405e6808644dbd4fadcad86f11a90b2b111812', class: "col-12" }, h("form-control-text", { key: '5de5c4df7331be1fc94e7c44ebf2c72bb127aca3', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), h("div", { key: '60366bef77d86a348cf73c7d97be53769d2473df', class: "col-12" }, h("form-control-file-v2", { key: '8ece21a45a7675cd155c469e3aa327e4a3b3106b', label: "Service Documentation", name: "service_documentation", onChange: this.handleFileSelection, errorText: this.errors.service_documentation })))));
     }
 }, [0, "justifi-product-or-service", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/refund-policy.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 DisputeEvidenceDocument, a as DisputeResponseFormStep } from './dispute-response-form-types.js';
-import { J as heading5 } from './parts.js';
+import { S as heading5 } from './parts.js';
 import { d as defineCustomElement$5 } from './custom-popper2.js';
 import { d as defineCustomElement$4 } from './form-control-file-v22.js';
 import { d as defineCustomElement$3 } from './form-control-help-text3.js';
@@ -47,7 +47,7 @@ const RefundPolicy = /*@__PURE__*/ proxyCustomElement(class RefundPolicy extends
     }
     render() {
         var _a, _b;
-        return (h("div", { key: '54885e971c2d21be1d3c2a4654616e6406a425e5' }, h("div", { key: 'aefe693ee221d72f44a87806ca5ddc257bbf4073', class: "row gy-3" }, h("div", { key: '5a4c220a9cbcd8accd8dd3a3e9c5db74f520f483', class: "col-12" }, h("h2", { key: 'fee6747bc31eeee7648c5af1fec4e86dd33d2f21', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '70f2d38f553a77c6e5a4e2ec25bed11665cd56e5', class: "col-12" }, h("form-control-textarea", { key: 'a0635424932726c980d68bad1c7758159d382575', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), h("div", { key: 'b63f29f32b4a2bb35ec2dbeb2d26695bd58d2c32', class: "col-12" }, h("form-control-textarea", { key: '41787fd17b44810eb19945ce7ea5f340ee40ea98', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), h("div", { key: 'acff917b1af1babc1f93cf0541d9d2f22f8f4460', class: "col-12" }, h("form-control-file-v2", { key: '52bee3670ca1cae28fd2d07033796245b13306d4', label: "Upload Refund Policy", name: "refund_policy", onChange: this.handleFileSelection })), h("div", { key: '6e63ed1828f61cfec3882fba0ce0439668111a7a', class: "col-12" }, h("form-control-file-v2", { key: '99a13cfd6c0e662794c013368209c88065a7e404', label: "Upload Receipt", name: "receipt", onChange: this.handleFileSelection })))));
+        return (h("div", { key: 'b91af9cbcac0c390b5c4d5c445976d4a8833907d' }, h("div", { key: '0d94fd8318404dd97dcb035d48a7fcb99b5ae87f', class: "row gy-3" }, h("div", { key: 'd97378e24b0c8a5f71a626d116df0862829f1a92', class: "col-12" }, h("h2", { key: '4e1ab56c967d24865c7609691245dae472a46976', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: 'a99ee9a75fb1c5b411aa2705ba9a0f14885e5358', class: "col-12" }, h("form-control-textarea", { key: '6d23c869664ecbbd369ca88e85f7a1033cf5ffe4', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), h("div", { key: '50b3def529f23f3cae755b762b43caa1f5329c21', class: "col-12" }, h("form-control-textarea", { key: 'e3bce3c6aa80af945884bbec847358a8e259a3ff', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), h("div", { key: '771b3e3e163d31ceab83904e4926f61a768ef460', class: "col-12" }, h("form-control-file-v2", { key: '872e482d0f99c2212c9ca9fe0ac56f5e8c17aa88', label: "Upload Refund Policy", name: "refund_policy", onChange: this.handleFileSelection })), h("div", { key: '857353db7a0aee5fd54215b1c5f00ddffdd5dd77', class: "col-12" }, h("form-control-file-v2", { key: 'fa7a204cddb61ed8e30b0c3d1c6227bc2ab9cdfa', label: "Upload Receipt", name: "receipt", onChange: this.handleFileSelection })))));
     }
 }, [0, "justifi-refund-policy", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/save-new-payment-method.js

@@ -13,7 +13,7 @@ const SaveNewPaymentMethod = /*@__PURE__*/ proxyCustomElement(class SaveNewPayme
         this.checkboxChanged.emit(this.isChecked);
     }
     render() {
-        return (h("div", { key: '4b0ac5e02aa02214bf8ddd574db56eb9508b0607', class: "mt-4 form-check" }, h("form-control-checkbox", { key: 'bca05c6b8fa00dd7bbc34ee36ef6086ae1764b82', label: "Save new payment method", name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange.bind(this) })));
+        return (h("div", { key: '017cbce906d331b82eb5dc726197da3ea3ba51e5', class: "mt-4 form-check" }, h("form-control-checkbox", { key: 'ca22562653b216d16bd19765f1834ff2428820cc', label: "Save new payment method", name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange.bind(this) })));
     }
 }, [0, "justifi-save-new-payment-method", {
         "isChecked": [32]

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

@@ -1,7 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { c as config } from './config.js';
 import { h as snakeToCamel } from './utils2.js';
-import { Q as radioListItem } from './parts.js';
+import { _ as radioListItem } from './parts.js';
 import { d as defineCustomElement$2 } from './form-control-help-text3.js';
 import { d as defineCustomElement$1 } from './form-control-radio2.js';
 
@@ -34,7 +33,6 @@ const SavedPaymentMethod = /*@__PURE__*/ proxyCustomElement(class SavedPaymentMe
             e.preventDefault();
             this.paymentMethodOptionSelected.emit(this.paymentMethodOption);
         };
-        this.iframeOrigin = config.iframeOrigin;
         this.paymentMethodOption = undefined;
         this.isSelected = undefined;
     }
@@ -48,10 +46,9 @@ const SavedPaymentMethod = /*@__PURE__*/ proxyCustomElement(class SavedPaymentMe
     ;
     render() {
         var _a, _b, _c;
-        return (h(Host, { key: '8e5a11a58cf828356df001461b6bb3163521f1ed', class: "payment-method" }, h("div", { key: 'c20a8a3dcea1f885b94c4829b85be8d6f401ad42', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '72b970f6808e9f938869195fa29217f44b44250e', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: `${CardBrandLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.brand] || ''} *${(_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.acct_last_four}` }))));
+        return (h(Host, { key: '10b18a7c77250aac57d6afef89aea752e3bc2c35', class: "payment-method" }, h("div", { key: '80910960904f3e01fd10cba4789af4004b434490', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: 'abccf6aca9316de983ba899eabfffcc7b05b1d48', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: `${CardBrandLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.brand] || ''} *${(_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.acct_last_four}` }))));
     }
 }, [0, "justifi-saved-payment-method", {
-        "iframeOrigin": [1025, "iframe-origin"],
         "paymentMethodOption": [16],
         "isSelected": [4, "is-selected"],
         "resolvePaymentMethod": [64]

package/dist/module/schema-validations.js

@@ -1,6 +1,6 @@
 import { a as create$6, b as create$8 } from './form.js';
 import { S as StateOptions } from './state-options.js';
-import { a as businessClassificationOptions, b as businessServiceReceivedOptions, r as recurringPaymentsOptions, s as seasonalBusinessOptions, c as bankAccountTypeOptions } from './business-form-options.js';
+import { b as businessClassificationOptions, a as businessServiceReceivedOptions, r as recurringPaymentsOptions, s as seasonalBusinessOptions, c as bankAccountTypeOptions } from './business-form-options.js';
 import { E as EntityDocumentType } from './Document.js';
 
 const transformEmptyString = (value) => {
@@ -232,4 +232,4 @@ const profitAndLossStatementValidation = (volume, documents, allowOptionalFields
     }
 };
 
-export { dateOfIncorporationValidation as A, voidedCheckValidation as B, governmentIdValidation as C, ss4Validation as D, otherDocumentValidation as E, balanceSheetValidation as F, bankStatementValidation as G, profitAndLossStatementValidation as H, identityTitleValidation as I, dobValidation as J, ssnValidation as K, recurringPaymentsValidation as a, recurringPaymentsPercentageValidation as b, lineTwoValidation as c, cityValidation as d, stateValidation as e, postalValidation as f, bankNameValidation as g, accountTypeValidation as h, identityNameValidation as i, accountNumberValidation as j, routingNumberValidation as k, lineOneValidation as l, businessNameValidation as m, nicknameValidation as n, otherPaymentDetailsValidation as o, paymentVolumeValidation as p, websiteUrlValidation as q, revenueValidation as r, seasonalBusinessValidation as s, emailValidation as t, phoneValidation as u, doingBusinessAsValidation as v, whenServiceReceivedValidation as w, businessClassificationValidation as x, industryValidation as y, taxIdValidation as z };
+export { dateOfIncorporationValidation as A, voidedCheckValidation as B, governmentIdValidation as C, ss4Validation as D, otherDocumentValidation as E, balanceSheetValidation as F, bankStatementValidation as G, profitAndLossStatementValidation as H, identityTitleValidation as I, dobValidation as J, ssnValidation as K, lineTwoValidation as a, paymentVolumeValidation as b, cityValidation as c, recurringPaymentsValidation as d, recurringPaymentsPercentageValidation as e, seasonalBusinessValidation as f, bankNameValidation as g, accountTypeValidation as h, identityNameValidation as i, accountNumberValidation as j, routingNumberValidation as k, lineOneValidation as l, businessNameValidation as m, nicknameValidation as n, otherPaymentDetailsValidation as o, postalValidation as p, websiteUrlValidation as q, revenueValidation as r, stateValidation as s, emailValidation as t, phoneValidation as u, doingBusinessAsValidation as v, whenServiceReceivedValidation as w, businessClassificationValidation as x, industryValidation as y, taxIdValidation as z };

package/dist/module/season-interruption-insurance-core.js

@@ -1,12 +1,27 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import { p as processHTML, c as formatCurrency, r as removeAttribute, l as addAttribute } from './utils2.js';
 import { v as validateInsuranceValues, a as insuranceValues, b as insuranceErrors, H as Header2 } from './insurance-state.js';
 import { t as text, e as textDanger } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
+import { S as Skeleton } from './skeleton.js';
 import { d as defineCustomElement$2 } from './form-control-help-text3.js';
 import { d as defineCustomElement$1 } from './form-control-radio2.js';
 
+const SeasonInterruptionInsuranceLoading = () => (h("div", { class: "row gap-3" },
+    h("div", { class: "col-12" },
+        h(Skeleton, { width: "35%", height: "30px" })),
+    h("div", { class: "col-12" },
+        h(Skeleton, { width: "70%" })),
+    h("div", { class: "col-12" },
+        h(Skeleton, { width: "40%" })),
+    h("div", { class: "col-12" },
+        h(Skeleton, { width: "40%" })),
+    h("div", { class: "col-12" },
+        h(Skeleton, { width: "100%" })),
+    h("div", { class: "col-12" },
+        h(Skeleton, { width: "80%" }))));
+
 const SeasonInterruptionInsuranceCore = /*@__PURE__*/ proxyCustomElement(class SeasonInterruptionInsuranceCore extends HTMLElement {
     constructor() {
         super();
@@ -113,7 +128,9 @@ const SeasonInterruptionInsuranceCore = /*@__PURE__*/ proxyCustomElement(class S
     }
     render() {
         var _a, _b, _c, _d;
-        return (h(StyledHost, { key: 'e665e8866cf53e7b22ff4e05c25b1059bc9e025a' }, !this.isLoading && (h("div", { key: '15e2fdb114dc837d95daeb696ec5d5769c8c80bc' }, h(Header2, { key: '19095737990f12bde58fc7bd6e63ded25f62a8e2', text: (_a = this.quote) === null || _a === void 0 ? void 0 : _a.product.title, class: "fs-5 fw-bold pb-3" }), h("small", { key: 'a036659ef5b7a11a16dda7cc7558cd9940d53540', innerHTML: (_b = this.quote) === null || _b === void 0 ? void 0 : _b.product.description, part: text }), h("form-control-radio", { key: '49b102250e07f11f91f07dfc3fba74bff4f5fd34', label: `Accept coverage for ${formatCurrency((_c = this.quote) === null || _c === void 0 ? void 0 : _c.total_cents)}`, name: "opt-in", value: 'true', checked: this.accepted === 'true', inputHandler: this.onChangeHandler.bind(this) }), h("form-control-radio", { key: 'e784cf4340d9034e81a12454aed5a0d4afe9aea8', label: "Decline coverage", name: "opt-in", value: 'false', checked: this.accepted === 'false', inputHandler: this.onChangeHandler.bind(this) }), h("div", { key: '649ddbafdc560bde98470a2d868a9410a57eaba4', class: "invalid-feedback", style: { display: this.error ? 'block' : 'none' }, part: textDanger }, "Please select an option"), h("small", { key: '3d3651631da43d2c0f473b793cb5f6f663b7b819', innerHTML: (_d = this.quote) === null || _d === void 0 ? void 0 : _d.product.legal_disclaimer, part: text })))));
+        if (this.isLoading)
+            return (h(StyledHost, null, h(SeasonInterruptionInsuranceLoading, null)));
+        return (h(StyledHost, null, h("div", null, h(Header2, { text: (_a = this.quote) === null || _a === void 0 ? void 0 : _a.product.title, class: "fs-5 fw-bold pb-3" }), h("small", { innerHTML: (_b = this.quote) === null || _b === void 0 ? void 0 : _b.product.description, part: text }), h("form-control-radio", { label: `Accept coverage for ${formatCurrency((_c = this.quote) === null || _c === void 0 ? void 0 : _c.total_cents)}`, name: "opt-in", value: 'true', checked: this.accepted === 'true', inputHandler: this.onChangeHandler.bind(this) }), h("form-control-radio", { label: "Decline coverage", name: "opt-in", value: 'false', checked: this.accepted === 'false', inputHandler: this.onChangeHandler.bind(this) }), h("div", { class: "invalid-feedback", style: { display: this.error ? 'block' : 'none' }, part: textDanger }, "Please select an option"), h("small", { innerHTML: (_d = this.quote) === null || _d === void 0 ? void 0 : _d.product.legal_disclaimer, part: text }))));
     }
 }, [0, "justifi-season-interruption-insurance-core", {
         "checkoutId": [1, "checkout-id"],

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

@@ -1,7 +1,6 @@
 import { h, proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/core/internal/client';
-import { c as config } from './config.js';
 import { c as formatCurrency } from './utils2.js';
-import { Q as radioListItem } from './parts.js';
+import { _ as radioListItem } from './parts.js';
 import { d as defineCustomElement$2 } from './form-control-help-text3.js';
 import { d as defineCustomElement$1 } from './form-control-radio2.js';
 
@@ -47,7 +46,6 @@ const SezzlePaymentMethod = /*@__PURE__*/ proxyCustomElement(class SezzlePayment
             this.sezzleCheckout = checkout;
             this.installmentPlan = this.sezzleCheckout.getInstallmentPlan(amount);
         };
-        this.iframeOrigin = config.iframeOrigin;
         this.bnpl = undefined;
         this.clientId = undefined;
         this.accountId = undefined;
@@ -73,10 +71,9 @@ const SezzlePaymentMethod = /*@__PURE__*/ proxyCustomElement(class SezzlePayment
     }
     render() {
         var _a, _b, _c;
-        return (h(Host, { key: 'bbe1a2f4a2418d8c9e946e15567f7df89ac06084', class: "payment-method" }, h("script", { key: 'a254fbb032a531a889d81297053be07001262706', src: "https://checkout-sdk.sezzle.com/checkout.min.js", async: true, ref: (el) => (this.scriptRef = el) }), h("div", { key: '691439a9541b69f59fac8ed744d633a7cba69fbd', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '4f03055cf993502ff1999abfbd14aa5e6977b811', 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))))) }))));
+        return (h(Host, { key: 'eaf1bd457f91f77bffa661875277c0709d5926d3', class: "payment-method" }, h("script", { key: '897bccdb0090b3e3b45b9913f7bdea6b838f63cb', src: "https://checkout-sdk.sezzle.com/checkout.min.js", async: true, ref: (el) => (this.scriptRef = el) }), h("div", { key: 'db32690b54bdb5045d701c888cd67c7d97d66243', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: 'c3746a50bc7a5b8f079ed76c204790555983def1', 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))))) }))));
     }
 }, [0, "justifi-sezzle-payment-method", {
-        "iframeOrigin": [1025, "iframe-origin"],
         "bnpl": [8],
         "clientId": [1, "client-id"],
         "accountId": [1, "account-id"],

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 DisputeEvidenceDocument, a as DisputeResponseFormStep } from './dispute-response-form-types.js';
-import { J as heading5 } from './parts.js';
+import { S 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';
@@ -51,7 +51,7 @@ const ShippingDetails = /*@__PURE__*/ proxyCustomElement(class ShippingDetails e
     }
     render() {
         var _a, _b, _c, _d;
-        return (h("div", { key: 'b2d81ec85e534890a691547a2ec8d28dcc61e784' }, h("div", { key: '3b49e0e3647e66196f586c2e58699e878658c9f3', class: "row gy-3" }, h("div", { key: 'ba6f52f0c2a44c7a39641cb9cb51bf799892a78f', class: "col-12" }, h("h2", { key: '70a108aa928d392d47bf72a32c3a2c71538fc068', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: 'f5e1b4c54c4d59b7b558fe817d23e5cbc71acec1', class: "col-12" }, h("form-control-text", { key: '32da6155a22359d291506e7d864b0b09fda34f99', 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: '55a1082190a09f2723ffbcb6075c18a094ddf5e5', class: "col-12" }, h("form-control-text", { key: '63e0883c7a8f9e01396b7c395eeac7d8612d8dcf', 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: '0d2f87a06e90191c274d96aed25dbc106ea3c347', class: "col-12" }, h("form-control-date", { key: '33e5da0712b67146147eea9a2de66f0b05d64a69', 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: '9aff91d4c4055cfe55a35fc28cf07167b4767992', class: "col-12" }, h("form-control-textarea", { key: '840beacaf520e1155cc2acc21d7e2eeaba2dacca', 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: '244eb1c41ee0a26c3ba8b7754404b9c736f0e1a2', class: "col-12" }, h("form-control-file-v2", { key: 'e09e9d04a0a5bb26232271fa29dbc5fcf1549dec', label: "Shipping Documentation", name: "shipping_documentation", onChange: this.handleFileSelection })))));
+        return (h("div", { key: '3df223d0827966f125304a5783c341ff32dc9442' }, h("div", { key: 'c4aa2d5c1be5e452284c5463a299b92c2799949a', class: "row gy-3" }, h("div", { key: '049124ca86a2ae70addb34ce9d79138f052484eb', class: "col-12" }, h("h2", { key: '426b01f9b7cdaad3b3c65ec79be2a31c2db5ec7f', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: 'd58211d0757a3220b880ca8dd1a2289d25f92733', class: "col-12" }, h("form-control-text", { key: '2273a6905d9e79c5c4c4cb9fcbe629b8546b1cb0', 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: '16685f1e217a9ed7cdea9858989a957855ca9df1', class: "col-12" }, h("form-control-text", { key: '74f2b588ab811279fc5bea972b4d045276dcfb19', 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: 'd52ee413a5757a9896e1e24ec7a4d1658d2a51b3', class: "col-12" }, h("form-control-date", { key: '077e1d46323a9546918ebe6b2f096b4a9b494926', 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: 'a02a13a8312dd4233f13363f192f5bf5e2009839', class: "col-12" }, h("form-control-textarea", { key: 'bd97071529be47d78ced13f78d77f051a36145c0', 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: 'e83dd41ef2cd943add49784940326cf3b355cd3f', class: "col-12" }, h("form-control-file-v2", { key: 'd5ac44164b655c497a6247b7277527bb20f7ac04', label: "Shipping Documentation", name: "shipping_documentation", onChange: this.handleFileSelection })))));
     }
 }, [0, "justifi-shipping-details", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/spinner.js

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

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 { R as dropdownMenu } from './parts.js';
+import { $ as dropdownMenu } from './parts.js';
 import { d as defineCustomElement$1 } from './custom-popper2.js';
 
 const hasFilters = (params) => {
@@ -33,7 +33,7 @@ const TableFiltersMenu = /*@__PURE__*/ proxyCustomElement(class TableFiltersMenu
         this.showClearButton = hasFilters(this.params);
     }
     render() {
-        return (h("div", { key: 'b50b85bc459e9f217a70c49505479944572b5daf', class: "d-flex gap-2" }, h("div", { key: 'eedc2d34795d42f10b1db7b7f163096f06b519ff', class: "dropdown pb-3" }, h(Button, { key: '97d365b9c8ac6e5f33fa98768ffa55b988c90a17', variant: "primary", type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: 'e0f52c3aeb555de14d1e999818468debc59a9fa7', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: 'bd83ec6ea2949b2313078431c91c711682c5ed53', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '08a53808fffd6f029ac83229fa86d13bacf39a7b' })))), h("div", { key: 'f28533474420ac5d80ba3ab6bb5e919ebf644779' }, h(Button, { key: 'cde26e935489d12a34758cf766bcb87296e0f5e8', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
+        return (h("div", { key: 'ee398b42698ce14cd7d7ac914fe05ecf827adb90', class: "d-flex gap-2" }, h("div", { key: 'd097692b7b7dba1da5b141fccf472a454f008988', class: "dropdown pb-3" }, h(Button, { key: 'bfdc5605e6f771b5492ebecb3a9e857e561c9351', variant: "primary", type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: '7974738ccf48f25886eb22838744e8761a8aab89', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: '0f099e12ea159a912874894cdb5533f7bb64a356', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '525abf57ddb5a3ab0606037f0538f08ddf6a370b' })))), h("div", { key: '5381355037c7703a4c89015cd0a5ee34e652e221' }, h(Button, { key: 'e304b0f033a95757a9682257c2e4ff6793cd7cdd', 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/terminals-list-core2.js

@@ -3,21 +3,33 @@ import './Checkout.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Payment.js';
 import './SubAccount.js';
-import { f as tableHeadCell, g as getAlternateTableCellPart, j as table, k as tableCell } from './parts.js';
+import { m as tableHeadCell, n as getAlternateTableCellPart, o as table, p as tableCell } from './parts.js';
 import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types.js';
 import './details.js';
+import { B as Badge, a as BadgeVariant } from './badge.js';
 import { o as onQueryParamsChange, q as queryParams } from './terminals-list-params-state.js';
 import { d as defineCustomElement$1 } from './pagination-menu2.js';
 
 const MapTerminalStatusToBadge = (status) => {
-    switch (status) {
-        case 'connected':
-            return "<span class='badge bg-success' title='This terminal is connected.'>Connected</span>";
-        case 'disconnected':
-            return "<span class='badge bg-danger' title='This terminal is disconnected.'>Disconnected</span>";
-        case 'unknown':
-            return "<span class='badge bg-secondary' title='The status of this terminal is unknown'>Unknown</span>";
-    }
+    const statusToBadgeProps = {
+        connected: {
+            variant: BadgeVariant.SUCCESS,
+            title: 'This terminal is connected',
+            text: 'Connected',
+        },
+        disconnected: {
+            variant: BadgeVariant.DANGER,
+            title: 'This terminal is disconnected',
+            text: 'Disconnected',
+        },
+        unknown: {
+            variant: BadgeVariant.SECONDARY,
+            title: 'The status of this terminal is unknown',
+            text: 'Unknown',
+        },
+    };
+    const badgeProps = statusToBadgeProps[status];
+    return h(Badge, Object.assign({}, badgeProps));
 };
 
 const defaultColumnsKeys = 'nickname,provider_id,status';
@@ -28,10 +40,10 @@ const terminalTableColumns = {
     status: () => (h("th", { part: tableHeadCell, scope: "col", title: "The current status of each terminal" }, "Status")),
 };
 const terminalTableCells = {
-    nickname: (value, index) => (h("td", { part: getAlternateTableCellPart(index) }, value)),
-    provider_id: (value, index) => (h("td", { part: getAlternateTableCellPart(index) }, value)),
-    sub_account_name: (value, index) => (h("td", { part: getAlternateTableCellPart(index) }, value)),
-    status: (value, index) => (h("td", { part: getAlternateTableCellPart(index), innerHTML: MapTerminalStatusToBadge(value) })),
+    nickname: (terminal, index) => (h("td", { part: getAlternateTableCellPart(index) }, terminal.nickname)),
+    provider_id: (terminal, index) => (h("td", { part: getAlternateTableCellPart(index) }, terminal.provider_id)),
+    sub_account_name: (terminal, index) => (h("td", { part: getAlternateTableCellPart(index) }, terminal.sub_account_name)),
+    status: (terminal, index) => (h("td", { part: getAlternateTableCellPart(index) }, MapTerminalStatusToBadge(terminal.status))),
 };
 
 const TerminalsListCore = /*@__PURE__*/ proxyCustomElement(class TerminalsListCore extends HTMLElement {
@@ -155,7 +167,7 @@ const TerminalsListCore = /*@__PURE__*/ proxyCustomElement(class TerminalsListCo
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: 'a293f76edb152df4636282a1bdb64526743ba62b' }, h("div", { key: '91c87549f3da243bcbc5e8c3f30690b4f3568312', class: "table-wrapper" }, h("table", { key: 'b8666ef07d7cddecfd576520004cb9ae369816d0', class: "table table-hover", part: table }, h("thead", { key: '82f882e9c8ad8cb8b86fdd8054b2db202f31aee6', class: "table-head sticky-top" }, h("tr", { key: 'db96b27008b1cdfb394f7480d163ba98a564e654', class: "table-light text-nowrap" }, this.terminalsTable.columnData.map((column) => column))), h("tbody", { key: 'afe168ca0facd25953f8e23c82ee40b37ff56418', class: "table-body" }, h(TableLoadingState, { key: 'fa4a276edaa35687efd922d987b51248670aad4c', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'a7450b6fc3b6e659c46c57c4bb1e06c8102da809', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '89894e4c62d1ec4b4d10f1ca8fd50098e655dcf1', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: 'ba93ff43a8562b4e77b48a0a026d75d9f84e5249', class: "sticky-bottom" }, h("tr", { key: 'bd75b89450eec1db55c7e92b2e79eab559605bba', class: "table-light align-middle" }, h("td", { key: 'b27b8a0bbe6c2d38393684752809d5e909948567', part: tableCell, colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '959649b1f3c8099c5b929543557823eccd3e9dd9', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h("div", { key: '6d26b39501a43d464cdf017f18a277f761f7091e' }, h("div", { key: '1742f9eec4c84c80563d9e52829cda195f6d0f35', class: "table-wrapper" }, h("table", { key: 'c286d9fe9e0e42631f281820f4d01bf3a0530a37', class: "table table-hover", part: table }, h("thead", { key: '313503778cc7867e9c1276b8ac65d06367efa9b8', class: "table-head sticky-top" }, h("tr", { key: 'fbc26ae3d1ac4600c03c171c3e77624e66fa7915', class: "table-light text-nowrap" }, this.terminalsTable.columnData.map((column) => column))), h("tbody", { key: '458b4d6639c232a169a37e1920c5765f461fc5ed', class: "table-body" }, h(TableLoadingState, { key: 'ceeef6c53322679adff07b9bb336d9597dd573c7', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'a1ef7bd86fd98c0320539a4c146d41de07901145', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '5f6cbd7d7e2d09ebb38677f1b141ccbdbac70a9f', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: 'cc1e06c683ad4bb83e80bd960342773cb3c78cd7', class: "sticky-bottom" }, h("tr", { key: 'e83f5fa8207affced7c4cd507aab27ba48e7df52', class: "table-light align-middle" }, h("td", { key: 'f1b6214fc5455ca39cdf2369636b07ad18b54d3d', part: tableCell, colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '5ef057eef49aaa9081b9de5ea8c48e996fa5e35a', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "queryParams": ["updateOnPropChange"],

package/dist/module/utils.js

@@ -6,7 +6,7 @@ const ErrorState = (errorMessage) => (h("main", { class: "p-4 d-flex justify-con
 const DetailSectionTitle = (props) => (h("h2", { part: heading2, class: "mt-4 fs-5 border-bottom pb-3" }, props.sectionTitle));
 const DetailItem = ({ title, value, }) => title && value ? (h("div", { class: "d-table-row gap-2" },
     h("span", { class: "fw-bold d-table-cell px-2", part: text }, title),
-    h("span", { class: "flex-1 d-table-cell px-2 text-wrap", part: text, innerHTML: value }))) : null;
+    h("span", { class: "flex-1 d-table-cell px-2 text-wrap", part: text }, value))) : null;
 const EntityHeadInfoItem = ({ title, value, classes, }) => (h("div", { class: `d-flex flex-column ${classes}` },
     h("span", { class: "fw-bold border-1 border-bottom ps-2 pe-2", part: heading2 }, title),
     h("span", { class: "pt-2 ps-2 pe-2", part: text }, value)));

package/dist/module/utils2.js

@@ -3849,16 +3849,14 @@ var Dinero = function Dinero(options) {
 var dinero = Object.assign(Dinero, Defaults, Globals, Static);
 
 // Currency Formatting
-function formatCurrency(amount, withSymbol = true, withCurrencyName = false) {
+const formatCurrency = (amount, currency) => {
     if (!amount)
         amount = 0;
-    function format(amount) {
-        const formattedString = withSymbol ? '$0,0.00' : '0,0.00';
-        return dinero({ amount: amount, currency: 'USD' }).toFormat(formattedString);
-    }
-    const formattedAmount = amount < 0 ? `(${format(-amount)})` : format(amount);
-    return withCurrencyName ? `${formattedAmount} USD` : formattedAmount;
-}
+    const formattedString = '$0,0.00';
+    const formattedCurrency = currency === null || currency === void 0 ? void 0 : currency.toUpperCase();
+    const formattedAmount = dinero({ amount: amount }).toFormat(formattedString);
+    return currency ? `${formattedAmount} ${formattedCurrency}` : formattedAmount;
+};
 // Date Formatting and Conversion
 function formatDate(dateString) {
     if (!dateString)