@justifi/webcomponents 5.7.6 → 6.0.0-rc.1

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

@@ -4,6 +4,7 @@ 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() {
@@ -20,7 +21,7 @@ const PaymentProvisioningFormButtons = /*@__PURE__*/ proxyCustomElement(class Pa
         return this.currentStep === this.totalSteps;
     }
     render() {
-        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")));
+        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")));
     }
 }, [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: 'f25bbaeeac7ea49b2d99f746af0aec7b637d879a', class: 'col-12 mb-4' }, this.currentStepComponent));
+        return (h("div", { key: '9a09e562d0a3548cb40863ba5780c5d1692b6ec3', 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,6 +2,7 @@ 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,8 +1,6 @@
 import { A as Api } from './Api.js';
-import './Checkout.js';
-import './Pagination.js';
-import './Payment.js';
 import './Refund.js';
+import './Pagination.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 { h as convertToLocal } from './utils2.js';
-import './Checkout.js';
-import { p as pagingDefaults } from './Pagination.js';
-import './Payment.js';
+import './dinero.js';
 import './Refund.js';
+import { p as pagingDefaults } from './Pagination.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 { n as tableHeadCell, a8 as getAlternateTableCellPart } from './parts.js';
+import { e as convertToLocal } from './utils2.js';
+import { v 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: '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 }) }))))))));
+        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 }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

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

@@ -1,10 +1,11 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-import { a as formatDate, e as formatTime } from './utils2.js';
+import { a as formatDate, d 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';
@@ -73,9 +74,9 @@ const PayoutDetailsCore = /*@__PURE__*/ proxyCustomElement(class PayoutDetailsCo
     }
     render() {
         var _a;
-        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 }))
+        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 }))
         ])))));
     }
     static get watchers() { return {

package/dist/module/payout.service.js

@@ -1,8 +1,6 @@
 import { A as Api } from './Api.js';
-import './Checkout.js';
-import './Pagination.js';
-import './Payment.js';
 import './Refund.js';
+import './Pagination.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 { h as convertToLocal } from './utils2.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
+import './dinero.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Refund.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 { n as tableHeadCell, a8 as getAlternateTableCellPart } from './parts.js';
+import { v 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: '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 }) }))))))));
+        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 }) }))))))));
     }
     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: '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 })))));
+        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 })))));
     }
 }, [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: '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 })))));
+        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 })))));
     }
 }, [256, "justifi-refund-policy", {
         "disputeResponse": [8, "dispute-response"],

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

@@ -1,21 +1,28 @@
 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;
-    }
-    handleCheckboxChange(_name, value) {
-        this.isChecked = value;
-        this.checkboxChanged.emit(this.isChecked);
+        this.handleCheckboxChange = (_name, value) => {
+            this.isChecked = value;
+            checkoutStore.savePaymentMethod = value;
+            this.checkboxChanged.emit(this.isChecked);
+        };
     }
     render() {
-        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) })));
+        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 }))));
     }
-}, [256, "justifi-save-new-payment-method", {
+}, [257, "justifi-save-new-payment-method", {
         "isChecked": [32]
     }]);
 function defineCustomElement() {

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

@@ -0,0 +1,73 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { r as radioListItem } from './parts.js';
+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 { C as CardBrandLabels } from './payment-method-option-utils.js';
+import { d as defineCustomElement$2 } from './form-control-help-text2.js';
+import { d as defineCustomElement$1 } from './form-control-radio2.js';
+
+const SavedPaymentMethods = /*@__PURE__*/ proxyCustomElement(class SavedPaymentMethods extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.onPaymentMethodOptionClick = (paymentMethodId) => (e) => {
+            e.preventDefault();
+            checkoutStore.selectedPaymentMethod = paymentMethodId;
+        };
+        this.isAllowedPaymentMethod = (paymentMethod) => {
+            if (paymentMethod.type === 'card' && checkoutStore.disableCreditCard) {
+                return false;
+            }
+            if (paymentMethod.type === 'bank_account' && checkoutStore.disableBankAccount) {
+                return false;
+            }
+            return true;
+        };
+    }
+    componentWillLoad() {
+        if (!checkoutStore.paymentMethods.length) {
+            console.warn('No saved payment methods available.');
+        }
+        if (checkoutStore.disablePaymentMethodGroup) {
+            console.warn('Payment method group is disabled.');
+        }
+    }
+    render() {
+        if (checkoutStore.disablePaymentMethodGroup) {
+            return null;
+        }
+        return (h(StyledHost, null, h("div", { class: "saved-payment-methods" }, checkoutStore.paymentMethods.length ? checkoutStore.paymentMethods
+            .filter(this.isAllowedPaymentMethod)
+            .map((paymentMethod) => (h("div", { class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick(paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id) }, h("form-control-radio", { name: "paymentMethodType", value: paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id, checked: checkoutStore.selectedPaymentMethod === (paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id), label: `${CardBrandLabels[paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.brand] || ''} *${paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.acct_last_four}` })))) : null)));
+    }
+}, [257, "justifi-saved-payment-methods"]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-saved-payment-methods", "form-control-help-text", "form-control-radio"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-saved-payment-methods":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, SavedPaymentMethods);
+            }
+            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 { SavedPaymentMethods as S, defineCustomElement as d };

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

@@ -1,6 +1,11 @@
-import { h, proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/core/internal/client';
+import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import { c as formatCurrency } from './utils2.js';
-import { X as radioListItem } from './parts.js';
+import { r as radioListItem } from './parts.js';
+import { c as checkoutStore } from './checkout.store.js';
+import { S as StyledHost } from './styled-host.js';
+import './details.js';
+import './event-types.js';
+import './justifi-radio-list-item2.js';
 import { d as defineCustomElement$2 } from './form-control-help-text2.js';
 import { d as defineCustomElement$1 } from './form-control-radio2.js';
 
@@ -14,29 +19,31 @@ const SezzlePaymentMethod = /*@__PURE__*/ proxyCustomElement(class SezzlePayment
     constructor() {
         super();
         this.__registerHost();
+        this.__attachShadow();
         this.paymentMethodOptionSelected = createEvent(this, "paymentMethodOptionSelected", 7);
+        this.paymentMethodOptionId = 'sezzle';
         this.onPaymentMethodOptionClick = (e) => {
             e.preventDefault();
-            this.paymentMethodOptionSelected.emit(this.paymentMethodOption);
+            checkoutStore.selectedPaymentMethod = this.paymentMethodOptionId;
+            this.paymentMethodOptionSelected.emit(this.paymentMethodOptionId);
         };
         this.initializeSezzleCheckout = () => {
             let resolveSezzlePromise;
             this.sezzlePromise = new Promise((resolve) => { resolveSezzlePromise = resolve; });
-            const bnpl = this.bnpl;
-            const amount = +this.paymentAmount; // convert to number
+            const amount = Number(checkoutStore.paymentAmount);
             const Checkout = window.Checkout;
             const checkout = new Checkout({
                 mode: 'popup',
-                publicKey: bnpl.provider_client_id,
-                apiMode: bnpl.provider_mode,
-                apiVersion: bnpl.provider_api_version,
+                publicKey: checkoutStore.bnplProviderClientId,
+                apiMode: checkoutStore.bnplProviderMode,
+                apiVersion: checkoutStore.bnplProviderApiVersion,
             });
             checkout.sezzleButtonElement = this.sezzleButtonRef;
             checkout.init({
                 onClick: function (event) {
                     event.preventDefault();
                     checkout.startCheckout({
-                        checkout_url: bnpl.provider_checkout_url
+                        checkout_url: checkoutStore.bnplProviderCheckoutUrl,
                     });
                 },
                 onComplete: (event) => resolveSezzlePromise({ bnpl: event.data }),
@@ -48,6 +55,8 @@ const SezzlePaymentMethod = /*@__PURE__*/ proxyCustomElement(class SezzlePayment
         };
     }
     componentDidRender() {
+        if (!this.scriptRef)
+            return;
         this.scriptRef.onload = () => {
             this.sezzleButtonRef = document.createElement('button');
             this.initializeSezzleCheckout();
@@ -61,16 +70,14 @@ const SezzlePaymentMethod = /*@__PURE__*/ proxyCustomElement(class SezzlePayment
         return this.sezzlePromise;
     }
     render() {
-        var _a, _b, _c;
-        return (h(Host, { key: '4ae50e7bbb15d0049d069edacd0d95ba7c13dbe5', class: "payment-method" }, h("script", { key: '42a0590d89626ba7a93852e421eb121626b48375', src: "https://checkout-sdk.sezzle.com/checkout.min.js", async: true, ref: (el) => (this.scriptRef = el) }), h("div", { key: '31a2a72650486c258267c6d4de3723f7afa5b063', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: 'eac1adbcd82fcb4f9c440c53c40ce34af6092991', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: h("div", null, h("div", null, "Buy now, pay later with ", sezzleLogo), this.installmentPlan && (h("small", null, h("span", null, (_b = this.installmentPlan) === null || _b === void 0 ? void 0 : _b.installments.length), "\u00A0", h("span", null, this.installmentPlan.schedule, " payments of"), "\u00A0", h("span", { class: "fw-bold" }, formatCurrency((_c = this.installmentPlan) === null || _c === void 0 ? void 0 : _c.installments[0].amountInCents))))) }))));
+        var _a, _b;
+        if (!checkoutStore.bnplEnabled || checkoutStore.disableBnpl) {
+            console.warn('justifi-sezzle-payment-method: BNPL is not enabled for this account.');
+            return null;
+        }
+        return (h(StyledHost, { class: "payment-method" }, h("script", { src: "https://checkout-sdk.sezzle.com/checkout.min.js", async: true, ref: (el) => (this.scriptRef = el) }), h("div", { class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { name: "paymentMethodType", value: this.paymentMethodOptionId, checked: checkoutStore.selectedPaymentMethod === this.paymentMethodOptionId, label: h("div", null, h("div", null, "Buy now, pay later with ", sezzleLogo), this.installmentPlan && (h("small", null, h("span", null, (_a = this.installmentPlan) === null || _a === void 0 ? void 0 : _a.installments.length), "\u00A0", h("span", null, this.installmentPlan.schedule, " payments of"), "\u00A0", h("span", { class: "fw-bold" }, formatCurrency((_b = this.installmentPlan) === null || _b === void 0 ? void 0 : _b.installments[0].amountInCents))))) }))));
     }
-}, [256, "justifi-sezzle-payment-method", {
-        "bnpl": [8],
-        "clientId": [1, "client-id"],
-        "accountId": [1, "account-id"],
-        "paymentMethodOption": [16, "payment-method-option"],
-        "isSelected": [4, "is-selected"],
-        "paymentAmount": [2, "payment-amount"],
+}, [257, "justifi-sezzle-payment-method", {
         "installmentPlan": [32],
         "sezzleCheckout": [32],
         "sezzlePromise": [32],

package/dist/module/shipping-details.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$7 } from './custom-popper2.js';
 import { d as defineCustomElement$6 } from './form-control-date2.js';
 import { d as defineCustomElement$5 } from './form-control-file-v22.js';
@@ -44,7 +44,7 @@ const ShippingDetails = /*@__PURE__*/ proxyCustomElement(class ShippingDetails e
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: '9659228d60badf5ed8ce9166d6f7a9c9857024b5' }, h("div", { key: '3cd0f255e7719311293fdab4b3c3b053835e7062', class: "row gy-3" }, h("div", { key: '132759e99a8a5797d2a386ae802ce3607f15efaa', class: "col-12" }, h("h2", { key: '1ba83f329ea9a44584d59fdce07b7d2acba37f41', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '467f5246bccc7401e5b8dab660961bd639f9ff2b', class: "col-12" }, h("form-control-text", { key: 'dd7d33309fd9af4ae12462e4cb6e294c1fb05735', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: '2b96dbe354f2cc65b676cde07d004253fe74469f', class: "col-12" }, h("form-control-text", { key: '1574517f3c463c8e2ac2a2a0cdb85eb7c8349971', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: '76dc169253d3de15c041e21d3b116a0973a0884b', class: "col-12" }, h("form-control-date", { key: 'f1a80bd55f350559aff614a219191fd026287910', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: 'e314c9bb0b0edaf5a7ff01e3ec804377a9ca2f4f', class: "col-12" }, h("form-control-textarea", { key: '13ea3ccb3001cbef1453cefbcc663e10eff62cb6', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: 'eeffc742b048ca828caefd7ccb1793927e1f3295', class: "col-12" }, h("form-control-file-v2", { key: '5d7c17b8acef1b41d80301640d90c3c0e17f2471', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
+        return (h("div", { key: 'a0907d5f1fe8d40876f816b6d332dbb0d9afe975' }, h("div", { key: '3f22d56b30227d9ce0d22dc45c4e29bba60b5366', class: "row gy-3" }, h("div", { key: 'ec768dcf266527e981712f55cdb1921d0e6ef257', class: "col-12" }, h("h2", { key: '0b0e92ba9164941f48e1162937d7bd694683b206', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '2a5f5508c7f8b1a3a674d4bd18a2cba725ff86e7', class: "col-12" }, h("form-control-text", { key: 'deb04aa47dee3269ad8ad84b59edfdf251207520', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: 'e340cf8f480c335b7e565e7d4bf052685bc3f78f', class: "col-12" }, h("form-control-text", { key: '8e3d040776e821518c0d04ea8d0da2d0ddb75cd3', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: '71dab91e7befe734db1b8f02bb3fd8d1b8180ab8', class: "col-12" }, h("form-control-date", { key: 'f257e98c81762700c7164a8cbd86764ebe4e4353', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: 'e69255a96e9292fea2269f7f0a7888e53e5a8be7', class: "col-12" }, h("form-control-textarea", { key: 'b40386270d12484982d81a85db0e95853f76ec58', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: '23f2a4dabdaefef86940ae03e00a5d240d061a2f', class: "col-12" }, h("form-control-file-v2", { key: '6db6eb9ed1803d7c25f2b9dd03955be7e9c41a34', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
     }
 }, [256, "justifi-shipping-details", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/spinner.js

@@ -1,5 +1,5 @@
 import { h } from '@stencil/core/internal/client';
-import { w as loadingSpinner } from './parts.js';
+import { C as loadingSpinner } from './parts.js';
 
 const Spinner = () => {
     return (h("div", { class: "d-flex justify-content-center" },

package/dist/module/summary.js

@@ -0,0 +1,35 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { t as text } from './parts.js';
+import { c as formatCurrency } from './utils2.js';
+import { c as checkoutStore } from './checkout.store.js';
+import { S as StyledHost } from './styled-host.js';
+import './details.js';
+import './event-types.js';
+import './justifi-radio-list-item2.js';
+
+const Summary = /*@__PURE__*/ proxyCustomElement(class Summary extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    render() {
+        return (h(StyledHost, { key: 'fccb819d66329424af42e9c53effec29a6c9784d' }, h("section", { key: '0ee7a4e0579f7f222a9db82e6b4db6bb92542d9e' }, h("div", { key: 'bdf74b2bc5db35b96ca75d50783b790bb482a76e' }, h("div", { key: '851b481bd6beb1fcaadc106d27d131f8b07d1c9a', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: '0b261bc0e2d65cf989778e02df51b3265816f7aa' }, h("span", { key: '0eee0017ddf25ae45d6b5c828071098f45e6e19d', part: text }, "Total"), "\u00A0", h("span", { key: 'd21576f14c3437f70a4b85b9dfc01107392d663a', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
+    }
+}, [257, "justifi-checkout-summary"]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-checkout-summary"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-checkout-summary":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, Summary);
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { Summary as S, defineCustomElement as d };

package/dist/module/table-filters-menu2.js

@@ -29,7 +29,7 @@ const TableFiltersMenu = /*@__PURE__*/ proxyCustomElement(class TableFiltersMenu
         this.showClearButton = hasFilters(this.params);
     }
     render() {
-        return (h("div", { key: '3fceb3195060fd21e0928f3b3e41e2e205794778', class: "d-flex gap-2" }, h("div", { key: 'cf023a74f709332a918bd099cae2de4dc3ffd40f', class: "dropdown pb-3" }, h("button", { key: '7c909ff07e4ea69dda84c80f944bb45f65306605', type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", part: dropdownMenuButton, "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: '78bfa19b68f3112f4f3eb0e6fd188b32c8b07aee', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: '5d77ae310a35fae91da9c0e8ccd468367f2cd730', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '2bda5c97dbe499de4336b43196181096457bcb47' })))), h("div", { key: '1cdf8224ed35bfa57f4972225e54ff7182bac293' }, h(Button, { key: '5c593fa8cbe357b6aba8e36c2f332a12a4d24042', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
+        return (h("div", { key: 'b270a6f9e52e45e958bb02e31569d4f56135ee25', class: "d-flex gap-2" }, h("div", { key: '76d9eef0672c27ec28a95bc062f946739a2c5dc7', class: "dropdown pb-3" }, h("button", { key: '3de6afb2c92bde835ae894e7548b3e07b86fb0bf', type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", part: dropdownMenuButton, "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: 'de744460fb721b5949ca0cfcf6a751e4b6a008d0', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: 'c8b6d3e8e28b90fb3dedd80e71c7a8a0f30b6a8f', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '44e50fab6d4f6c7a76f90659cced1c61e94ec43d' })))), h("div", { key: 'b5ec37cc1f28005c2b87b14bd10b74e619012ce5' }, h(Button, { key: '5bae9de44fcdb6e015ac3311945bdcee1887e827', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
     }
     static get watchers() { return {
         "params": ["watchParamsHandler"]

package/dist/module/table.js

@@ -1,5 +1,5 @@
 import { h } from '@stencil/core/internal/client';
-import { m as table, ar as tableHead, as as tableHeadRow, at as tableRow, au as tableFoot, av as tableFootRow, aw as tableFootCell, ax as tableEmpty, ay as tableError, o as tableCell } from './parts.js';
+import { u as table, ar as tableHead, as as tableHeadRow, at as tableRow, au as tableFoot, av as tableFootRow, aw as tableFootCell, ax as tableEmpty, ay as tableError, w as tableCell } from './parts.js';
 import { S as Spinner } from './spinner.js';
 
 const TableWrapper = (props, children) => {

package/dist/module/terminal-orders-list-core2.js

@@ -2,14 +2,14 @@ import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/i
 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 './details.js';
 import { T as TableClickActions } from './event-types.js';
+import './justifi-radio-list-item2.js';
 import './config-state.js';
-import { h as convertToLocal } from './utils2.js';
-import './Checkout.js';
+import './dinero.js';
+import { f as TerminalOrderType } from './Refund.js';
 import { p as pagingDefaults } from './Pagination.js';
-import './Payment.js';
-import { a as TerminalOrderType } from './Refund.js';
 import './Business.js';
-import { n as tableHeadCell, a8 as getAlternateTableCellPart } from './parts.js';
+import { v as tableHeadCell, a8 as getAlternateTableCellPart } from './parts.js';
+import { e as convertToLocal } from './utils2.js';
 import { B as Badge, a as BadgeVariant } from './badge.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './terminal-orders-list-params-state.js';
 import { d as defineCustomElement$1 } from './pagination-menu2.js';
@@ -166,7 +166,7 @@ const TerminalOrdersListCore = /*@__PURE__*/ proxyCustomElement(class TerminalOr
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '128b8fa2d0a3cab6f4dad593961401193298397c' }, h(TableComponent, { key: 'c80b9c9718aa88c72374976ad5b164ffaa764725' }, h(TableHead, { key: '37987af09980ff3e0bb595d5f721a193efa06ebd' }, h(TableHeadRow, { key: '60d0b9c55efca1f55880a022fdf98f62bd974acc' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: 'b34b4a8fd8165f45a547e48389520a29c91e961f' }, h(TableLoadingState, { key: '202c63bb7f9d4ea85f29e5382c2d96c284bea305', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'e44b24f14d7280081d2f241e5762be3fab8e5ac3', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '77ac84b67ad094216c0df88a2400b15a72db97d4', columnSpan: this.terminalOrdersTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalOrdersTable.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: '0745f06ea066b8cca010648427ffcb941a2cbbfb' }, h(TableFootRow, { key: 'e9760054c8b9f675b3c12461bb21f148a4112aa4' }, h(TableFootCell, { key: 'd5cae96c5ed3ee809923405fa2751057ba82af41', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: 'd0f1bcd31f0799ff1a8b7a1a807437b81bbc2e73', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '8a0766c914fedb4544e1420a9d4821033ff5b63e' }, h(TableComponent, { key: '082e4d1231d470bbdcdb6283b769dfa170d4497c' }, h(TableHead, { key: '657a36dea6be9c12ea4d184b80100926f5d5a776' }, h(TableHeadRow, { key: '15e2897c02a069998ab7e317714e27b5c25496de' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: '2c4ce1e4d6542a6a35fe84e930d5aa80be8f1e5e' }, h(TableLoadingState, { key: '9d6dc10cbc5bac7dc70f5b89835e66d94b7a7f47', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '8cbb3e23fe963729e25e2692db64027a8fa60cd3', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: 'b13a399c4df1f596d46cc87236172499eecfcde8', columnSpan: this.terminalOrdersTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalOrdersTable.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: '95df4815cc997770b8422a9ad1553bf1fca04c55' }, h(TableFootRow, { key: '4e58cb642110fa73b437fa8eccb8bc7900bb0409' }, h(TableFootCell, { key: '42f6b9a69a798bbe7f6478adb99294156bcffab3', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '82740c87d012610d1f7863b52463e7d6ac4ad482', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/module/terminal-quantity-selector2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { k as card, Z as image, _ as buttonLink } from './parts.js';
+import { q as card, Y as image, Z as buttonLink } from './parts.js';
 import { d as defineCustomElement$2 } from './custom-popper2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 
@@ -24,7 +24,7 @@ const TerminalQuantitySelector = /*@__PURE__*/ proxyCustomElement(class Terminal
         };
     }
     render() {
-        return (h("div", { key: '347cc119dae6013a0110551d37349839d5a8c60f', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: '965e0282bfe78cabec08d6af980489c07d1c1087', class: "d-flex gap-3" }, h("div", { key: '868d31537eac74b7f5201739cf7527bc2e4c7130', class: "d-flex align-items-center" }, h("img", { key: 'f3c9ca6d9cc12e42f9ed1f469fde8ec507d03fff', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '474461af6bbb24f5d0433698b8761e2bfa76d0f3', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '157c8422a4087b274bb8b3c0861ea3daa7d8d700', class: "row" }, h("div", { key: 'cfda71e7a75b716bfaa635dd0218c163f1b2aa22', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: '5e8193abfa9bbd3f27ad396871faa64700413bb5', helpText: this.description })), h("div", { key: '47a47124bf3ce63264efdc96d74dcd7849a32c96', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: '252798ab53ef9b68184be2d95c6b12d7e8b5e976', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '0ec025653e8d4fad3cc435af716af0771fb2f8ca', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: '01f895f944b4caf85e46d90756b54fc162f0f1b0', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
+        return (h("div", { key: 'de2e01cebd222ad371a15df4aade26d3e118ddee', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: '8e69419c2b7cd0917dd27d42edef08e2d06d79fb', class: "d-flex gap-3" }, h("div", { key: 'c9f83f6f3857e3ec38134194e8ce9d5e9c614992', class: "d-flex align-items-center" }, h("img", { key: '576be452c664824354355b8ed02777dd63d2cddb', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '0c978b052b05d5b6384a0a13411b339c0522dfd3', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '40c72c35a8a8418c4d873dbbd6f4ca089142bc14', class: "row" }, h("div", { key: '5fd4f0be8b88e49ad6f332b39d8bf5061ed7ebc3', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: '5d30721f60481bb7994578aefbe2b58055134044', helpText: this.description })), h("div", { key: 'e78454dc8e9fc81f65d01bafc4877d254db08508', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: 'e2f601209f58ce5b87aa546888da3077e1dc3aed', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '32f9805571ec676ebfcf664029579d50e5e500ca', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: 'c7ac123ecc6fcaa06a0beaa5f36ed842beba928c', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
     }
 }, [256, "terminal-quantity-selector", {
         "modelName": [1, "model-name"],

package/dist/module/terminal.service.js

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