@justifi/webcomponents 5.7.6-rc-20 → 5.7.6-rc-21

package/dist/esm/justifi-payment-provisioning.entry.js

@@ -1,19 +1,19 @@
 import { r as registerInstance, c as createEvent, h } from './index-kpoIU4v_.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-BZNENotR.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-D3fhoIFS.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
 import { m as makeGetBusiness, a as makePostProvisioning } from './payment-provisioning-actions-ONP8lDnV.js';
-import { B as BusinessService } from './business.service-BgXdRyYa.js';
-import { A as Api } from './Api-DQM93PRm.js';
-import './Refund-4B3c-kLz.js';
+import { B as BusinessService } from './business.service-Bdvhdc_d.js';
+import { A as Api } from './Api-N_veT2p6.js';
+import './Refund-Di6J0oN2.js';
 import './Pagination-CLHwhyvu.js';
-import './Payment-Bs0-9Lnt.js';
 import './Business-BCoP0TAV.js';
-import './Dispute-7MWRbTXI.js';
-import './package-Byn89EGB.js';
+import './Dispute-BH0Xfn-F.js';
+import './package-wutYt_7D.js';
 import './utils-BeQLScSm.js';
 import './config-state-BrllxiM0.js';
 import './index-B9me4yN2.js';
-import './utils-B7jE0g5_.js';
+import './utils-lb8p1Exq.js';
+import './dinero-HXpYMWUU.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
 
@@ -72,7 +72,7 @@ const PaymentProvisioning = class {
         }
     }
     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/esm/justifi-payment-transactions-list.entry.js

@@ -1,25 +1,25 @@
 import { h, r as registerInstance, c as createEvent } from './index-kpoIU4v_.js';
 import './config-state-BrllxiM0.js';
-import { a as convertToLocal } from './utils-B7jE0g5_.js';
+import './dinero-HXpYMWUU.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
-import { e as PaymentBalanceTransaction } from './Refund-4B3c-kLz.js';
+import { f as PaymentBalanceTransaction } from './Refund-Di6J0oN2.js';
 import { p as pagingDefaults } from './Pagination-CLHwhyvu.js';
-import './Payment-Bs0-9Lnt.js';
 import './Business-BCoP0TAV.js';
-import './Dispute-7MWRbTXI.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-BZNENotR.js';
+import './Dispute-BH0Xfn-F.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-D3fhoIFS.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
-import { P as PaymentService } from './payment.service-BnDr_9vX.js';
-import { T as Table, l as TableWrapper, a as TableComponent, b as TableHead, c as TableHeadRow, d as TableBody, e as TableLoadingState, f as TableEmptyState, g as TableErrorState, h as TableRow, i as TableFoot, j as TableFootRow, k as TableFootCell } from './table-CTPfsGKi.js';
+import { P as PaymentService } from './payment.service-BWO84KlP.js';
+import { T as Table, l as TableWrapper, a as TableComponent, b as TableHead, c as TableHeadRow, d as TableBody, e as TableLoadingState, f as TableEmptyState, g as TableErrorState, h as TableRow, i as TableFoot, j as TableFootRow, k as TableFootCell } from './table-qqt2Ew5y.js';
 import { S as StyledHost } from './styled-host-B_XBaM7z.js';
 import { T as TableClickActions } from './event-types-CZfYo5-1.js';
-import { N as tableHeadCell, O as getAlternateTableCellPart } from './parts-D3G5aVLy.js';
+import { a as convertToLocal } from './utils-lb8p1Exq.js';
+import { R as tableHeadCell, S as getAlternateTableCellPart } from './parts-CfF8KKwx.js';
 import './index-B9me4yN2.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
-import './package-Byn89EGB.js';
-import './Api-DQM93PRm.js';
-import './spinner-D-vbFqC6.js';
+import './package-wutYt_7D.js';
+import './Api-N_veT2p6.js';
+import './spinner-XBq6mVJW.js';
 
 const makeGetPaymentTransactions = ({ id, authToken, service }) => async ({ params, onSuccess, onError, final }) => {
     var _a;
@@ -184,7 +184,7 @@ const PaymentTransactionsList = class {
         return !this.showEmptyState && !this.showErrorState && !this.isLoading;
     }
     render() {
-        return (h(StyledHost, { key: '361096cb55ce8d0b669eb8185d5d29ede0987cc7' }, h(TableWrapper, { key: '7980a1003108ba8194822e5094a9b8bb85d6c758' }, h(TableComponent, { key: '3fdaea0631b7aceefe24bb85c7fecee9ef5b06d6' }, h(TableHead, { key: '7a92bbf526a2a30dd48137427e03caa9c75d07d5' }, h(TableHeadRow, { key: '1828192c594aad3554d15288b2769088fe1321cb' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'f2c63fb18e6e889013c67fd0b8dc39bac8dd06dc' }, h(TableLoadingState, { key: '9a2ac964da5b7c159fd08264e33a87d5df96e1e5', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '35c8474655e1ebd34c64e8aa6e71cb070710f3b4', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '2c87781e8791fd19de1cacdbba553f6f98d007f5', 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: 'ff33a6fa5fb2ed9df9c9ff223e8a0f3d0b30bff5' }, h(TableFootRow, { key: '66e73eae038757d1c99b1fa33624c58745e8c995' }, h(TableFootCell, { key: '4929f3a3c1ee06a1d09d0a12b5a2059c58780032', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '38a84d08bac6ac8a3dbdcae3c97d6416de7d780f', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '0ea0cd7e150028fa7dd07bc8d3a9900ba2de5728' }, h(TableWrapper, { key: 'cf8085e6989e1fb05c2b606a6d56c4af5ba33d33' }, h(TableComponent, { key: '2aeae7b80720b715e33b4decc824b08c95642951' }, h(TableHead, { key: '463a4486652002ec647d90d23eeba7251eccda98' }, h(TableHeadRow, { key: '8c2906ce4c1f53d196ac6134ad363332c4e831fb' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'bf1a2336f715ef317ee41f7b1de44b4256ac5f48' }, h(TableLoadingState, { key: '7bf57b2056d7e8a912d1e173d01b6007cc648441', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '3a578832c5c3c05fbcebad508e3922c180ee33cf', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '9cdff1699621d8e02d90ca7544a3e95340c6598e', 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: '9c5baf6c5bbba0c19f287fd2eddd7b06490f51df' }, h(TableFootRow, { key: '95460f894d3f6a9d20422aef2c9172cdc230e079' }, h(TableFootCell, { key: '33fa015f7a7a968c6697302616359991f5ae16cf', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: 'e1821a1b7658b503e11ff799413fa5ea368a7ae7', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["propChanged"],

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

@@ -1,12 +1,13 @@
 import { r as registerInstance, h } from './index-kpoIU4v_.js';
 import { l as lodashExports } from './lodash-BqWxUrkh.js';
 import { f as filterParams, p as propsParams, c as clearParams } from './payments-list-params-state-SMXQIZTt.js';
-import { f as paymentsListFilterMenu, g as paymentIdPaymentsListFilterParam, t as terminalIdPaymentsListFilterParam, h as paymentStatusPaymentsListFilterParam, j as createdAfterPaymentsListFilterParam, k as createdBeforePaymentsListFilterParam } from './parts-D3G5aVLy.js';
+import { f as paymentsListFilterMenu, g as paymentIdPaymentsListFilterParam, t as terminalIdPaymentsListFilterParam, h as paymentStatusPaymentsListFilterParam, j as createdAfterPaymentsListFilterParam, k as createdBeforePaymentsListFilterParam } from './parts-CfF8KKwx.js';
 import { S as StyledHost } from './styled-host-B_XBaM7z.js';
 import './event-types-CZfYo5-1.js';
-import { c as convertToUTC, a as convertToLocal } from './utils-B7jE0g5_.js';
+import { c as convertToUTC, a as convertToLocal } from './utils-lb8p1Exq.js';
 import './_commonjsHelpers-BFTU3MAI.js';
 import './index-B9me4yN2.js';
+import './dinero-HXpYMWUU.js';
 
 const PaymentsListFilters = class {
     constructor(hostRef) {
@@ -48,8 +49,8 @@ const PaymentsListFilters = class {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '8aba022fe4424789146723f919f5199c36a7c097' }, h("table-filters-menu", { key: '38d8465fc57343caa10693e8cabdb82454d61a5e', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: '450d7b50e8b6d566539e2556a68a2902eb7602d2', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'd371788631aaac9197d3ae3b1178948c91c6e5c1', class: "p-2" }, h("form-control-text", { key: '9c72f274a1993bd35364401484b83e026e7a1e28', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: '8172fb6ed0b92e6f9bbfa7c318d5ca4bd987ecac', class: "p-2" }, h("form-control-text", { key: 'b9ed00d0cfe7c5580515fd8da24c51676d5e30a8', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: 'ab8aa770e553e83ccecb2c29be2546e98b10aa25', class: "p-2" }, h("form-control-select", { key: 'b6c7af7c4b1a62c7a40cefd4df75093863f66bf8', 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: 'b0ca780bae36a8a5aa11eb96e49d17326d4d575b', class: "p-2" }, h("form-control-date", { key: 'df0aacad0d323cb67bc2521bd5d581632059341c', 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: 'c68669b6466711c96e2ead262506204884d38e55', class: "p-2" }, h("form-control-date", { key: '9fe44d67c5079b271d1de78ec5b097897f562bd4', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: 'cc126b534ca4b07c39837310f08a7dbbf12d793c' }, h("table-filters-menu", { key: '5417f231746c0dace09e623629c0b40b0e680714', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: '50cd8592d22b12788c31dfc744a39fcec7a32a0f', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'dd64e601b8881bb940dabfd05a5b6fa5fabc75fd', class: "p-2" }, h("form-control-text", { key: '172c56e0eb8c4d13ff30ff1f2266a30ab8d59e25', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: '70db55cf54206ab03112ff88757248deb3507084', class: "p-2" }, h("form-control-text", { key: 'c7e94136b6285d8d22f2170d26c166227451e914', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: 'f282e92c253370922ec06ae0ed9ef55d5515f55c', class: "p-2" }, h("form-control-select", { key: '7c35feaac9958fb44586e757ef708d2230c6a31c', 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: 'e74d305502ed5676d7ba6c332011f3aac2c757f4', class: "p-2" }, h("form-control-date", { key: '96a88abb0be10f2bd5c8c96beefbbd143a9c8a61', 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: '4c3e79b77675ba2cf7d5bc7746193ceabdc88aee', class: "p-2" }, h("form-control-date", { key: '275a24fbd7a806786182dda5d8f0eed1ad85528e', 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 }))))));
     }
 };

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

@@ -1,26 +1,26 @@
 import { r as registerInstance, c as createEvent, h } from './index-kpoIU4v_.js';
-import { P as PaymentService } from './payment.service-BnDr_9vX.js';
+import { P as PaymentService } from './payment.service-BWO84KlP.js';
 import './config-state-BrllxiM0.js';
-import './utils-B7jE0g5_.js';
+import './dinero-HXpYMWUU.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
-import './Refund-4B3c-kLz.js';
+import { P as Payment } from './Refund-Di6J0oN2.js';
 import './Pagination-CLHwhyvu.js';
-import { a as Payment } from './Payment-Bs0-9Lnt.js';
 import './Business-BCoP0TAV.js';
-import './Dispute-7MWRbTXI.js';
+import './Dispute-BH0Xfn-F.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-BZNENotR.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-D3fhoIFS.js';
 import { S as StyledHost } from './styled-host-B_XBaM7z.js';
 import './event-types-CZfYo5-1.js';
-import { d as defaultColumnsKeys } from './payments-table-BuiNqlwv.js';
-import './Api-DQM93PRm.js';
+import { d as defaultColumnsKeys } from './payments-table-Dh4P9mTb.js';
+import './Api-N_veT2p6.js';
+import './utils-lb8p1Exq.js';
 import './index-B9me4yN2.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
-import './package-Byn89EGB.js';
-import './payments-status-DVYzDcJ4.js';
-import './badge-D-vrtiQR.js';
-import './parts-D3G5aVLy.js';
+import './package-wutYt_7D.js';
+import './payments-status-XoZrlbiZ.js';
+import './badge-D_mzXSCQ.js';
+import './parts-CfF8KKwx.js';
 
 const makeGetPayments = ({ id, authToken, service }) => async ({ params, onSuccess, onError, final }) => {
     var _a, _b;
@@ -96,7 +96,7 @@ const PaymentsList = class {
         }
     }
     render() {
-        return (h(StyledHost, { key: 'a843084c5ce8fffa072095a61aa462ca11029850' }, h("payments-list-core", { key: 'a6c38665c7a07da34549114ab1b164a4d48eb59a', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'bd9d7950a22c554394e46bf09f48ced038fd5c44' }, h("payments-list-core", { key: '52a88a0a20484d863ac1a61ede8f657c35454f91', 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,23 +1,23 @@
 import { r as registerInstance, c as createEvent, h } from './index-kpoIU4v_.js';
-import { P as PayoutService } from './payout.service-Ai1aEuFC.js';
+import { P as PayoutService } from './payout.service-Cld6TS5W.js';
 import './config-state-BrllxiM0.js';
-import './utils-B7jE0g5_.js';
+import './dinero-HXpYMWUU.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
-import { P as Payout } from './Refund-4B3c-kLz.js';
+import { d as Payout } from './Refund-Di6J0oN2.js';
 import './Pagination-CLHwhyvu.js';
-import './Payment-Bs0-9Lnt.js';
 import './Business-BCoP0TAV.js';
-import './Dispute-7MWRbTXI.js';
+import './Dispute-BH0Xfn-F.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
-import { E as ErrorState } from './utils-CBJo9jNE.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-BZNENotR.js';
+import { E as ErrorState } from './utils-kWaZhFAd.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-D3fhoIFS.js';
 import { m as makeGetPayoutCSV } from './get-payout-csv-D-Lnooki.js';
-import './Api-DQM93PRm.js';
+import './Api-N_veT2p6.js';
+import './utils-lb8p1Exq.js';
 import './index-B9me4yN2.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
-import './parts-D3G5aVLy.js';
-import './package-Byn89EGB.js';
+import './parts-CfF8KKwx.js';
+import './package-wutYt_7D.js';
 
 const makeGetPayoutDetails = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a;

package/dist/esm/justifi-payout-transactions-list.entry.js

@@ -1,25 +1,25 @@
 import { h, r as registerInstance, c as createEvent } from './index-kpoIU4v_.js';
 import { c as configState } from './config-state-BrllxiM0.js';
-import { a as convertToLocal } from './utils-B7jE0g5_.js';
+import './dinero-HXpYMWUU.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
-import { f as PayoutBalanceTransaction } from './Refund-4B3c-kLz.js';
+import { g as PayoutBalanceTransaction } from './Refund-Di6J0oN2.js';
 import { p as pagingDefaults } from './Pagination-CLHwhyvu.js';
-import './Payment-Bs0-9Lnt.js';
 import './Business-BCoP0TAV.js';
-import './Dispute-7MWRbTXI.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-BZNENotR.js';
+import './Dispute-BH0Xfn-F.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-D3fhoIFS.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
-import { P as PayoutService } from './payout.service-Ai1aEuFC.js';
-import { T as Table, l as TableWrapper, a as TableComponent, b as TableHead, c as TableHeadRow, d as TableBody, e as TableLoadingState, f as TableEmptyState, g as TableErrorState, h as TableRow, i as TableFoot, j as TableFootRow, k as TableFootCell } from './table-CTPfsGKi.js';
+import { P as PayoutService } from './payout.service-Cld6TS5W.js';
+import { T as Table, l as TableWrapper, a as TableComponent, b as TableHead, c as TableHeadRow, d as TableBody, e as TableLoadingState, f as TableEmptyState, g as TableErrorState, h as TableRow, i as TableFoot, j as TableFootRow, k as TableFootCell } from './table-qqt2Ew5y.js';
 import { S as StyledHost } from './styled-host-B_XBaM7z.js';
 import { T as TableClickActions } from './event-types-CZfYo5-1.js';
-import { N as tableHeadCell, O as getAlternateTableCellPart } from './parts-D3G5aVLy.js';
+import { a as convertToLocal } from './utils-lb8p1Exq.js';
+import { R as tableHeadCell, S as getAlternateTableCellPart } from './parts-CfF8KKwx.js';
 import './index-B9me4yN2.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
-import './package-Byn89EGB.js';
-import './Api-DQM93PRm.js';
-import './spinner-D-vbFqC6.js';
+import './package-wutYt_7D.js';
+import './Api-N_veT2p6.js';
+import './spinner-XBq6mVJW.js';
 
 const makeGetPayoutTransactions = ({ accountId, authToken, service }) => async ({ params, onSuccess, onError, final }) => {
     var _a;
@@ -193,7 +193,7 @@ const PayoutTransactionsList = class {
         return Object.assign({ payout_id: this.payoutId, limit: '15' }, this.pagingParams);
     }
     render() {
-        return (h(StyledHost, { key: 'dea4847a741c529cdcc3fd7ea9601a2e18a4eb2c' }, h(TableWrapper, { key: '5f64785e0e90934f303a870ad926de7c6a4c274c' }, h(TableComponent, { key: '6cfeec59129cfe23bbc0f383487de9a46ea4b745' }, h(TableHead, { key: 'ba018e95819dcb822d5785e55bc746fc4c38944b' }, h(TableHeadRow, { key: '25148be0fdd114ab0c316be5bcf831a9c2772a0e' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '9bab9f321e57c277d28da1ec5eca2d54a9d8b3a4' }, h(TableLoadingState, { key: '17daf6218d2e62a1b9474239ec318382c7e35d20', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: 'c74a7f402a0461a409aa21db8b8ea0f1a56ab297', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: 'bfc19bdfee30c81caf0ad6438a355a419a6bfdc5', 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: '264872eb46643bd40c521669e00f0359598aff4c' }, h(TableFootRow, { key: 'cfadcb898d61410c1db6b87030d6d33af902d3a5' }, h(TableFootCell, { key: 'e648e056899773f3c4e34c116f7ce52af43766cf', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '2c372de8364ca61ec54f1aee2ce9db248fda469e', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '45d15a8a614512709c062ba0b73b21b4be60aae4' }, h(TableWrapper, { key: 'ea65c120639a42271fa79cfc2660ae8e5fcd7989' }, h(TableComponent, { key: 'e44aa8d9e57ea1a55dd75bbe80e44955b22b4e32' }, h(TableHead, { key: 'e663b101246f11d6bc6efc36ac3e9e39a0e2528a' }, h(TableHeadRow, { key: '2b672fd701d35c1654a08fa6a189040c54de31ea' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '8c03bd811e3b7e69b74fb51d4e2596bbff1c3fb4' }, h(TableLoadingState, { key: '0e6929873aea75e3b50969e39e07deac85551c0c', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '63520b2bba3e6b171c6822b3e3c1a9cdf6b7eec6', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '107042f52f39c43327134ac0f0b942713fb438cd', 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: '7acf7d4c451f25015fcdad0c8f1a4f2583ca5010' }, h(TableFootRow, { key: '2f996a483df8b2d3fc735e0e8259ccde63e25875' }, h(TableFootCell, { key: '3ba8fafc0f84057e5b1490f335810ad0526e3968', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: 'f5b47b52d59a554bd8ddb2bd08214eba5293d126', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["propChanged"],

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

@@ -1,10 +1,11 @@
 import { r as registerInstance, h } from './index-kpoIU4v_.js';
 import { f as filterParams, p as propsParams, c as clearParams } from './payouts-list-params-state-SMXQIZTt.js';
-import { m as payoutsListFilterMenu, n as createdAfterPayoutsListFilterParam, o as createdBeforePayoutsListFilterParam } from './parts-D3G5aVLy.js';
+import { m as payoutsListFilterMenu, n as createdAfterPayoutsListFilterParam, o as createdBeforePayoutsListFilterParam } from './parts-CfF8KKwx.js';
 import { S as StyledHost } from './styled-host-B_XBaM7z.js';
 import './event-types-CZfYo5-1.js';
-import { c as convertToUTC, a as convertToLocal } from './utils-B7jE0g5_.js';
+import { c as convertToUTC, a as convertToLocal } from './utils-lb8p1Exq.js';
 import './index-B9me4yN2.js';
+import './dinero-HXpYMWUU.js';
 
 const PayoutsListFilters = class {
     constructor(hostRef) {
@@ -30,8 +31,8 @@ const PayoutsListFilters = class {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '2f75bc63ce4b0fccc0f27620a09a17f06b663384' }, h("table-filters-menu", { key: '39c8c8c520d9e5de9b39a41ab63ed6eaa46ff2cb', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: '120fce1598a76a5b11ec1895b05c9c2fdb4e2bea', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '1236205512e66c3bfa405d86934c7a3fdc2be6ac', class: "p-2" }, h("form-control-date", { key: '28835bdbc3c334723bdccf71f77758091e11b250', 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: 'd9e401e5d0177fb6d872e2843c814b1192fa828f', class: "p-2" }, h("form-control-date", { key: '945ddcfce20817e649f88df01dfa251565ecea35', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
+        return (h(StyledHost, { key: '6c8121b37d463cddd5c1144a00a2941c71e578c9' }, h("table-filters-menu", { key: '60ae9a73059c2680eec39f89c10910ab59d31216', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: '3e4fd2b21b87cab6fe6bfb9b7a5f5d8b5bd853e9', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '8986319d9d5a1677d63c8a958327383f504489d2', class: "p-2" }, h("form-control-date", { key: '1fc277106b203b8ce15971f1606fd7fbf5358d71', 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: 'd86a3567ab76447c97383f694d23814132051ae1', class: "p-2" }, h("form-control-date", { key: '65e902f28fe683e58ae63eae459f6f6c582beb5d', 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 }))))));
     }
 };

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

@@ -1,28 +1,28 @@
 import { r as registerInstance, c as createEvent, h } from './index-kpoIU4v_.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-BZNENotR.js';
-import { P as PayoutService } from './payout.service-Ai1aEuFC.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-D3fhoIFS.js';
+import { P as PayoutService } from './payout.service-Cld6TS5W.js';
 import './config-state-BrllxiM0.js';
-import './utils-B7jE0g5_.js';
-import { P as Payout } from './Refund-4B3c-kLz.js';
+import './dinero-HXpYMWUU.js';
+import { d as Payout } from './Refund-Di6J0oN2.js';
 import './Pagination-CLHwhyvu.js';
-import './Payment-Bs0-9Lnt.js';
 import './Business-BCoP0TAV.js';
-import './Dispute-7MWRbTXI.js';
+import './Dispute-BH0Xfn-F.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
 import { m as makeGetPayoutCSV } from './get-payout-csv-D-Lnooki.js';
-import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts-C62B2OC_.js';
+import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts-BsoVLANw.js';
 import { S as StyledHost } from './styled-host-B_XBaM7z.js';
 import './event-types-CZfYo5-1.js';
-import { d as defaultColumnsKeys } from './payouts-table-cgIXP54P.js';
-import './package-Byn89EGB.js';
-import './Api-DQM93PRm.js';
+import { d as defaultColumnsKeys } from './payouts-table-DMVAZp-r.js';
+import './package-wutYt_7D.js';
+import './Api-N_veT2p6.js';
+import './utils-lb8p1Exq.js';
 import './index-B9me4yN2.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
-import './payouts-status-Bae6G8Hq.js';
-import './badge-D-vrtiQR.js';
-import './parts-D3G5aVLy.js';
+import './payouts-status-Qm2jZG1-.js';
+import './badge-D_mzXSCQ.js';
+import './parts-CfF8KKwx.js';
 
 const makeGetPayouts = ({ id, authToken, service }) => async ({ params, onSuccess, onError }) => {
     var _a, _b;
@@ -110,7 +110,7 @@ const PayoutsList = class {
         }
     }
     render() {
-        return (h(StyledHost, { key: 'd5ada83a3cbcb7ad077e2d4d2f3674981abbf08e' }, h("payouts-list-core", { key: '1d8b95d0e3f4f853a640d45c2c7aa19e54d747e3', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
+        return (h(StyledHost, { key: 'de3472c5070a100129ee16538e83cdb42ca85da6' }, h("payouts-list-core", { key: 'cff5883ee21662231467270a90c5030a724d7e57', 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-payment.entry.js

@@ -1,28 +1,28 @@
 import { h, r as registerInstance, c as createEvent } from './index-kpoIU4v_.js';
 import { c as create$3, a as create$6, F as FormController } from './index.esm-cYgKOXtz.js';
-import { f as formatCurrency } from './utils-B7jE0g5_.js';
+import { f as formatCurrency } from './utils-lb8p1Exq.js';
 import './config-state-BrllxiM0.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
-import { R as RefundReasons, i as RefundPayload } from './Refund-4B3c-kLz.js';
+import { R as RefundReasons, j as RefundPayload } from './Refund-Di6J0oN2.js';
 import './Pagination-CLHwhyvu.js';
-import './Payment-Bs0-9Lnt.js';
 import './Business-BCoP0TAV.js';
-import './Dispute-7MWRbTXI.js';
-import { B as Button } from './button-DxM4-mlD.js';
+import './Dispute-BH0Xfn-F.js';
+import { B as Button } from './button-CeR8qVS3.js';
 import { S as StyledHost } from './styled-host-B_XBaM7z.js';
 import './event-types-CZfYo5-1.js';
-import { P as PaymentService } from './payment.service-BnDr_9vX.js';
-import { m as makeGetPaymentDetails } from './get-payment-details-j8nOngzB.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-BZNENotR.js';
+import { P as PaymentService } from './payment.service-BWO84KlP.js';
+import { m as makeGetPaymentDetails } from './get-payment-details-Dt-dr16k.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-D3fhoIFS.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
-import { A as Api } from './Api-DQM93PRm.js';
-import { S as Skeleton } from './skeleton-CZfDofm6.js';
+import { A as Api } from './Api-N_veT2p6.js';
+import { S as Skeleton } from './skeleton-DrHwsgs_.js';
 import './_commonjsHelpers-BFTU3MAI.js';
+import './dinero-HXpYMWUU.js';
 import './index-B9me4yN2.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
-import './parts-D3G5aVLy.js';
-import './package-Byn89EGB.js';
+import './parts-CfF8KKwx.js';
+import './package-wutYt_7D.js';
 
 const amountValidation = (maxAmount) => {
     const max = +maxAmount;

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-kpoIU4v_.js';
-import { C as CardBrandLabels } from './payment-method-option-utils-Cm6lAaP1.js';
-import { r as radioListItem } from './parts-D3G5aVLy.js';
-import './utils-B7jE0g5_.js';
+import { C as CardBrandLabels } from './payment-method-option-utils-lUHAQVFl.js';
+import { r as radioListItem } from './parts-CfF8KKwx.js';
+import './dinero-HXpYMWUU.js';
 
 const SavedPaymentMethod = class {
     constructor(hostRef) {
@@ -22,7 +22,7 @@ const SavedPaymentMethod = class {
     ;
     render() {
         var _a, _b, _c;
-        return (h(Host, { key: 'c6a1d3de6363c80a0acb15c6676d3e913beeda2d', class: "payment-method" }, h("div", { key: 'fdabb1a67f654a3bcf06e86e8c42f6aa281e6757', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '0731e2ccb8080ee4972201a617cd99376627e332', 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: '077ad61b1a84963ebaad43397aa7c88211d9dd7e', class: "payment-method" }, h("div", { key: 'e01a2e45c55273cb0ee9774b60504d7098a74cf9', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: 'f34e9fe3f52fbf1acfdc72993259d6f6f58ac470', 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}` }))));
     }
 };
 

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

@@ -1,20 +1,25 @@
-import { r as registerInstance, c as createEvent, h } from './index-kpoIU4v_.js';
-import { A as Api } from './Api-DQM93PRm.js';
+import { h, r as registerInstance, c as createEvent } from './index-kpoIU4v_.js';
+import { A as Api } from './Api-N_veT2p6.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
-import './Refund-4B3c-kLz.js';
+import './Refund-Di6J0oN2.js';
 import './Pagination-CLHwhyvu.js';
-import './Payment-Bs0-9Lnt.js';
 import './Business-BCoP0TAV.js';
-import './Dispute-7MWRbTXI.js';
+import './Dispute-BH0Xfn-F.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-BZNENotR.js';
-import { c as checkoutStore } from './checkout.store-QrBBYQfi.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-D3fhoIFS.js';
+import { c as checkoutStore } from './checkout.store-B60siz2l.js';
+import { p as processHTML, f as formatCurrency, r as removeAttribute, h as addAttribute } from './utils-lb8p1Exq.js';
+import { v as validateInsuranceValues, i as insuranceValues, a as insuranceErrors, H as Header2 } from './insurance-state-CB4l8sOv.js';
+import { D as text, E as textDanger } from './parts-CfF8KKwx.js';
+import { S as StyledHost } from './styled-host-B_XBaM7z.js';
+import './event-types-CZfYo5-1.js';
+import { S as Skeleton } from './skeleton-DrHwsgs_.js';
 import './config-state-BrllxiM0.js';
 import './index-B9me4yN2.js';
-import './utils-B7jE0g5_.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
-import './package-Byn89EGB.js';
+import './package-wutYt_7D.js';
+import './dinero-HXpYMWUU.js';
 
 const api = Api();
 class InsuranceService {
@@ -85,18 +90,44 @@ const makeToggleCoverage = ({ authToken, service }) => async ({ quoteId, payload
     }
 };
 
+const SeasonInterruptionInsuranceLoading = () => (h("div", { class: "row gap-3" },
+    h("div", { class: "col-12" },
+        h(Skeleton, { width: "35%", height: "30px" })),
+    h("div", { class: "col-12" },
+        h(Skeleton, { width: "70%" })),
+    h("div", { class: "col-12" },
+        h(Skeleton, { width: "40%" })),
+    h("div", { class: "col-12" },
+        h(Skeleton, { width: "40%" })),
+    h("div", { class: "col-12" },
+        h(Skeleton, { width: "100%" })),
+    h("div", { class: "col-12" },
+        h(Skeleton, { width: "80%" }))));
+
 const SeasonInterruptionInsurance = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.insuranceUpdated = createEvent(this, "insurance-updated");
         this.errorEvent = createEvent(this, "error-event");
+        this.isLoading = true;
     }
     async validate() {
-        return this.seasonInterruptionCoreRef.validate();
+        return validateInsuranceValues();
+    }
+    processHTMLContent(html) {
+        return processHTML(html, [
+            (html) => removeAttribute(html, 'style'),
+            (html) => addAttribute(html, 'a', 'part', text),
+            (html) => addAttribute(html, 'p', 'part', text),
+        ]);
     }
     componentWillLoad() {
         checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
         this.initializeServiceMethods();
+        if (this.getQuote) {
+            this.fetchData();
+        }
     }
     disconnectedCallback() {
         var _a;
@@ -117,8 +148,77 @@ const SeasonInterruptionInsurance = class {
         this.getQuote = makeGetQuote(config);
         this.toggleCoverage = makeToggleCoverage(config);
     }
+    fetchData() {
+        this.isLoading = true;
+        this.getQuote({
+            payload: {
+                checkout_id: this.checkoutId || checkoutStore.checkoutId,
+                policy_type: "season_interruption",
+                primary_identity: {
+                    state: this.primaryIdentityState,
+                    email: this.primaryIdentityEmailAddress,
+                    first_name: this.primaryIdentityFirstName,
+                    last_name: this.primaryIdentityLastName,
+                    postal_code: this.primaryIdentityPostalCode,
+                    country: this.primaryIdentityCountry
+                },
+                policy_attributes: {
+                    insurable_amount: this.policyAttributesInsurableAmount,
+                    start_date: this.policyAttributesStartDate,
+                    end_date: this.policyAttributesEndDate,
+                    covered_identity: {
+                        first_name: this.coveredIdentityFirstName,
+                        last_name: this.coveredIdentityLastName
+                    }
+                }
+            },
+            onSuccess: ({ quote }) => {
+                this.quote = quote;
+                this.quote.product.description = this.processHTMLContent(this.quote.product.description);
+                this.quote.product.legal_disclaimer = this.processHTMLContent(this.quote.product.legal_disclaimer);
+                insuranceValues[quote.policy_type] = quote.accepted;
+                this.isLoading = false;
+            },
+            onError: ({ error, code, severity }) => {
+                this.isLoading = false;
+                this.errorEvent.emit({
+                    errorCode: code,
+                    message: error,
+                    severity,
+                });
+            }
+        });
+    }
+    onChangeHandler(_name, value) {
+        this.accepted = value;
+        insuranceErrors[this.quote.policy_type] = false;
+        this.toggleCoverage({
+            quoteId: this.quote.id,
+            payload: { accepted: this.accepted },
+            onSuccess: () => {
+                this.insuranceUpdated.emit();
+                insuranceValues[this.quote.policy_type] = this.accepted;
+            },
+            onError: ({ error, code, severity }) => {
+                this.errorEvent.emit({
+                    errorCode: code,
+                    message: error,
+                    severity,
+                });
+            }
+        });
+    }
+    get error() {
+        var _a;
+        return insuranceErrors[(_a = this.quote) === null || _a === void 0 ? void 0 : _a.policy_type];
+    }
     render() {
-        return (h("justifi-season-interruption-insurance-core", { key: 'a563c1f6daf665c6ae06442c18dd25400b420f39', ref: (el) => (this.seasonInterruptionCoreRef = el), "checkout-id": this.checkoutId || checkoutStore.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 }));
+        var _a, _b, _c, _d;
+        if (this.isLoading)
+            return (h(StyledHost, null, h(SeasonInterruptionInsuranceLoading, null)));
+        return (h(StyledHost, null, h("div", null, h(Header2, { text: (_a = this.quote) === null || _a === void 0 ? void 0 : _a.product.title, class: "fs-5 fw-bold pb-3" }), h("small", { part: text, innerHTML: (_b = this.quote) === null || _b === void 0 ? void 0 : _b.product.description }), h("form-control-radio", { label: `Accept coverage for ${formatCurrency((_c = this.quote) === null || _c === void 0 ? void 0 : _c.total_cents)}`, name: "opt-in", value: 'true', checked: this.accepted === 'true', inputHandler: this.onChangeHandler.bind(this),
+            // don't wanna show error message, but need to show the red border
+            errorText: this.error ? ' ' : undefined }), h("form-control-radio", { label: "Decline coverage", name: "opt-in", value: 'false', checked: this.accepted === 'false', inputHandler: this.onChangeHandler.bind(this), errorText: this.error ? ' ' : undefined }), h("div", { class: "invalid-feedback", style: { display: this.error ? 'block' : 'none' }, part: textDanger }, "Please select an option"), h("small", { part: text, innerHTML: (_d = this.quote) === null || _d === void 0 ? void 0 : _d.product.legal_disclaimer }))));
     }
 };
 

package/dist/esm/justifi-skeleton.entry.js

@@ -1,14 +1,14 @@
 import { r as registerInstance, h } from './index-kpoIU4v_.js';
 import { S as StyledHost } from './styled-host-B_XBaM7z.js';
-import { S as Skeleton } from './skeleton-CZfDofm6.js';
-import './parts-D3G5aVLy.js';
+import { S as Skeleton } from './skeleton-DrHwsgs_.js';
+import './parts-CfF8KKwx.js';
 
 const JustifiSkeleton = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(StyledHost, { key: '81d89538db32fccfe1fc77002ca40444f6743fc4' }, h(Skeleton, { key: 'f06c19c3a4e09ffbd9fc40810576c0b160fbe15f', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
+        return (h(StyledHost, { key: 'c54376afe1b0cebb0394ede10307bcdb32d68bb5' }, h(Skeleton, { key: '681e9e9d33bd7c2385e7b527f9093a93fbf884bb', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
     }
 };