@justifi/webcomponents 5.7.4 → 5.7.6-rc-01

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

@@ -1,21 +1,20 @@
 'use strict';
 
-var index = require('./index-2GwnTbNA.js');
-var checkPkgVersion = require('./check-pkg-version-BlUxyRaM.js');
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-var paymentProvisioningActions = require('./payment-provisioning-actions-BkWSDJQQ.js');
-var business_service = require('./business.service-DNvLrr-n.js');
-var Api = require('./Api-BTdkb3Zh.js');
-require('./Checkout-TZnRz3-3.js');
+var index = require('./index-D5bL1DOi.js');
+var checkPkgVersion = require('./check-pkg-version-Dn-3Aibs.js');
+var ComponentError = require('./ComponentError-CEv9ltwy.js');
+var paymentProvisioningActions = require('./payment-provisioning-actions-SNMCdsyF.js');
+var business_service = require('./business.service-W2PRAU9J.js');
+var Api = require('./Api-c8NBCwu4.js');
+require('./Refund-Dt1CMUjx.js');
 require('./Pagination-Dediz133.js');
 require('./Payment-D5UynU2f.js');
-require('./Refund-BFE-2OxN.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-require('./package-v-c3ZR5a.js');
-require('./utils-l0veqT9y.js');
-require('./config-state-BTfJl-LU.js');
-require('./index-DEMVrrsF.js');
+require('./package-ClqzRJoK.js');
+require('./utils-IGCnjtqc.js');
+require('./config-state-Dz9bnWHg.js');
+require('./index-BCtVWU61.js');
 require('./utils-qOon0GWm.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./helpers-B5OCqlIM.js');

package/dist/cjs/justifi-payment-transactions-list.cjs.entry.js

@@ -1,29 +1,28 @@
 'use strict';
 
-var index = require('./index-2GwnTbNA.js');
-require('./config-state-BTfJl-LU.js');
+var index = require('./index-D5bL1DOi.js');
+require('./config-state-Dz9bnWHg.js');
 var utils$1 = require('./utils-qOon0GWm.js');
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-require('./Checkout-TZnRz3-3.js');
+var ComponentError = require('./ComponentError-CEv9ltwy.js');
+var Refund = require('./Refund-Dt1CMUjx.js');
 var Pagination = require('./Pagination-Dediz133.js');
 require('./Payment-D5UynU2f.js');
-var Refund = require('./Refund-BFE-2OxN.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var checkPkgVersion = require('./check-pkg-version-BlUxyRaM.js');
-var utils = require('./utils-l0veqT9y.js');
-var payment_service = require('./payment.service-CVZgDrZw.js');
-var table = require('./table-BgQP2M2-.js');
-var styledHost = require('./styled-host-IMxk64cc.js');
+var checkPkgVersion = require('./check-pkg-version-Dn-3Aibs.js');
+var utils = require('./utils-IGCnjtqc.js');
+var payment_service = require('./payment.service-BrvtS3F7.js');
+var table = require('./table-CxvETNS1.js');
+var styledHost = require('./styled-host-DXNHOiqW.js');
 var eventTypes = require('./event-types-YOY5TKUN.js');
 var parts = require('./parts-9jMf1erK.js');
-require('./index-DEMVrrsF.js');
+require('./index-BCtVWU61.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
-require('./package-v-c3ZR5a.js');
-require('./Api-BTdkb3Zh.js');
-require('./spinner-DOC4Ab7M.js');
+require('./package-ClqzRJoK.js');
+require('./Api-c8NBCwu4.js');
+require('./spinner-CIZFX7bz.js');
 
 const makeGetPaymentTransactions = ({ id, authToken, service }) => async ({ params, onSuccess, onError, final }) => {
     var _a;
@@ -188,7 +187,7 @@ const PaymentTransactionsList = class {
         return !this.showEmptyState && !this.showErrorState && !this.isLoading;
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '5afad0e2e8dc4f37660b09c434fa1e69014194f6' }, index.h(table.TableWrapper, { key: '90b657d1a31077ccfee1c494e5bde526572d86b1' }, index.h(table.TableComponent, { key: 'c25fd7f2cb00dff6e7d1e5102660c28c08735439' }, index.h(table.TableHead, { key: 'a6a9bfd9dff7aa5c82e2dbe5c3c5674b4e6a5c04' }, index.h(table.TableHeadRow, { key: 'a7e136e48933ae4f7dabc3cb70bda5f2016b400f' }, this.transactionsTable.columnData.map((column) => column))), index.h(table.TableBody, { key: '921169d43283f1b13921f3972e4ff912a92a27eb' }, index.h(table.TableLoadingState, { key: '69e6d2c8df07e0acb657ab0f7997b6576be86c91', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), index.h(table.TableEmptyState, { key: '6a8a44d407bc4cb75e003ce68b174eed3aee885f', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), index.h(table.TableErrorState, { key: '599552617b6e9f4dc6451a4fbbb5fe2c402849e4', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index$1) => (index.h(table.TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h(table.TableFoot, { key: 'c2cadba24db21209557443e598ae2fbb1f4f1ffa' }, index.h(table.TableFootRow, { key: 'ffa9e9f6bf3dd7bb6bb5b8626756edf7ee249074' }, index.h(table.TableFootCell, { key: '7d6a900f2aac9483004c4eda42b3592db4495cca', colSpan: this.transactionsTable.columnData.length }, index.h("pagination-menu", { key: '028b35bc60ff879529a10ef43de4f45ba2aeb584', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (index.h(styledHost.StyledHost, { key: '1222542358d9e7495486f3c68e5f64867396580c' }, index.h(table.TableWrapper, { key: '561e90e5b184db206183346fab42f400e7cf6bfb' }, index.h(table.TableComponent, { key: '3dc0a8995b8e7a2c8fff4c71c4e381c1722cef68' }, index.h(table.TableHead, { key: '6efdcc49cbf8411af8d5f291a400a7bbe4202e30' }, index.h(table.TableHeadRow, { key: 'b86643118789b808b857e43e22ca8a541a67571e' }, this.transactionsTable.columnData.map((column) => column))), index.h(table.TableBody, { key: '86e8dc7866f75b092b5f5e545f6d6021628fda43' }, index.h(table.TableLoadingState, { key: '70ae8aec85601944c443f983f3d2e44c5e1104fd', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), index.h(table.TableEmptyState, { key: 'b921157d2ffd267fb23293d7928e0b59fbb4cb32', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), index.h(table.TableErrorState, { key: '9101fb0a98ef815cff3216875eca8fe700dbae7c', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index$1) => (index.h(table.TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h(table.TableFoot, { key: '5536fcc48352ccfc0cb32d9aa95ee776e90cc7c5' }, index.h(table.TableFootRow, { key: '5abc999156f8efcc509f76686c967d13dba6a026' }, index.h(table.TableFootCell, { key: '93a390c9f8b222ce73243198ceb0698d2d261bd8', colSpan: this.transactionsTable.columnData.length }, index.h("pagination-menu", { key: 'fa01e04f6f6965b1f0749bbe8581bbf3ab53bc45', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["propChanged"],

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

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./index-2GwnTbNA.js');
+var index = require('./index-D5bL1DOi.js');
 var lodash = require('./lodash-CvSCBJ_8.js');
-var paymentsListParamsState = require('./payments-list-params-state-fVsfZZ5G.js');
+var paymentsListParamsState = require('./payments-list-params-state-DZUKBmLC.js');
 var parts = require('./parts-9jMf1erK.js');
-var styledHost = require('./styled-host-IMxk64cc.js');
+var styledHost = require('./styled-host-DXNHOiqW.js');
 require('./event-types-YOY5TKUN.js');
 var utils = require('./utils-qOon0GWm.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
-require('./index-DEMVrrsF.js');
+require('./index-BCtVWU61.js');
 
 const PaymentsListFilters = class {
     constructor(hostRef) {
@@ -50,8 +50,8 @@ const PaymentsListFilters = class {
     }
     render() {
         const filterMenuParams = Object.assign({}, paymentsListParamsState.filterParams);
-        return (index.h(styledHost.StyledHost, { key: '41c3ce22404b0e8e536d8c230886eadc34b77208' }, index.h("table-filters-menu", { key: '864a91207169043f08a47c90c8f867d0e32031e2', params: filterMenuParams, clearParams: paymentsListParamsState.clearParams, part: parts.paymentsListFilterMenu }, index.h("div", { key: 'd2a98ef4ab0094f708de21c2c3e02ec149b5e72f', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: '00b9b884348d47e7dc1670064c1c0486eefc0a21', class: "p-2" }, index.h("form-control-text", { key: '405ee21a3780942784738a0cc0a3b423a03c2b5e', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || paymentsListParamsState.filterParams.payment_id, disabled: !!this.paymentId, part: parts.paymentIdPaymentsListFilterParam })), index.h("div", { key: '5401d6d05995af1fa7ab801987d79711c16aecc1', class: "p-2" }, index.h("form-control-text", { key: 'e1518fddbd3e62af0ddce873a191376b2504c9e0', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || paymentsListParamsState.filterParams.terminal_id, disabled: !!this.terminalId, part: parts.terminalIdPaymentsListFilterParam })), index.h("div", { key: '131c39879c3823c3d380d4939e6b93a2771bc86a', class: "p-2" }, index.h("form-control-select", { key: '856053d6ce5381956a18c6a21df169898fa71616', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || paymentsListParamsState.filterParams.payment_status, disabled: !!this.paymentStatus, part: parts.paymentStatusPaymentsListFilterParam })), index.h("div", { key: '76ad87197605e45ae06fefc547755df29741fa18', class: "p-2" }, index.h("form-control-date", { key: '7cdd9b684a87e2da99ecfe963349433bf7ac1d45', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                utils.convertToLocal(paymentsListParamsState.filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: parts.createdAfterPaymentsListFilterParam })), index.h("div", { key: 'ae78b441f6dbbbdca902fb4f83f7531e80322ff2', class: "p-2" }, index.h("form-control-date", { key: '34d321e3cd47ccd95ea30d7a54cfb36e34af64db', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (index.h(styledHost.StyledHost, { key: 'cad5007fe498aa2c9f660237a521484c244cf474' }, index.h("table-filters-menu", { key: '4b0f4b6e09ee5839890d041a641d7988d36491ca', params: filterMenuParams, clearParams: paymentsListParamsState.clearParams, part: parts.paymentsListFilterMenu }, index.h("div", { key: '331914224ba6e9ea1f96f61457d84b63ac9e9cc0', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: '80acaed15b83022d95d14d1bb2d18b1b65b57e32', class: "p-2" }, index.h("form-control-text", { key: 'd7566c7db6b0da0708b3c3c7d104e4c63b2cbb92', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || paymentsListParamsState.filterParams.payment_id, disabled: !!this.paymentId, part: parts.paymentIdPaymentsListFilterParam })), index.h("div", { key: 'ce39d29814522dc85ec547a507ffe2863bffc244', class: "p-2" }, index.h("form-control-text", { key: 'd5d558707fc2577ef035dd05d0a2ae7a944008a4', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || paymentsListParamsState.filterParams.terminal_id, disabled: !!this.terminalId, part: parts.terminalIdPaymentsListFilterParam })), index.h("div", { key: '9dc9eb22b1d46a36a6dc82853351c5321b9864f3', class: "p-2" }, index.h("form-control-select", { key: 'd59e9c9b816aef996d8eefd3a199cab6aa66b27a', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || paymentsListParamsState.filterParams.payment_status, disabled: !!this.paymentStatus, part: parts.paymentStatusPaymentsListFilterParam })), index.h("div", { key: '289e889f9933e9b2fe0baa407f7cee720c2cb30d', class: "p-2" }, index.h("form-control-date", { key: '42156ed44bf95904289a878e7fab17cdff6a555e', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                utils.convertToLocal(paymentsListParamsState.filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: parts.createdAfterPaymentsListFilterParam })), index.h("div", { key: 'b677ef4b209452c31a60c00ad0a6803528a50ff4', class: "p-2" }, index.h("form-control-date", { key: '5d57efd28d50a5317b74ff3a202387a6dd5a3d95', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
                 utils.convertToLocal(paymentsListParamsState.filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: parts.createdBeforePaymentsListFilterParam }))))));
     }
 };

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

@@ -1,29 +1,28 @@
 'use strict';
 
-var index = require('./index-2GwnTbNA.js');
-var payment_service = require('./payment.service-CVZgDrZw.js');
-require('./config-state-BTfJl-LU.js');
+var index = require('./index-D5bL1DOi.js');
+var payment_service = require('./payment.service-BrvtS3F7.js');
+require('./config-state-Dz9bnWHg.js');
 require('./utils-qOon0GWm.js');
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-require('./Checkout-TZnRz3-3.js');
+var ComponentError = require('./ComponentError-CEv9ltwy.js');
+require('./Refund-Dt1CMUjx.js');
 require('./Pagination-Dediz133.js');
 var Payment = require('./Payment-D5UynU2f.js');
-require('./Refund-BFE-2OxN.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var utils = require('./utils-l0veqT9y.js');
-var checkPkgVersion = require('./check-pkg-version-BlUxyRaM.js');
-var styledHost = require('./styled-host-IMxk64cc.js');
+var utils = require('./utils-IGCnjtqc.js');
+var checkPkgVersion = require('./check-pkg-version-Dn-3Aibs.js');
+var styledHost = require('./styled-host-DXNHOiqW.js');
 require('./event-types-YOY5TKUN.js');
-var paymentsTable = require('./payments-table-BM3AoAJf.js');
-require('./Api-BTdkb3Zh.js');
-require('./index-DEMVrrsF.js');
+var paymentsTable = require('./payments-table-BqxFc71K.js');
+require('./Api-c8NBCwu4.js');
+require('./index-BCtVWU61.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
-require('./package-v-c3ZR5a.js');
-require('./payments-status-DPqU5v9h.js');
-require('./badge-sO_Hcamo.js');
+require('./package-ClqzRJoK.js');
+require('./payments-status-DG50GuXR.js');
+require('./badge-DDksduwk.js');
 require('./parts-9jMf1erK.js');
 
 const makeGetPayments = ({ id, authToken, service }) => async ({ params, onSuccess, onError, final }) => {
@@ -100,7 +99,7 @@ const PaymentsList = class {
         }
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '26ccbd4f232a44cc9a682d9496fc0eb714c89864' }, index.h("payments-list-core", { key: 'c2b9653272eb8e3ebcd21309a0c475514ec1aa35', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (index.h(styledHost.StyledHost, { key: 'b3b4380a5b1c78bff1a93209079bc1af1343cf92' }, index.h("payments-list-core", { key: '083e8cdcbfc132d193ca563fe21bab7f23df71ad', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

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

@@ -1,27 +1,26 @@
 'use strict';
 
-var index = require('./index-2GwnTbNA.js');
-var payout_service = require('./payout.service-D6kmeDsy.js');
-require('./config-state-BTfJl-LU.js');
+var index = require('./index-D5bL1DOi.js');
+var payout_service = require('./payout.service-DNH6gRrP.js');
+require('./config-state-Dz9bnWHg.js');
 require('./utils-qOon0GWm.js');
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-require('./Checkout-TZnRz3-3.js');
+var ComponentError = require('./ComponentError-CEv9ltwy.js');
+var Refund = require('./Refund-Dt1CMUjx.js');
 require('./Pagination-Dediz133.js');
 require('./Payment-D5UynU2f.js');
-var Refund = require('./Refund-BFE-2OxN.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var utils = require('./utils-l0veqT9y.js');
-var utils$1 = require('./utils-bn0fXuc-.js');
-var checkPkgVersion = require('./check-pkg-version-BlUxyRaM.js');
-var getPayoutCsv = require('./get-payout-csv-CXEQkjDm.js');
-require('./Api-BTdkb3Zh.js');
-require('./index-DEMVrrsF.js');
+var utils = require('./utils-IGCnjtqc.js');
+var utils$1 = require('./utils-wkdkLmDI.js');
+var checkPkgVersion = require('./check-pkg-version-Dn-3Aibs.js');
+var getPayoutCsv = require('./get-payout-csv-CdNRRH0t.js');
+require('./Api-c8NBCwu4.js');
+require('./index-BCtVWU61.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 require('./parts-9jMf1erK.js');
-require('./package-v-c3ZR5a.js');
+require('./package-ClqzRJoK.js');
 
 const makeGetPayoutDetails = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a;

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

@@ -1,29 +1,28 @@
 'use strict';
 
-var index = require('./index-2GwnTbNA.js');
-var configState = require('./config-state-BTfJl-LU.js');
+var index = require('./index-D5bL1DOi.js');
+var configState = require('./config-state-Dz9bnWHg.js');
 var utils$1 = require('./utils-qOon0GWm.js');
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-require('./Checkout-TZnRz3-3.js');
+var ComponentError = require('./ComponentError-CEv9ltwy.js');
+var Refund = require('./Refund-Dt1CMUjx.js');
 var Pagination = require('./Pagination-Dediz133.js');
 require('./Payment-D5UynU2f.js');
-var Refund = require('./Refund-BFE-2OxN.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var checkPkgVersion = require('./check-pkg-version-BlUxyRaM.js');
-var utils = require('./utils-l0veqT9y.js');
-var payout_service = require('./payout.service-D6kmeDsy.js');
-var table = require('./table-BgQP2M2-.js');
-var styledHost = require('./styled-host-IMxk64cc.js');
+var checkPkgVersion = require('./check-pkg-version-Dn-3Aibs.js');
+var utils = require('./utils-IGCnjtqc.js');
+var payout_service = require('./payout.service-DNH6gRrP.js');
+var table = require('./table-CxvETNS1.js');
+var styledHost = require('./styled-host-DXNHOiqW.js');
 var eventTypes = require('./event-types-YOY5TKUN.js');
 var parts = require('./parts-9jMf1erK.js');
-require('./index-DEMVrrsF.js');
+require('./index-BCtVWU61.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
-require('./package-v-c3ZR5a.js');
-require('./Api-BTdkb3Zh.js');
-require('./spinner-DOC4Ab7M.js');
+require('./package-ClqzRJoK.js');
+require('./Api-c8NBCwu4.js');
+require('./spinner-CIZFX7bz.js');
 
 const makeGetPayoutTransactions = ({ accountId, authToken, service }) => async ({ params, onSuccess, onError, final }) => {
     var _a;
@@ -197,7 +196,7 @@ const PayoutTransactionsList = class {
         return Object.assign({ payout_id: this.payoutId, limit: '15' }, this.pagingParams);
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'd37f96bf4e1d40607d3190791f513df5c1ce02d1' }, index.h(table.TableWrapper, { key: 'a6d2b2c342b6286630acb804b93c846ac42eff9b' }, index.h(table.TableComponent, { key: 'abcb7a3bbca27973bafdf0a0a1d9316d9e668aa9' }, index.h(table.TableHead, { key: 'e79c0ee71e45ca1379e354f939368cacbf1bd74e' }, index.h(table.TableHeadRow, { key: 'c64962612a826a5e53c921f43170f1d1ba16399a' }, this.transactionsTable.columnData.map((column) => column))), index.h(table.TableBody, { key: '7b33c299ac42c4e668cb4c967ecc5324ec56ede3' }, index.h(table.TableLoadingState, { key: '096000771b0ce2fe37db3329315bd780af9977a1', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), index.h(table.TableEmptyState, { key: '48ff70675d33875b8fdcf7c7ddf9ceed413ca2e8', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), index.h(table.TableErrorState, { key: '4ffffbd73a18ef281209adbe870383f744d51da5', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index$1) => (index.h(table.TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h(table.TableFoot, { key: '8ba623495a597e10bc8708b9984c9da92e3750a4' }, index.h(table.TableFootRow, { key: '01f6405cef206cbaf487013370ccd7c312eca3b5' }, index.h(table.TableFootCell, { key: '0b94346d3ed5f431393e2df93f0baa81b8804d2b', colSpan: this.transactionsTable.columnData.length }, index.h("pagination-menu", { key: 'c7a24d435a90c4f8db5c0f71b1a120b11cd01b7b', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (index.h(styledHost.StyledHost, { key: 'fbf649bb1cc041cc81343751b460cf6dbfa78e63' }, index.h(table.TableWrapper, { key: '88c31a399c2e2cfe0d85cdd13e93158a477e3df2' }, index.h(table.TableComponent, { key: 'ee77e35b31fc35c9296fdc919305f3c737202c66' }, index.h(table.TableHead, { key: 'a9b6152f382dbba8ea56c864245993c302727fd0' }, index.h(table.TableHeadRow, { key: '801053471ffa03ae95f6e53bf60db05bf4be1e3f' }, this.transactionsTable.columnData.map((column) => column))), index.h(table.TableBody, { key: '6a5ab445bcecad291f4536642f2d16ec2a03054b' }, index.h(table.TableLoadingState, { key: 'b734c651b35cc1ce8b06af6b0a65b08a0a23d4a7', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), index.h(table.TableEmptyState, { key: '100c6a71b72f569bd1e7d74e3e9149cdacf1fc6f', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), index.h(table.TableErrorState, { key: '889acdc42dc40cb655f2c1cdaf7f8f0043dcdf34', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index$1) => (index.h(table.TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h(table.TableFoot, { key: 'b67993f6cacd47608f21f0a06f4765a910071d19' }, index.h(table.TableFootRow, { key: 'd1b8081e5455e727f18f448f7a3db77136155e51' }, index.h(table.TableFootCell, { key: 'b14407599cecbeb4c040d2b33b6d4df2be633d2b', colSpan: this.transactionsTable.columnData.length }, index.h("pagination-menu", { key: '532524f94f4a2282e54b652685d66d48dccaa4ad', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["propChanged"],

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

@@ -1,12 +1,12 @@
 'use strict';
 
-var index = require('./index-2GwnTbNA.js');
-var payoutsListParamsState = require('./payouts-list-params-state-fVsfZZ5G.js');
+var index = require('./index-D5bL1DOi.js');
+var payoutsListParamsState = require('./payouts-list-params-state-DZUKBmLC.js');
 var parts = require('./parts-9jMf1erK.js');
-var styledHost = require('./styled-host-IMxk64cc.js');
+var styledHost = require('./styled-host-DXNHOiqW.js');
 require('./event-types-YOY5TKUN.js');
 var utils = require('./utils-qOon0GWm.js');
-require('./index-DEMVrrsF.js');
+require('./index-BCtVWU61.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 
 const PayoutsListFilters = class {
@@ -33,8 +33,8 @@ const PayoutsListFilters = class {
     }
     render() {
         const filterMenuParams = Object.assign({}, payoutsListParamsState.filterParams);
-        return (index.h(styledHost.StyledHost, { key: '42c48bbbfa426540d33c49d5ef927d2da316fda5' }, index.h("table-filters-menu", { key: '7741ef6667ed7dc6ebbc312f145590939ce1b071', params: filterMenuParams, clearParams: payoutsListParamsState.clearParams, part: parts.payoutsListFilterMenu }, index.h("div", { key: '0f983dc3e6a735ad12aea940d7663bab98cf623d', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: '27faddc94394d5e52de9d1a65a69ecda2f840360', class: "p-2" }, index.h("form-control-date", { key: '58cd7720a5dbcc31b32151de1402b2c4b09b94de', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdAfter, { showInputDate: true }) ||
-                utils.convertToLocal(payoutsListParamsState.filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: parts.createdAfterPayoutsListFilterParam })), index.h("div", { key: 'a2a8d153acc9fa8371c8effb4cfd0146e31a3018', class: "p-2" }, index.h("form-control-date", { key: '9fc58f04079445952586d0913fad92305fa537a8', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdBefore, { showInputDate: true }) ||
+        return (index.h(styledHost.StyledHost, { key: '1c82beb070b63246eb05eda535e23e23b2d0f710' }, index.h("table-filters-menu", { key: '1934713b2b01f71beb25610fd4c4f7f304ad772f', params: filterMenuParams, clearParams: payoutsListParamsState.clearParams, part: parts.payoutsListFilterMenu }, index.h("div", { key: 'aeb14903675561f75ed06de9f5684e39042dbe09', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: 'ff181fe70baaa2532a9807a15843d6b774aaa307', class: "p-2" }, index.h("form-control-date", { key: 'a16a332bfac1a7429df1a517d949d93515fd175b', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdAfter, { showInputDate: true }) ||
+                utils.convertToLocal(payoutsListParamsState.filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: parts.createdAfterPayoutsListFilterParam })), index.h("div", { key: '9987e034d7cd67d5e72be520212565ffeda85b63', class: "p-2" }, index.h("form-control-date", { key: '4fd4733c4fb799c6d33c36de7a8e33b3089eb25d', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdBefore, { showInputDate: true }) ||
                 utils.convertToLocal(payoutsListParamsState.filterParams.created_before, { showInputDate: true }), disabled: !!this.createdBefore, part: parts.createdBeforePayoutsListFilterParam }))))));
     }
 };

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

@@ -1,31 +1,30 @@
 'use strict';
 
-var index = require('./index-2GwnTbNA.js');
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-var checkPkgVersion = require('./check-pkg-version-BlUxyRaM.js');
-var payout_service = require('./payout.service-D6kmeDsy.js');
-require('./config-state-BTfJl-LU.js');
+var index = require('./index-D5bL1DOi.js');
+var ComponentError = require('./ComponentError-CEv9ltwy.js');
+var checkPkgVersion = require('./check-pkg-version-Dn-3Aibs.js');
+var payout_service = require('./payout.service-DNH6gRrP.js');
+require('./config-state-Dz9bnWHg.js');
 require('./utils-qOon0GWm.js');
-require('./Checkout-TZnRz3-3.js');
+var Refund = require('./Refund-Dt1CMUjx.js');
 require('./Pagination-Dediz133.js');
 require('./Payment-D5UynU2f.js');
-var Refund = require('./Refund-BFE-2OxN.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var utils = require('./utils-l0veqT9y.js');
-var getPayoutCsv = require('./get-payout-csv-CXEQkjDm.js');
-var getSubaccounts = require('./get-subaccounts-UpfFbDHH.js');
-var styledHost = require('./styled-host-IMxk64cc.js');
+var utils = require('./utils-IGCnjtqc.js');
+var getPayoutCsv = require('./get-payout-csv-CdNRRH0t.js');
+var getSubaccounts = require('./get-subaccounts-D4woaGSs.js');
+var styledHost = require('./styled-host-DXNHOiqW.js');
 require('./event-types-YOY5TKUN.js');
-var payoutsTable = require('./payouts-table-1HL4kk9B.js');
-require('./package-v-c3ZR5a.js');
-require('./Api-BTdkb3Zh.js');
-require('./index-DEMVrrsF.js');
+var payoutsTable = require('./payouts-table-iT2IauEa.js');
+require('./package-ClqzRJoK.js');
+require('./Api-c8NBCwu4.js');
+require('./index-BCtVWU61.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
-require('./payouts-status-CU8aqIhH.js');
-require('./badge-sO_Hcamo.js');
+require('./payouts-status-meuI7eBr.js');
+require('./badge-DDksduwk.js');
 require('./parts-9jMf1erK.js');
 
 const makeGetPayouts = ({ id, authToken, service }) => async ({ params, onSuccess, onError }) => {
@@ -114,7 +113,7 @@ const PayoutsList = class {
         }
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '922ee0ed12294b66d854d28aa18a06dc0438c662' }, index.h("payouts-list-core", { key: 'cc0557c8fdc14b16df203a6a648c3381a6ff2c13', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
+        return (index.h(styledHost.StyledHost, { key: '444ad1f603014507970bbc20faff6ae72e4597f4' }, index.h("payouts-list-core", { key: 'ff1c52b11acf1770ae24fcf138430c665491cc32', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/cjs/justifi-refund-payment.cjs.entry.js

@@ -1,31 +1,30 @@
 'use strict';
 
-var index = require('./index-2GwnTbNA.js');
+var index = require('./index-D5bL1DOi.js');
 var index_esm = require('./index.esm-CVuJLXJZ.js');
 var utils = require('./utils-qOon0GWm.js');
-require('./config-state-BTfJl-LU.js');
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-require('./Checkout-TZnRz3-3.js');
+require('./config-state-Dz9bnWHg.js');
+var ComponentError = require('./ComponentError-CEv9ltwy.js');
+var Refund = require('./Refund-Dt1CMUjx.js');
 require('./Pagination-Dediz133.js');
 require('./Payment-D5UynU2f.js');
-var Refund = require('./Refund-BFE-2OxN.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var button = require('./button-CCZd8WSY.js');
-var styledHost = require('./styled-host-IMxk64cc.js');
+var button = require('./button-0HYMPryx.js');
+var styledHost = require('./styled-host-DXNHOiqW.js');
 require('./event-types-YOY5TKUN.js');
-var payment_service = require('./payment.service-CVZgDrZw.js');
-var getPaymentDetails = require('./get-payment-details-C7Ezks0M.js');
-var checkPkgVersion = require('./check-pkg-version-BlUxyRaM.js');
-var utils$1 = require('./utils-l0veqT9y.js');
-var Api = require('./Api-BTdkb3Zh.js');
-var skeleton = require('./skeleton-ByLavxr1.js');
+var payment_service = require('./payment.service-BrvtS3F7.js');
+var getPaymentDetails = require('./get-payment-details-W4PgTPkL.js');
+var checkPkgVersion = require('./check-pkg-version-Dn-3Aibs.js');
+var utils$1 = require('./utils-IGCnjtqc.js');
+var Api = require('./Api-c8NBCwu4.js');
+var skeleton = require('./skeleton-CbZBGO47.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
-require('./index-DEMVrrsF.js');
+require('./index-BCtVWU61.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 require('./parts-9jMf1erK.js');
-require('./package-v-c3ZR5a.js');
+require('./package-ClqzRJoK.js');
 
 const amountValidation = (maxAmount) => {
     const max = +maxAmount;

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

@@ -0,0 +1,32 @@
+'use strict';
+
+var index = require('./index-D5bL1DOi.js');
+var paymentMethodOptionUtils = require('./payment-method-option-utils-imuSE7KV.js');
+var parts = require('./parts-9jMf1erK.js');
+require('./utils-qOon0GWm.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
+
+const SavedPaymentMethod = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.paymentMethodOptionSelected = index.createEvent(this, "paymentMethodOptionSelected");
+        this.onPaymentMethodOptionClick = (e) => {
+            e.preventDefault();
+            this.paymentMethodOptionSelected.emit(this.paymentMethodOption);
+        };
+    }
+    async resolvePaymentMethod(insuranceValidation) {
+        var _a;
+        if (!insuranceValidation.isValid) {
+            return { validationError: true };
+        }
+        return { token: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id };
+    }
+    ;
+    render() {
+        var _a, _b, _c;
+        return (index.h(index.Host, { key: 'c6a1d3de6363c80a0acb15c6676d3e913beeda2d', class: "payment-method" }, index.h("div", { key: 'fdabb1a67f654a3bcf06e86e8c42f6aa281e6757', class: "radio-list-item p-3", part: parts.radioListItem, onClick: this.onPaymentMethodOptionClick }, index.h("form-control-radio", { key: '0731e2ccb8080ee4972201a617cd99376627e332', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: `${paymentMethodOptionUtils.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}` }))));
+    }
+};
+
+exports.justifi_saved_payment_method = SavedPaymentMethod;

package/dist/cjs/justifi-saved-payment-methods_2.cjs.entry.js

@@ -0,0 +1,117 @@
+'use strict';
+
+var index = require('./index-D5bL1DOi.js');
+var parts = require('./parts-9jMf1erK.js');
+var styledHost = require('./styled-host-DXNHOiqW.js');
+require('./event-types-YOY5TKUN.js');
+var checkout_store = require('./checkout.store--pVCO0L1.js');
+var paymentMethodOptionUtils = require('./payment-method-option-utils-imuSE7KV.js');
+var utils = require('./utils-qOon0GWm.js');
+require('./index-BCtVWU61.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
+
+const SavedPaymentMethods = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.onPaymentMethodOptionClick = (paymentMethodId) => (e) => {
+            e.preventDefault();
+            checkout_store.checkoutStore.selectedPaymentMethod = paymentMethodId;
+        };
+        this.isAllowedPaymentMethod = (paymentMethod) => {
+            if (paymentMethod.type === 'card' && checkout_store.checkoutStore.disableCreditCard) {
+                return false;
+            }
+            if (paymentMethod.type === 'bank_account' && checkout_store.checkoutStore.disableBankAccount) {
+                return false;
+            }
+            return true;
+        };
+    }
+    componentWillLoad() {
+        if (!checkout_store.checkoutStore.paymentMethods.length) {
+            console.warn('No saved payment methods available.');
+        }
+        if (checkout_store.checkoutStore.disablePaymentMethodGroup) {
+            console.warn('Payment method group is disabled.');
+        }
+    }
+    render() {
+        if (checkout_store.checkoutStore.disablePaymentMethodGroup) {
+            return null;
+        }
+        return (index.h(styledHost.StyledHost, null, index.h("div", { class: "saved-payment-methods" }, checkout_store.checkoutStore.paymentMethods.length ? checkout_store.checkoutStore.paymentMethods
+            .filter(this.isAllowedPaymentMethod)
+            .map((paymentMethod) => (index.h("div", { class: "radio-list-item p-3", part: parts.radioListItem, onClick: this.onPaymentMethodOptionClick(paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id) }, index.h("form-control-radio", { name: "paymentMethodType", value: paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id, checked: checkout_store.checkoutStore.selectedPaymentMethod === (paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id), label: `${paymentMethodOptionUtils.CardBrandLabels[paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.brand] || ''} *${paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.acct_last_four}` })))) : null)));
+    }
+};
+
+const sezzleLogo = (index.h("img", { class: "sezzle-smart-button-logo-img", src: "https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor.svg", alt: "Sezzle", style: {
+        display: 'inline',
+        width: '80px',
+        marginLeft: '5px',
+        marginTop: '-5px',
+    } }));
+const SezzlePaymentMethod = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.paymentMethodOptionSelected = index.createEvent(this, "paymentMethodOptionSelected");
+        this.paymentMethodOptionId = 'sezzle';
+        this.onPaymentMethodOptionClick = (e) => {
+            e.preventDefault();
+            checkout_store.checkoutStore.selectedPaymentMethod = this.paymentMethodOptionId;
+            this.paymentMethodOptionSelected.emit(this.paymentMethodOptionId);
+        };
+        this.initializeSezzleCheckout = () => {
+            let resolveSezzlePromise;
+            this.sezzlePromise = new Promise((resolve) => { resolveSezzlePromise = resolve; });
+            const amount = Number(checkout_store.checkoutStore.paymentAmount);
+            const Checkout = window.Checkout;
+            const checkout = new Checkout({
+                mode: 'popup',
+                publicKey: checkout_store.checkoutStore.bnplProviderClientId,
+                apiMode: checkout_store.checkoutStore.bnplProviderMode,
+                apiVersion: checkout_store.checkoutStore.bnplProviderApiVersion,
+            });
+            checkout.sezzleButtonElement = this.sezzleButtonRef;
+            checkout.init({
+                onClick: function (event) {
+                    event.preventDefault();
+                    checkout.startCheckout({
+                        checkout_url: checkout_store.checkoutStore.bnplProviderCheckoutUrl,
+                    });
+                },
+                onComplete: (event) => resolveSezzlePromise({ bnpl: event.data }),
+                onCancel: (event) => resolveSezzlePromise({ bnpl: event.data }),
+                onFailure: (event) => resolveSezzlePromise({ bnpl: event.data }),
+            });
+            this.sezzleCheckout = checkout;
+            this.installmentPlan = this.sezzleCheckout.getInstallmentPlan(amount);
+        };
+    }
+    componentDidRender() {
+        if (!this.scriptRef)
+            return;
+        this.scriptRef.onload = () => {
+            this.sezzleButtonRef = document.createElement('button');
+            this.initializeSezzleCheckout();
+        };
+    }
+    async resolvePaymentMethod(insuranceValidation) {
+        if (!insuranceValidation.isValid) {
+            return { validationError: true };
+        }
+        this.sezzleButtonRef.click();
+        return this.sezzlePromise;
+    }
+    render() {
+        var _a, _b;
+        if (!checkout_store.checkoutStore.bnplEnabled || checkout_store.checkoutStore.disableBnpl) {
+            console.warn('justifi-sezzle-payment-method: BNPL is not enabled for this account.');
+            return null;
+        }
+        return (index.h(styledHost.StyledHost, { class: "payment-method" }, index.h("script", { src: "https://checkout-sdk.sezzle.com/checkout.min.js", async: true, ref: (el) => (this.scriptRef = el) }), index.h("div", { class: "radio-list-item p-3", part: parts.radioListItem, onClick: this.onPaymentMethodOptionClick }, index.h("form-control-radio", { name: "paymentMethodType", value: this.paymentMethodOptionId, checked: checkout_store.checkoutStore.selectedPaymentMethod === this.paymentMethodOptionId, label: index.h("div", null, index.h("div", null, "Buy now, pay later with ", sezzleLogo), this.installmentPlan && (index.h("small", null, index.h("span", null, (_a = this.installmentPlan) === null || _a === void 0 ? void 0 : _a.installments.length), "\u00A0", index.h("span", null, this.installmentPlan.schedule, " payments of"), "\u00A0", index.h("span", { class: "fw-bold" }, utils.formatCurrency((_b = this.installmentPlan) === null || _b === void 0 ? void 0 : _b.installments[0].amountInCents))))) }))));
+    }
+};
+
+exports.justifi_saved_payment_methods = SavedPaymentMethods;
+exports.justifi_sezzle_payment_method = SezzlePaymentMethod;

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

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./index-2GwnTbNA.js');
+var index = require('./index-D5bL1DOi.js');
 var utils = require('./utils-qOon0GWm.js');
-var insuranceState = require('./insurance-state-BmAF1Sef.js');
+var insuranceState = require('./insurance-state-BsGy_svD.js');
 var parts = require('./parts-9jMf1erK.js');
-var styledHost = require('./styled-host-IMxk64cc.js');
+var styledHost = require('./styled-host-DXNHOiqW.js');
 require('./event-types-YOY5TKUN.js');
-var skeleton = require('./skeleton-ByLavxr1.js');
+var skeleton = require('./skeleton-CbZBGO47.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
-require('./index-DEMVrrsF.js');
+require('./index-BCtVWU61.js');
 
 const SeasonInterruptionInsuranceLoading = () => (index.h("div", { class: "row gap-3" },
     index.h("div", { class: "col-12" },
@@ -115,9 +115,9 @@ const SeasonInterruptionInsuranceCore = class {
         var _a, _b, _c, _d;
         if (this.isLoading)
             return (index.h(styledHost.StyledHost, null, index.h(SeasonInterruptionInsuranceLoading, null)));
-        return (index.h(styledHost.StyledHost, null, index.h("div", null, index.h(insuranceState.Header2, { text: (_a = this.quote) === null || _a === void 0 ? void 0 : _a.product.title, class: "fs-5 fw-bold pb-3" }), index.h("small", { innerHTML: (_b = this.quote) === null || _b === void 0 ? void 0 : _b.product.description, part: parts.text }), index.h("form-control-radio", { label: `Accept coverage for ${utils.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),
+        return (index.h(styledHost.StyledHost, null, index.h(insuranceState.Header2, { text: (_a = this.quote) === null || _a === void 0 ? void 0 : _a.product.title, class: "fs-5 fw-bold pb-3" }), index.h("small", { innerHTML: (_b = this.quote) === null || _b === void 0 ? void 0 : _b.product.description, part: parts.text }), index.h("form-control-radio", { label: `Accept coverage for ${utils.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 }), index.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 }), index.h("div", { class: "invalid-feedback", style: { display: this.error ? 'block' : 'none' }, part: parts.textDanger }, "Please select an option"), index.h("small", { innerHTML: (_d = this.quote) === null || _d === void 0 ? void 0 : _d.product.legal_disclaimer, part: parts.text }))));
+            errorText: this.error ? ' ' : undefined }), index.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 }), index.h("div", { class: "invalid-feedback", style: { display: this.error ? 'block' : 'none' }, part: parts.textDanger }, "Please select an option"), index.h("small", { innerHTML: (_d = this.quote) === null || _d === void 0 ? void 0 : _d.product.legal_disclaimer, part: parts.text })));
     }
 };