@justifi/webcomponents 5.7.6 → 6.0.0-rc.2

package/dist/module/justifi-checkouts-list.js

@@ -1,18 +1,17 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import './config-state.js';
-import './utils2.js';
-import { b as Checkout, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
+import './dinero.js';
+import { j as Checkout, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
 import './Pagination.js';
-import './Payment.js';
-import './Refund.js';
 import './Business.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
 import { C as CheckoutService } from './checkout.service.js';
 import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
+import './justifi-radio-list-item2.js';
 import { d as defineCustomElement$3, a as defaultColumnsKeys } from './checkouts-list-core2.js';
 import { d as defineCustomElement$2 } from './pagination-menu2.js';
 
@@ -102,7 +101,7 @@ const CheckoutsList = /*@__PURE__*/ proxyCustomElement(class CheckoutsList exten
         }
     }
     render() {
-        return (h(StyledHost, { key: 'e448042916ca168416a16f8fb27daca1e240a58c' }, h("checkouts-list-core", { key: '7a20ec17bb485a651bb14aee980dee8a9b6bf809', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '0e9e50e18983dad43cfab19f2271678d3f5e6abd' }, h("checkouts-list-core", { key: '6f128cc756477ff64638625d9a9ff9a5b4533948', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/justifi-dispute-management.js

@@ -1,7 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
-import { D as Dispute } from './Payment.js';
+import { D as Dispute, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { D as DisputeService } from './dispute-response-actions.js';
 import { d as defineCustomElement$k } from './custom-popper2.js';
@@ -95,7 +94,7 @@ const DisputeManagement = /*@__PURE__*/ proxyCustomElement(class DisputeManageme
         }
     }
     render() {
-        return (h("justifi-dispute-management-core", { key: '0eb7f0d74fa19e79633a3ec2f7ab7945be3fe0fe', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
+        return (h("justifi-dispute-management-core", { key: 'e19f33cd7106c3c44fb86faeef743c62ff9004b9', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
     }
     static get watchers() { return {
         "disputeId": ["propChanged"],

package/dist/module/justifi-gross-payment-chart.js

@@ -1,13 +1,11 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { A as Api } from './Api.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
 import './Pagination.js';
-import './Payment.js';
-import './Refund.js';
 import './Business.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { E as ErrorState } from './utils.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
 import { d as defineCustomElement$2 } from './gross-payment-chart-core2.js';
 
 const api = Api();

package/dist/module/justifi-header.d.ts

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

package/dist/module/justifi-header.js

@@ -0,0 +1,6 @@
+import { H as Header, d as defineCustomElement$1 } from './justifi-header2.js';
+
+const JustifiHeader = Header;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiHeader, defineCustomElement };

package/dist/module/justifi-header2.js

@@ -0,0 +1,43 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { S as StyledHost } from './styled-host.js';
+import { H as Header1 } from './header-1.js';
+import { H as Header2 } from './header-2.js';
+import { H as Header3 } from './header-3.js';
+
+const Header = /*@__PURE__*/ proxyCustomElement(class Header extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.levels = {
+            h1: Header1,
+            h2: Header2,
+            h3: Header3,
+        };
+        this.level = 'h1';
+    }
+    render() {
+        const HeaderComponent = this.levels[this.level];
+        return (h(StyledHost, { key: '73104ea086f8a9948e69f86451adf19e0f39fb32' }, h(HeaderComponent, { key: 'a8582109634299a24e2a9b3c7181c6bba511fde7', text: this.text, class: this.class })));
+    }
+}, [257, "justifi-header", {
+        "text": [1],
+        "level": [1],
+        "class": [1]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-header"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-header":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Header);
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { Header as H, defineCustomElement as d };

package/dist/module/justifi-modular-checkout.d.ts

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

package/dist/module/justifi-modular-checkout.js

@@ -0,0 +1,6 @@
+import { M as ModularCheckout, d as defineCustomElement$1 } from './modular-checkout.js';
+
+const JustifiModularCheckout = ModularCheckout;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiModularCheckout, defineCustomElement };

package/dist/module/justifi-order-terminals.js

@@ -1,21 +1,21 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-import { Y as heading4, $ as heading5, a1 as buttonPrimary, t as text } from './parts.js';
+import { X as heading4, _ as heading5, a0 as buttonPrimary, t as text } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
+import './justifi-radio-list-item2.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
+import { p as TerminalModel, C as ComponentErrorSeverity, o as TerminalOrder, f as TerminalOrderType, a as ComponentErrorCodes } from './Refund.js';
 import { B as BusinessService } from './business.service.js';
 import { a as Business } from './Business.js';
 import { m as makeGetBusiness } from './get-business.js';
 import { S as Skeleton } from './skeleton.js';
 import './config-state.js';
-import { n as formatPhoneNumber } from './utils2.js';
+import './dinero.js';
 import './Pagination.js';
-import './Payment.js';
-import { h as TerminalModel, g as TerminalOrder, a as TerminalOrderType } from './Refund.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { T as TerminalService } from './terminal.service.js';
+import { m as formatPhoneNumber } from './utils2.js';
 import { d as defineCustomElement$4 } from './custom-popper2.js';
 import { d as defineCustomElement$3 } from './form-control-tooltip2.js';
 import { d as defineCustomElement$2 } from './terminal-quantity-selector2.js';
@@ -231,7 +231,7 @@ const OrderTerminals = /*@__PURE__*/ proxyCustomElement(class OrderTerminals ext
         return (h("div", { class: "mt-3" }, h("div", { class: "text-end" }, "Order limit: ", this.orderLimit), h("div", { class: "d-flex justify-content-end mt-3" }, h("button", { class: "btn btn-primary submit-btn", onClick: this.submitOrder.bind(this), disabled: this.order.totalQuantity === 0 || this.submitting, part: buttonPrimary }, this.submitting ? 'Submitting...' : this.submitButtonText))));
     }
     render() {
-        return (h(StyledHost, { key: '80b0b2a922c06952333adf7c8190b0c2b59f6fd4' }, h("div", { key: '43b5b4d155e53e55b71483d31203dc6dacec1ae4', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (h(StyledHost, { key: 'bd9a460778680855f021376a57d6cecd71f9e560' }, h("div", { key: '7ac80b5f2499bdecb6f2c0e001f6c6631040c71e', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
     }
 }, [257, "justifi-order-terminals", {
         "businessId": [1, "business-id"],

package/dist/module/justifi-payment-details.js

@@ -2,8 +2,8 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { P as PaymentService } from './payment.service.js';
 import { m as makeGetPaymentDetails } from './get-payment-details.js';
 import { E as ErrorState } from './utils.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
 import { d as defineCustomElement$3 } from './details.js';
 import { d as defineCustomElement$2 } from './payment-details-core2.js';
 

package/dist/module/justifi-payment-provisioning.js

@@ -1,12 +1,10 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
 import { m as makeGetBusiness, g as makePostProvisioning } from './payment-provisioning-actions.js';
 import { B as BusinessService } from './business.service.js';
 import { A as Api } from './Api.js';
 import './Pagination.js';
-import './Payment.js';
-import './Refund.js';
 import './Business.js';
 import { d as defineCustomElement$y } from './bank-account-document-inputs.js';
 import { d as defineCustomElement$x } from './bank-account-form-inputs2.js';
@@ -99,7 +97,7 @@ const PaymentProvisioning = /*@__PURE__*/ proxyCustomElement(class PaymentProvis
         }
     }
     render() {
-        return (h("justifi-payment-provisioning-core", { key: '11871305b4b4974787a9278195ea0b314be250b0', businessId: this.businessId, authToken: this.authToken, allowOptionalFields: this.allowOptionalFields, formTitle: this.formTitle, getBusiness: this.getBusiness, postProvisioning: this.postProvisioning }));
+        return (h("justifi-payment-provisioning-core", { key: '6d77016584f204fdc4be5fd554b4eb1639e856ab', businessId: this.businessId, authToken: this.authToken, allowOptionalFields: this.allowOptionalFields, formTitle: this.formTitle, getBusiness: this.getBusiness, postProvisioning: this.postProvisioning }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

package/dist/module/justifi-payment-transactions-list.js

@@ -1,19 +1,19 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import './config-state.js';
-import { h as convertToLocal } from './utils2.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
+import './dinero.js';
+import { m as PaymentBalanceTransaction, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
 import { p as pagingDefaults } from './Pagination.js';
-import './Payment.js';
-import { e as PaymentBalanceTransaction } from './Refund.js';
 import './Business.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { P as PaymentService } from './payment.service.js';
 import { T as Table, a as TableWrapper, b as TableComponent, c as TableHead, d as TableHeadRow, e as TableBody, f as TableLoadingState, g as TableEmptyState, h as TableErrorState, i as TableRow, j as TableFoot, k as TableFootRow, l as TableFootCell } from './table.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import { T as TableClickActions } from './event-types.js';
-import { n as tableHeadCell, a8 as getAlternateTableCellPart } from './parts.js';
+import './justifi-radio-list-item2.js';
+import { e as convertToLocal } from './utils2.js';
+import { v as tableHeadCell, a8 as getAlternateTableCellPart } from './parts.js';
 import { d as defineCustomElement$2 } from './pagination-menu2.js';
 
 const makeGetPaymentTransactions = ({ id, authToken, service }) => async ({ params, onSuccess, onError, final }) => {
@@ -181,7 +181,7 @@ const PaymentTransactionsList = /*@__PURE__*/ proxyCustomElement(class PaymentTr
         return !this.showEmptyState && !this.showErrorState && !this.isLoading;
     }
     render() {
-        return (h(StyledHost, { key: '716f4c8f7d7a4e02a0bc11c4c19304b9fa2376ea' }, h(TableWrapper, { key: '85c0fb74e5208ceb8d4cd7d040f7de200b1fc211' }, h(TableComponent, { key: '64015db69c878d6339103743a636b7b058e0d897' }, h(TableHead, { key: '48624b5cd232afdf4e5386e9c01c13e48e3645f0' }, h(TableHeadRow, { key: 'fb67abf53476706c2c1851ffdb9ff54faced0431' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '85db5c723d781673ddd700980ac680743ea9eaac' }, h(TableLoadingState, { key: '72c5641bd1ff45d71996cee0789942d18e1531ef', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: 'a81cc544f50dfec1a8444d39f28ae0bf66d41e08', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: 'cfdc9817cbb5c399257b4bff9bb4620345766c9a', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '4f15aed8b10892db8e336f792bdf3279b7290f7f' }, h(TableFootRow, { key: '678a200a17d03130e09ff7b2b1eac850aa89e507' }, h(TableFootCell, { key: 'ca242b95a513d56ebedddbdde7b38a56f309a830', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: 'abca6ea0f991d6ff480d287c29d9feb069da243f', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '841ebb8426d9c6036e15a0327c4e02f0d9fab4d6' }, h(TableWrapper, { key: '7bbf6d05061ac70a84e7876147b33df2f1f470d7' }, h(TableComponent, { key: 'a60c1a98ed33ab0e572ab4296dc873405985be1a' }, h(TableHead, { key: '105c43a14e0a833a7f866def78e5658d7d08070f' }, h(TableHeadRow, { key: '67f3e503be6efb7606c79c894af4e5f357a8cfa0' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'e628b0bac4c53cd129ce43c68acd18f038c9e887' }, h(TableLoadingState, { key: '0ffff5bd7c9c505981a7d51a917be1d928d0619b', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '92a9b0251b8fec1a2b57cf5c9665390873619e87', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '71aac087777b219aaec57c6b9e6ac7751c322c3c', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '6dd7ede10307d376aa3df322dd71d469b2bb248a' }, h(TableFootRow, { key: 'e047fd731c36694aadd6a30726f5191f09f0ade9' }, h(TableFootCell, { key: '84001cf23c2b71a657131607d84179319de85c86', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '6dcbc441a602a2ee1ef046d2f425c8c7198e063a', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["propChanged"],

package/dist/module/justifi-payments-list-filters.js

@@ -5,7 +5,8 @@ import { a9 as paymentsListFilterMenu, aa as paymentIdPaymentsListFilterParam, a
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
-import { j as convertToUTC, h as convertToLocal } from './utils2.js';
+import './justifi-radio-list-item2.js';
+import { h as convertToUTC, e as convertToLocal } from './utils2.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-select2.js';
@@ -55,8 +56,8 @@ const PaymentsListFilters = /*@__PURE__*/ proxyCustomElement(class PaymentsListF
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '67b518cd0ccc4f12dac720857806ee8186ab2c25' }, h("table-filters-menu", { key: '970d600366a4bbd2ce7ee27f1b3da99a0b278e8c', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: '5aba7fd5b51d355c26865059dc43f6dc3f154092', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '11d3e50db04050dc2890fdd12dffc084fff4c1a0', class: "p-2" }, h("form-control-text", { key: 'a4c280684abe4f0e239bf368b1cacf8b67cc2f64', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: '9e791d3b4c0ce2674d3a530b246ee05e95c68382', class: "p-2" }, h("form-control-text", { key: '6ac6f5148f63d5a9b49e1a25cf33aaac2a450a70', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: '206371f04024bb84a80027f86d845f50589f3d79', class: "p-2" }, h("form-control-select", { key: '5a814b76afb391df8e6bfdf38aaea04061fc2bf6', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status, disabled: !!this.paymentStatus, part: paymentStatusPaymentsListFilterParam })), h("div", { key: 'e0d28004a2c0e303ac1f92019b8915104b71c513', class: "p-2" }, h("form-control-date", { key: '714bbe92c53f497fd0b289d1801b9a0272b5bf02', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterPaymentsListFilterParam })), h("div", { key: 'e414039de52738dbd52a30378daf3902f035fc57', class: "p-2" }, h("form-control-date", { key: 'f7fabb7771afc1e6de6d24d3eecb55d34f481ea0', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: 'b15957bb15b290d70e7861c34050677fabd9264d' }, h("table-filters-menu", { key: 'df4025d8caf104173172efa54452fb0d55c01c2a', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: 'c02dd26d5abb1d3fe60496f12a119ad5c88131a0', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'dcf37cf67a1778511554079ead35eb8291d87798', class: "p-2" }, h("form-control-text", { key: '6d788162b3b1f909ac57613e45b45e750535ee3d', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: '375b1391dd75fe06853ff956cf2f0d91bc2518d2', class: "p-2" }, h("form-control-text", { key: '2199451d90e6700f43d2b36d32266c3ab4ae9bd1', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: 'f7bbcda32b31b5bbba4d7989abcdef277f20f063', class: "p-2" }, h("form-control-select", { key: 'e54397eda17d94a09247c4a1a732baed03a85238', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status, disabled: !!this.paymentStatus, part: paymentStatusPaymentsListFilterParam })), h("div", { key: '6b6ded01e6b08c311b3806088cb4639755816dbd', class: "p-2" }, h("form-control-date", { key: 'aed2a28b21c0197e9ea7250ca7798c63ebeb6be4', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterPaymentsListFilterParam })), h("div", { key: '47470293a8368b6fc6c2a6d4392ca3da5ca4e3b4', class: "p-2" }, h("form-control-date", { key: 'e9d53abf3b92bc63e80427df2ac0503adeeec8da', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: createdBeforePaymentsListFilterParam }))))));
     }
 }, [257, "justifi-payments-list-filters", {

package/dist/module/justifi-payments-list.js

@@ -1,17 +1,16 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { P as PaymentService } from './payment.service.js';
 import './config-state.js';
-import './utils2.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
+import './dinero.js';
+import { c as Payment, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
 import './Pagination.js';
-import { b as Payment } from './Payment.js';
-import './Refund.js';
 import './Business.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
+import './justifi-radio-list-item2.js';
 import { d as defineCustomElement$2, a as defaultColumnsKeys } from './payments-list-core2.js';
 import { d as defineCustomElement$3 } from './pagination-menu2.js';
 
@@ -91,7 +90,7 @@ const PaymentsList = /*@__PURE__*/ proxyCustomElement(class PaymentsList extends
         }
     }
     render() {
-        return (h(StyledHost, { key: '60f3068b1b6dd23163f4fc373359a0e722ab9b3c' }, h("payments-list-core", { key: '0ab858c2d4aac570935e7d9fedff2596209d2701', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '2c77c3faa07c2f363a0c0ff2f4262de157effafc' }, h("payments-list-core", { key: '374dc84e80696157b60bfc04f836bcd8e59e67ff', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/justifi-payout-details.js

@@ -1,15 +1,13 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { P as PayoutService } from './payout.service.js';
 import './config-state.js';
-import './utils2.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
+import './dinero.js';
+import { k as Payout, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
 import './Pagination.js';
-import './Payment.js';
-import { P as Payout } from './Refund.js';
 import './Business.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { E as ErrorState } from './utils.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
 import { m as makeGetPayoutCSV } from './get-payout-csv.js';
 import { d as defineCustomElement$3 } from './details.js';
 import { d as defineCustomElement$2 } from './payout-details-core2.js';

package/dist/module/justifi-payout-transactions-list.js

@@ -1,19 +1,19 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import { c as configState } from './config-state.js';
-import { h as convertToLocal } from './utils2.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
+import './dinero.js';
+import { n as PayoutBalanceTransaction, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
 import { p as pagingDefaults } from './Pagination.js';
-import './Payment.js';
-import { f as PayoutBalanceTransaction } from './Refund.js';
 import './Business.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { P as PayoutService } from './payout.service.js';
 import { T as Table, a as TableWrapper, b as TableComponent, c as TableHead, d as TableHeadRow, e as TableBody, f as TableLoadingState, g as TableEmptyState, h as TableErrorState, i as TableRow, j as TableFoot, k as TableFootRow, l as TableFootCell } from './table.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import { T as TableClickActions } from './event-types.js';
-import { n as tableHeadCell, a8 as getAlternateTableCellPart } from './parts.js';
+import './justifi-radio-list-item2.js';
+import { e as convertToLocal } from './utils2.js';
+import { v as tableHeadCell, a8 as getAlternateTableCellPart } from './parts.js';
 import { d as defineCustomElement$2 } from './pagination-menu2.js';
 
 const makeGetPayoutTransactions = ({ accountId, authToken, service }) => async ({ params, onSuccess, onError, final }) => {
@@ -190,7 +190,7 @@ const PayoutTransactionsList = /*@__PURE__*/ proxyCustomElement(class PayoutTran
         return Object.assign({ payout_id: this.payoutId, limit: '15' }, this.pagingParams);
     }
     render() {
-        return (h(StyledHost, { key: '382bc120dea13ca982598c19909126a249a3de23' }, h(TableWrapper, { key: '77cdb2050a47c6304e3a24b318311ab7676264e2' }, h(TableComponent, { key: '670c2cf6ec1455ed2523d3cde389ee0ca4142455' }, h(TableHead, { key: '9f75efbc0aa60cbfd57d5b20e5b9a44c1c95b095' }, h(TableHeadRow, { key: 'c2f8389acb61f514e1e8b2fdd5f1bb4a47e3e46f' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '6b96bd3ea915f9afabdbe317e768379ff23b530e' }, h(TableLoadingState, { key: 'ad7a77434195c13194cf8f0595213e653682f4b5', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '330149636578b9d46be7904f2c213927686ef440', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: 'd7b3ee779a819c3de7542beee5e82ea581739f69', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '063cf60b9ad46ff38af07c46ebbb3ac10296bac2' }, h(TableFootRow, { key: '102448016a788fdea7893b1d3c02b27d4996b38b' }, h(TableFootCell, { key: 'c397b4cc805f55ae63954652b0a6d04c023324e5', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '05e25615b210d55a83ce8c5ee4da8a6ed82fe101', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '0a993aa9157e9ea6f75a4c745dd2751ab22d0623' }, h(TableWrapper, { key: '56a300b72bb39bf9aa4d9829f1634e5a48b71b15' }, h(TableComponent, { key: '7d3f9fc3159ea7568bd2904ed74a5d90198eecb7' }, h(TableHead, { key: '106703b0ed82206aca0b18a1217fbdad9316cca0' }, h(TableHeadRow, { key: '3d01490dc673358566747dd3aac4c61d1f8681f9' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'a1bf3cc192ef3434ff4626390f33361a984e276f' }, h(TableLoadingState, { key: 'edaf059907492b9911bfe11f6ae476711db7200f', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: 'b75807ecc951d0e62993b905246c3e58d676bb7c', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '7d759684cb4f42733028e734479ba2000495dcee', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'a657e7edf27d011926e2228b7a55ba6fb05f9dff' }, h(TableFootRow, { key: 'c1c592833f527432b53d42cca3a70637065b1918' }, h(TableFootCell, { key: 'b4dba89aa35e7632a9442ad3e804cdd3946377f7', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '935a7f48b344774fb6058de565a135ae70deb80e', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["propChanged"],

package/dist/module/justifi-payouts-list-filters.js

@@ -4,7 +4,8 @@ import { af as payoutsListFilterMenu, ag as createdAfterPayoutsListFilterParam,
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
-import { j as convertToUTC, h as convertToLocal } from './utils2.js';
+import './justifi-radio-list-item2.js';
+import { h as convertToUTC, e as convertToLocal } from './utils2.js';
 import { d as defineCustomElement$5 } from './custom-popper2.js';
 import { d as defineCustomElement$4 } from './form-control-date2.js';
 import { d as defineCustomElement$3 } from './form-control-tooltip2.js';
@@ -36,8 +37,8 @@ const PayoutsListFilters = /*@__PURE__*/ proxyCustomElement(class PayoutsListFil
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'ee311d3935be35c0849c953252918de4d637dbb9' }, h("table-filters-menu", { key: '1236e60bcf7c649cf34b1cbe36dce7acb0367f76', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: '994bc577431d951796311faf7e683fc751dd083c', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '8d3094ca700414f7ab9d8f98952dc93e425e5014', class: "p-2" }, h("form-control-date", { key: '0d08df3c4f1aeeef5708684b6a29ca951597eb05', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDate: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: createdAfterPayoutsListFilterParam })), h("div", { key: 'f9964f294ffa0116fca10d05680c5bb531c610dc', class: "p-2" }, h("form-control-date", { key: '72518f96fc20718817a445c9ea18f2b73d5547fb', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
+        return (h(StyledHost, { key: '4058d69f87431a4060160bc14912998ea14670dc' }, h("table-filters-menu", { key: '406371a2c3c552e6973da18b0e59a022a7c1ac99', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: '3d77e00351223fc512062193a19ab874a3c8799e', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '8be6000e3aa3de82e73ebb0133131c2f836def64', class: "p-2" }, h("form-control-date", { key: 'e6c5c50c8a5890573159c6de1955f33762f183b8', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDate: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: createdAfterPayoutsListFilterParam })), h("div", { key: '14c666a50387a2f58ea7a4871ef846eadf044e3a', class: "p-2" }, h("form-control-date", { key: 'ee56b0ca27c7d8f8562b23862d5aaebb3d4b3188', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDate: true }), disabled: !!this.createdBefore, part: createdBeforePayoutsListFilterParam }))))));
     }
 }, [257, "justifi-payouts-list-filters", {

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

@@ -1,12 +1,10 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
+import { k as Payout, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
 import { P as PayoutService } from './payout.service.js';
 import './config-state.js';
-import './utils2.js';
+import './dinero.js';
 import './Pagination.js';
-import './Payment.js';
-import { P as Payout } from './Refund.js';
 import './Business.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { m as makeGetPayoutCSV } from './get-payout-csv.js';
@@ -14,6 +12,7 @@ import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccoun
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
+import './justifi-radio-list-item2.js';
 import { d as defineCustomElement$2, a as defaultColumnsKeys } from './payouts-list-core2.js';
 import { d as defineCustomElement$3 } from './pagination-menu2.js';
 
@@ -105,7 +104,7 @@ const PayoutsList = /*@__PURE__*/ proxyCustomElement(class PayoutsList extends H
         }
     }
     render() {
-        return (h(StyledHost, { key: '84c48909bd0513c7df2e8c2c319d9680a8c780a4' }, h("payouts-list-core", { key: 'ba9b51366c03fbfced2fad98344cf2aca432416a', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
+        return (h(StyledHost, { key: 'b668ecfbc78e07ffeb5830a10f7a8675d15c5c97' }, h("payouts-list-core", { key: 'ae082078d735cafc42684db978e3e9dc48d75dd4', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/justifi-radio-list-item.d.ts

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

package/dist/module/justifi-radio-list-item.js

@@ -0,0 +1,6 @@
+import { J as JustifiRadioListItem$1, d as defineCustomElement$1 } from './justifi-radio-list-item2.js';
+
+const JustifiRadioListItem = JustifiRadioListItem$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiRadioListItem, defineCustomElement };

package/dist/module/justifi-radio-list-item2.js

@@ -0,0 +1,55 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { S as StyledHost } from './styled-host.js';
+import { r as radioListItem } from './parts.js';
+import { d as defineCustomElement$2 } from './form-control-help-text2.js';
+import { d as defineCustomElement$1 } from './form-control-radio2.js';
+
+const JustifiRadioListItem = /*@__PURE__*/ proxyCustomElement(class JustifiRadioListItem extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.radioClick = createEvent(this, "radio-click", 7);
+        this.checked = false;
+        this.hidden = false;
+        this.handleClick = () => {
+            this.radioClick.emit(this.value);
+        };
+    }
+    render() {
+        return (h(StyledHost, { key: '492a73e2bab02c04aa8733ce0b9ab801e5ff8875' }, h("div", { key: 'c095a98ba11739b85ece4c7bb0e0c30e7e08ec7b', class: `radio-list-item p-3 ${this.class || ''}`, part: radioListItem, onClick: this.handleClick, hidden: this.hidden }, h("form-control-radio", { key: '050ed9e552c4a8bf4462e544d3496bed356e7c06', name: this.name, value: this.value, checked: this.checked, label: this.label, inputHandler: () => null }))));
+    }
+}, [257, "justifi-radio-list-item", {
+        "name": [1],
+        "value": [1],
+        "label": [1],
+        "checked": [4],
+        "hidden": [4],
+        "class": [1]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-radio-list-item", "form-control-help-text", "form-control-radio"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-radio-list-item":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, JustifiRadioListItem);
+            }
+            break;
+        case "form-control-help-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "form-control-radio":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { JustifiRadioListItem as J, defineCustomElement as d };

package/dist/module/justifi-refund-payment.js

@@ -2,18 +2,17 @@ import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/i
 import { c as create$3, a as create$6, F as FormController } from './form.js';
 import { c as formatCurrency } from './utils2.js';
 import './config-state.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
+import { R as RefundReasons, C as ComponentErrorSeverity, a as ComponentErrorCodes, q as RefundPayload } from './Refund.js';
 import './Pagination.js';
-import './Payment.js';
-import { R as RefundReasons, i as RefundPayload } from './Refund.js';
 import './Business.js';
 import { B as Button } from './button.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
+import './justifi-radio-list-item2.js';
 import { P as PaymentService } from './payment.service.js';
 import { m as makeGetPaymentDetails } from './get-payment-details.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { A as Api } from './Api.js';
 import { S as Skeleton } from './skeleton.js';