@justifi/webcomponents 6.15.0-rc.1 → 6.15.0

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

@@ -66,12 +66,14 @@ const JustifiCheckoutsListFilters$1 = /*@__PURE__*/ proxyCustomElement(class Jus
             { label: 'E-commerce', value: ICheckoutPaymentModeParam.ecom },
             { label: 'BNPL', value: ICheckoutPaymentModeParam.bnpl },
             { label: 'Apple Pay', value: ICheckoutPaymentModeParam.apple_pay },
+            { label: 'Paypal', value: ICheckoutPaymentModeParam.paypal },
+            { label: 'Venmo', value: ICheckoutPaymentModeParam.venmo }
         ];
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '175f4d80e539b956be529d9e0e7bd94dd00aef32' }, h("table-filters-menu", { key: '4d8acfb715b038948bce514d501b567be0e3d15d', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '062bc3404f5985a84bf716976b617f9816012d0c', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '77d933a6d6b78350295b8169aa252157188625fa', class: "p-2" }, h("form-control-text", { key: 'd5193421fd54a05069d2c93b2d9702fe614a5b12', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: filterParam })), h("div", { key: '964eb355ce3c7d089d832aac9909d81d12a13001', class: "p-2" }, h("form-control-text", { key: '5942e0937e04b6957efed9eabc770f28665669f6', name: "successful_payment_id", label: "Successful Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.successfulPaymentId || filterParams.successful_payment_id, disabled: !!this.successfulPaymentId, part: filterParam })), h("div", { key: '35a093a384d2c386cbfc117714409ee3e262bc72', class: "p-2" }, h("form-control-select", { key: '7bdbb5d2f9e3a1b82ff9f5245767992308d8ba7d', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: filterParam })), h("div", { key: '59de4b040ac72aa2f26ea52c729125de23c561cd', class: "p-2" }, h("form-control-select", { key: 'c6f202c97e0dce53b11da79369659de1f01aa4e7', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: filterParam })), h("div", { key: '63094ad30d30ede904b82b40b4223b466258b43b', class: "p-2" }, h("form-control-date", { key: 'dc8a121917086233970feff405edfab4a5a84794', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: filterParam })), h("div", { key: 'fa9eefce1d398a0be634a03a72ce98f28ecac696', class: "p-2" }, h("form-control-date", { key: '9b07c3693396a1bf47d996fa83d1902188cf78cb', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: 'eca6b148bbea71d2ae0169aa67251ab87cadc1df' }, h("table-filters-menu", { key: '87af760346bd028aca6fb5f29ad9d16d1344e0e5', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '63a139d5d7f213bd0b7496f8076b2c95a36860a3', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'ae268b747aa817dee8e8c762132008d59ed6cb6f', class: "p-2" }, h("form-control-text", { key: 'a8a0139e9a8671c0a74f7bb5cb7d40cc5c76f9e8', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: filterParam })), h("div", { key: '5fbd8588d9f64254182cf08689dda0c705755e03', class: "p-2" }, h("form-control-text", { key: '6d70a400b4936fdf3d35c00a3b95303bc3e79688', name: "successful_payment_id", label: "Successful Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.successfulPaymentId || filterParams.successful_payment_id, disabled: !!this.successfulPaymentId, part: filterParam })), h("div", { key: '96a3b1bf5eaa46dcda3f01de50d991a14cb6f455', class: "p-2" }, h("form-control-select", { key: '06572e5d0528cfc0e36c6d95210ec6bc6db119ab', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: filterParam })), h("div", { key: '81cb0976145496cbb991b2b20d8acaee24238f65', class: "p-2" }, h("form-control-select", { key: '15db898c3fac34c2ac0262d17c07ea811ddbebd7', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: filterParam })), h("div", { key: 'cbae593e372d8fcb648fff5503ac6495e75c5f2e', class: "p-2" }, h("form-control-date", { key: '06f605f92582dbf1ea654a4c14ea0089932e9aea', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: filterParam })), h("div", { key: '278400d92ded9bff800e4b2142434c046d1be397', class: "p-2" }, h("form-control-date", { key: '53a98e350078d690df0985627ac1a6f0e39f74ad', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: filterParam }))))));
     }
 }, [257, "justifi-checkouts-list-filters", {

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

@@ -269,8 +269,8 @@ const JustifiCheckoutsList$1 = /*@__PURE__*/ proxyCustomElement(class JustifiChe
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(StyledHost, { key: 'f022fc9244c2c8d6e43136ef67d584b7e02d88c0' }, h(TableWrapper, { key: '4426bfe67f6847fc4e7afac5bc6f49003eab7bdc' }, h(TableComponent, { key: 'd0c5683a6d86166853a184902c0492d7d692053d' }, h(TableHead, { key: '414525dcdce777fb9b96da4577f9df9dbc5209e5' }, h(TableHeadRow, { key: '059f355e53d1610e9a98caefc2e843042b82a401' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'a084de3e1cd2463d94e189d5d3241a19a885e43d' }, h(TableLoadingState, { key: '3efa17a9737fcac772f9d97880b4a990a97a7e99', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '636f2bf2b881e3ae93fd2ae5b78f4951eb2aa55e', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'd17071cdf4f1295f6aa53efb566fa470f40ef8cd', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData &&
-            this.checkoutsTable.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: 'dc301ba7b3039400a3dbb9761ca8d7894e619e7d' }, h(TableFootRow, { key: '18936a6e7bbc6c0ed07181e22beb9488ef5d3fcd' }, h(TableFootCell, { key: '56749d191e514a9ef47d505efe831d808abf59db', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '7cd65843172cb881640de5e3815ec1e85984b9be', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: 'a7b1654b627bab83958b7247b27c296ee1164cfc' }, h(TableWrapper, { key: 'e3dddb238409f778e52ad036b7cd2ec41279f3dc' }, h(TableComponent, { key: 'd0960d893904207989f88685bcc80bc6c1979b47' }, h(TableHead, { key: 'dc11347964df3a6c5d4adce407e668fd0a7683cf' }, h(TableHeadRow, { key: '5c2ee6078f1ff84b273ce843b24d47161097155e' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '6c88b83f5369accef71b05713fa7b1fd43b01862' }, h(TableLoadingState, { key: 'f463c22c1f6cc7e80a698b0ae751f8ab7fb43cc5', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'a9414a60b8c91f87537da7853bfb32264c2c966b', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: '41ebd0d98fe7591a0cc93e1fd37f0a2027d249fb', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData &&
+            this.checkoutsTable.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: 'e41929553535de5f86ce9b84f5264bb1c3a43796' }, h(TableFootRow, { key: 'c4cc91e37335f5ed9b9819364978d3eeecd6f879' }, h(TableFootCell, { key: '7f0fcab1ec2c31c9f82de6b8d524f9a8166c229b', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '0949bb91fa20cb78dfb1b7a01c91db713cb92c00', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "accountId": ["authPropChanged"],

package/dist/module/justifi-gross-payment-chart.js

@@ -597,9 +597,9 @@ class Color {
 }
 
 /*!
- * Chart.js v4.5.1
+ * Chart.js v4.6.1
  * https://www.chartjs.org
- * (c) 2025 Chart.js Contributors
+ * (c) 2026 Chart.js Contributors
  * Released under the MIT License
  */
 
@@ -2558,10 +2558,12 @@ function getMaximumSize(canvas, bbWidth, bbHeight, aspectRatio) {
         canvas.style.height = `${chart.height}px`;
         canvas.style.width = `${chart.width}px`;
     }
-    if (chart.currentDevicePixelRatio !== pixelRatio || canvas.height !== deviceHeight || canvas.width !== deviceWidth) {
+    const canvasHeight = Math.floor(deviceHeight);
+    const canvasWidth = Math.floor(deviceWidth);
+    if (chart.currentDevicePixelRatio !== pixelRatio || canvas.height !== canvasHeight || canvas.width !== canvasWidth) {
         chart.currentDevicePixelRatio = pixelRatio;
-        canvas.height = deviceHeight;
-        canvas.width = deviceWidth;
+        canvas.height = canvasHeight;
+        canvas.width = canvasWidth;
         chart.ctx.setTransform(pixelRatio, 0, 0, pixelRatio, 0, 0);
         return true;
     }
@@ -2694,9 +2696,9 @@ function getDatasetClipArea(chart, meta) {
 }
 
 /*!
- * Chart.js v4.5.1
+ * Chart.js v4.6.1
  * https://www.chartjs.org
- * (c) 2025 Chart.js Contributors
+ * (c) 2026 Chart.js Contributors
  * Released under the MIT License
  */
 
@@ -3250,7 +3252,7 @@ function clearStacks(meta, items) {
     for (const parsed of items){
         const stacks = parsed._stacks;
         if (!stacks || stacks[axis] === undefined || stacks[axis][datasetIndex] === undefined) {
-            return;
+            continue;
         }
         delete stacks[axis][datasetIndex];
         if (stacks[axis]._visualValues !== undefined && stacks[axis]._visualValues[datasetIndex] !== undefined) {
@@ -4415,11 +4417,12 @@ class DoughnutController extends DatasetController {
         circumference: 360,
         radius: '100%',
         spacing: 0,
+        spacingMode: 'angular',
         indexAxis: 'r'
     };
     static descriptors = {
-        _scriptable: (name)=>name !== 'spacing',
-        _indexable: (name)=>name !== 'spacing' && !name.startsWith('borderDash') && !name.startsWith('hoverBorderDash')
+        _scriptable: (name)=>name !== 'spacing' && name !== 'spacingMode',
+        _indexable: (name)=>name !== 'spacing' && name !== 'spacingMode' && !name.startsWith('borderDash') && !name.startsWith('hoverBorderDash')
     };
  static overrides = {
         aspectRatio: 1,
@@ -4680,7 +4683,9 @@ class PolarAreaController extends DatasetController {
             }
         },
         indexAxis: 'r',
-        startAngle: 0
+        startAngle: 0,
+        spacing: 0,
+        spacingMode: 'proportional'
     };
  static overrides = {
         aspectRatio: 1,
@@ -4823,6 +4828,12 @@ class PolarAreaController extends DatasetController {
                 endAngle,
                 options: this.resolveDataElementOptions(i, arc.active ? 'active' : mode)
             };
+            if (properties.options.spacing === 0) {
+                properties.options.spacing = this.options.spacing;
+            }
+            if (properties.options.spacingMode === 'angular') {
+                properties.options.spacingMode = this.options.spacingMode;
+            }
             this.updateElement(arc, i, properties, mode);
         }
     }
@@ -7038,7 +7049,9 @@ class Scale extends Element {
             translation: [
                 titleX,
                 titleY
-            ]
+            ],
+            strokeColor: title.strokeColor,
+            strokeWidth: title.strokeWidth
         });
     }
     draw(chartArea) {
@@ -7747,7 +7760,7 @@ function needContext(proxy, names) {
     return false;
 }
 
-var version = "4.5.1";
+var version = "4.6.1";
 
 const KNOWN_POSITIONS = [
     'top',

package/dist/module/justifi-header2.js

@@ -20,7 +20,7 @@ const JustifiHeader = /*@__PURE__*/ proxyCustomElement(class JustifiHeader exten
     }
     render() {
         const HeaderComponent = this.levels[this.level];
-        return (h(StyledHost, { key: 'b51ffe7c6ff6de409396fd941d39321eb837665d' }, h(HeaderComponent, { key: 'dfba7ab895567a38b6b08fc1b734bdb9e98afff5', text: this.text, class: this.class })));
+        return (h(StyledHost, { key: '1843adabddf7d439036f8ce6f55627b7ca3e4a9f' }, h(HeaderComponent, { key: 'b16e5624ce7e092cc8c144a7cdfd9cb6afdf7a83', text: this.text, class: this.class })));
     }
 }, [257, "justifi-header", {
         "text": [1],

package/dist/module/justifi-order-terminals.js

@@ -208,7 +208,7 @@ const JustifiOrderTerminals$1 = /*@__PURE__*/ proxyCustomElement(class JustifiOr
         return (h("div", { class: "mt-3" }, h("div", { class: "text-end" }, "Order limit: ", this.orderLimit), h("div", { class: "d-flex justify-content-end mt-3" }, h("button", { class: "btn btn-primary submit-btn", onClick: this.submitOrder.bind(this), disabled: this.order.totalQuantity === 0 || this.submitting, part: buttonPrimary }, this.submitting ? 'Submitting...' : this.submitButtonText))));
     }
     render() {
-        return (h(StyledHost, { key: '284975f2cc9a27877e8ede55097cfeef7d951cf1' }, h("div", { key: '1be899276b0b935738a916773f310d2c2d60e29a', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (h(StyledHost, { key: '54455809df1f26151a5ef7d5935e38a8329cbc2e' }, h("div", { key: '6ea3b5336d4c779da65bf2b710aa8fa5757c3b19', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
     }
 }, [257, "justifi-order-terminals", {
         "businessId": [1, "business-id"],

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

@@ -97,16 +97,16 @@ const JustifiPaymentDetails$1 = /*@__PURE__*/ proxyCustomElement(class JustifiPa
         return this.payment.status;
     }
     render() {
-        return (h(StyledHost, { key: 'b77daed074c1f07abcfeee7638fbf647b069bde1' }, this.loading && h(PaymentDetailsLoading, { key: '45a19735c7e7701b296b965089b6ef1ede777124' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: '502d8daa5846c5cc788c14be4cd057d895d2a7fd', errorMessage: this.errorMessage }, h(EntityHeadInfo, { key: '6ff5ebc6ef1b77b1cbcc2ca208685537c1645d3a', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.PaymentStatus), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: 'a897ad7896a9799c93359385e58411e545a61d90', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '81fbaad82e06b4812dfb160ab5f02d4f869b93fa', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: 'f5082d85c20ce6bd99e064bca362cd4aadee681f', title: "ID", value: this.payment.id })), h("div", { key: 'c15a688cbbde60de1b8c1c6039eb96b007f825f6', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '1fdc9a1a427eef5ea84d19980888fdd0e0fd466f', sectionTitle: "Details" }), h("div", { key: 'd9bcd098ad4872100efba37fe193c118ec2a38b6', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '782927345108d65ec1d8ebfa62334f62b1c653ac', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '1c7e30ecc5b221c4216e3ad62286e315add6c674', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '1dea42fd59f8df49a511501f6c20a2239f412170', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: 'daa6a42ac01396f59e74da0d652b573ad45210b9', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '5357b6c460c0ffe3a43b256b51e2b357fb05dd56', title: "Status", value: MapPaymentStatusToBadge(this.PaymentStatus) }), h(DetailItem, { key: 'cf46249e7c4257997d08ca5fb8228e0426628dd8', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '7517d6cae93f52f38c0610e9f7a67752f8b7883a', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '605d9022e18e47a99b77e63b7ca7ceb37c3ec5c4', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '853ec1f5830af8da7e9661fff631ef40a8bd18e8', title: "Description", value: this.payment.description }), h(DetailItem, { key: '202359a55318667dec12aec368600083f623448b', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: '422d91eeafdfd0562f277ab9962e07dd6223298f', sectionTitle: "Payment Method" }),
-            h("div", { key: '8d5d46182aa5530c6a043ad547c6d1bc98f7f61d', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '1b5e9376aea8ec371d882fa1e537124c99ab2506', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: 'bc3c4eb6bd54360e0d715968e9b2c476c904afcf', title: "Payment Type", value: "Card" }), h(DetailItem, { key: 'b6b020a7372d3256d2fd8296788afbfb4c771075', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '38b37931c22669c0d2914d9480891a08215259d2', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '74d43cadb0a8bff45e84cd7c8cb8384c309a7439', title: "Cardholder", value: this.payment.payment_method.payersName }))
+        return (h(StyledHost, { key: 'c20a9881f121383742df4097abd211fc01fa614c' }, this.loading && h(PaymentDetailsLoading, { key: 'cea1dbe1de00b872e3eb83207c2f3f198dd0ce3f' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
+            this.payment && (h("justifi-details", { key: '821173761c94527c920ced8af53634389ee5e6fd', errorMessage: this.errorMessage }, h(EntityHeadInfo, { key: 'c596fc0f0a72f1775295fddb96490c9c2b7c8a4d', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.PaymentStatus), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: 'bd77afb1bffcf42d07858f7f717fcbf672762766', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: 'ccfb0af2a6680eb76a4e6db01728204725b752c0', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: '60f832dd62f9b4aed3495c6aeb38d7798aedf420', title: "ID", value: this.payment.id })), h("div", { key: '3073acb5c67e330e18f45d00b62912bcb5d6b49f', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'aae396fef7ef9394ac4f90a0d3ae5090dfd91e5c', sectionTitle: "Details" }), h("div", { key: '71330cbb6fef542f60d76a1a6bee1e1d950a95da', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '0d64521a40aff244e599a0f8946c8c1a06f6c1f5', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: 'b67670f8c89d38b5dac856e0326e8dc4aa79240b', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'ec82b98af9fc602c273c7d624aae13b2121f40ab', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: 'f785ac60c1a5520d3fefdcd746629431db689dae', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: 'ad986f25d781e51ba7991b5487dcacb63c0e2422', title: "Status", value: MapPaymentStatusToBadge(this.PaymentStatus) }), h(DetailItem, { key: 'aa9918c2962d5e17a3bc7550dc134a85c9f863ab', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '4052d75ce51d350d3f82b05a2447cb0481b9ffa0', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '2f89484e36dc4e5a01e27033f7ff9602b2d181d7', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '41768b7db45146a949180eebb0ae53d19d39cb7b', title: "Description", value: this.payment.description }), h(DetailItem, { key: 'fef4e8b59d7ca04ee895a7b4eba58503b97956f9', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
+            h(DetailSectionTitle, { key: '615d5d3a1df6e0b32cd5d7d4dd264250f732a2f4', sectionTitle: "Payment Method" }),
+            h("div", { key: '37811c349258526f1fb5e1d7dda8547a01fbc4c7', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'eee5b8828dc3b5e7bf5738d95d488b03d7704934', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: 'dbda1d8cf16914f1adf0803340d807abc504758b', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '2887c82fcaec3a7322644a928e4291970a69d4a4', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: 'dc707f794882ba9143cc46541ce89f072e98a653', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '8de60a9b5d5f781d1554108fc80ae0799e3143a6', title: "Cardholder", value: this.payment.payment_method.payersName }))
         ], this.payment.payment_method.bank_account && [
-            h(DetailSectionTitle, { key: '90c6d65d001e6a5d6d608858c12a39fa976c672d', sectionTitle: "Payment Method" }),
-            h("div", { key: '6907fb557de0817d22d150770d5fcfe21bacaa4a', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '5cc2abe0007d5527563c8c1893c104a6464ab467', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: 'bc743e7e9fccd70e7a7ea75031e5d605066fbcf2', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: 'd708a73bbe7df3f1e858b3a596e1fb5b38e4e2a4', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '5975c7912a3e0dc2f706d1d9b3d47b21bcebc8a9', title: "Account Owner", value: this.payment.payment_method.payersName }))
+            h(DetailSectionTitle, { key: '697f50418855675ea222fe2dc7558d30f884ed47', sectionTitle: "Payment Method" }),
+            h("div", { key: 'c7a013952b32f95a74d0e0f281a0750966e58c0d', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'ea9692b3a3dac313aa366ec22f0d766ba5eb0d52', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '5826fd24417df7fbaf952d60dbb21eb7ebf6ce36', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: 'a16f0171e05a59eb302404b1c5ccfc4a62e9899b', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '88dbbfe65ef4e7d1e31c9fc98de3dfddd33526c1', title: "Account Owner", value: this.payment.payment_method.payersName }))
         ], this.payment.metadata && [
-            h(DetailSectionTitle, { key: '197374ce471a49da70ac888d17a5d7ab2a048e5b', sectionTitle: 'Metadata' }),
-            h("div", { key: 'a5e94195d5b193aac71fae2ec02cb9be966cca91', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '0b909d0164abd958eba48461fd816ef6001b3e2b', metadata: this.payment.metadata }))
+            h(DetailSectionTitle, { key: '7f686436fda99b434f651758e420f2ad6be5d60a', sectionTitle: 'Metadata' }),
+            h("div", { key: '67b2e9543eba5c27c1d5b7e1a70115a2eb7f274a', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'f2dc90048696d2c8b0868d966d1e318e2c16fdbf', metadata: this.payment.metadata }))
         ])))));
     }
     static get watchers() { return {

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

@@ -187,7 +187,7 @@ const JustifiPaymentTransactionsList$1 = /*@__PURE__*/ proxyCustomElement(class
         return !this.showEmptyState && !this.showErrorState && !this.isLoading;
     }
     render() {
-        return (h(StyledHost, { key: '0f3e26b2c3f60508208665182d225851b661ce52' }, h(TableWrapper, { key: 'cec0e06941349943965f48f1724891b08eb2a9f0' }, h(TableComponent, { key: '0cc4ed8dba379a5007129098d9fafc666771bd68' }, h(TableHead, { key: '2cf86dc1d70add019c7a60a19776926987c6669d' }, h(TableHeadRow, { key: '26ee0bade994b3f103fbf143974095e24df3100f' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '68e61b6f6ce309c66444868cc76fa5d5975cbf51' }, h(TableLoadingState, { key: 'd71b0929a60dd74f1cd14e4bbafe2030f50fdd1f', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: 'cb9ff5c2f19c506cb04dd0ff89e1ac3b2d9477cc', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: 'cc194ed6bd9985ecc11052159636abf93d72baa1', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '466be6cad4dc5aa82d492758845a36ab7ded07cb' }, h(TableFootRow, { key: '635a3e29fd03027eae0430afe0777905342bda35' }, h(TableFootCell, { key: '87cacd49245ab6e07ae7c2adef2cb26561fae1c6', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '3b54af40f5aa9ac5e1198fc52218ec887cbd4e59', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: 'f8b0f3a58ef7f88c0ac42fc58955b28ad97922e4' }, h(TableWrapper, { key: '2dc653b63611cbdfa388b386cec9b3adf751bd12' }, h(TableComponent, { key: 'a0bd64c01870ccd4bb921d5d90c7453650131f16' }, h(TableHead, { key: 'b92ce24dab41cbaf1d8ecb1df43739d2548fe73f' }, h(TableHeadRow, { key: '5f983b93b2b9b6661cae2cf74802519175aae8cc' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'd9a51ecfc54c16a4859f9d66fb783f3876fc3428' }, h(TableLoadingState, { key: '232f1b59ddeb9f949901678a67c652cc3aedfdf7', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: 'bd9a853887da939c651c234cd4f0e3ab35d610d1', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: 'da157eb9d18d89353f6aebb085bb4becb15ac89f', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '41ffc1c9d3591dad7973f862b78b488e089af863' }, h(TableFootRow, { key: '17780690e1b44eb6ba13128d3ecfee73c6be06a7' }, h(TableFootCell, { key: '312b9a0b9649ffd9033ec1333b2d9d8eb666d185', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '4ef805672cf530850ecdf13e26eefc8015f80fa3', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["propChanged"],

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

@@ -69,8 +69,8 @@ const JustifiPaymentsListFilters$1 = /*@__PURE__*/ proxyCustomElement(class Just
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'f19bb83c021b72fc0cba7ac570411276e3a8cd2a' }, h("table-filters-menu", { key: '2427475b87179e05fc44995b57fc2be9b9c23a22', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'f6c00222acbda692bfc96a77f790c0b9f92a0b06', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '924bf8180a4c78d0899c58ad3c306d7af31b9c72', class: "p-2" }, h("form-control-text", { key: '29e7f5d581a78b9c843a844636cfebf17ec196c1', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: filterParam })), h("div", { key: '92edd8c13e031b568d6beb928eb41037726666dd', class: "p-2" }, h("form-control-text", { key: '61ac4d0412a50c2fef1fc9564fde8312055a6a4a', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: filterParam })), h("div", { key: '1463d128da8051d6b7e94921f87534bd24134293', class: "p-2" }, h("form-control-select", { key: 'c8234d00cd7caee263daf3f585cffb6dc113d666', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status || '', disabled: !!this.paymentStatus, part: filterParam })), h("div", { key: '89b8c58f7aca4272157e420efa3185372ccab934', class: "p-2" }, h("form-control-select", { key: '4c872ce7bd1064c7eb16ce9aa715088ab2e9be51', name: "payment_mode", label: "Payment Mode", options: this.paymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: filterParam })), h("div", { key: 'ffda8cfc8bdc3599d952f9efbcd1b2465d6e601c', class: "p-2" }, h("form-control-text", { key: 'd165ec8d4dcee2d9a7b6c519afb7ae40b6e00c4d', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: filterParam })), h("div", { key: '931df5bc1d177f69699552b04e62070fcf707a3c', class: "p-2" }, h("form-control-text", { key: 'b062770ff72d40f3057cd80a187fd9c67bae0e62', name: "account_holder", label: "Account Holder", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.accountHolder || filterParams.account_holder, disabled: !!this.accountHolder, part: filterParam })), h("div", { key: 'a56ee10b2dfe557e548d58910be9279ce1d68b60', class: "p-2" }, h("form-control-date", { key: '07e1be45c6ab427760f0aa33235242b6073648d5', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: filterParam })), h("div", { key: 'd89eb4e09a2e402c5cbfc293fcba7b9d17da2f86', class: "p-2" }, h("form-control-date", { key: '45dc2a2e1a2532f6cd2eac9e9e8deeb1e3cd3ea8', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: 'e3eaa38735042ba3618a8c042e7e1b351ba3c92d' }, h("table-filters-menu", { key: 'af5a94add7dcefe868e65d46a38a662b4d7986b3', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'c2c02f915eaf984458b3f99dac4bb9317aac8b7e', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '2130e16ffea403ac5fec93e7d77aba470529264f', class: "p-2" }, h("form-control-text", { key: '4e45a57455eed0be81236e1939c2ca5e5d741c81', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: filterParam })), h("div", { key: 'fef1849cf8f58c70f0fe8a5604545cabb58901d6', class: "p-2" }, h("form-control-text", { key: 'f8f076fff19c4a90901e1adacc61023a88d0bbfa', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: filterParam })), h("div", { key: '304d816e47dae74e1d493df5ffd34cef2cd93600', class: "p-2" }, h("form-control-select", { key: '265350ed2411acc1bbfe6dec019a79e808713349', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status || '', disabled: !!this.paymentStatus, part: filterParam })), h("div", { key: 'd644bf25f3e524403ee5d7590d4d32fad0e56688', class: "p-2" }, h("form-control-select", { key: '871056ad4364d14a18621e4da6e49bda609ef17a', name: "payment_mode", label: "Payment Mode", options: this.paymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: filterParam })), h("div", { key: 'e568ba09614c66e5a589b745dee36465e5c962b5', class: "p-2" }, h("form-control-text", { key: 'e58eb1b507c87220437ef0d9b3fcee8643408244', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: filterParam })), h("div", { key: 'b27cde43483bffbef99f22d707d28bebce514069', class: "p-2" }, h("form-control-text", { key: 'bf35df034fcb1e3c2e09503b94adca74083ccb7f', name: "account_holder", label: "Account Holder", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.accountHolder || filterParams.account_holder, disabled: !!this.accountHolder, part: filterParam })), h("div", { key: '3ef0ccf656c147044586a2f88c718a0c833ee6c4', class: "p-2" }, h("form-control-date", { key: 'c6b2dbfab6749f853ecf54959cd5f94c8db7a9ae', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: filterParam })), h("div", { key: '02c746e653dac58005381d19eaa5371347e02297', class: "p-2" }, h("form-control-date", { key: 'dd7d369a655e0f1e10497f45cfa7085c045287d3', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: filterParam }))))));
     }
 }, [257, "justifi-payments-list-filters", {

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

@@ -207,7 +207,7 @@ const JustifiPaymentsList$1 = /*@__PURE__*/ proxyCustomElement(class JustifiPaym
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(StyledHost, { key: '1972d732d49fe3a0a524ae0ee3d14ff83e06c2f9' }, h(TableWrapper, { key: '2d4128fa0009f52360cf4a3697cfc15b48aea427' }, h(TableComponent, { key: '706302e94182be3478042c2ee0682287707f2e15' }, h(TableHead, { key: 'da6aa068b37defc4842c6216376885042daeee48' }, h(TableHeadRow, { key: '5eb0983ca580e184d3ca929aae65a344c133be9d' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: '1c16641af3360d379f8dc43ca6fa0cdf41d18b1f' }, h(TableLoadingState, { key: '366b17d968c56c1d4dedfe7ddae878a5ac952405', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '7f43460204035b6a2c67e8fc0bbad44f56b659e9', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: 'd9f7f73b5966ef80dacc5c76117e8dc3aff7c63c', 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: 'e1bee3c78a56cec11277aba514607808e46476f3' }, h(TableFootRow, { key: '007da5d4cf7fd60103860edb7cec1d01bd2eae22' }, h(TableFootCell, { key: '3e16c5cd9531a459afd9d41067154a432c71f410', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '1b218b16bd172d16337aba09f659eb2cf80f3352', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: 'eb828891504cbcb38a6d7b73ab2411b23bca30a2' }, h(TableWrapper, { key: 'f523dae8af945d79a36734bb35ecca94ea094fff' }, h(TableComponent, { key: '8a69883c8217fdc36280cc3f2f95c83ad449b621' }, h(TableHead, { key: '1b47d5b433eaf0a749f8bdf97afb269518840e10' }, h(TableHeadRow, { key: '4a1be7574f03aefd7687f200dc5cdc2b92a47d90' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: '02ad2f601a923526c2555f598f54e674763c3cc6' }, h(TableLoadingState, { key: '274a86633dfbf13395acdfe9725cd14e13c59d8a', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '18ceb62121b9387a1bb8a8a74dfa458dba869b01', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '7cbbc7524f44ac22d16c257c5bdc4998f21d1983', 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: '0da01573eaaa7cf98b08f9f5910d536a687dc6a3' }, h(TableFootRow, { key: '402175c67d164d0f6deba109ff11230ef4772675' }, h(TableFootCell, { key: 'e2c8b098aacadcf5b0a5587e01f1191e287cd9fa', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '91bffb1511a93c0b39f7cdc711c1f92e5381f5ec', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

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

@@ -149,9 +149,9 @@ const JustifiPayoutDetails$1 = /*@__PURE__*/ proxyCustomElement(class JustifiPay
     }
     render() {
         var _a, _b, _c, _d;
-        return (h(StyledHost, { key: '899fa61338dbe116af651f6ad0152c2dc14fbf61' }, this.loading && h(PayoutDetailsLoading, { key: '9e21380d401579641ca16c363a00ea6ecd9f61b1' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: '7b23540ccf9f191975d83440a68ae0595eb2fabb', errorMessage: this.errorMessage }, h(EntityHeadInfo, { key: '00ca451633056cf0cdad793acb371778be308f6c', 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: '7d6ca04b51a4a9907601fcae476bf658ee9b7b8b', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '7291696446fb9a9ddbf13efddf7a5bef18917fde', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '38395da0eff4c0ab3fe50a11bc41594d7ef1a8ad', title: "ID", value: this.payout.id }), h("div", { key: '0ed9d1ea18334ca2ea934786d6f364d9334353ff', class: "m-4" }, h(Button, { key: 'f4c5a405a44348b126cdfe9e7d8306002924c6da', variant: "outline-secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '7fa020fa0869a79f69f25a94686cffc55ed55abb', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '5ae249801cba2e7108192f009336407584b0a696', sectionTitle: "Details" }), h("div", { key: 'c47753696f189b27cae9d9b2d8e3ffc7b696d97a', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'c72a1cf30a86dfa619abfa95537f6f8cbe090fd9', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: 'b3b7529bafd7dae550d5abe4fdf46a871ad15d62', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '4c7c0b7b9bd1a1661970c00cc01694c288eef5da', title: "Payout Method", value: this.formatMethod(this.payout.delivery_method) }), h(DetailItem, { key: '147f3397fcb22d4082dd310473b033e50fefcc07', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: 'f98d5fc22dbad10d8118d119519836d133f50ef4', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '40217aad4d193a8e9fc4b3819dfdacf78ec31210', sectionTitle: "Account" }), h("div", { key: 'ab17558eb748976a2ec247a1626bad303699a354', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '7d2013213d30b4ae9a58ae5792ff06f6deeaf178', title: "ID", value: this.payout.account_id, onClick: this.enableRecordClick ? () => this.handleRecordClick(this.payout.account_id) : undefined }), h(DetailItem, { key: '77a51dedbc06b0e4d28f27d143328e10bda8e285', title: "Account Type", value: (_b = this.payout.bank_account) === null || _b === void 0 ? void 0 : _b.account_type }), h(DetailItem, { key: '97ade8fb490f43f946d82856ae2925488c3d73b1', title: "Institution", value: (_c = this.payout.bank_account) === null || _c === void 0 ? void 0 : _c.account_type }), h(DetailItem, { key: 'b52ae17aa886bc162489fa23b813e7b574b1fd71', title: "Routing Number", value: (_d = this.payout.bank_account) === null || _d === void 0 ? void 0 : _d.routing_number }), h(DetailItem, { key: '4c3d5fab0b5c82e93dd4159b07c01a59f7c14f90', title: "Account Number", value: this.payout.bank_account ? `**** ${this.payout.bank_account.account_number_last4}` : undefined })), this.payout.metadata && [
-            h(DetailSectionTitle, { key: '9ff7d9b59935cd8a03b2aba8869173ebe3f90131', sectionTitle: 'Metadata' }),
-            h("div", { key: '6eb713e51a1c70db27881d7239455bf47e9158b2', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'cf460293bdd2c278ca9d9a4f5fad71c473b5a656', metadata: this.payout.metadata }))
+        return (h(StyledHost, { key: '142db792aa54d2e598071b2787e9c3225ac53561' }, this.loading && h(PayoutDetailsLoading, { key: '34f30e5076a727a1ac1ec3e510ee497dd2118781' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: '1a35e41004c25f3d1aa6f9e422dade0149d1864f', errorMessage: this.errorMessage }, h(EntityHeadInfo, { key: '159e5f4ce02466d1679ab9a7288e39b58422cbc1', 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: '33852a41177edfbf5df0419dc3d09a33e8b1bea5', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '158b9ce9844ebc705582921133e3bd8748d11722', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '1066d269cec1d90311add505d19c17ca2f9a0863', title: "ID", value: this.payout.id }), h("div", { key: '4dcbce85c6e11ef99b7370f03ed33acd384d5891', class: "m-4" }, h(Button, { key: '5206d2702ba0379db1304b77ac07c92e69754f14', variant: "outline-secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: 'd6a4a013fb6e48f4c4ef79361a92240b6c7ee5e4', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '170281f71a4decf37ba3a5525b38935131f68600', sectionTitle: "Details" }), h("div", { key: '500a4b494c633a9dd7a029c0b742c7316dff9c16', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '72bcd40ca0b5a172e4a9854071630761e95bc0e6', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '1429c2ffb77148dbaedb73e45849bbbf3f18e65e', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: 'cb7541a3c40f8dc9dce258b8f2c55c68782144f6', title: "Payout Method", value: this.formatMethod(this.payout.delivery_method) }), h(DetailItem, { key: 'f871fdcc0a606267b04cc3865a918c7acdad9a2a', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '32b60dd33cc414bbe87ad24f6aec31fd6a907346', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: 'be9b1a451d296029e7fecc3b37f7cc994dbccc05', sectionTitle: "Account" }), h("div", { key: '97e6a3b1fbf8096ee44293262e4554bbe8400b31', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '48765886ae8274f95789e5262c280e4a8fc71116', title: "ID", value: this.payout.account_id, onClick: this.enableRecordClick ? () => this.handleRecordClick(this.payout.account_id) : undefined }), h(DetailItem, { key: '26c552db6cae6855a50550b05258ea37d279e8c6', title: "Account Type", value: (_b = this.payout.bank_account) === null || _b === void 0 ? void 0 : _b.account_type }), h(DetailItem, { key: '5844b3d0c9b1b84da8111ea70233335246524244', title: "Institution", value: (_c = this.payout.bank_account) === null || _c === void 0 ? void 0 : _c.account_type }), h(DetailItem, { key: 'd3582f8418241f330d3b02a823f32def67dd6cc3', title: "Routing Number", value: (_d = this.payout.bank_account) === null || _d === void 0 ? void 0 : _d.routing_number }), h(DetailItem, { key: '872d385fb085bf8c908ee47d1b4e0a851125ad3c', title: "Account Number", value: this.payout.bank_account ? `**** ${this.payout.bank_account.account_number_last4}` : undefined })), this.payout.metadata && [
+            h(DetailSectionTitle, { key: '4e8c13627b364b0bfc59a85ee15cc8212872f279', sectionTitle: 'Metadata' }),
+            h("div", { key: 'f0071fcf1edf15c19303ac1af0760312f17ed2d4', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'ae1ef093dac17315972e3aa5350028d08a34a90d', metadata: this.payout.metadata }))
         ])))));
     }
     static get watchers() { return {

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

@@ -194,7 +194,7 @@ const JustifiPayoutTransactionsList$1 = /*@__PURE__*/ proxyCustomElement(class J
         return Object.assign({ payout_id: this.payoutId, limit: '15' }, this.pagingParams);
     }
     render() {
-        return (h(StyledHost, { key: '3d9b9479726dcfe62fc70ebefb57a56e2ea62a35' }, h(TableWrapper, { key: '209c0c312f8c110cbbc68f74a30dd635d9eb736f' }, h(TableComponent, { key: 'b141a06b688e8feeb2e45ddd03c5f5a0315213d1' }, h(TableHead, { key: '0d7b69a7a2611517f28cd59c48f5820979bad9df' }, h(TableHeadRow, { key: 'f5520cd56d00855566dcd2bbcacb5f8f28a0f552' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'b6082fab5bbfb059f03677a5a04496c835cfe15a' }, h(TableLoadingState, { key: '99bfc2ec5a77f338c3da293fef90e2ac93f9a4b9', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '933501b918389f8aa5df515a05db4dbfdcb842d2', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '2b4ba69682b2633ca70941e53d2775b88a9d4222', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'ed6f56fd8dcee6c2327066eb09a8a39c122000d3' }, h(TableFootRow, { key: '763336a3b90b2c6433a91fff8a29bc3efd0c29c6' }, h(TableFootCell, { key: '91b2bc9767aa3cc1c5b860cad877b91abc4cf504', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: 'c78f9bf45e68e859027260671379779f4794e178', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '1572d59b82d7e4f2140fe94dbbb91c810f9ecda0' }, h(TableWrapper, { key: '908f08eb27b6650a86574ffb7f19e021e7ff4659' }, h(TableComponent, { key: 'ef8ae77a07274833c0ce56e90685d2001b32cfce' }, h(TableHead, { key: 'b9672731713b7bfa60d08f67359c0fb54a3d313e' }, h(TableHeadRow, { key: '175cfdf101b8d263af2163a7a51fef7a69036132' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '74475a34dde0dabee89d84013114f68e6e5f12ee' }, h(TableLoadingState, { key: '5a60a046c259d614dc830e7bb2bdc950ace10ede', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '25c2bde71c004b7a190a80e0a92cd51be80cccd1', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '1cc2b6cc80ccd0eb6fc8d7b69f0b44a369e660f8', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '2a1229c56c8665515bacde6da6c96b522a2af136' }, h(TableFootRow, { key: '9fe927466e38927d412ffc862ddd6bda6a6abbf5' }, h(TableFootCell, { key: 'dee4c152b024f62c1b12f542034adb894e61ac26', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '183fcc59d45b69133fba561b441bb7e63ba22ac9', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["propChanged"],

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

@@ -57,8 +57,8 @@ const JustifiPayoutsListFilters$1 = /*@__PURE__*/ proxyCustomElement(class Justi
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'df8048dae4bc40f8736e10a9288a274bd52d862c' }, h("table-filters-menu", { key: '6ebfb5f5f3a9aaba4b8cf490fc97ab7f4d076a8c', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'd18a0c09e5ea1afac91db9f00c15fa4c8c324045', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '31f7705449fefaee5ccfacedbb4e643dce38a0e3', class: "p-2" }, h("form-control-select", { key: '0a922f2694866148e22ba4ddd055731a5aff4a2c', name: "status", label: "Status", options: this.statusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.status || filterParams.status || '', disabled: !!this.status, part: filterParam })), h("div", { key: 'aa484b1b5344206a80110b870fff54a189a2129f', class: "p-2" }, h("form-control-date", { key: '7a3882d54359b913b1ab81958d710b51a028072e', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDate: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: filterParam })), h("div", { key: '0a58445d63237e1b4ea462ed5cbc13cde22385b8', class: "p-2" }, h("form-control-date", { key: '80a5a37baf40d3d0f478cff6577276e78063b6dc', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
+        return (h(StyledHost, { key: 'b9fee98684dd11dde1a3acb0182b5fa01e243e08' }, h("table-filters-menu", { key: '94afefa2154a91b5f3298b871036c1b43390b346', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '92fea66d7ab1a268d98904aeb5feef5dda6ac470', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'c3a6e8a2706cebfbc288dbf6c2416193b111964c', class: "p-2" }, h("form-control-select", { key: 'c40703185d3ec20f7b53f601c927510dbf5c8f35', name: "status", label: "Status", options: this.statusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.status || filterParams.status || '', disabled: !!this.status, part: filterParam })), h("div", { key: '7d8f007a0206e9a622526acfceed1f1ed67757d7', class: "p-2" }, h("form-control-date", { key: '2ca95ac4deaae4fed48b8bc0ba0e73586dcdd0ac', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDate: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: filterParam })), h("div", { key: 'c5aa9f2f5dfb91de4b31efbc1019398a1377d2b1', class: "p-2" }, h("form-control-date", { key: '24d4adf0c73e773dfdb60f585c7739112dc46290', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDate: true }), disabled: !!this.createdBefore, part: filterParam }))))));
     }
 }, [257, "justifi-payouts-list-filters", {

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

@@ -255,7 +255,7 @@ const JustifiPayoutsList$1 = /*@__PURE__*/ proxyCustomElement(class JustifiPayou
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(StyledHost, { key: '5ea168d699ad120a1edc89d53a93e9a7132e8649' }, h(TableWrapper, { key: '909b379dc668dfe2c2eda85116fe5e36c268a007' }, h(TableComponent, { key: '1d50aae5d4984dac6986852ba4c735e384738002' }, h(TableHead, { key: 'f240bb7a39c41cf7d1a52fca286747133aa45139' }, h(TableHeadRow, { key: 'e557dc2eab47cfdf483fc2d74c149b75d9d63932' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: '8c9c206ebb7349c8c3dad8e06339f180282d0a5d' }, h(TableLoadingState, { key: '63dd3b915b845c2df711d6a0ec3e9a4f07925fc3', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '7ae4683df6aef24693f309340abb9cf315a9b848', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '4b979bc97e74301f34139edc423591b666f1b18c', 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: '0c46552b9ad13d6e1c32964d474a3c6377c195a2' }, h(TableFootRow, { key: '0ae301fcc846334aa477ec590ab937d98e9f8483' }, h(TableFootCell, { key: 'f6f892e5bdbcfd26155a4353e3dc37ee9356a464', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '54d308ee5a8dee1ca8f43fd02785c62a3a4c7bea', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '4cd005fa6c9e95d155cd7a79c49232581c070c14' }, h(TableWrapper, { key: '177a2a96737ca085cbb7399144a75c0d1f4475dc' }, h(TableComponent, { key: '7140a202ae38a658351184f14530bd5dadce75f5' }, h(TableHead, { key: '9bf81a259376cd822593622a1266d2cc03ad6d94' }, h(TableHeadRow, { key: '339c82a1e59e594c3353b65745b99e9cbeff9250' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'ca06c1cea570eaefa6df729075fac76c9fa7a7e9' }, h(TableLoadingState, { key: 'f4d4c97961f944625c28e748767e18c0234d148d', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'c741073dc9d10f85034271d584484d565d6ac0e1', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '56f140df9f6ee94ee49128dba19cca5da3882c61', 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: '5ca01383d201beb41821941e2ec8500c88e0e31a' }, h(TableFootRow, { key: 'd929128878a42f208a153680fc70e8f408d9978f' }, h(TableFootCell, { key: '39f8af7ebd1cafee09ed9279d9114ce6f9667d87', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '83fd64853950a14cd1fe0c31b033aff0f54c014f', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/justifi-paypal2.js

@@ -37,6 +37,15 @@ const PaypalErrorCode = {
     PAYMENT_FAILED: 'PAYMENT_FAILED',
 };
 
+const SHOWN_CLASS = 'shown';
+const setShown = (el, shown) => {
+    if (!el)
+        return;
+    if (shown)
+        el.classList.add(SHOWN_CLASS);
+    else
+        el.classList.remove(SHOWN_CLASS);
+};
 const JustifiPaypal = /*@__PURE__*/ proxyCustomElement(class JustifiPaypal extends HTMLElement {
     constructor(registerHost) {
         super();
@@ -88,9 +97,26 @@ const JustifiPaypal = /*@__PURE__*/ proxyCustomElement(class JustifiPaypal exten
             });
         }
     }
+    componentDidRender() {
+        this.applyVisibility();
+    }
     get currencyCode() {
         return (checkoutStore.paymentCurrency || PAYPAL_DEFAULT_CURRENCY).toUpperCase();
     }
+    get showPaypal() {
+        return !!checkoutStore.paypalEnabled && this.paypalEligible;
+    }
+    get showVenmo() {
+        return (!!checkoutStore.paypalEnabled &&
+            this.venmoEligible &&
+            this.currencyCode === VENMO_SUPPORTED_CURRENCY);
+    }
+    applyVisibility() {
+        const { showPaypal, showVenmo } = this;
+        setShown(this.buttonsEl, showPaypal || showVenmo);
+        setShown(this.paypalButtonEl, showPaypal);
+        setShown(this.venmoButtonEl, showVenmo);
+    }
     emitError(error, code) {
         this.paypalError.emit({ error, code });
     }
@@ -131,6 +157,7 @@ const JustifiPaypal = /*@__PURE__*/ proxyCustomElement(class JustifiPaypal exten
         if (!clientId) {
             this.paypalEligible = false;
             this.venmoEligible = false;
+            this.applyVisibility();
             this.emitError('Missing Paypal client id', PaypalErrorCode.CONFIG_ERROR);
             return;
         }
@@ -153,10 +180,12 @@ const JustifiPaypal = /*@__PURE__*/ proxyCustomElement(class JustifiPaypal exten
             if (this.venmoEligible) {
                 this.venmoSession = this.sdkInstance.createVenmoOneTimePaymentSession(this.sessionOptions('venmo'));
             }
+            this.applyVisibility();
         }
         catch (error) {
             this.paypalEligible = false;
             this.venmoEligible = false;
+            this.applyVisibility();
             this.emitError((error === null || error === void 0 ? void 0 : error.message) || 'Error initializing Paypal', PaypalErrorCode.INITIALIZATION_ERROR);
         }
     }
@@ -187,27 +216,26 @@ const JustifiPaypal = /*@__PURE__*/ proxyCustomElement(class JustifiPaypal exten
         return order;
     }
     render() {
-        if (!checkoutStore.paypalEnabled)
-            return null;
-        const showVenmo = this.venmoEligible && this.currencyCode === VENMO_SUPPORTED_CURRENCY;
-        if (!this.paypalEligible && !showVenmo)
-            return null;
-        return (h(StyledHost, null, h("div", { class: "paypal-buttons" }, this.paypalEligible && (h("paypal-button", { type: "pay", onClick: () => this.startSession(this.paypalSession, 'paypal') })), showVenmo && (h("venmo-button", { type: "pay", onClick: () => this.startSession(this.venmoSession, 'venmo') }))), h("style", null, `
+        return (h(StyledHost, { key: '05c771ae41d3b21da7046e70c7d0e03efc296a0c' }, h("div", { key: '8e7a14372ce29b4da284efadb43c27d0c059607e', class: "paypal-buttons", ref: (el) => (this.buttonsEl = el) }, h("paypal-button", { key: 'aa7fa82c96ca4d41872f445a01e72a18f6f5920a', type: "pay", ref: (el) => (this.paypalButtonEl = el), onClick: () => this.startSession(this.paypalSession, 'paypal') }), h("venmo-button", { key: '2cb068aa82460068548f133607cebec096028a41', type: "pay", ref: (el) => (this.venmoButtonEl = el), onClick: () => this.startSession(this.venmoSession, 'venmo') })), h("style", { key: '159cc68f682ed79a9a83be7d1b4c88127f8a2623' }, `
             .paypal-buttons {
-              display: flex;
+              display: none;
               gap: 8px;
               width: 100%;
             }
+            .paypal-buttons.shown {
+              display: flex;
+            }
             .paypal-buttons > * {
+              display: none;
               flex: 1 1 0;
               min-width: 0;
             }
+            .paypal-buttons > .shown {
+              display: block;
+            }
           `)));
     }
-}, [257, "justifi-paypal", {
-        "paypalEligible": [32],
-        "venmoEligible": [32]
-    }]);
+}, [257, "justifi-paypal"]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;

package/dist/module/justifi-skeleton.js

@@ -11,7 +11,7 @@ const JustifiSkeleton$1 = /*@__PURE__*/ proxyCustomElement(class JustifiSkeleton
         this.__attachShadow();
     }
     render() {
-        return (h(StyledHost, { key: 'c54376afe1b0cebb0394ede10307bcdb32d68bb5' }, h(Skeleton, { key: '681e9e9d33bd7c2385e7b527f9093a93fbf884bb', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
+        return (h(StyledHost, { key: 'aae82594ed1833982d7bb06ea0808e56e06b11f8' }, h(Skeleton, { key: '52c5680b1dc298b75646e5409b9c5c5b83f53eae', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
     }
 }, [257, "justifi-skeleton", {
         "component": [1],

package/dist/module/justifi-terminal-orders-list-filters.js

@@ -69,9 +69,9 @@ const JustifiTerminalOrdersListFilters$1 = /*@__PURE__*/ proxyCustomElement(clas
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '1bc6c29e9b0be43340dbff065d9b68d94a0182b8' }, h("table-filters-menu", { key: 'cc983e668c6b8240f72fa4cf661fbd905c4fed63', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '12101650ec959fbb4b6bb0f9bafbe9b73dbbcdd6', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '5a3f20e1f29a56ab2dd6f567a6f6e6cac7682edd', class: "p-2" }, h("form-control-select", { key: 'a8d06a90332448774df3a2294e7f05bb56508bc5', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status || '', disabled: !!this.orderStatus, part: filterParam })), h("div", { key: 'db0d8109f007ce14c7a75b3500cd2f14fde5b2f0', class: "p-2" }, h("form-control-select", { key: '50c1ac1d0bebafdbdb2926d73ca11939427f8701', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type || '', disabled: !!this.orderType, part: filterParam })), h("div", { key: '8c9b32bd2f9090d59653dc6b44cef6b0df3e8bea', class: "p-2" }, h("form-control-date", { key: '25084cfa368e5b8d2872b67b6426a432b51514ed', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: filterParam })), h("div", { key: '6119c6dd61e53954afe3b84cf80156c6013d529a', class: "p-2" }, h("form-control-date", { key: 'fa1bfad0998568cdfdb304817cb44be8f01c100f', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
-                convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: filterParam })), h("div", { key: '3361704d27a4b8b0d9a68bb9934b588e71149764', class: "p-2" }, h("form-control-text", { key: '80f8d7bf015466e8bc521b6a230e118f0c57289e', name: "company_name", label: "Company Name", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.companyName || filterParams.company_name, disabled: !!this.companyName, part: filterParam }))))));
+        return (h(StyledHost, { key: '4917947c32b986dfd3e03e2194166a22b854c596' }, h("table-filters-menu", { key: '7cbdd6699501511839d26e0ecd320838da3d2ea8', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '3a5ed4007f3d9c68f71a31cb7086956f6808d3bd', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'cd50327bf0d34adebab19ac71d2839e33572006c', class: "p-2" }, h("form-control-select", { key: '08340399deae9c6445d0bbcbc48c97afa9258e69', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status || '', disabled: !!this.orderStatus, part: filterParam })), h("div", { key: '613cdc6699d667a0b733b1cb90bf336f4595d351', class: "p-2" }, h("form-control-select", { key: '8b432626428e64553c2c32a94aa53750474a677d', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type || '', disabled: !!this.orderType, part: filterParam })), h("div", { key: '3f7f2d2fdf271489ea628eda3c9137ee60cb752f', class: "p-2" }, h("form-control-date", { key: 'dcf0f4ab51c8511d2877405b0460faa1b272ac61', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: filterParam })), h("div", { key: '5dca482d9530e6867a13d8f94961b909f243d316', class: "p-2" }, h("form-control-date", { key: '1d5fdee06fd5420edcc1b0b5cd75bfc1d4b563e7', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: filterParam })), h("div", { key: '38fb2f90de478f0b29b8711ba502fd280e6599ab', class: "p-2" }, h("form-control-text", { key: '772e6efb136cfd0edd2a0bfe3810e7616a2541b3', name: "company_name", label: "Company Name", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.companyName || filterParams.company_name, disabled: !!this.companyName, part: filterParam }))))));
     }
 }, [257, "justifi-terminal-orders-list-filters", {
         "orderStatus": [1, "order-status"],

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

@@ -250,8 +250,8 @@ const JustifiTerminalOrdersList$1 = /*@__PURE__*/ proxyCustomElement(class Justi
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(StyledHost, { key: '7b803503d5cf3086abd05e1f4aa9579eb9f59b88' }, h(TableWrapper, { key: '455a2d115788de71fb27f172f404e5702a089484' }, h(TableComponent, { key: 'fe67da8a9c8f8de5025bee2ea2898da4e31d2b20' }, h(TableHead, { key: 'c6f04a3a47e2a2401f83d2644cf53574c565dd28' }, h(TableHeadRow, { key: 'afeb4c45e315337faf683ec96d4602a7525efe2f' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: '16e226273ab43d6a2d818c2db51752215d215749' }, h(TableLoadingState, { key: '668ac3b5f4fd091e42d1c835a002787a70924db1', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'd154e795f3f202b7a7adb90ef375a1b79e45469b', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: 'a2b21c0335d8d538194329cbc3938f70b0ee5ecc', 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: 'ed6c4c9993aa5db0f39fc04f30c0f5432dfb922e' }, h(TableFootRow, { key: '0887b03bf1109312a2531ef832175ac01fe88270' }, h(TableFootCell, { key: '913efcfe5f17b1da60002fc87a7de42940e5abe3', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '0149a80b7f5173f5426fe50a610a8554052158e8', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: 'ba50fc1b4bd66163d2ed0c5f98a6bbe18d991ddb' }, h(TableWrapper, { key: 'b3203a5765b3ef1e564bdee4e0a6ad2603ac7c09' }, h(TableComponent, { key: 'efd22eb95810e22ac977dc6d323dc5b807110a95' }, h(TableHead, { key: '2ded9affdda7af379ffbbd76fa05226389de0dd0' }, h(TableHeadRow, { key: 'ca48cefe5d497f0b6cbe83f498939f4d1232a45b' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: 'd7a38ad880b6e9334bf72d3fa8cb6eb69b0032d6' }, h(TableLoadingState, { key: 'f4bc0a54a68f29f82a8f7a1c34a5d29a80f16f65', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '7a0f199dd9640efc16578fe106d5d16cf8872e5a', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: 'cf1bf5094f0769f0a4d81c730649769cd0870fe3', 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: 'cd9dee54cd5f27a0ae9c56771f6c99e0ea2ff125' }, h(TableFootRow, { key: '877284dd9926a1889fdf175ce0bf5db841fd9066' }, h(TableFootCell, { key: '2558454e5a5e3eb340170d6af43ad24c12aebdb8', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '8cf390bed552045b9950c4fcfe80f70e308d2cee', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "accountId": ["authPropChanged"],

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

@@ -64,7 +64,7 @@ const JustifiTerminalsListFilters$1 = /*@__PURE__*/ proxyCustomElement(class Jus
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'e100df8270dd8161d6f5fb70e3b78bcad2e4612c' }, h("table-filters-menu", { key: '481e098de0f5c520b42d0c321df905e84bf9d0c3', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'd8181b09fa3f494c6f7d48dd610e916f069d8195', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '7f8c5d3ad775d5370cba8c7fe8f832a4e18659b2', class: "p-2" }, h("form-control-text", { key: '13f4fe6dbea072f1f6467212e934252c2ff088fa', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: filterParam })), h("div", { key: 'fb8d89eb35b33beffc3a5f341d7ebaedad512c2f', class: "p-2" }, h("form-control-text", { key: '73a8d8680dbb31a7cc35e3ac6a7546c8196d4098', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: filterParam })), h("div", { key: '58ffd48fe77453245d051ead6a42ec55c0fe2d81', class: "p-2" }, h("form-control-text", { key: '8973954bde30170f91ecbf438569b5fbfea4ae0a', name: "provider_id", label: "Device ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.providerId || filterParams.provider_id, disabled: !!this.providerId, part: filterParam })), h("div", { key: '1cba8b5382df17110a48f86f0ff46ad4c7eea35a', class: "p-2" }, h("form-control-text", { key: 'ab588ac44e829e55071ab7b4f6d2ddbdd0cf435b', name: "serial_number", label: "Serial Number", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.serialNumber || filterParams.serial_number, disabled: !!this.serialNumber, part: filterParam })), h("div", { key: 'ae41699df40190aefbc09ba3497519a050ebc6da', class: "p-2" }, h("form-control-select", { key: '109661d1e1717cd5aab82ba546524a25db06da3f', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status || '', disabled: !!this.terminalStatus, part: filterParam })), h("div", { key: '40dd14fd0d6107205b03e3a8c8baf44479bb1d28', class: "p-2" }, h("form-control-date", { key: '28ef5af635464ac1bab23b36bd20706db8c170e5', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter || filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: filterParam })), h("div", { key: 'b1a86e71311e23d7357aa76aa39516a7b29b1ddb', class: "p-2" }, h("form-control-date", { key: '6b8c0cc26a1de911cd8edfc22f2f5bff8ea1f1a5', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore || filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: filterParam }))))));
+        return (h(StyledHost, { key: 'a74ed2422b669401402664c77542412f3763ba76' }, h("table-filters-menu", { key: '9158ca6884cb610dc712fb1b3a69ca6803a7dce7', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'e24cfc9c7f078f9eb7d5f1f5b4d5cef8374378ce', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'cce1419064f7e7cdc687437416327f7daebe5eae', class: "p-2" }, h("form-control-text", { key: '750c30bc7e281f40646bdfaf0a29393d0ce7f72b', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: filterParam })), h("div", { key: '512ccc43edb3aab2ec6ab7d9c76bebf6369df73d', class: "p-2" }, h("form-control-text", { key: '6320c75ecd89ad00162c764998c1c703a5965787', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: filterParam })), h("div", { key: '6f0d58b200a36516ede61609aad03ca191f240c2', class: "p-2" }, h("form-control-text", { key: 'f786e9fbbd7c9604429c5f43935121245f2943d2', name: "provider_id", label: "Device ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.providerId || filterParams.provider_id, disabled: !!this.providerId, part: filterParam })), h("div", { key: 'b4d84761c2f5de192669012acc41bb5ba2b76750', class: "p-2" }, h("form-control-text", { key: 'deb1c3b5cc3b72b2724a296b1024f8f66ae69683', name: "serial_number", label: "Serial Number", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.serialNumber || filterParams.serial_number, disabled: !!this.serialNumber, part: filterParam })), h("div", { key: 'b90c15ba9fa6bbe5eac425152753d1cb508b1710', class: "p-2" }, h("form-control-select", { key: 'beb78ebcd076b7b26a0cb5115ae9b619584fc307', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status || '', disabled: !!this.terminalStatus, part: filterParam })), h("div", { key: 'e6109b7758b998d41d2ff555bf26ee9de1011c94', class: "p-2" }, h("form-control-date", { key: 'e407111678baea094666e8789175ce15d40c2ee8', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter || filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: filterParam })), h("div", { key: 'edc59eb19b58592803ffba665adae26d34fdfe0c', class: "p-2" }, h("form-control-date", { key: '21c995d7eef08082ca7996eaf9286aeaa80fd2e9', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore || filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: filterParam }))))));
     }
 }, [257, "justifi-terminals-list-filters", {
         "terminalId": [1, "terminal-id"],

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

@@ -266,7 +266,7 @@ const JustifiTerminalsList$1 = /*@__PURE__*/ proxyCustomElement(class JustifiTer
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(StyledHost, { key: 'f5e035ad6cbe9693ce0a29e36d14278d5224eeb3' }, h(TableWrapper, { key: 'bea0034ac9f41ac47556bf6536e24a3b700710a4' }, h(TableComponent, { key: '6c12904931722da0e3bc6747e7f6163d2d12f749' }, h(TableHead, { key: 'c877fa13f3e9fae282ad0709143e8a3fd6515422' }, h(TableHeadRow, { key: 'd49940b86aa8d64e272b16fc1e8d697f8e337a35' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '75e0e101683f678015a79074ce196343cfab689b' }, h(TableLoadingState, { key: '25110bdfbd4e07caebf67ccab9ffd53ef006cb10', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '5921d80f047c9c34146ec585cfb914e813abdffd', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '0894247ae6a79ee9928d4e4c5b77d5e5c0ce3435', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.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: '32ba2beb908ed756541c760fe2027631ac40d6cb' }, h(TableFootRow, { key: '4894339ca7c22087ad9b6452f1c42dc3c2b53218' }, h(TableFootCell, { key: '4013c7c6eeae5d152a0bd3145113fb9d403d2e02', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '5c4ee6431d6b291ace0671d47165ae579e7b3f67', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '47fca9f9a3285303bf0edc9f771324cdeeccc81d' }, h(TableWrapper, { key: '08158b4b6353b0aa178bc1999372341826dacebe' }, h(TableComponent, { key: '6667e38e47b157fce34912108f303c688e891d50' }, h(TableHead, { key: '4fb637073cc3ecdea161af76a4aa63dce3572749' }, h(TableHeadRow, { key: 'aaa85ad73185d77deff24c8085a794871eae2058' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '794e1d3efc15addf7d4638583d5c269aeec270b1' }, h(TableLoadingState, { key: '6545c145ccba03f2e8b3ee990ee1050349b428ac', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '4464655c4eb9dfa6f5da83f41e7776488b0780c5', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '63b0460aba3b2c173d0aa94ba33c46081561d459', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.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: '4555f7a255231f691498ec3780d0df9e8a70bfbd' }, h(TableFootRow, { key: 'ba55004c9e60032698b79d2c15a9e06a123ef6a0' }, h(TableFootCell, { key: 'c778a569fb066ca834730cc9ac4d7a0592c420ad', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '936ef5ccd9b1d1d2043daed21006ad2bc8a9011a', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/justifi-tokenize-payment-method2.js

@@ -297,7 +297,7 @@ const JustifiTokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class Just
             } }));
     }
     render() {
-        return (h(StyledHost, { key: '73aeacd6caa05ef5e126a6577c22464eacfc6d96' }, h("form", { key: '7c1ddd145c53590fb1b9522ea8dbd52339817754' }, h("fieldset", { key: '38bb226348b721f01f900930710f6b705d5a96ed' }, h("div", { key: 'b4f27d1e36c4d5e37190fa99b79c36cf00a8d9a3', class: "row gy-3" }, h("div", { key: '85ae7c532c3c6056d5122cfd30fd4e2b75cf82f9', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: '7727760fa2ccbaff134fa95e338406224bc8d787', class: "col-12" }, h("internal-button", { key: '9f268e40c2d37a0d8ba423ad6dffe88c4cab3bc3', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
+        return (h(StyledHost, { key: '16a5a47febb09295c95f141ddc96a849e530c477' }, h("form", { key: 'e1ac3ac80435b32cb0a742198d814778bffd635c' }, h("fieldset", { key: '68d0f984d3e66a6abc794e8b2086e27f26ecc809' }, h("div", { key: 'b1759ec1b9c94a976da992947b06da6d8f48f553', class: "row gy-3" }, h("div", { key: 'bc1ef82406d3da36c5d4d97b1a10259de87fdd09', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: 'ed26f2908aa90daba5ab320a668369566b9dacfa', class: "col-12" }, h("internal-button", { key: '094cdacb592825374ad33dd80a05091747bfec4b', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/module/package.js

@@ -1,5 +1,5 @@
 const name = "@justifi/webcomponents";
-const version = "6.15.0-rc.1";
+const version = "6.15.0";
 var webcomponentsPackageJson = {
 	name: name,
 	version: version};