@justifi/webcomponents 6.11.0 → 6.12.0

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

@@ -2,15 +2,16 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { P as PayoutService } from './payout.service.js';
 import './config-state.js';
 import './dinero.js';
-import { o as Payout, a as ComponentErrorSeverity, C as ComponentErrorCodes } from './Plaid.js';
+import { o as Payout, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
 import './Pagination.js';
 import './Business.js';
 import './ApplePay.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils3.js';
 import { E as ErrorState } from './utils.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
+import { J as JustifiAnalytics } from './Analytics.js';
 import { m as makeGetPayoutCSV } from './get-payout-csv.js';
-import { d as defineCustomElement$3 } from './details.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
+import { d as defineCustomElement$3 } from './justifi-details2.js';
 import { d as defineCustomElement$2 } from './payout-details-core2.js';
 
 const makeGetPayoutDetails = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
@@ -42,7 +43,7 @@ const makeGetPayoutDetails = ({ id, authToken, service }) => async ({ onSuccess,
     }
 };
 
-const PayoutDetails = /*@__PURE__*/ proxyCustomElement(class PayoutDetails extends HTMLElement {
+const JustifiPayoutDetails$1 = /*@__PURE__*/ proxyCustomElement(class JustifiPayoutDetails extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -120,7 +121,7 @@ function defineCustomElement$1() {
     components.forEach(tagName => { switch (tagName) {
         case "justifi-payout-details":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, PayoutDetails);
+                customElements.define(tagName, JustifiPayoutDetails$1);
             }
             break;
         case "justifi-details":
@@ -137,7 +138,7 @@ function defineCustomElement$1() {
 }
 defineCustomElement$1();
 
-const JustifiPayoutDetails = PayoutDetails;
+const JustifiPayoutDetails = JustifiPayoutDetails$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiPayoutDetails, defineCustomElement };

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

@@ -1,20 +1,21 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import { c as configState } from './config-state.js';
 import './dinero.js';
-import { r as PayoutBalanceTransaction, a as ComponentErrorSeverity, C as ComponentErrorCodes } from './Plaid.js';
+import { r as PayoutBalanceTransaction, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Business.js';
 import './ApplePay.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
+import { J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils3.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 './justifi-details2.js';
 import { T as TableClickActions } from './event-types.js';
 import './justifi-radio-list-item2.js';
 import { h as convertToLocal } from './utils2.js';
-import { w as tableHeadCell, ah as getAlternateTableCellPart } from './parts.js';
+import { B as tableHeadCell, ah as getAlternateTableCellPart } from './parts.js';
 import { d as defineCustomElement$2 } from './pagination-menu2.js';
 
 const makeGetPayoutTransactions = ({ accountId, authToken, service }) => async ({ params, onSuccess, onError, final }) => {
@@ -94,7 +95,7 @@ const payoutTransactionTableCells = {
     updated_at: (transaction) => (h("td", { part: getAlternateTableCellPart(transaction.updated_at) }, h("div", { class: "fw-bold" }, convertToLocal(transaction.updated_at, { showDisplayDate: true })), h("div", { class: "fw-bold" }, convertToLocal(transaction.updated_at, { showTime: true })))),
 };
 
-const PayoutTransactionsList = /*@__PURE__*/ proxyCustomElement(class PayoutTransactionsList extends HTMLElement {
+const JustifiPayoutTransactionsList$1 = /*@__PURE__*/ proxyCustomElement(class JustifiPayoutTransactionsList extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -187,7 +188,7 @@ const PayoutTransactionsList = /*@__PURE__*/ proxyCustomElement(class PayoutTran
         return Object.assign({ payout_id: this.payoutId, limit: '15' }, this.pagingParams);
     }
     render() {
-        return (h(StyledHost, { key: '5720eed99cb9b95399c46e2472b02a70c1fa775a' }, h(TableWrapper, { key: '8b24888a5220944ab6be99421246e903ad9de6d9' }, h(TableComponent, { key: 'cb18148644180e357c8aca3eb5b4fc966ea2d9d5' }, h(TableHead, { key: 'e8fb0fceb3471ed1d96e3bf26c76664fc0992c98' }, h(TableHeadRow, { key: 'dee86ce853830c030a5a60e2d4d6ef9f8d5d8246' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'd0621d65657ffdc545a10191b0debee1d1784d08' }, h(TableLoadingState, { key: 'd4d096bc66340ca51e4d8fe4e4a59c510f6d8b51', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '9262dcbbe2d7a43e04b241af7ca826531ee629eb', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '93eb78fda887c0e893bc5e5042675c9e5606c8ff', 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: '91b3c39985b8612ba62e6453f31e1ba1a05a842a' }, h(TableFootRow, { key: 'c37b899c8c3f5c944f4d75e5c633284aae5b8f57' }, h(TableFootCell, { key: '51730c9cb9d7affb7fcd5199a499183b5ad6aec7', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: 'e338f5882afb1a71a8095f48fff5a599286a6994', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '417f224dbed2219cfffc1d51ed1610f8c17251cf' }, h(TableWrapper, { key: '79cec94e004bd1e0ddbc98856a51db756d22c870' }, h(TableComponent, { key: '4f1fc1cca1cbd21895a7b44b765f2f19481fe11e' }, h(TableHead, { key: '6b9f02ab6fc0e05cfed7b596c5fbe0090caa1c5b' }, h(TableHeadRow, { key: '4d6af26a445e4e4be884e254aee56ca3a2f5e928' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'dc3847e822b42ad1ec3276a765e550010b3494ba' }, h(TableLoadingState, { key: 'e1d7dc0671c53340bac10fb6a8cba21d3491565d', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '5c0cb4eea3003c0d2b46fd8fa76b2e3cd6e06d1f', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '271edb981660d808298f3cd38c5b56bb975e20cf', 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: '0413ee414642f7201e2de86b683d53ea8ecdcf3e' }, h(TableFootRow, { key: 'cb9f2f5a9343dd12a2a6ab8294e2d545ad553836' }, h(TableFootCell, { key: 'fcdcae20878346b0dd0225b9ef22083fb0d1dddd', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: 'c6a2062f2bf46bddf452e72c18cc31e8d8628721', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["propChanged"],
@@ -217,7 +218,7 @@ function defineCustomElement$1() {
     components.forEach(tagName => { switch (tagName) {
         case "justifi-payout-transactions-list":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, PayoutTransactionsList);
+                customElements.define(tagName, JustifiPayoutTransactionsList$1);
             }
             break;
         case "pagination-menu":
@@ -229,7 +230,7 @@ function defineCustomElement$1() {
 }
 defineCustomElement$1();
 
-const JustifiPayoutTransactionsList = PayoutTransactionsList;
+const JustifiPayoutTransactionsList = JustifiPayoutTransactionsList$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiPayoutTransactionsList, defineCustomElement };

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

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/clien
 import { f as filterParams, p as propsParams, c as clearParams } from './payouts-list-params-state.js';
 import { ad as filterMenu, ae as filterParam } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
-import './details.js';
+import './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 import { e as convertToUTC, h as convertToLocal } from './utils2.js';
@@ -17,7 +17,7 @@ import { d as defineCustomElement$4 } from './form-control-select2.js';
 import { d as defineCustomElement$3 } from './form-control-tooltip2.js';
 import { d as defineCustomElement$2 } from './table-filters-menu2.js';
 
-const PayoutsListFilters = /*@__PURE__*/ proxyCustomElement(class PayoutsListFilters extends HTMLElement {
+const JustifiPayoutsListFilters$1 = /*@__PURE__*/ proxyCustomElement(class JustifiPayoutsListFilters extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -57,8 +57,8 @@ const PayoutsListFilters = /*@__PURE__*/ proxyCustomElement(class PayoutsListFil
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'f8e989bee50f9d877f46081060811c1e82d73fef' }, h("table-filters-menu", { key: '58f57d4b7cc46b06b90591cd978b83303bddd699', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '4f8ce19e11804635b63e604968305fb331e82e8b', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '750eb629811a2695c94b12a055bfa583666fa9a0', class: "p-2" }, h("form-control-select", { key: '741c7cea7c16d5f750c4fb70036db61451f694b1', name: "status", label: "Status", options: this.statusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.status || filterParams.status || '', disabled: !!this.status, part: filterParam })), h("div", { key: '1da6031e4521d46c35819a3dca111e576f627719', class: "p-2" }, h("form-control-date", { key: '5b1f782e23da892428b0e8c4ec863a5119842841', 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: filterParam })), h("div", { key: 'a1b19375d9e7cd6ec6aaf86daa0b50f0af41aea6', class: "p-2" }, h("form-control-date", { key: '910a6d4dd397c09eaba5037f387014266de019f4', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
+        return (h(StyledHost, { key: '8be08663402766ca7c59a8e13a5dd6c375921274' }, h("table-filters-menu", { key: 'a93fc8c2a91a6cd751e9a666534a3fa011e8035a', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '550cc64313b40f3a86022bdf1c5381b9bcccb61d', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'c7a331add778b6089b42faac0cf9647af3dff0d0', class: "p-2" }, h("form-control-select", { key: '60ad687908b8bb7b08ff3b84d8feec19e1508d1a', name: "status", label: "Status", options: this.statusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.status || filterParams.status || '', disabled: !!this.status, part: filterParam })), h("div", { key: '1144dab54cc77610ab2a7d12cb5ea22d615e5831', class: "p-2" }, h("form-control-date", { key: '1570cffe6b35742441c081314f4c5fb0dc8e4be4', 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: filterParam })), h("div", { key: '1fba24a82ce558bf2362eba2745be47dca4f7024', class: "p-2" }, h("form-control-date", { key: 'd52f8bdbb1616aa7951a669e0fa1a76b64ef1f3c', 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: filterParam }))))));
     }
 }, [257, "justifi-payouts-list-filters", {
@@ -74,7 +74,7 @@ function defineCustomElement$1() {
     components.forEach(tagName => { switch (tagName) {
         case "justifi-payouts-list-filters":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, PayoutsListFilters);
+                customElements.define(tagName, JustifiPayoutsListFilters$1);
             }
             break;
         case "custom-popper":
@@ -106,7 +106,7 @@ function defineCustomElement$1() {
 }
 defineCustomElement$1();
 
-const JustifiPayoutsListFilters = PayoutsListFilters;
+const JustifiPayoutsListFilters = JustifiPayoutsListFilters$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiPayoutsListFilters, defineCustomElement };

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

@@ -1,17 +1,18 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { o as Payout, a as ComponentErrorSeverity, C as ComponentErrorCodes } from './Plaid.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
+import { o as Payout, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
+import { J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
 import { P as PayoutService } from './payout.service.js';
 import './config-state.js';
 import './dinero.js';
 import './Pagination.js';
 import './Business.js';
 import './ApplePay.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils3.js';
 import { m as makeGetPayoutCSV } from './get-payout-csv.js';
 import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts.js';
 import { S as StyledHost } from './styled-host.js';
-import './details.js';
+import './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 import { d as defineCustomElement$2, a as defaultColumnsKeys } from './payouts-list-core2.js';
@@ -46,7 +47,7 @@ const makeGetPayouts = ({ id, authToken, service }) => async ({ params, onSucces
     }
 };
 
-const PayoutsList = /*@__PURE__*/ proxyCustomElement(class PayoutsList extends HTMLElement {
+const JustifiPayoutsList$1 = /*@__PURE__*/ proxyCustomElement(class JustifiPayoutsList extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -107,7 +108,7 @@ const PayoutsList = /*@__PURE__*/ proxyCustomElement(class PayoutsList extends H
         }
     }
     render() {
-        return (h(StyledHost, { key: '444ba614ceace536170e1e068b67d33b6a876c14' }, h("payouts-list-core", { key: 'ff27c97d2a7f9c89f5028e0430585f88330564db', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
+        return (h(StyledHost, { key: '6b277749b0f621327a6614cbdeffe595637b92b1' }, h("payouts-list-core", { key: '1c589706ad38c7e8e74f82ab29b431e6028a19bd', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],
@@ -133,7 +134,7 @@ function defineCustomElement$1() {
     components.forEach(tagName => { switch (tagName) {
         case "justifi-payouts-list":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, PayoutsList);
+                customElements.define(tagName, JustifiPayoutsList$1);
             }
             break;
         case "pagination-menu":
@@ -150,7 +151,7 @@ function defineCustomElement$1() {
 }
 defineCustomElement$1();
 
-const JustifiPayoutsList = PayoutsList;
+const JustifiPayoutsList = JustifiPayoutsList$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiPayoutsList, defineCustomElement };

package/dist/module/justifi-plaid-payment-method.js

@@ -1,6 +1,6 @@
-import { P as PlaidPaymentMethod, d as defineCustomElement$1 } from './plaid-payment-method.js';
+import { J as JustifiPlaidPaymentMethod$1, d as defineCustomElement$1 } from './justifi-plaid-payment-method2.js';
 
-const JustifiPlaidPaymentMethod = PlaidPaymentMethod;
+const JustifiPlaidPaymentMethod = JustifiPlaidPaymentMethod$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiPlaidPaymentMethod, defineCustomElement };

package/dist/module/{plaid-payment-method.js → justifi-plaid-payment-method2.js}

@@ -1,16 +1,16 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { c as checkoutStore, b as onChange } from './checkout.store.js';
+import { c as checkoutStore, o as onChange } from './checkout.store.js';
 import { S as StyledHost } from './styled-host.js';
-import './details.js';
+import './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 import { P as PlaidService } from './plaid.service.js';
-import { P as PLAID_ERROR_SEVERITY, b as PLAID_ERROR_MESSAGES, c as PlaidErrorCodes, a as ComponentErrorSeverity } from './Plaid.js';
+import { P as PLAID_ERROR_SEVERITY, b as PLAID_ERROR_MESSAGES, c as PlaidErrorCodes, C as ComponentErrorSeverity } from './Plaid.js';
 import { P as PAYMENT_METHODS } from './ModularCheckout.js';
 
 const plaidIconSvg = 'data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjggMjkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgY2xhc3M9ImNzcy0xcmRhajhtIj48ZyBmaWxsPSIjMTExIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yNS43NjI5IDI2LjI2MjhMMjggMTcuNTMwOUwyNC45NjkxIDE0LjUwMDFMMjcuOTk5OSAxMS40NjkxTDI1Ljc2MjggMi43MzcwNkwxNy4wMzA5IDAuNUwxNC4wMDAxIDMuNTMxTDEwLjk2OSAwLjUwMDE0TDIuMjM3MDYgMi43MzczNEwwIDExLjQ2OTFMMy4wMzEyOCAxNC40OTk5TDAuMDAwMTQgMTcuNTMxTDIuMjM3MiAyNi4yNjI5TDEwLjk2OTEgMjguNUwxNC4wMDAxIDI1LjQ2OUwxNy4wMzEgMjguNDk5OUwyNS43NjI5IDI2LjI2MjhaTTE1LjczMjEgMjMuNzM3MUwxOC42MTg2IDIwLjg1MDVMMjIuMjkxMiAyNC41MjMzTDE3LjY5NTYgMjUuNzAwN0wxNS43MzIxIDIzLjczNzFaTTExLjExMzYgOS44ODE1NEwxNC4wMDAzIDYuOTk1MDJMMTYuODg2OCA5Ljg4MTRMMTQuMDAwMSAxMi43Njc5TDExLjExMzYgOS44ODE1NFpNMTIuMjY4MiAxNC41TDkuMzgxNTQgMTcuMzg2NUw2LjQ5NTAyIDE0LjVMOS4zODE1NCAxMS42MTM1TDEyLjI2ODIgMTQuNVpNMTguNjE4NyAxMS42MTMzTDIxLjUwNTMgMTQuNUwxOC42MTg2IDE3LjM4NjVMMTUuNzMyMSAxNC41TDE4LjYxODcgMTEuNjEzM1pNMTYuODg2NyAxOS4xMTg2TDE0LjAwMDEgMjIuMDA1MUwxMS4xMTM1IDE5LjExODVMMTQuMDAwMSAxNi4yMzE5TDE2Ljg4NjcgMTkuMTE4NlpNMTAuMzA0NCAyNS43MDA3TDUuNzA4NjQgMjQuNTIzM0w5LjM4MTU0IDIwLjg1MDRMMTIuMjY4MiAyMy43MzcxTDEwLjMwNDQgMjUuNzAwN1pNNC43NjMwOCAxNi4yMzE5TDcuNjQ5NiAxOS4xMTg1TDMuOTc2NyAyMi43OTE0TDIuNzk5MyAxOC4xOTU3TDQuNzYzMDggMTYuMjMxOVpNMy45NzY3IDYuMjA4MzZMNy42NDk3NCA5Ljg4MTRMNC43NjMwOCAxMi43NjgxTDIuNzk5MyAxMC44MDQxTDMuOTc2NyA2LjIwODM2Wk0xMi4yNjgzIDUuMjYyOTRMOS4zODE2OCA4LjE0OTZMNS43MDg5MiA0LjQ3NjdMMTAuMzA0NyAzLjI5OTNMMTIuMjY4MyA1LjI2Mjk0Wk0xNy42OTU5IDMuMjk5M0wyMi4yOTE1IDQuNDc2N0wxOC42MTg2IDguMTQ5NDZMMTUuNzMyMSA1LjI2Mjk0TDE3LjY5NTkgMy4yOTkzWk0yMy4yMzcyIDEyLjc2ODFMMjAuMzUwNSA5Ljg4MTRMMjQuMDIzMyA2LjIwODc4TDI1LjIwMDcgMTAuODA0NkwyMy4yMzcyIDEyLjc2ODFaTTI0LjAyMzMgMjIuNzkxNEwyMC4zNTA1IDE5LjExODZMMjMuMjM3MiAxNi4yMzIxTDI1LjIwMDcgMTguMTk1N0wyNC4wMjMzIDIyLjc5MTRaIj48L3BhdGg+PC9nPjwvc3ZnPgo=';
 
-const PlaidPaymentMethod = /*@__PURE__*/ proxyCustomElement(class PlaidPaymentMethod extends HTMLElement {
+const JustifiPlaidPaymentMethod = /*@__PURE__*/ proxyCustomElement(class JustifiPlaidPaymentMethod extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -506,7 +506,7 @@ const PlaidPaymentMethod = /*@__PURE__*/ proxyCustomElement(class PlaidPaymentMe
         if (checkoutStore.bankAccountVerification !== true) {
             if (!this.hasLoggedDisabledWarning) {
                 // Log once per component lifecycle
-                console.warn('[PlaidPaymentMethod] bank_account_verification is disabled. Component will not render.');
+                console.warn('[JustifiPlaidPaymentMethod] bank_account_verification is disabled. Component will not render.');
                 this.hasLoggedDisabledWarning = true;
             }
             return null;
@@ -578,11 +578,11 @@ function defineCustomElement() {
     components.forEach(tagName => { switch (tagName) {
         case "justifi-plaid-payment-method":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, PlaidPaymentMethod);
+                customElements.define(tagName, JustifiPlaidPaymentMethod);
             }
             break;
     } });
 }
 defineCustomElement();
 
-export { PlaidPaymentMethod as P, defineCustomElement as d };
+export { JustifiPlaidPaymentMethod as J, defineCustomElement as d };

package/dist/module/justifi-product-or-service.js

@@ -1,6 +1,6 @@
-import { P as ProductOrService, d as defineCustomElement$1 } from './product-or-service.js';
+import { J as JustifiProductOrService$1, d as defineCustomElement$1 } from './justifi-product-or-service2.js';
 
-const JustifiProductOrService = ProductOrService;
+const JustifiProductOrService = JustifiProductOrService$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiProductOrService, defineCustomElement };

package/dist/module/{product-or-service.js → justifi-product-or-service2.js}

@@ -13,7 +13,7 @@ const ProductOrServiceSchema = create$3({
     service_date: create$6().nullable(),
 });
 
-const ProductOrService = /*@__PURE__*/ proxyCustomElement(class ProductOrService extends HTMLElement {
+const JustifiProductOrService = /*@__PURE__*/ proxyCustomElement(class JustifiProductOrService extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -41,7 +41,7 @@ const ProductOrService = /*@__PURE__*/ proxyCustomElement(class ProductOrService
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '05fccd72cd4c7d22cd23e8f14518f0e70dacb3e5' }, h("div", { key: '464b6335fb494bbd13a4eb8ab8be0e73b7658a6b', class: "row gy-3" }, h("div", { key: '446a4650edee4c7b5caa8709afce2826484d1f28', class: "col-12" }, h("h2", { key: 'f2414eb4ea879136177702367591cb45542a6cdb', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '5ce3d90815b48a94f7aadc104aa02d3c04ef423d', class: "col-12" }, h("form-control-text", { key: '721d1376342972cb9a2a932c7a710231435905a5', 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: 'f3580d06b1e390c3f769177091aa93b9b82e5b26', class: "col-12" }, h("form-control-date", { key: '9166a295b843c890100a41d33d38c69aaaa69950', 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: 'd67631887c3178f05ae85112f71bcefb5807496c', class: "col-12" }, h("form-control-file-v2", { key: '8e9f0b2a8ffb264e3d89a36a452477a72482eb8a', label: "Service Documentation", name: "service_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.service_documentation })))));
+        return (h("div", { key: '78ae891c29d08c3416f23a1a3f79f4748d76ab40' }, h("div", { key: '88c19ce6ceeaaa77cbd5aaed3b2bb171c0fed44c', class: "row gy-3" }, h("div", { key: '30a2df0197d01b911dce05df5b3340aab8b6af04', class: "col-12" }, h("h2", { key: 'ba463f9c6dbf9b28aa966b90b911c782cf14a6a3', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '19d497710739b9272f24ed5e1ab0ad265dfe1c3d', class: "col-12" }, h("form-control-text", { key: 'c6d921f51c08b5e4c6a0280b0dcb45bba9885f3e', 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: '3074df432c0f3959179237113eef15761dcbb5fb', class: "col-12" }, h("form-control-date", { key: '8edd606a143654dc458b70f9c67f1874223bb700', 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: 'dafb0b4514cdb1e87f02a92cd80d97b553519a3d', class: "col-12" }, h("form-control-file-v2", { key: '32af43dfd6b9f569723db219eb9db5c7f531df55', label: "Service Documentation", name: "service_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.service_documentation })))));
     }
 }, [256, "justifi-product-or-service", {
         "disputeResponse": [8, "dispute-response"],
@@ -59,7 +59,7 @@ function defineCustomElement() {
     components.forEach(tagName => { switch (tagName) {
         case "justifi-product-or-service":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, ProductOrService);
+                customElements.define(tagName, JustifiProductOrService);
             }
             break;
         case "custom-popper":
@@ -91,4 +91,4 @@ function defineCustomElement() {
 }
 defineCustomElement();
 
-export { ProductOrService as P, defineCustomElement as d };
+export { JustifiProductOrService as J, defineCustomElement as d };

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

@@ -1,8 +1,8 @@
 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';
+import { d as defineCustomElement$3 } from './form-control-help-text3.js';
+import { d as defineCustomElement$2 } from './form-control-radio2.js';
+import { d as defineCustomElement$1 } from './radio-list-item2.js';
 
 const JustifiRadioListItem = /*@__PURE__*/ proxyCustomElement(class JustifiRadioListItem extends HTMLElement {
     constructor(registerHost) {
@@ -14,12 +14,9 @@ const JustifiRadioListItem = /*@__PURE__*/ proxyCustomElement(class JustifiRadio
         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: '1ae40f787970160e38b72f917bda96f480d2a890' }, h("div", { key: '2130596c8294cc38365e6126806735da0f93ef4a', class: `radio-list-item p-3 ${this.class || ''}`, part: radioListItem, onClick: this.handleClick, hidden: this.hidden }, h("form-control-radio", { key: '7d5524f518430f2bfd1c9863f354318929353cfb', name: this.name, value: this.value, checked: this.checked, label: this.label, inputHandler: () => null }))));
+        return (h(StyledHost, { key: '02955940079320bd9c6bf94e239545385ac36458' }, h("radio-list-item", { key: 'fc6b98e456e4326b843b2b3248b7327436767cf4', name: this.name, value: this.value, label: this.label, checked: this.checked, hidden: this.hidden, class: this.class, "onRadio-click": (e) => this.radioClick.emit(e.detail) })));
     }
 }, [257, "justifi-radio-list-item", {
         "name": [1],
@@ -33,7 +30,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-radio-list-item", "form-control-help-text", "form-control-radio"];
+    const components = ["justifi-radio-list-item", "form-control-help-text", "form-control-radio", "radio-list-item"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-radio-list-item":
             if (!customElements.get(tagName)) {
@@ -42,10 +39,15 @@ function defineCustomElement() {
             break;
         case "form-control-help-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$2();
+                defineCustomElement$3();
             }
             break;
         case "form-control-radio":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "radio-list-item":
             if (!customElements.get(tagName)) {
                 defineCustomElement$1();
             }

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

@@ -2,23 +2,24 @@ 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 { R as RefundReasons, a as ComponentErrorSeverity, C as ComponentErrorCodes, u as RefundPayload } from './Plaid.js';
+import { R as RefundReasons, C as ComponentErrorSeverity, a as ComponentErrorCodes, u as RefundPayload } from './Plaid.js';
 import './Pagination.js';
 import './Business.js';
 import './ApplePay.js';
 import { B as Button } from './button.js';
 import { S as StyledHost } from './styled-host.js';
-import './details.js';
+import './justifi-details2.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 './Analytics.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
+import { J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils3.js';
 import { A as Api } from './Api.js';
 import { S as Skeleton } from './skeleton.js';
 import { d as defineCustomElement$7 } from './custom-popper2.js';
-import { d as defineCustomElement$6 } from './form-control-help-text2.js';
+import { d as defineCustomElement$6 } from './form-control-help-text3.js';
 import { d as defineCustomElement$5 } from './form-control-monetary2.js';
 import { d as defineCustomElement$4 } from './form-control-select2.js';
 import { d as defineCustomElement$3 } from './form-control-textarea2.js';
@@ -155,7 +156,7 @@ const RefundLoading = () => {
     return (h(StyledHost, null, h("div", { class: "row gap-5" }, h(FormBlock, null), h(FormBlock, null), h(FormBlock, null))));
 };
 
-const RefundPayment = /*@__PURE__*/ proxyCustomElement(class RefundPayment extends HTMLElement {
+const JustifiRefundPayment$1 = /*@__PURE__*/ proxyCustomElement(class JustifiRefundPayment extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -347,7 +348,7 @@ function defineCustomElement$1() {
     components.forEach(tagName => { switch (tagName) {
         case "justifi-refund-payment":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, RefundPayment);
+                customElements.define(tagName, JustifiRefundPayment$1);
             }
             break;
         case "custom-popper":
@@ -384,7 +385,7 @@ function defineCustomElement$1() {
 }
 defineCustomElement$1();
 
-const JustifiRefundPayment = RefundPayment;
+const JustifiRefundPayment = JustifiRefundPayment$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiRefundPayment, defineCustomElement };

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

@@ -1,6 +1,6 @@
-import { R as RefundPolicy, d as defineCustomElement$1 } from './refund-policy.js';
+import { J as JustifiRefundPolicy$1, d as defineCustomElement$1 } from './justifi-refund-policy2.js';
 
-const JustifiRefundPolicy = RefundPolicy;
+const JustifiRefundPolicy = JustifiRefundPolicy$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiRefundPolicy, defineCustomElement };

package/dist/module/{refund-policy.js → justifi-refund-policy2.js}

@@ -4,7 +4,7 @@ import { D as DisputeResponseFormStep, f as fileInputHandler } from './file-inpu
 import { ab 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-text2.js';
+import { d as defineCustomElement$3 } from './form-control-help-text3.js';
 import { d as defineCustomElement$2 } from './form-control-textarea2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 
@@ -13,7 +13,7 @@ const RefundPolicySchema = create$3({
     refund_refusal_explanation: create$6().nullable(),
 });
 
-const RefundPolicy = /*@__PURE__*/ proxyCustomElement(class RefundPolicy extends HTMLElement {
+const JustifiRefundPolicy = /*@__PURE__*/ proxyCustomElement(class JustifiRefundPolicy extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -41,7 +41,7 @@ const RefundPolicy = /*@__PURE__*/ proxyCustomElement(class RefundPolicy extends
     }
     render() {
         var _a, _b, _c, _d;
-        return (h("div", { key: 'b0b610c20e194b94743d99212e2efffef56520f9' }, h("div", { key: '0a17bc79f6a07aba4cf9e5f5ef0ee4a6d484bf51', class: "row gy-3" }, h("div", { key: '517679d918a832bdf8b21554cc9e4121c304cdff', class: "col-12" }, h("h2", { key: 'c49dfd3f5072031b1ff07e51df4149548e79d83a', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '5d7af624762783c0151d31e4c9600381b8a8fa3a', class: "col-12" }, h("form-control-textarea", { key: 'fb4ca818378fa6d674ba7c389f906145b9d11627', 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: '0591b80676048c52034b0571ac94a1daad70f102', class: "col-12" }, h("form-control-textarea", { key: '1ce0a48f04f12a8d4bc91d01e90dd6caa32018af', 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: 'd02a401923e4c38427cff3245767441ef4b9f779', class: "col-12" }, h("form-control-file-v2", { key: '772aefaf3e0a54768ef9163df0de8ba6cfdb28b5', label: "Upload Refund Policy", name: "refund_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.refund_policy })), h("div", { key: 'd113a7eacf5a4aee4132baed5fd6a76bd670ba30', class: "col-12" }, h("form-control-file-v2", { key: '8a3c5f1d006e97ff6bb385a76818a325686ff1de', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
+        return (h("div", { key: 'ce05a5b2408f95dfef0d3c24edb62c34f992bc61' }, h("div", { key: '41972a8136487f319d09181b110f4be93bd8846c', class: "row gy-3" }, h("div", { key: 'bf66351a5e8f5824e333addfacafba157728d9c7', class: "col-12" }, h("h2", { key: '2d5e8505b2c38dde873677ab55841cce229d29a9', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: 'cce914921aadf8d18e5f455690c54f154dda7e96', class: "col-12" }, h("form-control-textarea", { key: '5d59ffe00ba84d2c7fbfc4151bc86fb55b216907', 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: '01b51f496e0d064b8fec8ad5f992f9c19a7b0d2c', class: "col-12" }, h("form-control-textarea", { key: '580e58a7f90af35c187cc01b93f847b939bf7dbc', 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: '5e428dee0d8e6a06bc9e1e0bb15c7f4d1fafe8dc', class: "col-12" }, h("form-control-file-v2", { key: 'c7b1eac64ac72c4fd8299f1bafd23299e3b6057d', label: "Upload Refund Policy", name: "refund_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.refund_policy })), h("div", { key: 'e06b9507f5b91db6241d5d9628179aa946263097', class: "col-12" }, h("form-control-file-v2", { key: '36a8dee9bf6f60ff705440fb9fd727be1fa11209', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
     }
 }, [256, "justifi-refund-policy", {
         "disputeResponse": [8, "dispute-response"],
@@ -59,7 +59,7 @@ function defineCustomElement() {
     components.forEach(tagName => { switch (tagName) {
         case "justifi-refund-policy":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, RefundPolicy);
+                customElements.define(tagName, JustifiRefundPolicy);
             }
             break;
         case "custom-popper":
@@ -91,4 +91,4 @@ function defineCustomElement() {
 }
 defineCustomElement();
 
-export { RefundPolicy as R, defineCustomElement as d };
+export { JustifiRefundPolicy as J, defineCustomElement as d };

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

@@ -1,6 +1,54 @@
-import { S as SaveNewPaymentMethod, d as defineCustomElement$1 } from './save-new-payment-method.js';
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { S as StyledHost } from './styled-host.js';
+import './justifi-details2.js';
+import './event-types.js';
+import './justifi-radio-list-item2.js';
+import { d as defineCustomElement$3 } from './form-control-checkbox2.js';
+import { d as defineCustomElement$2 } from './save-new-payment-method2.js';
 
-const JustifiSaveNewPaymentMethod = SaveNewPaymentMethod;
+const JustifiSaveNewPaymentMethod$1 = /*@__PURE__*/ proxyCustomElement(class JustifiSaveNewPaymentMethod extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.checkboxChanged = createEvent(this, "checkboxChanged", 7);
+        this.label = 'Save New Payment Method';
+    }
+    render() {
+        return (h(StyledHost, { key: '58ca6f98ace8aba5658fa38215b0c0756907ce9f' }, h("save-new-payment-method", { key: '6bfd3950c0bdf26bca6866ebf1b155ac39466516', label: this.label, hidden: this.hidden, onCheckboxChanged: (e) => this.checkboxChanged.emit(e.detail) })));
+    }
+}, [257, "justifi-save-new-payment-method", {
+        "label": [1],
+        "hidden": [4]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-save-new-payment-method", "form-control-checkbox", "save-new-payment-method"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-save-new-payment-method":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, JustifiSaveNewPaymentMethod$1);
+            }
+            break;
+        case "form-control-checkbox":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "save-new-payment-method":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const JustifiSaveNewPaymentMethod = JustifiSaveNewPaymentMethod$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiSaveNewPaymentMethod, defineCustomElement };

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

@@ -1,10 +1,10 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { C as CardBrandLabels } from './payment-method-option-utils.js';
-import { r as radioListItem } from './parts.js';
-import { d as defineCustomElement$3 } from './form-control-help-text2.js';
+import { u as radioListItem } from './parts.js';
+import { d as defineCustomElement$3 } from './form-control-help-text3.js';
 import { d as defineCustomElement$2 } from './form-control-radio2.js';
 
-const SavedPaymentMethod = /*@__PURE__*/ proxyCustomElement(class SavedPaymentMethod extends HTMLElement {
+const JustifiSavedPaymentMethod$1 = /*@__PURE__*/ proxyCustomElement(class JustifiSavedPaymentMethod extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -26,7 +26,7 @@ const SavedPaymentMethod = /*@__PURE__*/ proxyCustomElement(class SavedPaymentMe
     ;
     render() {
         var _a, _b, _c;
-        return (h(Host, { key: 'c69143079680d44157ee7df3b344de8a841ac51d', class: "payment-method" }, h("div", { key: '16bb3b07ed7fa23efde64b92302b5f7f51958fc4', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: 'aa4b30d36088b1c1c71710e05c3746c03254629b', 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: 'fe98650c6e07078a56803a0c6191bae953c46ee7', class: "payment-method" }, h("div", { key: 'ec7feef41b74992bef8968e35bd206366e568ba9', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '423d813709707272bb22e309f18cc0a72031dd01', 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}` }))));
     }
 }, [256, "justifi-saved-payment-method", {
         "paymentMethodOption": [16],
@@ -41,7 +41,7 @@ function defineCustomElement$1() {
     components.forEach(tagName => { switch (tagName) {
         case "justifi-saved-payment-method":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, SavedPaymentMethod);
+                customElements.define(tagName, JustifiSavedPaymentMethod$1);
             }
             break;
         case "form-control-help-text":
@@ -58,7 +58,7 @@ function defineCustomElement$1() {
 }
 defineCustomElement$1();
 
-const JustifiSavedPaymentMethod = SavedPaymentMethod;
+const JustifiSavedPaymentMethod = JustifiSavedPaymentMethod$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiSavedPaymentMethod, defineCustomElement };

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

@@ -1,6 +1,6 @@
-import { S as SavedPaymentMethods, d as defineCustomElement$1 } from './saved-payment-methods.js';
+import { J as JustifiSavedPaymentMethods$1, d as defineCustomElement$1 } from './justifi-saved-payment-methods2.js';
 
-const JustifiSavedPaymentMethods = SavedPaymentMethods;
+const JustifiSavedPaymentMethods = JustifiSavedPaymentMethods$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiSavedPaymentMethods, defineCustomElement };