@justifi/webcomponents 5.7.6-rc-21 → 5.7.7

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

@@ -1,12 +1,11 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
 import { c as checkProvisioningStatus } from './helpers.js';
 import { t as text } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import { H as Header1 } from './header-1.js';
 import './details.js';
 import './event-types.js';
-import './justifi-radio-list-item2.js';
 import { a as BusinessFormClickActions } from './event-types2.js';
 import { d as defineCustomElement$w } from './bank-account-document-inputs.js';
 import { d as defineCustomElement$v } from './bank-account-form-inputs2.js';
@@ -129,7 +128,7 @@ const PaymentProvisioningCore = /*@__PURE__*/ proxyCustomElement(class PaymentPr
         this.loading = event.detail;
     }
     render() {
-        return (h(StyledHost, { key: '621b616a3b9d5be0fcc1180dcdb0db6a89ec5aa2' }, h("div", { key: 'b51c6814bb81a6cdc6cd0c5ede4d485582f154ee', class: 'row gap-3' }, h(Header1, { key: '7c03561b4c2b0cfc237d6b933aeffe532f35b626', text: this.formTitle }), h("justifi-payment-provisioning-form-steps", { key: 'b616b52cc9a0057f27ddbae1356710cee05c60fa', businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, handleFormLoading: this.handleFormLoading }), h("div", { key: '2447bad174b5d32d253e821e76ebb32fb9ec50e3', class: 'd-flex justify-content-between align-items-center' }, h("div", { key: 'd746b5275ae0866a8619f67fe00217916153ea0a', class: 'd-flex align-items-center', part: text }, this.stepCounter), h("justifi-payment-provisioning-form-buttons", { key: 'add808398005b6076d91788cc220ab6620f3ddfc', currentStep: this.currentStep, totalSteps: this.totalSteps, formLoading: this.loading, formDisabled: this.formDisabled, previousStepButtonOnClick: this.previousStepButtonOnClick, nextStepButtonOnClick: this.nextStepButtonOnClick })))));
+        return (h(StyledHost, { key: 'e195b19df4d1061ecf8b305005faf0ffce68221e' }, h("div", { key: '17d42ba0a22567dce6760e2047478eb1bc36a794', class: 'row gap-3' }, h(Header1, { key: '507788c4af5572cbb09037443ae51b505567d825', text: this.formTitle }), h("justifi-payment-provisioning-form-steps", { key: '4b7e73217ff8230756542c3b0c069e18b7f23356', businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, handleFormLoading: this.handleFormLoading }), h("div", { key: '2ae1e8386114181cbd6f7999ac047b7709daa4fb', class: 'd-flex justify-content-between align-items-center' }, h("div", { key: 'a126b618a3028c4c7a9c12145ab63e222a17e51f', class: 'd-flex align-items-center', part: text }, this.stepCounter), h("justifi-payment-provisioning-form-buttons", { key: 'a66e1ac554e0dffa78be59df6a74d8175ba0376c', currentStep: this.currentStep, totalSteps: this.totalSteps, formLoading: this.loading, formDisabled: this.formDisabled, previousStepButtonOnClick: this.previousStepButtonOnClick, nextStepButtonOnClick: this.nextStepButtonOnClick })))));
     }
 }, [256, "justifi-payment-provisioning-core", {
         "businessId": [1, "business-id"],

package/dist/module/payment-provisioning-form-buttons.js

@@ -4,7 +4,6 @@ import { a as BusinessFormClickActions } from './event-types2.js';
 import { B as Button } from './button.js';
 import './details.js';
 import './event-types.js';
-import './justifi-radio-list-item2.js';
 
 const PaymentProvisioningFormButtons = /*@__PURE__*/ proxyCustomElement(class PaymentProvisioningFormButtons extends HTMLElement {
     constructor() {
@@ -21,7 +20,7 @@ const PaymentProvisioningFormButtons = /*@__PURE__*/ proxyCustomElement(class Pa
         return this.currentStep === this.totalSteps;
     }
     render() {
-        return (h("div", { key: '5869ed8c350e3a1ae5fe62dcd04493f432eecff7', class: 'd-flex gap-2' }, h(Button, { key: 'b1e8c2fff97e9a053d715860a43ddd78c99b255a', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), h(Button, { key: '8696fe4f0bde5434e51f05f67b39a8e5b2f550bf', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), h(Button, { key: 'b1750a849d60244bdb3cf82690c6cbd15b6e1110', variant: "primary", type: "submit", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.submit), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showSubmitButton }, "Submit")));
+        return (h("div", { key: '7c793a33752cd9b3dd1ebc6c30b7a98002ef8820', class: 'd-flex gap-2' }, h(Button, { key: '5127c233ef8c819fe17204baaff7370d78ec70e7', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), h(Button, { key: 'd889e96935718eb333eaac70023fd7b273118676', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), h(Button, { key: '5502d7d73084119862451389bf85705407187016', variant: "primary", type: "submit", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.submit), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showSubmitButton }, "Submit")));
     }
 }, [256, "justifi-payment-provisioning-form-buttons", {
         "currentStep": [2, "current-step"],

package/dist/module/payment-provisioning-form-steps.js

@@ -49,7 +49,7 @@ const PaymentProvisioningFormSteps = /*@__PURE__*/ proxyCustomElement(class Paym
         return this.componentStepMapping[this.currentStep]();
     }
     render() {
-        return (h("div", { key: '9a09e562d0a3548cb40863ba5780c5d1692b6ec3', class: 'col-12 mb-4' }, this.currentStepComponent));
+        return (h("div", { key: 'f25bbaeeac7ea49b2d99f746af0aec7b637d879a', class: 'col-12 mb-4' }, this.currentStepComponent));
     }
 }, [256, "justifi-payment-provisioning-form-steps", {
         "businessId": [1, "business-id"],

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

@@ -2,7 +2,6 @@ import { h } from '@stencil/core/internal/client';
 import { S as Skeleton } from './skeleton.js';
 import './details.js';
 import './event-types.js';
-import './justifi-radio-list-item2.js';
 
 const FormBlock = () => (h("div", { class: "row gap-3" },
     h("div", { class: "col-12" },

package/dist/module/payment.service.js

@@ -1,6 +1,8 @@
 import { A as Api } from './Api.js';
-import './Refund.js';
+import './Checkout.js';
 import './Pagination.js';
+import './Payment.js';
+import './Refund.js';
 import './Business.js';
 
 const api = Api();

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

@@ -1,16 +1,16 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import './config-state.js';
-import './dinero.js';
-import './Refund.js';
+import { j as convertToLocal } from './utils2.js';
+import './Checkout.js';
 import { p as pagingDefaults } from './Pagination.js';
+import './Payment.js';
+import './Refund.js';
 import './Business.js';
 import './details.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 { T as TableClickActions } from './event-types.js';
-import './justifi-radio-list-item2.js';
 import { M as MapPaymentStatusToBadge } from './payments-status.js';
-import { e as convertToLocal } from './utils2.js';
-import { v as tableHeadCell, a8 as getAlternateTableCellPart } from './parts.js';
+import { n as tableHeadCell, a8 as getAlternateTableCellPart } from './parts.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './payments-list-params-state.js';
 import { d as defineCustomElement$1 } from './pagination-menu2.js';
 
@@ -118,7 +118,7 @@ const PaymentsListCore = /*@__PURE__*/ proxyCustomElement(class PaymentsListCore
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: 'f9fe216ea30123f3a7613b74371492fdefc1f4bc' }, h(TableComponent, { key: 'b081beffb783c9e351092947864649518fbe2dfc' }, h(TableHead, { key: 'e2e47a2122561e93163bf4d3794fe6b139a30ee9' }, h(TableHeadRow, { key: '0bb6d21213e5ab335c14057e69ecca70b0381578' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: '9e411aaa4fb387fe4ee3d129f05e23438313ab65' }, h(TableLoadingState, { key: '42659fe4d9f41bff6165fc5016d6dc441e3d294a', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: 'b5fb94bf87bae350b48fc6969acb3477eeeb2b1d', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '220b648eabf17bfd7006b23399fc38f17e5b6952', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.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: '1b77f14df195e1867f6ba037757350cc7b4fab96' }, h(TableFootRow, { key: '9baa94de37beec7a33fff9c9bbb83bdf2ad8fc16' }, h(TableFootCell, { key: '08a3c1d8ba7017f6bc6c60b4b33c319f59654731', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: 'a3518ce532a7539c092dda6cae4bc318147d92ed', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'c281d15df6992c3e36501217c7b2fa86e12c4bee' }, h(TableComponent, { key: '40662062c7d4bccbf66e38d5e3200d55431dadf7' }, h(TableHead, { key: '9cfd5968a9ccdba77602cc7f73b8448feec7b45a' }, h(TableHeadRow, { key: 'b36f938d1de1946e19f2f8390d4f4c26f280544c' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: 'dad78f82e065f33481d5b28126953650f5cd8bf6' }, h(TableLoadingState, { key: '5a40ca1841e214914ba71d1e1ef1275ed46f39ab', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '6af3bc5d123604b70d20c01edaab74f1e26ab907', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '804f60d541d5943b8be9c9f0cc1313fffb709b69', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.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: 'a49708342b18f4e97c2001f27ae07c9914bf31d9' }, h(TableFootRow, { key: 'dbbedc3645cdb3f864076d56f4b979c8443540bd' }, h(TableFootCell, { key: '913b6fe962d07c870b6b262e5fb44e092b24ee62', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: 'a5e49ce92278aee49517120b791910def91a1871', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

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

@@ -1,11 +1,10 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-import { a as formatDate, d as formatTime } from './utils2.js';
+import { a as formatDate, h as formatTime } from './utils2.js';
 import { E as ErrorState, b as EntityHeadInfo, c as EntityHeadInfoItem, D as DetailSectionTitle, a as DetailItem, C as CodeBlock } from './utils.js';
 import { B as Button } from './button.js';
 import { S as StyledHost } from './styled-host.js';
 import { d as defineCustomElement$1 } from './details.js';
 import './event-types.js';
-import './justifi-radio-list-item2.js';
 import { M as MapPayoutStatusToBadge } from './payouts-status.js';
 import { S as Skeleton } from './skeleton.js';
 import { B as Badge, a as BadgeVariant } from './badge.js';
@@ -74,9 +73,9 @@ const PayoutDetailsCore = /*@__PURE__*/ proxyCustomElement(class PayoutDetailsCo
     }
     render() {
         var _a;
-        return (h(StyledHost, { key: 'f8f7a846e1c82a2d90231060286e8d2a906e1988' }, this.loading && h(PayoutDetailsLoading, { key: 'd626ef6861f8eba2235c0405e2229c75dc7972c6' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: '209795b172c2a5250726f56a767f8c1dc6e8723f', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'ab602bc00824f5364eb38366f5a11b7a9284eaad', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), this.payout.settlement_priority === 'expedited' ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : (h(Badge, { variant: BadgeVariant.SECONDARY, title: "Standard", text: "Standard" })))), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: '294f615d3eefd108719bd1c292b551cdf7c67b83', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: 'eff8af7b09d32e5c61fe764de075f67857381600', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: 'd1a5d5c36fd9a7a3e4a959d890b157e224e24277', title: "ID", value: this.payout.id }), h("div", { key: '9a0b3ac70bbe2290ec3aebf83ca4037fabbd41a4', class: "m-4" }, h(Button, { key: 'e50464088db095e913cc176fbc752576faf1e483', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: 'c1ac03ad58a631076be03f0bc152ccb71c96dd3f', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '23168d82b011053fdde169653b9d38e9afd20ca8', sectionTitle: "Details" }), h("div", { key: 'a0d48c1064dacd030dfbdb038f7f7916216120e1', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '669f79459362f38d9a8e6d5b62cf7729749fe025', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '31c91b0e512789303456bfb2eb177d4e88009ea9', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: 'd168b4c88d22850d35f57775fed8d2fd35ce2593', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: 'a17172ea263334a99136495c3b93534b6e913c92', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: 'f896659044741ac90391795322f7da5f46ea347e', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '9acf299858e138e1774375f747cca3ce07d40a62', sectionTitle: "Account" }), h("div", { key: 'bd65f987d50082c875952f426ac233c3d7d7033b', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '89420940ff25dfa0cd5f74fdcaebb2e7d332881a', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: '5283b7c63a70458185fdf9280af31b15023c983a', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '14e79f73210ac1e7c8542e3b5de9085b1ee21993', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'f2dbc9f4279068e9cd5f4e6c623e8d30468ff5cc', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '8cf9051da522924f6134d9aa3eb5f49f0f91cb61', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), this.payout.metadata && [
-            h(DetailSectionTitle, { key: '8117a4636c6d41a0137bfd58c80eb4cfaa521627', sectionTitle: 'Metadata' }),
-            h("div", { key: '91ecdff8221e907542e7d026e354c78bdd577dd2', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'a1a8d86e784eadf48af99f6576f67f37b9b7d585', metadata: this.payout.metadata }))
+        return (h(StyledHost, { key: '4d09eb62be7246163d0641d8160e2997c4440a27' }, this.loading && h(PayoutDetailsLoading, { key: '02f44136c50fde8341cd3dbe6317c4878be0bfb9' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: '2dfa8a26f1d88a1f0f1a8182595f8d188088ad27', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '157333a4565fe01e439dcfbc496ecbd49772596a', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), this.payout.settlement_priority === 'expedited' ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : (h(Badge, { variant: BadgeVariant.SECONDARY, title: "Standard", text: "Standard" })))), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: '04f8d6e2add99d232f61dfbead40a0b99413546e', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: 'a682d2490f1b036eaffa591b3550fea27639dbb7', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '0c7e9c4a7f12105d710709f8ad91791c3aefb4f7', title: "ID", value: this.payout.id }), h("div", { key: '3dd3f3c2d4cedd9ec4282e3470567a31a5f34b45', class: "m-4" }, h(Button, { key: '769c5794b8c7714716a984b7e8b7c35b7e5dd644', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '2cb1713761bc269118f605bf7188eba68c823fa2', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '545a7eba7545164539f832e1bf921ed43dffdae5', sectionTitle: "Details" }), h("div", { key: '9d27cf1bc08cb37c70559d4a7b9fbfa3936c753d', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'bf2c9cde5453afae4dca540b0c2a54b45b2cd7c8', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '907552c983f955efbf14f66d90d15aa4414be928', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '0d8bfba42271584b5bcc67ebc78d3b752325fb5d', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: 'a3a92245ad3f2c1b7c4747b46e9a7e9edd3aca5f', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: 'e31626c50900c3820a2977e997dc3ead504f3bd5', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: 'caaa03f34a09b525a86557d7e4ecf9892c50fe1d', sectionTitle: "Account" }), h("div", { key: '3b571a61a3aace395c993a52bdc1bf05c6b86bcf', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '0226941cb99d1e0eb7dd0f83a35beb2164ef4b1f', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: 'f0d8987c4cc2688b3460786c4254cffef7a13b5a', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '3e9cd8cbbaf5364bdd94447a7e2990fc48848cfa', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'e416a8ed97ac72554921ed9eb258b03a5dbe9e69', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: 'df8c76de678a64c12309884e4a34ff1030d916de', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), this.payout.metadata && [
+            h(DetailSectionTitle, { key: '74a4d6f75efd53e9513be1f7a53fde4e35038911', sectionTitle: 'Metadata' }),
+            h("div", { key: '25254b4929ac6f0585172075aeffeec941e292f4', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '8a60b832ac1edaa2468b3ae412bbbac9353a750c', metadata: this.payout.metadata }))
         ])))));
     }
     static get watchers() { return {

package/dist/module/payout.service.js

@@ -1,6 +1,8 @@
 import { A as Api } from './Api.js';
-import './Refund.js';
+import './Checkout.js';
 import './Pagination.js';
+import './Payment.js';
+import './Refund.js';
 import './Business.js';
 
 const api = Api();

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

@@ -1,16 +1,16 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import './config-state.js';
-import './dinero.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.js';
+import { j as convertToLocal } from './utils2.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
 import { p as pagingDefaults } from './Pagination.js';
+import './Payment.js';
+import './Refund.js';
 import './Business.js';
 import './details.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 { T as TableClickActions } from './event-types.js';
-import './justifi-radio-list-item2.js';
-import { e as convertToLocal } from './utils2.js';
 import { M as MapPayoutStatusToBadge } from './payouts-status.js';
-import { v as tableHeadCell, a8 as getAlternateTableCellPart } from './parts.js';
+import { n as tableHeadCell, a8 as getAlternateTableCellPart } from './parts.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './payouts-list-params-state.js';
 import { d as defineCustomElement$1 } from './pagination-menu2.js';
 
@@ -173,7 +173,7 @@ const PayoutsListCore = /*@__PURE__*/ proxyCustomElement(class PayoutsListCore e
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: 'b0566bb575439c658403df18ae94472f9b5f1ad4' }, h(TableComponent, { key: 'f8be406a444817869163952579b9cd4b52090d96' }, h(TableHead, { key: '033152e7e9519608465de2824b74c4348ff1f72d' }, h(TableHeadRow, { key: '8a63f9317ca024eb6c61e1871867deac4b518261' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'b629a21c23c0ae3ca56d28918a35746b5cbcc715' }, h(TableLoadingState, { key: 'b9c373cbe8e039f94c27170dd65034caeccee74b', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '500b8df48a9a429b6a01bac63c189410ccec92d0', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: 'bdd34fcb481d09289b708698b82c60ad5dc067c2', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.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: 'a007cd03fda86b83f3d95b0321b12daf2fbf050d' }, h(TableFootRow, { key: 'eac8af33f784cf64bfdc80e9b51e849ba313ee71' }, h(TableFootCell, { key: '952d9b507169e5f56423031ae33f0177eb40022e', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '62fd97a74939bdb68ec9ba68ee893ba315e09e9e', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '45a3a0122a04157f8973b41c9eeb56c93716b1cc' }, h(TableComponent, { key: '209bf75f732420305b75a562eecaa927c780c4b7' }, h(TableHead, { key: 'a975d9d91fbeb27f17d745c901c18d31a1f34f5c' }, h(TableHeadRow, { key: '0dee293dff0cf126e749a7e105f351468c072298' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'e1386e1d3381665bf865e71868dc90748836e7db' }, h(TableLoadingState, { key: '0891f85f83515b7bf4c74490ab6631463e3cfd66', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '62177a9366eda951da44bffe1e0413ec81530465', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: 'f95aaa35e4d852b41f67092252b79dcbf353ed17', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.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: '7b2b4123103664b051ceb9bfb6e8c00317e33e58' }, h(TableFootRow, { key: 'bb19ab81d64eac40475505e3e9d2eb735388c0d5' }, h(TableFootCell, { key: 'ee44f1fc1b292f3a8df9c93abd8542662dd0c002', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: 'c987240448e548256034675e5de769a19a8fea10', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

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

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as create$3, a as create$6, F as FormController } from './form.js';
 import { D as DisputeResponseFormStep, f as fileInputHandler } from './file-input-handler.js';
-import { _ as heading5 } from './parts.js';
+import { $ as heading5 } from './parts.js';
 import { d as defineCustomElement$5 } from './custom-popper2.js';
 import { d as defineCustomElement$4 } from './form-control-date2.js';
 import { d as defineCustomElement$3 } from './form-control-file-v22.js';
@@ -39,7 +39,7 @@ const ProductOrService = /*@__PURE__*/ proxyCustomElement(class ProductOrService
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'f1f7d30bd481b5e3b49d9aaffd6e9bc1266b3c17' }, h("div", { key: 'c41caefa4937db6b0669cd28e84b6918c719d8f0', class: "row gy-3" }, h("div", { key: 'be3b622f366017c7a8bdddfc363a0a46216de2ea', class: "col-12" }, h("h2", { key: '39374858f492c6e20e637dab0c73356fb6c6499d', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: 'c910f0b2a6c1574f2b09348e4d3b889a675bbfeb', class: "col-12" }, h("form-control-text", { key: '636616c14d388dd25c33d81220231f2e7b36ec2f', 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: '44da2982c48cd5da994aec38f5196205b25c4868', class: "col-12" }, h("form-control-date", { key: '6b5ff071f9e941caaadff9fbaf18501524f71fce', 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: '8ae3d7fbc3826f932ee14d98a48d90cf913606af', class: "col-12" }, h("form-control-file-v2", { key: '5990ebe0df1e74fd7b1d6a6cf1dd8d08cd680a68', 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: 'c785e0f2960f5c3f345593cdf4a661ec23319318' }, h("div", { key: '889411f69d6da90b66aec38670275417ae453ad3', class: "row gy-3" }, h("div", { key: '32757c5d3976233bb651f0ca62d05dc641cd0bb6', class: "col-12" }, h("h2", { key: '069e07dba3f701fa9ae1b6c7c8cdbb87e87779f9', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '3159a507115e4ccee2ede664284b487a5b99789f', class: "col-12" }, h("form-control-text", { key: 'e9e37f925e8b2eba53cd69b62a9b397642ab8398', 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: '9a98f1109a1a53dc1768ba65112a82564fcbc778', class: "col-12" }, h("form-control-date", { key: '9229934f3ce815511ebfc172acf2e74746f34961', 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: '4bcbd5232ae025c0432b4b63db9d52a4d9a06da7', class: "col-12" }, h("form-control-file-v2", { key: '28f7a534590cc3583c409596353262d432366c20', 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"],

package/dist/module/refund-policy.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as create$3, a as create$6, F as FormController } from './form.js';
 import { D as DisputeResponseFormStep, f as fileInputHandler } from './file-input-handler.js';
-import { _ as heading5 } from './parts.js';
+import { $ 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';
@@ -39,7 +39,7 @@ const RefundPolicy = /*@__PURE__*/ proxyCustomElement(class RefundPolicy extends
     }
     render() {
         var _a, _b, _c, _d;
-        return (h("div", { key: '75d1e4a99166f8b8f112746fd5a786ed4b41b6ae' }, h("div", { key: 'c4a137ad32f0a0e5580061b1cc2443399d5baf15', class: "row gy-3" }, h("div", { key: '8b864aacd4b1334f9a5e7ffdf116345db20aac58', class: "col-12" }, h("h2", { key: 'e319c7e0d2ebedf204e6845fb977651b96f4a9b8', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '72cc1aff194c70395f8002b4af6842cd42046d80', class: "col-12" }, h("form-control-textarea", { key: '798219393da9f68198205bb877a5a3aa2ac2d1bb', 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: 'bc0d341abb63327da6d97fba120c34aebabd50b3', class: "col-12" }, h("form-control-textarea", { key: '2aa931300951be7897d9ba4adeda6be5e94a00d8', 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: 'c3cad588c5b40a6133920a0c43f71d7b172abdab', class: "col-12" }, h("form-control-file-v2", { key: '8f2184a0d95804a85d61de763c14b1a6fb44c566', 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: '183f6286e96694e54fd31213b514349a43d0446f', class: "col-12" }, h("form-control-file-v2", { key: 'e3f97404946c8e6a813d397141d10e372df5f520', 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: '059fe88e8680cce1fff5d2fb78974c84b8419010' }, h("div", { key: '44540c58f93b7cb6e7c26913dd731bd108ad082e', class: "row gy-3" }, h("div", { key: 'b6a06bab2f9a50e4270ae2757f4a34bf377267f2', class: "col-12" }, h("h2", { key: 'bca449676b25c574e18f7f085db1015d0590ade3', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: 'fcf8e789a230d9b8a637b3dff1212d7493ebdecd', class: "col-12" }, h("form-control-textarea", { key: 'ece54130e8b8eaf0845c7a83f076ea37f0fe7ac5', 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: '8f9abb62e4110a2ffc9335bf0e919d4c50b2c457', class: "col-12" }, h("form-control-textarea", { key: 'f4bdd5b908fff65d6a797802dbd901783d87f3f8', 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: '43c55a470f2c66ae49104f8e82dd8ca9872f8b42', class: "col-12" }, h("form-control-file-v2", { key: 'dbb0f755afd709364a10ab5737f62c7b6050ddbf', 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: '5e130e88240ed520e93b6116d08ff0cbb4427084', class: "col-12" }, h("form-control-file-v2", { key: '90b51fd34f6ba84b6bcc706e7afdcc540a0435e4', 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"],

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

@@ -1,28 +1,21 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { S as StyledHost } from './styled-host.js';
-import './details.js';
-import './event-types.js';
-import './justifi-radio-list-item2.js';
-import { c as checkoutStore } from './checkout.store.js';
 import { d as defineCustomElement$1 } from './form-control-checkbox2.js';
 
 const SaveNewPaymentMethod = /*@__PURE__*/ proxyCustomElement(class SaveNewPaymentMethod extends HTMLElement {
     constructor() {
         super();
         this.__registerHost();
-        this.__attachShadow();
         this.checkboxChanged = createEvent(this, "checkboxChanged", 7);
         this.isChecked = false;
-        this.handleCheckboxChange = (_name, value) => {
-            this.isChecked = value;
-            checkoutStore.savePaymentMethod = value;
-            this.checkboxChanged.emit(this.isChecked);
-        };
+    }
+    handleCheckboxChange(_name, value) {
+        this.isChecked = value;
+        this.checkboxChanged.emit(this.isChecked);
     }
     render() {
-        return (h(StyledHost, { key: 'f23a4f992eef86df7ebfa86f4b46b232456016b2' }, h("div", { key: '0ef7c08423451655318751a6377f0ba8ffda3c7c', class: "mt-4 form-check" }, h("form-control-checkbox", { key: '609527d08abb45603ea683a051cf9c09435fc5bc', label: "Save new payment method", name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange }))));
+        return (h("div", { key: 'e6e7a75237ec2062188bf85deadac58892663b3b', class: "mt-4 form-check" }, h("form-control-checkbox", { key: 'abbaeb4e9119c4d41f0a727c7a070c14b7418302', label: "Save new payment method", name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange.bind(this) })));
     }
-}, [257, "justifi-save-new-payment-method", {
+}, [256, "justifi-save-new-payment-method", {
         "isChecked": [32]
     }]);
 function defineCustomElement() {

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

@@ -0,0 +1,79 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { e as snakeToCamel } from './utils2.js';
+import { X 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';
+
+class PaymentMethodOption {
+    constructor(paymentMethod) {
+        this.id = paymentMethod.id;
+        this.brand = paymentMethod.brand;
+        this.acct_last_four = paymentMethod.acct_last_four;
+        this.type = snakeToCamel(paymentMethod.type);
+    }
+}
+var CardBrandLabels;
+(function (CardBrandLabels) {
+    CardBrandLabels["american_express"] = "American Express";
+    CardBrandLabels["diners_club"] = "Diners Club";
+    CardBrandLabels["discover"] = "Discover";
+    CardBrandLabels["jcb"] = "JCB";
+    CardBrandLabels["mastercard"] = "Mastercard";
+    CardBrandLabels["china_unionpay"] = "UnionPay";
+    CardBrandLabels["visa"] = "Visa";
+    CardBrandLabels["unknown"] = "Unknown";
+})(CardBrandLabels || (CardBrandLabels = {}));
+
+const SavedPaymentMethod = /*@__PURE__*/ proxyCustomElement(class SavedPaymentMethod extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.paymentMethodOptionSelected = createEvent(this, "paymentMethodOptionSelected", 7);
+        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 (h(Host, { key: '78487e52f549547f4c89f48a238a8916d77d4f1c', class: "payment-method" }, h("div", { key: 'd437a5f9e79356b1177703da2b5d7f4ca98072ce', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '0dd03b9ebae98c441c63717aba310d77e587b1c8', 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, "payment-method-option"],
+        "isSelected": [4, "is-selected"],
+        "resolvePaymentMethod": [64]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-saved-payment-method", "form-control-help-text", "form-control-radio"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-saved-payment-method":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SavedPaymentMethod);
+            }
+            break;
+        case "form-control-help-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "form-control-radio":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { PaymentMethodOption as P, SavedPaymentMethod as S, defineCustomElement as d };

package/dist/module/season-interruption-insurance-core.js

@@ -0,0 +1,168 @@
+import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
+import { p as processHTML, c as formatCurrency, r as removeAttribute, l as addAttribute } from './utils2.js';
+import { v as validateInsuranceValues, a as insuranceValues, b as insuranceErrors, H as Header2 } from './insurance-state.js';
+import { t as text, j as textDanger } from './parts.js';
+import { S as StyledHost } from './styled-host.js';
+import './details.js';
+import './event-types.js';
+import { S as Skeleton } from './skeleton.js';
+import { d as defineCustomElement$2 } from './form-control-help-text2.js';
+import { d as defineCustomElement$1 } from './form-control-radio2.js';
+
+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 SeasonInterruptionInsuranceCore = /*@__PURE__*/ proxyCustomElement(class SeasonInterruptionInsuranceCore extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.insuranceUpdated = createEvent(this, "insurance-updated", 7);
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.isLoading = true;
+    }
+    async 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() {
+        if (this.getQuote) {
+            this.fetchData();
+        }
+    }
+    ;
+    fetchData() {
+        this.isLoading = true;
+        this.getQuote({
+            payload: {
+                checkout_id: this.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() {
+        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 }))));
+    }
+}, [256, "justifi-season-interruption-insurance-core", {
+        "checkoutId": [1, "checkout-id"],
+        "getQuote": [16, "get-quote"],
+        "toggleCoverage": [16, "toggle-coverage"],
+        "primaryIdentityFirstName": [1, "primary-identity-first-name"],
+        "primaryIdentityLastName": [1, "primary-identity-last-name"],
+        "primaryIdentityState": [1, "primary-identity-state"],
+        "primaryIdentityPostalCode": [1, "primary-identity-postal-code"],
+        "primaryIdentityCountry": [1, "primary-identity-country"],
+        "primaryIdentityEmailAddress": [1, "primary-identity-email-address"],
+        "policyAttributesInsurableAmount": [2, "policy-attributes-insurable-amount"],
+        "policyAttributesStartDate": [1, "policy-attributes-start-date"],
+        "policyAttributesEndDate": [1, "policy-attributes-end-date"],
+        "coveredIdentityFirstName": [1, "covered-identity-first-name"],
+        "coveredIdentityLastName": [1, "covered-identity-last-name"],
+        "quote": [32],
+        "isLoading": [32],
+        "accepted": [32],
+        "validate": [64]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-season-interruption-insurance-core", "form-control-help-text", "form-control-radio"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-season-interruption-insurance-core":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SeasonInterruptionInsuranceCore);
+            }
+            break;
+        case "form-control-help-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "form-control-radio":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { SeasonInterruptionInsuranceCore as S, defineCustomElement as d };