@justifi/webcomponents 4.23.0 → 5.0.0-rc-1

package/dist/esm/justifi-payments-list-filters.entry.js

@@ -0,0 +1,39 @@
+import { r as registerInstance, h } from './index-29fcfdf5.js';
+import { l as lodash } from './lodash-faeb5a52.js';
+import { q as queryParams, c as clearParams } from './payments-list-params-state-b3dab8bc.js';
+import { S as StyledHost } from './styled-host-32228b45.js';
+import { d as convertToUTC, c as convertToLocal } from './utils-54543523.js';
+import './index-a47fdc7f.js';
+
+const PaymentsListFilters = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.setParamsOnChange = (name, value) => {
+            queryParams[name] = value;
+        };
+        this.handleDateInput = (name, value) => {
+            const utcDate = convertToUTC(value, { setExactTime: true });
+            this.setParamsOnChange(name, utcDate);
+        };
+    }
+    componentWillLoad() {
+        // debounced input handler for text input
+        this.debouncedSetParamsOnChange = lodash.exports.debounce(this.setParamsOnChange, 300);
+    }
+    get paymentStatusOptions() {
+        return [
+            { label: 'All', value: '' },
+            { label: 'Pending', value: 'pending' },
+            { label: 'Authorized', value: 'authorized' },
+            { label: 'Succeeded', value: 'succeeded' },
+            { label: 'Failed', value: 'failed' },
+            { label: 'Disputed', value: 'disputed' },
+            { label: 'Refunded', value: 'refunded' }
+        ];
+    }
+    render() {
+        return (h(StyledHost, { key: '9cd31c52650516e81343bf13c3e18ed96258bc57' }, h("table-filters-menu", { key: 'eb1abd1876bd3bf52e04108e680c2b006338514c', params: Object.assign({}, queryParams), clearParams: clearParams }, h("div", { key: '2787fa1c460d45a5d66efe5a2f3ef25333ec9201', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'f7f599337b113e9aad1c72fdb4dd88c3dec92a63', class: "p-2" }, h("form-control-text", { key: 'ee692c59649fcbe4ec0e7e5bef891d5145ac4d35', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: queryParams.payment_id })), h("div", { key: '1dce20fc5bb6a69e06e7960349e6f5623d5eef66', class: "p-2" }, h("form-control-text", { key: '2a84495e90b49bfa51912251d6c5804646248f7b', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: queryParams.terminal_id })), h("div", { key: 'bbd95d93ddb713a4ae90876b735e4f88ce6abfef', class: "p-2" }, h("form-control-select", { key: 'ce1b6ac3d27149b013c937e3bdb43257a6f16c86', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: queryParams.payment_status || '' })), h("div", { key: 'ae3b27ef30ded613a255c688162a3ff561a5f5d3', class: "p-2" }, h("form-control-date", { key: 'eaefc349011d12e5f950ad12fea24507dee9516f', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(queryParams.created_after, { showInputDateTime: true }) || '', showTime: true })), h("div", { key: 'f52daff95da491a911be96d8c0f3a6dc395a95c6', class: "p-2" }, h("form-control-date", { key: 'cb8d8b5a424c3a1ca36c52608d89948d88c54cb5', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(queryParams.created_before, { showInputDateTime: true }) || '', showTime: true }))))));
+    }
+};
+
+export { PaymentsListFilters as justifi_payments_list_filters };

package/dist/esm/justifi-payments-list.entry.js

@@ -1,21 +1,21 @@
-import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
-import { P as PaymentService } from './payment.service-ca6b5bc5.js';
+import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
+import { P as PaymentService } from './payment.service-064fac31.js';
 import './Checkout-0b4086f8.js';
 import './Pagination-afc8f96d.js';
-import { P as Payment } from './Payment-2a868d0c.js';
+import { P as Payment } from './Payment-4f72d277.js';
 import './SubAccount-99a00594.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-3ce7f437.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
-import { J as JustifiAnalytics } from './Analytics-810c3026.js';
-import { c as checkPkgVersion } from './check-pkg-version-434f72bf.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-c2078b31.js';
 import { c as config } from './config-27764a9d.js';
-import { S as StyledHost } from './styled-host-e0ddb759.js';
-import { t as tableExportedParts } from './exported-parts-70e7a12b.js';
-import { d as defaultColumnsKeys } from './payments-table-bba91324.js';
+import { S as StyledHost } from './styled-host-32228b45.js';
+import { d as defaultColumnsKeys } from './payments-table-d6fbab5b.js';
 import './Api-391d00e2.js';
-import './package-16f4801d.js';
+import './Dispute-5fd28ec9.js';
+import './package-84f77b11.js';
 import './payments-status-a7c18f2a.js';
-import './utils-1df1e55a.js';
+import './utils-54543523.js';
+import './parts-186d437f.js';
 
 const makeGetPayments = ({ id, authToken, service, apiOrigin }) => async ({ params, onSuccess, onError }) => {
     var _a, _b;
@@ -91,7 +91,7 @@ const PaymentsList = class {
         }
     }
     render() {
-        return (h(StyledHost, { key: '78b8e22426135db19223ca0ddc62aaf6f42a1080', exportparts: tableExportedParts }, h("payments-list-core", { key: '23c5aeeb9a6766de2ddb42f62a2163fa8f14ac81', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '35086c06a347cb7ee577366cd5674a2c50c4ffe5' }, h("payments-list-core", { key: 'bee1a7cf3e600a0060a62cf8151eea390dfd2cfa', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/esm/justifi-payout-details.entry.js

@@ -1,17 +1,18 @@
-import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
-import { m as makeGetPayoutCSV, P as PayoutService } from './get-payout-csv-3b83b088.js';
+import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
+import { m as makeGetPayoutCSV, P as PayoutService } from './get-payout-csv-b95a5d54.js';
 import './Checkout-0b4086f8.js';
 import './Pagination-afc8f96d.js';
-import './Payment-2a868d0c.js';
+import './Payment-4f72d277.js';
 import { P as Payout } from './SubAccount-99a00594.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-3ce7f437.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
-import { E as ErrorState } from './utils-218275b7.js';
-import { J as JustifiAnalytics } from './Analytics-810c3026.js';
-import { c as checkPkgVersion } from './check-pkg-version-434f72bf.js';
+import { E as ErrorState } from './utils-d7633e66.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-c2078b31.js';
 import './Api-391d00e2.js';
 import './config-27764a9d.js';
-import './package-16f4801d.js';
+import './Dispute-5fd28ec9.js';
+import './parts-186d437f.js';
+import './package-84f77b11.js';
 
 const makeGetPayoutDetails = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a;

package/dist/esm/justifi-payouts-list-filters.entry.js

@@ -0,0 +1,23 @@
+import { r as registerInstance, h } from './index-29fcfdf5.js';
+import { q as queryParams, c as clearParams } from './payouts-list-params-state-49618e7a.js';
+import { S as StyledHost } from './styled-host-32228b45.js';
+import { d as convertToUTC, c as convertToLocal } from './utils-54543523.js';
+import './index-a47fdc7f.js';
+
+const PayoutsListFilters = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.setParamsOnChange = (name, value) => {
+            queryParams[name] = value;
+        };
+        this.handleDateInput = (name, value) => {
+            const utcDate = convertToUTC(value, { setEndOfDay: true });
+            this.setParamsOnChange(name, utcDate);
+        };
+    }
+    render() {
+        return (h(StyledHost, { key: 'dbeddac44642b50552902b1d072384d0e308bbcd' }, h("table-filters-menu", { key: '0a4fc98cf7cf7bb5748c9443fe0ad22676b2ec0a', params: Object.assign({}, queryParams), clearParams: clearParams }, h("div", { key: '36e7cfd3b59458bfc4f34b25e14d39984d6f9b19', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '3670d1890feecaf9c0ad41278e3862606fa6576a', class: "p-2" }, h("form-control-date", { key: '8f0e4ef2e46b542f17504ef888839726067d3319', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(queryParams.created_after, { showInputDate: true }) })), h("div", { key: '8f661de9cd9115e7ce10e92684cf98d66f9e3e5f', class: "p-2" }, h("form-control-date", { key: '60d03f6687f308c4cb4a39176bec248b204803e2', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(queryParams.created_before, { showInputDate: true }) }))))));
+    }
+};
+
+export { PayoutsListFilters as justifi_payouts_list_filters };

package/dist/esm/justifi-payouts-list.entry.js

@@ -1,22 +1,28 @@
-import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
+import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-3ce7f437.js';
-import { J as JustifiAnalytics } from './Analytics-810c3026.js';
-import { c as checkPkgVersion } from './check-pkg-version-434f72bf.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-c2078b31.js';
 import { c as config } from './config-27764a9d.js';
-import { m as makeGetPayoutCSV, P as PayoutService } from './get-payout-csv-3b83b088.js';
+import { m as makeGetPayoutCSV, P as PayoutService } from './get-payout-csv-b95a5d54.js';
 import './Checkout-0b4086f8.js';
 import './Pagination-afc8f96d.js';
-import './Payment-2a868d0c.js';
+import './Payment-4f72d277.js';
 import { P as Payout } from './SubAccount-99a00594.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
-import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts-dd20cfa4.js';
-import { S as StyledHost } from './styled-host-e0ddb759.js';
-import { t as tableExportedParts } from './exported-parts-70e7a12b.js';
-import { d as defaultColumnsKeys } from './payouts-table-edff9bbe.js';
-import './package-16f4801d.js';
+import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts-b9a00d48.js';
+import { S as StyledHost } from './styled-host-32228b45.js';
+import { d as defaultColumnsKeys } from './payouts-table-2e61a116.js';
+import './package-84f77b11.js';
 import './Api-391d00e2.js';
-import './utils-1df1e55a.js';
+import './Dispute-5fd28ec9.js';
+import './utils-54543523.js';
 import './payouts-status-cd58e525.js';
+import './parts-186d437f.js';
+
+const tableExportedParts = `
+table-head,table-head-row,table-head-cell,table-body,table-row,table-row-even,
+table-row-odd,table-cell,loading-state-cell,loading-state-spinner,error-state,
+empty-state,pagination-bar,page-arrow,page-button,page-button-disabled,page-button-text
+`;
 
 const makeGetPayouts = ({ id, authToken, service, apiOrigin }) => async ({ params, onSuccess, onError }) => {
     var _a, _b;
@@ -110,7 +116,7 @@ const PayoutsList = class {
         }
     }
     render() {
-        return (h(StyledHost, { key: '5f482e2ab5d1a022c9f54f13a8ab31860ff4b6ec', exportedparts: tableExportedParts }, h("payouts-list-core", { key: 'fe5decfcda48b54bbcded8c605d0f3a2576c35cb', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
+        return (h(StyledHost, { key: '78316ffab976d4674ed157de643d0e579a503050', exportedparts: tableExportedParts }, h("payouts-list-core", { key: '6d258120f1ab81723505f76db75f4d4289e072b4', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/esm/justifi-refund-form.entry.js

@@ -1,13 +1,14 @@
-import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
-import { c as create$3, d as create$5, F as FormController } from './index.esm-ed37201b.js';
+import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
+import { c as create$3, d as create$5, F as FormController } from './index.esm-0b6849c2.js';
 import { A as Api } from './Api-391d00e2.js';
 import './Checkout-0b4086f8.js';
 import './Pagination-afc8f96d.js';
-import './Payment-2a868d0c.js';
+import './Payment-4f72d277.js';
 import './SubAccount-99a00594.js';
 import { c as config } from './config-27764a9d.js';
 import { C as CURRENCY_MASK } from './form-input-masks-0e18300f.js';
-import { S as StyledHost } from './styled-host-e0ddb759.js';
+import { S as StyledHost } from './styled-host-32228b45.js';
+import './Dispute-5fd28ec9.js';
 
 const RefundFormSchema = create$3().shape({
     amount: create$5()
@@ -20,9 +21,6 @@ const RefundFormSchema = create$3().shape({
         .nullable(),
 });
 
-const refundFormCss = ":host{display:block}*::part(input){font-family:var(--jfi-layout-font-family);background-color:var(--jfi-form-control-background-color);border-color:var(--jfi-form-control-border-color);border-width:var(--jfi-form-control-border-width);border-bottom-width:var(--jfi-form-control-border-bottom-width);border-left-width:var(--jfi-form-control-border-left-width);border-right-width:var(--jfi-form-control-border-right-width);border-top-width:var(--jfi-form-control-border-top-width);border-radius:var(--jfi-form-control-border-radius);border-style:var(--jfi-form-control-border-style);box-shadow:var(--jfi-form-control-box-shadow);color:var(--jfi-form-control-color);font-size:var(--jfi-form-control-font-size);font-weight:var(--jfi-form-control-font-weight);line-height:var(--jfi-form-control-line-height);margin:var(--jfi-form-control-margin);padding:var(--jfi-form-control-padding)}*::part(input):focus{color:var(--jfi-form-control-color-focus);border-color:var(--jfi-form-control-border-color-focus);box-shadow:var(--jfi-form-control-box-shadow-focus)}.btn{font-family:var(--jfi-layout-font-family);color:var(--jfi-submit-button-color);background-color:var(--jfi-submit-button-background-color);border-color:var(--jfi-submit-button-border-color);padding:var(--jfi-submit-button-padding);font-size:var(--jfi-submit-button-font-size);border-radius:var(--jfi-submit-button-border-radius);width:var(--jfi-submit-button-width);box-shadow:var(--jfi-submit-button-box-shadow)}.btn:hover{color:var(--jfi-submit-button-color-hover);background-color:var(--jfi-submit-button-background-color-hover);border-color:var(--jfi-submit-button-border-color-hover)}.btn:focus{color:var(--jfi-submit-button-color-focus);background-color:var(--jfi-submit-button-background-color-focus);border-color:var(--jfi-submit-button-border-color-focus)}.btn:active{color:var(--jfi-submit-button-color-active);background-color:var(--jfi-submit-button-background-color-active);border-color:var(--jfi-submit-button-border-color-active)}";
-const JustifiRefundFormStyle0 = refundFormCss;
-
 const RefundForm = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -95,9 +93,8 @@ const RefundForm = class {
     }
     render() {
         var _a;
-        return (h(StyledHost, { key: '63863f5db62aa514fdf76c673d33634d0ce091b5' }, h("h1", { key: '3cd25385bb1d14a041abde024db70f052b913479' }, "Refund"), this.refundInfoText && (h("div", { key: 'df4fdf161bdc6330db3d04fab06b023b19dd4be6', class: "d-flex align-items-center flex-row gap-4 border-top border-bottom my-4 p-3", role: "alert" }, h("img", { key: '053bc242826eeb92456ad1869e11a0083c8a65f6', src: "/info-icon.svg", alt: "Information", height: "30", width: "30" }), h("p", { key: 'cec5c737d36aba8328e07871717aaa6107f3ff8d', class: "m-0", innerHTML: this.refundInfoText }))), h("form", { key: 'f43a1ec8344b9a6222470bb59924743583d61699', onSubmit: e => this.handleSubmit(e), class: "d-grid gap-4" }, h("div", { key: 'bdb96e4a7b9aacd6d85d5736bcc3bfa9c7b949dc', class: "form-group" }, h("form-control-monetary", { key: '59c922da8305ea8069de82f94f287a9d4a885f08', name: "amount", label: "Refund Amount", defaultValue: ((_a = this.amount) === null || _a === void 0 ? void 0 : _a.toString()) || '', maskOptions: CURRENCY_MASK.DECIMAL, inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.amount })), h("div", { key: '536874e5887e8085409bc6e2220de0029f986613', class: "form-group" }, h("form-control-text", { key: '25ad446fa05c176169b45b72b26fedfb759376b0', name: "notes", label: "Additional Notes", inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.notes })), this.withButton && (h("div", { key: '51a1334769beb7911e2bee6416f1e325e9b6e456', class: "form-group d-flex flex-row-reverse" }, h("button", { key: '1fe584c4c1fcb7e4f36063774303ac17132debbf', type: "submit", disabled: !!this.isSubmitting, class: "btn btn-primary ml-auto" }, this.submitButtonText))))));
+        return (h(StyledHost, { key: '22c804f185486d11df84075a97121bcac4eb98d5' }, h("h1", { key: '90bc4a8b5f1753d3e3009a401e5c9894d83e426e' }, "Refund"), this.refundInfoText && (h("div", { key: '6899f29d44b254dd4a84e348b9d9ec1013cb1785', class: "d-flex align-items-center flex-row gap-4 border-top border-bottom my-4 p-3", role: "alert" }, h("img", { key: 'f1860c566f76d09f222a62a71f29d48749504968', src: "/info-icon.svg", alt: "Information", height: "30", width: "30" }), h("p", { key: '73c728b24bf46c9382e75753a9566179d12744fa', class: "m-0", innerHTML: this.refundInfoText }))), h("form", { key: 'e36904b05ae389cb201e72f69845d1a5b034cb4d', onSubmit: e => this.handleSubmit(e), class: "d-grid gap-4" }, h("div", { key: 'deb53d2bde11025bc7b452097456c7cffbe5c16a', class: "form-group" }, h("form-control-monetary", { key: '0e5211a2ace4ddf86c2f2452e0596586904b594a', name: "amount", label: "Refund Amount", defaultValue: ((_a = this.amount) === null || _a === void 0 ? void 0 : _a.toString()) || '', maskOptions: CURRENCY_MASK.DECIMAL, inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.amount })), h("div", { key: '68826918f7b2051830bd276fa79030a89a5808d1', class: "form-group" }, h("form-control-text", { key: 'd66b86e6d9d10b6d4853bfebacf758da23362531', name: "notes", label: "Additional Notes", inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.notes })), this.withButton && (h("div", { key: '8ef6f548f2b1a989b04d0a2817ca7a19d1e1dda6', class: "form-group d-flex flex-row-reverse" }, h("button", { key: '1a9406e25864fac07c2a97d3b758aec48bffa2be', type: "submit", disabled: !!this.isSubmitting, class: "btn btn-primary ml-auto" }, this.submitButtonText))))));
     }
 };
-RefundForm.style = JustifiRefundFormStyle0;
 
 export { RefundForm as justifi_refund_form };

package/dist/esm/justifi-season-interruption-insurance-core.entry.js

@@ -1,16 +1,9 @@
-import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
-import { b as formatCurrency } from './utils-1df1e55a.js';
-import { v as validateInsuranceValues, a as insuranceValues, b as insuranceErrors } from './insurance-state-8ce01e59.js';
-import { S as StyledHost } from './styled-host-e0ddb759.js';
-
-const seasonInterruptionInsuranceCoreCss = ":host{display:block}a{color:var(--jfi-body-color) !important}";
-const JustifiSeasonInterruptionInsuranceCoreStyle0 = seasonInterruptionInsuranceCoreCss;
-
-const formCheckInputCss = ".form-check-input,label{cursor:pointer}.form-check-input{background-color:var(--jfi-radio-button-background-color);border-color:var(--jfi-radio-button-border-color)}.form-check-input:checked,.form-check-input:checked:focus{background-color:var(--jfi-radio-button-background-color-selected);border-color:var(--jfi-radio-button-border-color-selected)}.form-check-input:focus{border-color:var(--jfi-radio-button-border-color-focus);box-shadow:var(--jfi-radio-button-box-shadow-focus)}";
-const JustifiSeasonInterruptionInsuranceCoreStyle1 = formCheckInputCss;
-
-const headerCss = ".jfi-header{color:var(--jfi-header-color);border-bottom:var(--jfi-header-border)}";
-const JustifiSeasonInterruptionInsuranceCoreStyle2 = headerCss;
+import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
+import { p as processHTML, b as formatCurrency, r as removeAttribute, g as addAttribute } from './utils-54543523.js';
+import { v as validateInsuranceValues, a as insuranceValues, b as insuranceErrors, H as Header2 } from './insurance-state-8fc9376f.js';
+import { t as text, d as textDanger } from './parts-186d437f.js';
+import { S as StyledHost } from './styled-host-32228b45.js';
+import './index-a47fdc7f.js';
 
 const SeasonInterruptionInsuranceCore = class {
     constructor(hostRef) {
@@ -70,6 +63,14 @@ const SeasonInterruptionInsuranceCore = class {
             },
             onSuccess: ({ quote }) => {
                 this.quote = quote;
+                this.quote.product.description = processHTML(this.quote.product.description, [
+                    (html) => removeAttribute(html, 'style'),
+                    (html) => addAttribute(html, 'a', 'part', text)
+                ]);
+                this.quote.product.legal_disclaimer = processHTML(this.quote.product.legal_disclaimer, [
+                    (html) => removeAttribute(html, 'style'),
+                    (html) => addAttribute(html, 'a', 'part', text)
+                ]);
                 insuranceValues[quote.policy_type] = quote.accepted;
                 this.isLoading = false;
             },
@@ -84,8 +85,8 @@ const SeasonInterruptionInsuranceCore = class {
         });
     }
     ;
-    onChangeHandler(event) {
-        this.accepted = event.target.value;
+    onChangeHandler(_name, value) {
+        this.accepted = value;
         insuranceErrors[this.quote.policy_type] = false;
         this.toggleCoverage({
             quoteId: this.quote.id,
@@ -109,10 +110,8 @@ const SeasonInterruptionInsuranceCore = class {
     }
     render() {
         var _a, _b, _c, _d;
-        return (h(StyledHost, { key: 'ca90d98930a8edff34e6690caa04421a70fa9238' }, !this.isLoading &&
-            h("div", { key: 'ff7e145e0fe3e4cc1b1b476369dec63228aeafbf' }, h("h2", { key: '206a364e3efdeafc1c17c6d25ec5de1b8ce21c29', class: "fs-5 fw-bold pb-3 jfi-header" }, (_a = this.quote) === null || _a === void 0 ? void 0 : _a.product.title), h("small", { key: '0f3ef80b76e2d50b793175dfd9de9910329254ea', innerHTML: (_b = this.quote) === null || _b === void 0 ? void 0 : _b.product.description }), h("div", { key: '5fa4ea480c0ebc1870f222a4f58529676451e9d4' }, h("input", { key: '40f5f25d82c9a5ecea558ea0f6763d619f82727e', id: "accept", type: "radio", name: "opt-in", value: "true", onChange: (event) => this.onChangeHandler(event), class: this.error ? 'form-check-input me-2 is-invalid' : 'form-check-input me-2' }), h("label", { key: 'c7e2cd5fa6052765e2155cbc24f6fd9d6b8da723', htmlFor: "accept" }, "Accept coverage for ", formatCurrency((_c = this.quote) === null || _c === void 0 ? void 0 : _c.total_cents))), h("div", { key: '47d716b0cb114e3c0a62776491153ca2ce389ce7', class: "mb-2" }, h("input", { key: 'dd442bb652f98a75d184e99d78d79292189ef867', id: "decline", type: "radio", name: "opt-in", value: "false", onChange: (event) => this.onChangeHandler(event), class: this.error ? 'form-check-input me-2 is-invalid' : 'form-check-input me-2' }), h("label", { key: 'e5b7a36f006ed6a78eb762c1bea131800ab45ae4', htmlFor: "decline" }, "Decline coverage")), h("div", { key: 'dddae2c74c62641ccd2ba7352190d6e4731ef19b', class: "invalid-feedback", style: { display: this.error ? 'block' : 'none' } }, "Please select an option"), h("small", { key: '67684b8a101061c54b0629ae35000032232e6847', innerHTML: (_d = this.quote) === null || _d === void 0 ? void 0 : _d.product.legal_disclaimer }))));
+        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 })))));
     }
 };
-SeasonInterruptionInsuranceCore.style = JustifiSeasonInterruptionInsuranceCoreStyle0 + (JustifiSeasonInterruptionInsuranceCoreStyle1 + JustifiSeasonInterruptionInsuranceCoreStyle2);
 
 export { SeasonInterruptionInsuranceCore as justifi_season_interruption_insurance_core };

package/dist/esm/justifi-season-interruption-insurance.entry.js

@@ -1,15 +1,15 @@
-import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
+import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
 import { A as Api } from './Api-391d00e2.js';
 import './Checkout-0b4086f8.js';
 import './Pagination-afc8f96d.js';
-import './Payment-2a868d0c.js';
+import './Payment-4f72d277.js';
 import './SubAccount-99a00594.js';
 import { c as config } from './config-27764a9d.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-3ce7f437.js';
-import { J as JustifiAnalytics } from './Analytics-810c3026.js';
-import { c as checkPkgVersion } from './check-pkg-version-434f72bf.js';
-import './package-16f4801d.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-c2078b31.js';
+import './Dispute-5fd28ec9.js';
+import './package-84f77b11.js';
 
 class InsuranceService {
     async fetchQuote(authToken, payload) {
@@ -128,7 +128,7 @@ const SeasonInterruptionInsurance = class {
         });
     }
     render() {
-        return (h("justifi-season-interruption-insurance-core", { key: '205515d248ac43b9de8e7c8f9fec41b93f6e1237', ref: (el) => (this.seasonInterruptionCoreRef = el), "checkout-id": this.checkoutId, getQuote: this.getQuote, toggleCoverage: this.toggleCoverage, "primary-identity-first-name": this.primaryIdentityFirstName, "primary-identity-last-name": this.primaryIdentityLastName, "primary-identity-state": this.primaryIdentityState, "primary-identity-postal-code": this.primaryIdentityPostalCode, "primary-identity-country": this.primaryIdentityCountry, "primary-identity-email-address": this.primaryIdentityEmailAddress, "policy-attributes-insurable-amount": this.policyAttributesInsurableAmount, "policy-attributes-start-date": this.policyAttributesStartDate, "policy-attributes-end-date": this.policyAttributesEndDate, "covered-identity-first-name": this.coveredIdentityFirstName, "covered-identity-last-name": this.coveredIdentityLastName }));
+        return (h("justifi-season-interruption-insurance-core", { key: '4a0e93d18f16971cee44cdc9d0b312ded7728274', ref: (el) => (this.seasonInterruptionCoreRef = el), "checkout-id": this.checkoutId, getQuote: this.getQuote, toggleCoverage: this.toggleCoverage, "primary-identity-first-name": this.primaryIdentityFirstName, "primary-identity-last-name": this.primaryIdentityLastName, "primary-identity-state": this.primaryIdentityState, "primary-identity-postal-code": this.primaryIdentityPostalCode, "primary-identity-country": this.primaryIdentityCountry, "primary-identity-email-address": this.primaryIdentityEmailAddress, "policy-attributes-insurable-amount": this.policyAttributesInsurableAmount, "policy-attributes-start-date": this.policyAttributesStartDate, "policy-attributes-end-date": this.policyAttributesEndDate, "covered-identity-first-name": this.coveredIdentityFirstName, "covered-identity-last-name": this.coveredIdentityLastName }));
     }
 };
 

package/dist/esm/justifi-terminals-list-filters.entry.js

@@ -0,0 +1,31 @@
+import { r as registerInstance, h } from './index-29fcfdf5.js';
+import { l as lodash } from './lodash-faeb5a52.js';
+import { q as queryParams, c as clearParams } from './terminals-list-params-state-2c48d35f.js';
+import { S as StyledHost } from './styled-host-32228b45.js';
+import './index-a47fdc7f.js';
+
+const TerminalsListFilters = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.setParamsOnChange = (name, value) => {
+            queryParams[name] = value;
+        };
+    }
+    componentWillLoad() {
+        // debounced input handler for text input
+        this.debouncedSetParamsOnChange = lodash.exports.debounce(this.setParamsOnChange, 300);
+    }
+    get terminalStatusOptions() {
+        return [
+            { label: 'All', value: '' },
+            { label: 'Connected', value: 'connected' },
+            { label: 'Disconnected', value: 'disconnected' },
+            { label: 'Unknown', value: 'unknown' },
+        ];
+    }
+    render() {
+        return (h(StyledHost, { key: '3a5ad7d48cab44e058b47416531e0b229521fa66' }, h("table-filters-menu", { key: 'f443919483a6de96285eb6ee06fc7a40d70dc8a4', params: Object.assign({}, queryParams), clearParams: clearParams }, h("div", { key: '5858a235e31a41c6092df9f35773d03ca660fd4a', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '73cf6b38fb79063fe96cfb697fe537904237a0f2', class: "p-2" }, h("form-control-text", { key: 'e2383519f8b9e50c9c38c47ce5cf65023af8be55', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: queryParams.terminal_id })), h("div", { key: 'a6bdc258402f59aea76c0c2f1d25f22841a15302', class: "p-2" }, h("form-control-select", { key: 'acc06bbb87338b579794b930e9a0205ad7e9e65a', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: queryParams.status || '' }))))));
+    }
+};
+
+export { TerminalsListFilters as justifi_terminals_list_filters };

package/dist/esm/justifi-terminals-list.entry.js

@@ -1,19 +1,19 @@
-import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
+import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-3ce7f437.js';
-import { J as JustifiAnalytics } from './Analytics-810c3026.js';
-import { c as checkPkgVersion } from './check-pkg-version-434f72bf.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-c2078b31.js';
 import { c as config } from './config-27764a9d.js';
 import { A as Api } from './Api-391d00e2.js';
 import './Checkout-0b4086f8.js';
 import './Pagination-afc8f96d.js';
-import './Payment-2a868d0c.js';
+import './Payment-4f72d277.js';
 import { T as Terminal } from './SubAccount-99a00594.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
-import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts-dd20cfa4.js';
-import { S as StyledHost } from './styled-host-e0ddb759.js';
-import { t as tableExportedParts } from './exported-parts-70e7a12b.js';
-import { d as defaultColumnsKeys } from './terminals-table-dc787616.js';
-import './package-16f4801d.js';
+import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts-b9a00d48.js';
+import { S as StyledHost } from './styled-host-32228b45.js';
+import { d as defaultColumnsKeys } from './terminals-table-8e42977c.js';
+import './package-84f77b11.js';
+import './Dispute-5fd28ec9.js';
+import './parts-186d437f.js';
 
 class TerminalService {
     async fetchTerminals(accountId, authToken, params, apiOrigin) {
@@ -123,7 +123,7 @@ const TerminalsList = class {
         }
     }
     render() {
-        return (h(StyledHost, { key: 'b0109248be43245cc91a844960f83c80b09b88a3', exportparts: tableExportedParts }, h("terminals-list-core", { key: 'c1b6467303b606863c544f898a3c0b8e37c597c2', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '202c9b2b8492e03f999cb8c62aa71871068e46d6' }, h("terminals-list-core", { key: 'eca0f2a0b076eb92b33bbb3703650506a5e1377b', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/esm/justifi-tokenize-payment-method.entry.js

@@ -1,21 +1,18 @@
-import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
-import { B as Button } from './button-34e75e0f.js';
-import { S as StyledHost } from './styled-host-e0ddb759.js';
+import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
+import { B as Button } from './button-1886a33d.js';
+import { S as StyledHost } from './styled-host-32228b45.js';
 import { C as ComponentErrorSeverity } from './ComponentError-3ce7f437.js';
-import { c as checkPkgVersion } from './check-pkg-version-434f72bf.js';
-import { J as JustifiAnalytics } from './Analytics-810c3026.js';
-import './package-16f4801d.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-c2078b31.js';
+import './parts-186d437f.js';
+import './package-84f77b11.js';
 import './config-27764a9d.js';
 import './Api-391d00e2.js';
 
-const tokenizePaymentMethodCss = ":host{display:block}justifi-payment-method-form{display:block;margin-left:calc(var(--jfi-layout-padding) * -1);margin-right:calc(var(--jfi-layout-padding) * -1)}";
-const JustifiTokenizePaymentMethodStyle0 = tokenizePaymentMethodCss;
-
 const TokenizePaymentMethod = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.submitted = createEvent(this, "submitted", 7);
         this.errorEvent = createEvent(this, "error-event", 7);
+        this.submitEvent = createEvent(this, "submit-event", 7);
         this.authToken = undefined;
         this.accountId = undefined;
         this.paymentMethodGroupId = undefined;
@@ -40,16 +37,15 @@ const TokenizePaymentMethod = class {
             });
         }
         else if (tokenizeResponse.token) {
-            this.submitted.emit({ token: tokenizeResponse.token });
+            this.submitEvent.emit({ response: tokenizeResponse });
         }
     }
     async fillBillingForm(fields) {
         this.paymentMethodOptionsRef.fillBillingForm(fields);
     }
     render() {
-        return (h(StyledHost, { key: 'ff495ccfaf453b5efc1e09d6a3dbeae2f7056368' }, h("form", { key: '92e7ce29d3d7f12def1f83e35130de8ec3637140' }, h("fieldset", { key: 'b0e1b306f0ad87cabf04429760f9043319ea45c3' }, h("div", { key: '1176a0d441ed62522ddabf573f674903e39b17f2', class: "row gy-3" }, h("div", { key: 'c920e3759b0ae8dabda8947823831a5bac39b33a', class: "col-12" }, h("justifi-payment-method-options", { key: '1e764236818baef88ce825dbc8903f2767d2fa95', ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": false, paymentMethodGroupId: this.paymentMethodGroupId, "show-saved-payment-methods": false, authToken: this.authToken, "account-id": this.accountId })), h("div", { key: 'f1cd3b08d4c558933b3da04073e527b5b0958f8b', class: "col-12" }, h(Button, { key: 'd321de173c8deaf8dcb382d14d9688cbd83ee3b9', variant: "primary", type: "submit", onClick: event => this.tokenizePaymentMethod(event), isLoading: this.isLoading, "data-testid": "submit-button" }, this.submitButtonText || 'Submit')))))));
+        return (h(StyledHost, { key: '1f0ab23a66f201b93ad60c42a0cd59a9960a5034' }, h("form", { key: 'b4b6e0b75e99505d53bdeae210a15c11e764a1e0' }, h("fieldset", { key: '8094449e89e44f99e4bf3e3517517d5ef5136974' }, h("div", { key: 'aaf859db2a1d7377b3ab37fd9bfa57ed3246ebd9', class: "row gy-3" }, h("div", { key: '3c5b24886edc5d991c5ba760e60741e01818c310', class: "col-12" }, h("justifi-payment-method-options", { key: '39ad866846a9c8ae32f9d34c1cecf812ed6d7c45', ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": false, paymentMethodGroupId: this.paymentMethodGroupId, "show-saved-payment-methods": false, authToken: this.authToken, "account-id": this.accountId })), h("div", { key: '1ed6ae634f618a9fafc11961c4db5aea60f368ec', class: "col-12" }, h(Button, { key: 'eed74cc9b5a475b925986b087cd34cc2e912aae6', variant: "primary", type: "submit", onClick: event => this.tokenizePaymentMethod(event), isLoading: this.isLoading, "data-testid": "submit-button" }, this.submitButtonText || 'Submit')))))));
     }
 };
-TokenizePaymentMethod.style = JustifiTokenizePaymentMethodStyle0;
 
 export { TokenizePaymentMethod as justifi_tokenize_payment_method };