@justifi/webcomponents 6.6.0 → 6.7.0

package/dist/collection/collection-manifest.json

@@ -74,6 +74,7 @@
     "components/modular-checkout/sub-components/apple-pay.js",
     "components/modular-checkout/sub-components/bank-account.js",
     "components/modular-checkout/sub-components/card-form.js",
+    "components/modular-checkout/sub-components/google-pay.js",
     "components/modular-checkout/sub-components/payment-method-option.js",
     "components/modular-checkout/sub-components/plaid-payment-method.js",
     "components/modular-checkout/sub-components/saved-payment-methods.js",

package/dist/collection/components/checkout/bank-account-form/bank-account-form.js

@@ -33,10 +33,10 @@ export class BankAccountForm {
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(Host, { key: '9ad0351fe9ef5ffdbab77a738b1e342b3124aa32' }, h(BankAccountFormSkeleton, { key: '4e3cdfbfcbb95998f7cb3724eba07a7ca860763b', isReady: this.isReady }), h("div", { key: '2c4ad45f9b98b5d18fb2359be671cc49d85e63ea', class: "container-fluid p-0", style: {
+        return (h(Host, { key: '32cfa049dff176af26d2a4bcb86c440a99bc8668' }, h(BankAccountFormSkeleton, { key: '8382fc8ff7726e245245db06b01fdc253d43328e', isReady: this.isReady }), h("div", { key: '83f16d13bb8c338dd859a60a7bd63edbb8f703b6', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '4402087e14b02dd73d43873dc69fe26e9e35aed6', class: "row mb-3" }, h("iframe-input", { key: '8599126627554acc0bc45d23a7136a85c679d831', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { key: '95da6cb38cd214658dd2b527478f4d2ed6fc5256', class: "row" }, h("iframe-input", { key: 'c990dfe86d5ddb284fc673a459c42498bf149235', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
+            } }, h("div", { key: 'ff5a4020f51e917874583036ef3b50d9496a393e', class: "row mb-3" }, h("iframe-input", { key: '334cd1bbdb23cb1d4ae5df1f89737913209fd1c1', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { key: '65a00ea0fe1202240a2641b40d5f0455483746ff', class: "row" }, h("iframe-input", { key: 'c8dda20444c7f6494fad1377cc556676e1d7dc54', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
     }
     static get is() { return "bank-account-form"; }
     static get states() {

package/dist/collection/components/checkout/card-form/card-form.js

@@ -37,10 +37,10 @@ export class CardForm {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(Host, { key: 'c83ad3b01653a4254c96dbbd2973670c2bb483ba' }, h(CardFormSkeleton, { key: 'bf81fcedb09880f3329d746aa06601e95b3f7e4e', isReady: this.isReady }), h("div", { key: 'a56d0eef13cd38e30e0f2ddafc9af4f7a19d25f0', class: "container-fluid p-0", style: {
+        return (h(Host, { key: '171cb8db5cce1778ef5f590c6b4d72f327c37bad' }, h(CardFormSkeleton, { key: '084ed0d409f1e747a95578060626d1704fefb783', isReady: this.isReady }), h("div", { key: 'ccf225f0f420a22cc1cffb1d7f9dc51fe92612ee', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '00e82b719e5dd17088941067e4ec45f128fd2118', class: "mb-3" }, h("iframe-input", { key: 'df2e08109ef2bede239093ece5df4327f845eef5', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: '1d3a2d4fae47fa628ae09955620a65de25aa998c', class: "d-flex align-items-start" }, h("div", { key: '4541858226bbb1431ca2405dd28a3fe32d76b10b', class: "flex-fill me-3" }, h("iframe-input", { key: '81c2f0de6d6f6c6bb3feb96643034c66967e9277', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Exp. Month", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: 'b89ac66447fb8334d3293f5a7eaf33172410addd', class: "flex-fill me-3" }, h("iframe-input", { key: '030954f302edbf8cd071a49db71f867797b30558', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "Exp. Year", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: '140ba4c5a77eef74d1e0d2040be15f8d70a692aa', class: "flex-fill" }, h("iframe-input", { key: '768f466bb75cc6bb76f86f084e6f93043a7d10b3', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
+            } }, h("div", { key: '7e7599c24e95a364f1011ed8f8ba2e387f4bc184', class: "mb-3" }, h("iframe-input", { key: '5ec2f426a232a8c1387e7e54f7321672e16a230c', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: 'bbf1284e4bd2213cf48eb64b88c5ecd5492c51e5', class: "d-flex align-items-start" }, h("div", { key: '70bf0e98c9c99913773ebcd5b6b9e88679779d6f', class: "flex-fill me-3" }, h("iframe-input", { key: 'b0ed2bbe9a63b83810fa170350cc28e777bc0509', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Exp. Month", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: '4d6592dc2f6dea2d2d4ddb8667681576817e6c98', class: "flex-fill me-3" }, h("iframe-input", { key: '34dabee2355d51ca1175af9a084188a6d44714df', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "Exp. Year", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: 'c3afab4dea5e93edca3a0372d397afd8ef937de1', class: "flex-fill" }, h("iframe-input", { key: '0777691de3a8e12338a9c9b967ce3f20f675c6b3', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
     }
     static get is() { return "card-form"; }
     static get states() {

package/dist/collection/components/checkout/checkout.js

@@ -76,9 +76,9 @@ export class Checkout {
     }
     render() {
         var _a, _b;
-        return (h(StyledHost, { key: 'e22c0a75801c516270a910336971890c8c09d596' }, h("justifi-modular-checkout", { key: '42c246c9727e86e0cca5c23a8078f4ea44587e64', ref: (el) => {
+        return (h(StyledHost, { key: 'e9f527c5dd4dc564c4fb00d69b27e07c90e8b552' }, h("justifi-modular-checkout", { key: 'e80dd4c78282fc428f0e78d6d87f71f262577f01', ref: (el) => {
                 this.modularCheckoutRef = el;
-            }, authToken: this.authToken, checkoutId: this.checkoutId, preCompleteHook: this.preCompleteHook }, h("div", { key: '5ff37187073aac6813ddccf303e58d3f9778ca4d', class: "row gy-3 jfi-checkout-core" }, h("div", { key: 'e6b5215e49f2e9f564e9d057e3c4c9afc71c7957', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: '42773d2f60cdb58efb77ea58bef6afa12a9f8098', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: '2e19ae9b18340e4a490563f9e46683918db6df3e' }, h("justifi-checkout-summary", { key: 'ba8d9f7ce1018ab1c6480518923f6b0824ac7a7e' }))), h("div", { key: '0634f63cc98802b83576abc96bcf2b5d2afcd065', class: "col-12 mt-4" }, h("slot", { key: 'cd90df3a2c96024c40ece6a270beca09cfc001a2', name: "insurance" })), h("div", { key: '248f27cddf56b3d5d6a29713da4fd75b9cb70307', class: "col-12 mt-4" }, h("justifi-header", { key: 'd8aa3e58378c0cb087bf0ec625a4e959e1219cfa', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: '9d406b83e0961206811bd321bb4deeb17387a286', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: '14b32529edd35fc25156af17233a725f24e13644', class: "d-flex flex-column" }, h("section", { key: '222be97ca20e9cfb0acff24885effe34829a7ad7' }, h("div", { key: '756d15a21d66bf5b0230f89d7d584026fe0aaf34' }, h("justifi-saved-payment-methods", { key: '537cc143b29c27e16ec5789fd3125142c641c002' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: 'cf2b7e762516a34707b08eada3a40de48bcb6588', class: "mb-3" }, h("justifi-apple-pay", { key: '3134dcf2e038c6210a2cbf19169cec50cb1e7d6a' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: '5fdc5ee088274537c2deba065ac62e9c5f9567c5', name: "paymentMethodType", value: PAYMENT_METHODS.SEZZLE, checked: ((_a = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === PAYMENT_METHODS.SEZZLE, label: h("justifi-sezzle-payment-method", { ref: (el) => (this.sezzlePaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.sezzlePaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), this.availablePaymentMethods.includes(PAYMENT_METHODS.PLAID) && !this.disableBnpl && (h("justifi-radio-list-item", { key: '428bde7e136a80e890149c544b35c0370a00cccd', name: "paymentMethodType", value: PAYMENT_METHODS.PLAID, checked: ((_b = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _b === void 0 ? void 0 : _b.type) === PAYMENT_METHODS.PLAID, label: h("justifi-plaid-payment-method", { ref: (el) => (this.plaidPaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.plaidPaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), h("internal-tokenize-payment-method", { key: 'ed419d6c88deb2503ffa6f6b87a2c17636b761a2', ref: (el) => (this.tokenizePaymentMethodRef = el), authToken: this.authToken, accountId: checkoutStore.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: true, paymentMethodGroupId: checkoutStore.paymentMethodGroupId }))))), h("div", { key: 'aebe5cb0aa85e1673cc8f34abeffc014620a18be', class: "mt-4" }, h("justifi-button", { key: 'd6aee377ec0ebeb3fe688ed430528f6829838b1f', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: this.isSubmitting, isLoading: this.isSubmitting, customStyle: { width: '100%', textAlign: "center" } }))))));
+            }, authToken: this.authToken, checkoutId: this.checkoutId, preCompleteHook: this.preCompleteHook }, h("div", { key: '92f3821b2566f6ede351145cafe934bb1b14e970', class: "row gy-3 jfi-checkout-core" }, h("div", { key: 'ed96eb7b2620df4c8398b36b62e2eb5744de7545', class: "col-12", part: checkoutSummary }, h("justifi-header", { key: 'a23f3ea139874c80830b9bd62b44bedad2520d89', text: "Summary", level: "h2", class: "fs-5 fw-bold pb-3" }), h("section", { key: '45f903ebb6cee7d382414fd04656b605fb5f9e91' }, h("justifi-checkout-summary", { key: '7a6ba74f821aed6aee12682626bd1f304a90cc4b' }))), h("div", { key: '3930d68c41aa3a1b99371bbea285b2de4d734766', class: "col-12 mt-4" }, h("slot", { key: '8cb5f1ef64ae6ecd25edf861b555dc6f20abd0ec', name: "insurance" })), h("div", { key: '3f8b4dae6eb90999927070027a77bfa9a4b09442', class: "col-12 mt-4" }, h("justifi-header", { key: '4335e04295005071b061391d27a5cc4677519e71', text: "Payment", level: "h2", class: "fs-5 fw-bold pb-3" }), this.showPaymentTypeHeader && (h("justifi-header", { key: '1ca763ef15405ee55bf763bd7760f36e2925bbe1', text: "Select payment type", level: "h3", class: "fs-6 fw-bold lh-lg" })), h("div", { key: 'c52c81c4b84fde4168037f06c7d5b6f491d2bea9', class: "d-flex flex-column" }, h("section", { key: '3d1981827d98b947e541599582dc1f15bfe3f542' }, h("div", { key: '8ddeb4dae00fe55092fba788c9fb2b44ad1a1240' }, this.availablePaymentMethods.includes(PAYMENT_METHODS.APPLE_PAY) && (h("div", { key: '496486644e4caa90379e20cfb80b20c2670eef0b', class: "mb-3" }, h("justifi-apple-pay", { key: '9d360fed1e166d0adf4f97f8b1817fde6a7dc0ec' }))), this.availablePaymentMethods.includes(PAYMENT_METHODS.GOOGLE_PAY) && (h("div", { key: 'e4d440ac6bedf38eb2baab3717d0d1308aaa5b10', class: "mb-3" }, h("justifi-google-pay", { key: '9eee94d588e48fc5550cd3965f45612de3aedccb', ref: (el) => (this.googlePayRef = el) }))), h("justifi-saved-payment-methods", { key: '244e8877a4ce83ab8c4fff6051957d0ec50deafa' }), this.availablePaymentMethods.includes(PAYMENT_METHODS.SEZZLE) && (h("justifi-radio-list-item", { key: '37904744a21eb6f1f96e13831e3b0029aa87d25f', name: "paymentMethodType", value: PAYMENT_METHODS.SEZZLE, checked: ((_a = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === PAYMENT_METHODS.SEZZLE, label: h("justifi-sezzle-payment-method", { ref: (el) => (this.sezzlePaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.sezzlePaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), this.availablePaymentMethods.includes(PAYMENT_METHODS.PLAID) && !this.disableBnpl && (h("justifi-radio-list-item", { key: 'd2fc7e88a17372967a64edf57a33ef0758568357', name: "paymentMethodType", value: PAYMENT_METHODS.PLAID, checked: ((_b = checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.selectedPaymentMethod) === null || _b === void 0 ? void 0 : _b.type) === PAYMENT_METHODS.PLAID, label: h("justifi-plaid-payment-method", { ref: (el) => (this.plaidPaymentMethodRef = el) }), "onRadio-click": () => { var _a; (_a = this.plaidPaymentMethodRef) === null || _a === void 0 ? void 0 : _a.handleSelectionClick(); } })), h("internal-tokenize-payment-method", { key: 'b2c2b5b2db0970ac8bfb70141f9b0fa4545dddce', ref: (el) => (this.tokenizePaymentMethodRef = el), authToken: this.authToken, accountId: checkoutStore.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: true, paymentMethodGroupId: checkoutStore.paymentMethodGroupId }))))), h("div", { key: 'e8f3ba632562b2369e6acc8a135647cc74dc0c0d', class: "mt-4" }, h("justifi-button", { key: 'e34306fed36d84a03a4e6ad3ba92abc276423590', text: "Pay", type: "submit", variant: "primary", clickHandler: (e) => this.submit(e), disabled: this.isSubmitting, isLoading: this.isSubmitting, customStyle: { width: '100%', textAlign: "center" } }))))));
     }
     static get is() { return "justifi-checkout"; }
     static get properties() {

package/dist/collection/components/checkout/save-new-payment-method.js

@@ -12,7 +12,7 @@ export class SaveNewPaymentMethod {
         };
     }
     render() {
-        return (h(StyledHost, { key: '7335e9c197b4066d1e1f65885f7bf2fd0f58fce4' }, h("form-control-checkbox", { key: '6567c114210b5091979eca5bdb16fb3bb0ef5e35', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
+        return (h(StyledHost, { key: '7cc086e518b2defcea924398cd5957b44a893d94' }, h("form-control-checkbox", { key: '523dd82fe06f0c0a6d259a84f320c0a335261232', label: this.label || 'Save New Payment Method', name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange })));
     }
     static get is() { return "justifi-save-new-payment-method"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/checkout/saved-payment-method.js

@@ -18,7 +18,7 @@ export class SavedPaymentMethod {
     ;
     render() {
         var _a, _b, _c;
-        return (h(Host, { key: 'ec4501cc6adeb50cba35c10a5c92b3b29910db10', class: "payment-method" }, h("div", { key: '41a290068a7ab9d9d5146334f47ef0469cb89a8c', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '26bf58bc46e8757fa3de2e71ed9d75ec8df64933', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: `${CardBrandLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.brand] || ''} *${(_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.acct_last_four}` }))));
+        return (h(Host, { key: 'feeb934714fe00e87f6c89ec3954dafebef81733', class: "payment-method" }, h("div", { key: '62370e3c41538e5a5aed16dc0f2d9056bebc01c0', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '583aa5751277bb585b6b1686d229810d830c8686', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: `${CardBrandLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.brand] || ''} *${(_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.acct_last_four}` }))));
     }
     static get is() { return "justifi-saved-payment-method"; }
     static get properties() {

package/dist/collection/components/checkouts-list/checkouts-list-core.js

@@ -118,7 +118,7 @@ export class CheckoutsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '1d569fb3adfb433dbc5f922eac92dd54c90e4026' }, h(TableComponent, { key: '08814bbcb72facf8a65f05fced211c7072d9de07' }, h(TableHead, { key: 'b6a81964a5d31e0a8071f72fa100a0addfa20450' }, h(TableHeadRow, { key: '68c3f64e205a7d24797d3dc22b77d3ae2660853f' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '71e40b95aea309fd80b4c2a5b29d346ff05bfa86' }, h(TableLoadingState, { key: '68f74fb34189d60edb7d31cf338b505ac0fdefa7', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'c9f5944d8286433c6f1427fbb622a9ecfb32ff59', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'ec6e7eae1606dcde81fcc866ae35668fbbdcb0ca', 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: 'c5ea4d43e61fa13b245f63b92402f0963bc5480e' }, h(TableFootRow, { key: 'f5c32fa16e4197290c081179b7235f783e8eb819' }, h(TableFootCell, { key: '4a8899287e30840905686d6f056db332761af2fb', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '2d0092eceeb124d622ad1477a9c0a84844247f04', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '408d4e9eab54491ce0cb775815c3e00eeb4854a3' }, h(TableComponent, { key: '52d68b140748feb5b20b01e9056a4f013dc6a4f2' }, h(TableHead, { key: '74d2ed3ab8629f60e5d789d160495dbdfa1d0109' }, h(TableHeadRow, { key: '216c56f85e307b622b682810973ec8fe05156173' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'c94508c4337cd1381a9caf8ade4f677ef2d62fe3' }, h(TableLoadingState, { key: '2d62155279ca151f77f33321c27c0d68822b1c15', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '4c4d9c73989dabd4213cfc994e74ce0873741de8', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: '423a58df4dfa9e6b52fc41dd8d6f06c8d7cca16c', 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: 'd1fbfca88fc702a4c0fae40586c946e3f75220af' }, h(TableFootRow, { key: '9d9c7862bc4d27d70a030d27cb735cb3654ea373' }, h(TableFootCell, { key: '53538be1d8eaf7b66b98476771f1f6d9552ab72d', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '2336a06ecf1eb14719881306ee878105d4b43926', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get is() { return "checkouts-list-core"; }
     static get properties() {

package/dist/collection/components/checkouts-list/checkouts-list-filters.js

@@ -1,18 +1,29 @@
 import { h } from "@stencil/core";
+import { debounce } from "lodash";
 import { ICheckoutPaymentModeParam, ICheckoutStatus } from "../../api";
 import { filterParams, propsParams, clearParams } from "./checkouts-list-params-state";
 import { StyledHost } from "../../ui-components";
-import { checkoutsListFilterMenu, paymentModeCheckoutsListFilterParam, statusCheckoutsListFilterParam } from "../../styles/parts";
+import { convertToLocal, convertToUTC } from "../../utils/utils";
+import { checkoutsListFilterMenu, paymentModeCheckoutsListFilterParam, statusCheckoutsListFilterParam, checkoutIdCheckoutsListFilterParam, createdAfterCheckoutsListFilterParam, createdBeforeCheckoutsListFilterParam } from "../../styles/parts";
 export class CheckoutsListFilters {
     constructor() {
         this.setParamsOnChange = (name, value) => {
             filterParams[name] = value;
         };
+        this.handleDateInput = (name, value) => {
+            const utcDate = convertToUTC(value, { setExactTime: true });
+            this.setParamsOnChange(name, utcDate);
+        };
     }
     componentWillLoad() {
+        // debounced input handler for text input
+        this.debouncedSetParamsOnChange = debounce(this.setParamsOnChange, 300);
         const propsToSet = {
             status: this.checkoutStatus,
             payment_mode: this.paymentMode,
+            checkout_id: this.checkoutId,
+            created_after: this.createdAfter,
+            created_before: this.createdBefore
         };
         Object.entries(propsToSet).forEach(([key, value]) => {
             if (value) {
@@ -39,7 +50,9 @@ export class CheckoutsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '49fce55fcfec52861b63d059ed13e032b5f62ffe' }, h("table-filters-menu", { key: '13a8f86bf33d4fa009090874012d8fb313e8fbb7', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: '93d217bdbf916556bb96fe57f8ef40ef7227f0fe', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '5b64be2749207558f5444f21c62f7e3576cac96d', class: "p-2" }, h("form-control-select", { key: '67bf5ecb13c6e10ac09f86df8b9e33b057b5b4f6', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: '3888489da96a1bd5887ec6b0ca956ce96a2aba05', class: "p-2" }, h("form-control-select", { key: 'f09e0f27d16b8c525eb93ab285e0e8c32499958b', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam }))))));
+        return (h(StyledHost, { key: 'c2206c7d67bd443f2f96f2d60bc4ebe6b162da5a' }, h("table-filters-menu", { key: '99ca406ecd7a151039c3a162063c6c88ba2fc859', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: 'a0ca9f60eba3d4d396e5bf6d90d908b21c4749a5', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '6aa82c8c10b08c0146c1e0d0534cb5ed50622192', class: "p-2" }, h("form-control-text", { key: 'eaf744421fe7f556a787df19a1987a9d631b78f2', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: checkoutIdCheckoutsListFilterParam })), h("div", { key: 'baf62830725ba74fc1e51c7bea2707727bfcae80', class: "p-2" }, h("form-control-select", { key: '457078decbe5d6812adaf340eb99e23ce5f55eb5', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: 'dfdf948a76b865dbef7f2c3e1395fec5d54d6a27', class: "p-2" }, h("form-control-select", { key: '2aac09872d9b2f81cdc81a5e69380d7613aed80d', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam })), h("div", { key: 'a081fbbe866d8c3b7b6f3e0fb416b548216df13e', class: "p-2" }, h("form-control-date", { key: '7dd0b6e8d043044332662e999707afb47f1aa74f', 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: createdAfterCheckoutsListFilterParam })), h("div", { key: 'caeb00cd04d553f8d40e2aac3c260b6780023add', class: "p-2" }, h("form-control-date", { key: 'b300e4c045920fef36e424e3fc584370c68fb271', 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: createdBeforeCheckoutsListFilterParam }))))));
     }
     static get is() { return "justifi-checkouts-list-filters"; }
     static get encapsulation() { return "shadow"; }
@@ -94,6 +107,63 @@ export class CheckoutsListFilters {
                 "setter": false,
                 "reflect": false,
                 "attribute": "payment-mode"
+            },
+            "checkoutId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "checkout-id"
+            },
+            "createdAfter": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "created-after"
+            },
+            "createdBefore": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "created-before"
             }
         };
     }

package/dist/collection/components/checkouts-list/checkouts-list.js

@@ -61,7 +61,7 @@ export class CheckoutsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '6bb0aab8d91d33a71219759eda017d8bb4611371' }, h("checkouts-list-core", { key: '06f7c7e14047791322c9bde0d3e56d0af9cfd420', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '0e9e50e18983dad43cfab19f2271678d3f5e6abd' }, h("checkouts-list-core", { key: '6f128cc756477ff64638625d9a9ff9a5b4533948', getCheckouts: this.getCheckouts, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-checkouts-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dispute-management/dispute-management-core.js

@@ -46,7 +46,7 @@ export class DisputeManagementCore {
         });
     }
     render() {
-        return (h("div", { key: '0775f22b07fe1456b64bc791aa1b6f12a1d692ba' }, this.showDisputeResponseForm ? (h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
+        return (h("div", { key: '6374c478bc8907019b48e1a53b0ecb2e171ab2e4' }, this.showDisputeResponseForm ? (h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
     }
     static get is() { return "justifi-dispute-management-core"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-management.js

@@ -43,7 +43,7 @@ export class DisputeManagement {
         }
     }
     render() {
-        return (h("justifi-dispute-management-core", { key: 'd4438dadbafbba5fabd4668cc604ee248e88547e', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
+        return (h("justifi-dispute-management-core", { key: 'e19f33cd7106c3c44fb86faeef743c62ff9004b9', getDispute: this.getDispute, disputeId: this.disputeId, authToken: this.authToken, "onError-event": this.handleErrorEvent }));
     }
     static get is() { return "justifi-dispute-management"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-notification.js

@@ -44,8 +44,8 @@ export class DisputeNotification {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        return (h(StyledHost, { key: 'cb653177e7c8bdc87280cc4ee35f317b71720554' }, this.isLoading && (h("div", { key: '4fdf8b3076ef10b66f224ad28565fe0a3f992d62', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'b924b4b38c073a33f6c75e2253be459cea48af03', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: '2f64c2158f9f51cd9aa07c5eba5b05828b6fb47f', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: '1b4c481363c10ac3a4549ce0a2d5f0d1dbe6b830', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && this.isDueDatePassed() && (h("div", { key: '6def61c509dca5a7eb56fcb9387852af5417c562', part: text }, h("h1", { key: '60cfa74b2b230db506f0cf632e914b93496bb2eb', class: "h4", part: heading4 }, "The due date (", (_b = this.dispute) === null || _b === void 0 ? void 0 :
-            _b.due_date, ") for this dispute has passed"), h("p", { key: '839be45b22b2ac068f7135bfbd7fbbb9f42363e4' }, "You can no longer submit evidence to counter this dispute."))), ((_c = this.dispute) === null || _c === void 0 ? void 0 : _c.needsResponse) && !this.isDueDatePassed() && (h("div", { key: 'd761fc8bc22e1fd4c2f3180113a02b0674c56686', part: text }, h("h1", { key: 'c578278af078c5bdb029e1550c843cf1178151f9', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '8a86e81ff24ad9cf89d9f4c8262207d0d157d8e7' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '29ad6fc36459766dc0e37c9a98d5d7dc7e94e51c', class: "h5" }, "Dispute details"), h("div", { key: '8be6bcfb87f46933e2dff13a1f8f988870978369', class: "d-table gap-2" }, h("div", { key: '39a3887ae0082238ca3f2ce19a1a5285d0f91150', class: "d-table-row gap-2" }, h("span", { key: 'f04f7df6ecc0f060389594f678dbb30508366d59', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: '726528b71c9719c94a36ac61debb88ec55887660', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_d = this.dispute) === null || _d === void 0 ? void 0 : _d.amount))), h("div", { key: '0c7cf20b0134b300e5678862612c951bec3dc140', class: "d-table-row gap-2" }, h("span", { key: 'b28a584669b58ccefafbb8abe13f2b30c13652bd', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: 'bf4d37d5be3adf35a0fd921ba98873ceba28876a', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_e = this.dispute) === null || _e === void 0 ? void 0 : _e.reason)), h("div", { key: '2de7f098ace1647df70bec118a692e8769eb61f5', class: "d-table-row gap-2" }, h("span", { key: '00b0a9bb82a3f0a5f2e473903655903ffcb370b9', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Due Date"), h("span", { key: '48af0c9e4bcb88889bdc0a2cb2b649c1217da120', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_f = this.dispute) === null || _f === void 0 ? void 0 : _f.due_date))), h("div", { key: 'fc0e4c984bd56117873b3e66c032c0b1a9642970', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '40c6094e1d51dbb77f6675679f5a4048e6c18863', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '98efca9a7d52aeb0ab7a486c5cbca133cc5eb386', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.underReview) && (h("div", { key: '2a93ba5d6202c0532c581cc7ed4ff4d5eea1722a' }, h("h1", { key: 'b1805ad0673974e7fcc24db69ca23035e0a3e15d', class: "h4" }, "This payment is disputed and under review"), h("p", { key: 'eb9bc9d2a8f7d015c2f4b76387c73973b198b30e' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_h = this.dispute) === null || _h === void 0 ? void 0 : _h.won) && (h("div", { key: '045f2529c0516402c7908151ad6fffa8df7cd7b4' }, h("h1", { key: '4dff05bff9449ab093e292f608dad7338f842e4e', class: "h4" }, "This payment was disputed"), h("p", { key: 'f1b1337843b29e6bb57c740aaefba31efd4cfb49' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_j = this.dispute) === null || _j === void 0 ? void 0 : _j.lost) && (h("div", { key: 'c9aa2504aa540ace1a54cafdfde67dc1de1453e9' }, h("h1", { key: '9acc3a32a7e889a3d9296469960e4a8adacd54db', class: "h4" }, "This payment was disputed"), h("p", { key: 'fcdf940700cdacfc67b65f50e03c7f57d54f2c7f' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
+        return (h(StyledHost, { key: '366e2c66e1a31395f1b4a0c0e88173e06eb93313' }, this.isLoading && (h("div", { key: '979832175e729da612028cff34fdf59dc280c677', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'f7fc26c781f2a1f8aef343166eaaca261b72d32c', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: '56e792538dd93b77964f7d21300ef45f8da4f7c1', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: '94ca86077eef5aebd5b6e402ac2fdd9a980ad4c5', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && this.isDueDatePassed() && (h("div", { key: '7482cc041236218c16ebf12c0799b2dc62266065', part: text }, h("h1", { key: 'a592932abcab4a1f3563cb044fbd37611c8dd20f', class: "h4", part: heading4 }, "The due date (", (_b = this.dispute) === null || _b === void 0 ? void 0 :
+            _b.due_date, ") for this dispute has passed"), h("p", { key: '65f41565018e74b20a224789f28a4b0c8c39eb76' }, "You can no longer submit evidence to counter this dispute."))), ((_c = this.dispute) === null || _c === void 0 ? void 0 : _c.needsResponse) && !this.isDueDatePassed() && (h("div", { key: 'a135934182715a851d5d25d5d1485094454d0a4e', part: text }, h("h1", { key: '61d6842599de3d87c833aa58b237490e4a686e4a', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '72c6f7e3639cbd19d25f1aa120d22b3ca56547e1' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: '1565a02a4ff6c3e777f08c3c55f5adb52ead464b', class: "h5" }, "Dispute details"), h("div", { key: '73e88ae55460c62a22609de5bc7144485741efd8', class: "d-table gap-2" }, h("div", { key: '9ad5b6375dc161072b9a4a6ed02c845380fad0f9', class: "d-table-row gap-2" }, h("span", { key: '50fc59fd8a3159990d97f4817c4ae4f0ff237a6f', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: '2295ed0988667f0d9b4a5c7d1574549909e83512', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_d = this.dispute) === null || _d === void 0 ? void 0 : _d.amount))), h("div", { key: '3019fb0949177ac697347e1e5156d980073b5fe6', class: "d-table-row gap-2" }, h("span", { key: '6bb9bd0549246e1545244a1c1d6ba6a2763115e8', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: 'e21ffcb4db63cc336f8417a5f23a95ec9a22e07d', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_e = this.dispute) === null || _e === void 0 ? void 0 : _e.reason)), h("div", { key: '8ea8d1734de9014d6eaa40698b7370f2579b1686', class: "d-table-row gap-2" }, h("span", { key: '6f1c114ad77e46c67c661e8a7e0da9404a699afb', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Due Date"), h("span", { key: 'f702aff5516a6fe4de66982214019aa23757e5dd', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_f = this.dispute) === null || _f === void 0 ? void 0 : _f.due_date))), h("div", { key: '9b37b4ca1651c6f5654c284e154a8610491082eb', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '7764276dee017b3802c8e5a099c7a14809a5a9e2', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '7d359a4379403683a1ace0a47eded0e6859e198a', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.underReview) && (h("div", { key: '95357ab08560983952ef5dbbaecbd61a686d627e' }, h("h1", { key: 'dee2b2342d93f970ea42313a67bf7134c980c2c9', class: "h4" }, "This payment is disputed and under review"), h("p", { key: '19c9ad659f69e844c06ca5a235f21265635e9d5b' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_h = this.dispute) === null || _h === void 0 ? void 0 : _h.won) && (h("div", { key: '7149f82646d7e06bb5355cdb5fab79e1a1c6d67e' }, h("h1", { key: 'eb074d8a3bff90cbca27a836dc959ae115103896', class: "h4" }, "This payment was disputed"), h("p", { key: 'a7c8ca180bfa9c6421f05f9014d1e10f35b2fdf8' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_j = this.dispute) === null || _j === void 0 ? void 0 : _j.lost) && (h("div", { key: '66a1b25a142f78e1d5b0e234232c32f7addbd203' }, h("h1", { key: '7688608c03db8d4d2e1443b39e21ca39e48fdef2', class: "h4" }, "This payment was disputed"), h("p", { key: '0ba1cc45f3b5cbf9c96456a05ba1e781efeb8e2e' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
     }
     static get is() { return "justifi-dispute-notification"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dispute-management/dispute-response/additional-statement.js

@@ -29,7 +29,7 @@ export class AdditionalStatement {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: '3c0edd8c0d1b4e20b4673e721ae05c34e070e2c6' }, h("div", { key: 'e95625382e55164401b28c6d3d253d775b7ccc87', class: "row gy-3" }, h("div", { key: 'bce8e334130812bb6d896e48d72f8a7347a58753', class: "col-12" }, h("h2", { key: 'd6d11c29baf12c36d90505f44cbba6139828cc41', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: '11cba2151220a3bb5dc39c231792b2733033f2ee', class: "col-12" }, h("form-control-textarea", { key: 'e60e1810cb82b6daf8c61aa4ae21ead48d6794f5', label: "Is there anything else you would like to say about this dispute?", name: "additional_statement", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.additional_statement, inputHandler: this.inputHandler, errorText: this.errors.additional_statement })), h("div", { key: 'e745eabe5b5a38485877904d7b0e3fc16583e00e', class: "col-12" }, h("form-control-file-v2", { key: 'f88b588cfe46d4d4f904b8c7008272ee0b0fffed', label: "Additional files", name: "uncategorized_file", multiple: true, helpText: "Upload any additional pieces of evidence that have not already been provided.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.uncategorized_file })))));
+        return (h("div", { key: 'd943c5a732c4ece78a9d3894b1395bfe9fde13eb' }, h("div", { key: '918d1e3ef1259396d177e41d10998cbd9d69c060', class: "row gy-3" }, h("div", { key: 'bfab1580c07005da4046884acd07858478ed9e29', class: "col-12" }, h("h2", { key: '9d82008f712ce05f35a42bc169f581ec5e38d9ea', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: '28b192ee15fc788ef9923e366b46e0d1458f5061', class: "col-12" }, h("form-control-textarea", { key: '799b740724230fc5fd7ed7e19d8f7069416eed10', label: "Is there anything else you would like to say about this dispute?", name: "additional_statement", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.additional_statement, inputHandler: this.inputHandler, errorText: this.errors.additional_statement })), h("div", { key: '0e1f293bd196f45faaa495f310be6c72ce101e0e', class: "col-12" }, h("form-control-file-v2", { key: '02ae90e06226350272bb49d1cb0d753f641c6801', label: "Additional files", name: "uncategorized_file", multiple: true, helpText: "Upload any additional pieces of evidence that have not already been provided.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.uncategorized_file })))));
     }
     static get is() { return "justifi-additional-statement"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/cancellation-policy.js

@@ -28,7 +28,7 @@ export class CancellationPolicy {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '7388c0a12447da31a25aeb4d374a4bcca26ae664' }, h("div", { key: 'adcc0256ebec43aac7ba65a8e35daf6e6923de25', class: "row gy-3" }, h("div", { key: 'f8f12898acdd5dadac559d9c967af69cbb071147', class: "col-12" }, h("h2", { key: '546b58f9ef57f21743625a54c960762b990977eb', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '10032390cfca9d783ee71c4546f7562b59596806', class: "col-12" }, h("form-control-textarea", { key: '62afbd3d92193e954ec72808eafb8643e0d8c8d3', label: "Cancellation Policy Disclosure", name: "cancellation_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.cancellation_policy_disclosure, inputHandler: this.inputHandler, errorText: this.errors.cancellation_policy_disclosure })), h("div", { key: 'df29b379fdacf3c74111952eb9ed7c20b6fbb1ed', class: "col-12" }, h("form-control-textarea", { key: '8c34fddf37bd4f03e1ff8f974e35dc88a865a3cf', label: "Cancellation Rebuttal", name: "cancellation_rebuttal", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.cancellation_rebuttal, inputHandler: this.inputHandler, errorText: this.errors.cancellation_rebuttal })), h("div", { key: '89dd8b79755ae4ab2ad203887cd928b4a9ce35e2', class: "col-12" }, h("form-control-file-v2", { key: '0818e57a22be5a73f74a02575ac802cfe3b4de35', label: "Upload Cancellation Policy", name: "cancellation_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.cancellation_policy })))));
+        return (h("div", { key: '24d9db9409e2bc6147e73b70b103c86d9c65580d' }, h("div", { key: 'a724a9f96b0cc7f6a38fab82b572962b72ffbf9b', class: "row gy-3" }, h("div", { key: 'ba734334efd7a7fbc7adcc2c8bcb73f80278a413', class: "col-12" }, h("h2", { key: 'f57de791ca5b8f6752ce06460ba813f89f8145f5', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '86946aa4b4b2615864c3e6053e661564f4eb5658', class: "col-12" }, h("form-control-textarea", { key: '0f996bfd0a1b64effef21418a7813a12f1ad5fcd', label: "Cancellation Policy Disclosure", name: "cancellation_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.cancellation_policy_disclosure, inputHandler: this.inputHandler, errorText: this.errors.cancellation_policy_disclosure })), h("div", { key: 'd46ca79368e4bc1f13e406d0fece0be4b8e33950', class: "col-12" }, h("form-control-textarea", { key: '0d7991cf878e645b80b8aa8b03533dc758d267a9', label: "Cancellation Rebuttal", name: "cancellation_rebuttal", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.cancellation_rebuttal, inputHandler: this.inputHandler, errorText: this.errors.cancellation_rebuttal })), h("div", { key: 'aa89c58ba7263fe7419908fd4964874645b26c3e', class: "col-12" }, h("form-control-file-v2", { key: '7e6020a57b0d804c20e0b2c092bf512912679eb9', label: "Upload Cancellation Policy", name: "cancellation_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.cancellation_policy })))));
     }
     static get is() { return "justifi-cancellation-policy"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/customer-details.js

@@ -28,7 +28,7 @@ export class CustomerDetails {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: '539e3799c613e2220ef11e3bd19457fa04610c4b' }, h("div", { key: '9f612621bd98060cb407cf2d628903733d6517f2', class: "row gy-3" }, h("div", { key: 'de829fd15e9ae4b044a96c8addaabb8cd63224c4', class: "col-12" }, h("h2", { key: 'a4805da605e259ca9450da2c7fc652848ae58c80', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '1cf94d2b9a71c4728ebf4b8c92a8e91eba490e16', class: "col-12" }, h("form-control-text", { key: 'bf1c4eaf372b919dea002c4a7a15c6748e12adff', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), h("div", { key: '8b7b472e818795a015984ce06d3a44c9a6bf3bfb', class: "col-12" }, h("form-control-text", { key: '845cc2af35390837d63f628f78d4c866f1bbae85', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), h("div", { key: '2e7122420d04961f5cc48d4dffc4eb3a881f2727', class: "col-12" }, h("form-control-textarea", { key: '80177b3e9b57cc750ab02e30694e33fbf3ef526a', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), h("div", { key: '96c32ff3b76326f54cc2462ef6c47c87ba46504a', class: "col-12" }, h("form-control-file-v2", { key: '3aec29d7e7e05a3d796ba7e57ec153b05267eec6', label: "Customer Signature", name: "customer_signature", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.customer_signature })), h("div", { key: '7d519c613f67229f2785511f4e16c4a74ceba73f', class: "col-12" }, h("form-control-file-v2", { key: '0fbf23107e1a61f47b2ea16ecf3cdffcb64a1294', label: "Customer Communication", name: "customer_communication", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.customer_communication })))));
+        return (h("div", { key: 'b348b17f0b320a540b0496f04572ba1360f4fd15' }, h("div", { key: '376750fbcd6da41a602d6ad5b4a2130dbcce17dc', class: "row gy-3" }, h("div", { key: '2f6134bbd055fdb8afa495e29370a3528b5d8701', class: "col-12" }, h("h2", { key: '7e29aa97b070479bc6df91fe2bd4416a3a2210dd', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '7f44155fab6f6387fa768af1225c10a63fc3587b', class: "col-12" }, h("form-control-text", { key: '6c38a71cdcf231729d9db144a3936130dc0e0b4d', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), h("div", { key: '06c883df8dfa58535c32bcb43e6649537ff0b91c', class: "col-12" }, h("form-control-text", { key: 'eb424a6d80d90d19e7be31323de3ad41ede47c09', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), h("div", { key: 'a7ba05dfc72dabeeb690daff6e9f692488172d15', class: "col-12" }, h("form-control-textarea", { key: '9b47c924dfdd8065d6e456210a2cdaac30376f9b', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), h("div", { key: '37ba310fdd33ffb1fc41a168fb31c4f21a49b568', class: "col-12" }, h("form-control-file-v2", { key: 'e54b14ab429073482f68f8ba259e797be4c41a0f', label: "Customer Signature", name: "customer_signature", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.customer_signature })), h("div", { key: '9084a731a58784355bc543759d6bf50bd6001c52', class: "col-12" }, h("form-control-file-v2", { key: 'bfb40202ff50523583ad8bcc7dc96740495de312', label: "Customer Communication", name: "customer_communication", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.customer_communication })))));
     }
     static get is() { return "justifi-customer-details"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/dispute-response-core.js

@@ -156,7 +156,7 @@ export class DisputeResponseCore {
         return this.currentStep === 0;
     }
     render() {
-        return (h("div", { key: '661d6a5ffd98e2a3c0b48efe8e0db4442b281c20', class: "row gy-3" }, h("div", { key: 'de5bb6ca05768c2e96013d95f10e178a02dbe1a8', class: "col-12" }, h("h1", { key: '332f4e96d0feefcd6362686db461338d2d410fc8', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: '0ca26bf822ad7cd00e493e168cf52430d08d070f', class: "col-12" }, this.currentStepComponent), h("div", { key: 'c8d3000c4ce3f9d7b99dd6f3f599e88f459d0eb7', class: "col-12" }, h("div", { key: 'a424664c456d12a4e72dbe199c22b9fcf2b391e0', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (h(Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (h(Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (h(Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (h(Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next"))))));
+        return (h("div", { key: '123cd5e2c03ac23f591c7c0b70c768acdd9e4932', class: "row gy-3" }, h("div", { key: '22d3cf94fddc2bdc52a122d49c35efb6b94d3670', class: "col-12" }, h("h1", { key: '16e6361626153b51b2d958203419752b65c211e3', class: "h4", part: heading4 }, "Counter dispute")), h("div", { key: 'fef2a0e7d8baa24652d487dc11406fc1678d0beb', class: "col-12" }, this.currentStepComponent), h("div", { key: '5c5fbe7839898450d12a08dc857bfda3471f8478', class: "col-12" }, h("div", { key: 'ee1eec3a34d161706418a2be5cbbf149b3a2cadc', class: "d-flex gap-2 mt-4 justify-content-end" }, this.isFirstStep ? (h(Button, { variant: "secondary", onClick: () => this.onCancel(), disabled: this.isLoading, isLoading: this.isLoading }, "Cancel")) : (h(Button, { variant: "secondary", onClick: () => this.onBack(), disabled: this.isLoading, isLoading: this.isLoading }, "Back")), this.isLastStep ? (h(Button, { variant: "primary", onClick: () => this.onSubmit(), disabled: this.isLoading, isLoading: this.isLoading }, "Submit Counter Dispute")) : (h(Button, { variant: "primary", onClick: () => this.onNext(), disabled: this.isLoading, isLoading: this.isLoading }, "Next"))))));
     }
     static get is() { return "justifi-dispute-response-core"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/dispute-response.js

@@ -55,7 +55,7 @@ export class DisputeResponse {
         }
     }
     render() {
-        return (h(StyledHost, { key: 'aaa2dc48c365dd8ac7805caacb144ab4fd0d7829' }, h("justifi-dispute-response-core", { key: 'b7deb9992af4f233e9e48ea967d4ed3ba4eb3d8f', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
+        return (h(StyledHost, { key: 'c9a7035e6f28c32602fcb19b4026805d87aa54de' }, h("justifi-dispute-response-core", { key: '9acfee140646d1ed8b46771b353b9d0d71af2c14', "onError-event": this.handleErrorEvent, "dispute-id": this.disputeId, disputeResponse: this.disputeResponse, createDisputeEvidence: this.createDisputeEvidence, updateDisputeResponse: this.updateDisputeResponse, submitDisputeResponse: this.submitDisputeResponse })));
     }
     ;
     static get is() { return "justifi-dispute-response"; }

package/dist/collection/components/dispute-management/dispute-response/duplicate-charge.js

@@ -28,7 +28,7 @@ export class DuplicateCharge {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '1fe6bcfa95691c4d41a0e79ce27b88acd827f9fa' }, h("div", { key: '7700ba0630b46af2150c3b1ca838b19d67da1fd7', class: "row gy-3" }, h("div", { key: 'eb9662311f410d86ceb123b246e8b5ea792833de', class: "col-12" }, h("h2", { key: '2e087f69f8204296316a0c2c1a60ebbbeadc876b', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: 'b5b6b23d6612151a53d2c199bf9f88ecd8c62f14', class: "col-12" }, h("form-control-text", { key: '5d523482e67118204327a7cc5a9c807ac19b6ea0', label: "Original Payment ID", name: "duplicate_charge_original_payment_id", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.duplicate_charge_original_payment_id, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_original_payment_id })), h("div", { key: '656420be3d4d40375313be0261c718c32a14f9ef', class: "col-12" }, h("form-control-textarea", { key: 'dd1b5b86d5f5d8a89b36b3dce0bb7edf37331af5', label: "Duplicate Charge Explanation", name: "duplicate_charge_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.duplicate_charge_explanation, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_explanation })), h("div", { key: 'd44f26e1ad785a2cc562506b451fbd1bd3695cf2', class: "col-12" }, h("form-control-file-v2", { key: 'c1f49fcee8b4a74c097ebed3153cdccf546ae886', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.duplicate_charge_documentation })))));
+        return (h("div", { key: 'e47e81701d243ca3d0cbd63752ac8edc02337cf8' }, h("div", { key: 'e8c380c186d957a09910887ffaa1476c55889ae2', class: "row gy-3" }, h("div", { key: '6209bbe1f2b37a0fb7215d9eca5da546f7b07343', class: "col-12" }, h("h2", { key: '4fcc49631c78e5f780b116f6741efbdc8526a81b', class: "h5", part: heading5 }, "Duplicate Charge")), h("div", { key: '8d0a2ebe2fc159af79392decb28775e39e18868a', class: "col-12" }, h("form-control-text", { key: '45e3bfb01b42fdbfa366226bce57f59b33b682e5', label: "Original Payment ID", name: "duplicate_charge_original_payment_id", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.duplicate_charge_original_payment_id, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_original_payment_id })), h("div", { key: '2e2d2c826a068d1ca22b527187b8850c5f92aa80', class: "col-12" }, h("form-control-textarea", { key: '97437cc325d852b9ff4ad1080d7921caac392ad2', label: "Duplicate Charge Explanation", name: "duplicate_charge_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.duplicate_charge_explanation, inputHandler: this.inputHandler, errorText: this.errors.duplicate_charge_explanation })), h("div", { key: 'bf0afc8eaf9eafd1cf08a1d1efeb1007e66ed1a0', class: "col-12" }, h("form-control-file-v2", { key: '75d18cc087a7765798f51463d2f9e70197cc5374', label: "Duplicate Charge Documentation", name: "duplicate_charge_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.duplicate_charge_documentation })))));
     }
     static get is() { return "justifi-duplicate-charge"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/electronic-evidence.js

@@ -28,7 +28,7 @@ export class ElectronicEvidence {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: 'be4423ae29984754d400422e27b56c6b7bdff386' }, h("div", { key: 'd07d55b631f4daf63f775a9e4afb06958c6186e6', class: "row gy-3" }, h("div", { key: 'ed012d7b827c7764e691723129ee758c249f4000', class: "col-12" }, h("h2", { key: '6a55a9f39eb70b923cae3e5bd28fb8690628371f', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: 'c6745caeac03e79e14cb24568b624ddfaf8d2daf', class: "col-12" }, h("form-control-text", { key: '388e03ac3a0b870343446f54525c046611f79e95', label: "Purchase IP Address", name: "customer_purchase_ip_address", helpText: "The IP address used by the customer during the purchase.", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_purchase_ip_address, inputHandler: this.inputHandler, errorText: this.errors.customer_purchase_ip_address })), h("div", { key: '3830fc3a579d5aef3a7089a119c36f4dd8fe3a90', class: "col-12" }, h("form-control-file-v2", { key: '6d52bb2b80d20794465e07a8cc5292ffd8c4130f', label: "Activity Logs", name: "activity_log", helpText: "Any server or activity logs that provide evidence of the customer's access to or download of the purchased digital product. This information should encompass IP addresses, relevant timestamps, and any detailed records of activity.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.activity_log })))));
+        return (h("div", { key: '6518aa80a07c58e19076a102cc9e319cc3c9ee39' }, h("div", { key: '73444a9bf6008cbb1e6e66945ceca8ee23b996b1', class: "row gy-3" }, h("div", { key: 'b13b7db17bcf0e35a2fec5089bb5a282323587cb', class: "col-12" }, h("h2", { key: '289f212f765d91b9565e2c2024b0adedece833c2', class: "h5", part: heading5 }, "Electronic Evidence")), h("div", { key: '7c4bb450be8746e3024b807ea8dc9f368cbb746c', class: "col-12" }, h("form-control-text", { key: 'b4938d9d1b0869af38d4d74eb61b8f5dda1761e2', label: "Purchase IP Address", name: "customer_purchase_ip_address", helpText: "The IP address used by the customer during the purchase.", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_purchase_ip_address, inputHandler: this.inputHandler, errorText: this.errors.customer_purchase_ip_address })), h("div", { key: '88ce56f5e30a5dae990fcf3ee0816a3636dfe4f9', class: "col-12" }, h("form-control-file-v2", { key: '4890efb2a4c67ec668c12caa53ce0978f6870925', label: "Activity Logs", name: "activity_log", helpText: "Any server or activity logs that provide evidence of the customer's access to or download of the purchased digital product. This information should encompass IP addresses, relevant timestamps, and any detailed records of activity.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.activity_log })))));
     }
     static get is() { return "justifi-electronic-evidence"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/product-or-service.js

@@ -28,7 +28,7 @@ export class ProductOrService {
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: 'f7b24599316e8545d61370c50d28cbf5e0d90985' }, h("div", { key: 'd1edc60194b573078d5701a14e16ef0dd8f6b45d', class: "row gy-3" }, h("div", { key: '4b7e12eb4a9b41b30d7c85334691136280679210', class: "col-12" }, h("h2", { key: 'b9e3721e4ff6610da877f49e263ef84b86cd81ea', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '3c41a068f079d52b88dec1cbe99769be2d793479', class: "col-12" }, h("form-control-text", { key: '6419cf35e1d66d332c9dd1fde772446ef4a640f8', 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: '813b82430e9e4d4a4fb4a025c7eb5eb1d348fb5d', class: "col-12" }, h("form-control-date", { key: '2ed13c96f745e792728c11df4a443a26eb48cbc3', 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: '139ed67db44d68e1da8c6b702b5ea2d292c2635b', class: "col-12" }, h("form-control-file-v2", { key: '19affd0336fa51e9c61321047589b8e8ea4b977e', 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: 'cfa8c6c92bb2790dbaea1939e6acc7539fd848d7' }, h("div", { key: '63d38a0c614f932ef018791fb1388b3dc49c7e5c', class: "row gy-3" }, h("div", { key: '6140c07a8c354d9339509a00141fbc7a1de146f4', class: "col-12" }, h("h2", { key: '40c755fe0938930e0283c391df12c417850eecb4', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: 'b213783cf90bcc17522ab0367e530a48a2474270', class: "col-12" }, h("form-control-text", { key: 'b7977ccef55a4f616f1d7cd20cedad5af5187741', 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: '462085df8eedee334fbfa38d752803493515b39f', class: "col-12" }, h("form-control-date", { key: 'dca6d8369385607b2fa43882d864e42d4c0fec4c', 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: '74aeb86e75d1496f88f7286cab4cf8fcbd737f60', class: "col-12" }, h("form-control-file-v2", { key: '6872fb5a4a54ace55578dd0ba789ca7409799645', 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 })))));
     }
     static get is() { return "justifi-product-or-service"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/refund-policy.js

@@ -28,7 +28,7 @@ export class RefundPolicy {
     }
     render() {
         var _a, _b, _c, _d;
-        return (h("div", { key: '0c86a73ee59ff870697d7cf13960f5019a24e2f6' }, h("div", { key: 'c7f62c366ea4a58512e7c358102defc1c39d50e8', class: "row gy-3" }, h("div", { key: 'a1a3ba7c17fa360c1ae3831067c75ed3f0bb523e', class: "col-12" }, h("h2", { key: 'b62d1a0d7901d708cb1ee6225cab267957339c19', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '49ad044dc2881fbcba27edb55e078bd3552411b8', class: "col-12" }, h("form-control-textarea", { key: '91e4ac8355528c7d120008efec472555865ea0e1', 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: '610629a4df918fd3679c7286a2d7ed97755ec4c6', class: "col-12" }, h("form-control-textarea", { key: '1b4206d54188e8d1134780394c6af28ed9d41297', 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: 'bdf898c3fd62a4c838f242c289428f2ecad5046b', class: "col-12" }, h("form-control-file-v2", { key: 'cf319792746ac3e3046aa03a651f0a364c78c992', 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: '1e4941fe09fba3fe8f0b143d1be0c421a4d076e4', class: "col-12" }, h("form-control-file-v2", { key: 'e297ef6d361fd57ca990df8ff48dd7840a460153', 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: 'd9234b27998495091ed3a8f6a68e8bd0ca273351' }, h("div", { key: '8456144a474b1cf7bfbcfd0bac0e24837376a0fd', class: "row gy-3" }, h("div", { key: 'f13612f184a140a4bd9b5ee18a31b0faad3da535', class: "col-12" }, h("h2", { key: 'dc5959ec45379faafa8dc973fcb652729c65a4ae', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: 'bcf9f262aa58d5a92d13477035bf8fea788c8738', class: "col-12" }, h("form-control-textarea", { key: '6f8676d9a2427b7a3d6cd5a1ba6533f9c21b986f', 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: '9d5707337a5955d63eaca24b885bbdbfbf3f84d8', class: "col-12" }, h("form-control-textarea", { key: '4e7f13b79b895ddee0890519176b54ccaa092fa4', 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: 'c02521ff9575fd1d0f430c6b5171457c5205a12f', class: "col-12" }, h("form-control-file-v2", { key: 'd5223c87347af2a02cb0748be32fffe29ac18137', 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: '341f0fa04c29e33533cc8ec16b4364367124ce53', class: "col-12" }, h("form-control-file-v2", { key: '280dd38b7b4e5a29b6dd7f5fbc765f0e3b9cd765', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
     }
     static get is() { return "justifi-refund-policy"; }
     static get properties() {

package/dist/collection/components/dispute-management/dispute-response/shipping-details.js

@@ -29,7 +29,7 @@ export class ShippingDetails {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: '02607c4291d3eac86ca3d81c60c1c6bfa3f01aea' }, h("div", { key: 'c00430c399836af38a5af6aaa137e1aa4c81ee5d', class: "row gy-3" }, h("div", { key: '981183064fd9cb7f26356b4df4ec2ef92b9a786d', class: "col-12" }, h("h2", { key: '0b56af4d68b1198bd8bd8e2b3dd3f1fa2712f671', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: 'a46018576927e599614156f003c2f6c8f4c16f78', class: "col-12" }, h("form-control-text", { key: '30dd796ebe55b8b6923a113014dc198463973e29', 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: '99d3d0866a39c1317f2ab0e0a9f9a78d97740821', class: "col-12" }, h("form-control-text", { key: '86099d14d243209f856b7810c5ff1077160a2ba8', 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: '6b8ea2ce1b82befc9d4e3ba99a01a41ffaaf4b77', class: "col-12" }, h("form-control-date", { key: 'aa351477f4ed239ab4957950566f8ba0f3f3d801', 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: 'e0382bc7aec5a61bdaf92946b62c55288a658329', class: "col-12" }, h("form-control-textarea", { key: '12ef3ad5e0d988acc001de5f24fa4f2933b4325d', 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: 'a8752e33ee9ad628075815c9c6ddbb98dc56adca', class: "col-12" }, h("form-control-file-v2", { key: '4366911f74af44c5950e8e4870d5b5aac3927f62', 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: '6b71aa457f7e3ac9fd050deea342c6ca14c1d62f' }, h("div", { key: 'c6a309a59de4b6cf6f5ca1e3bfee3da1cdca543c', class: "row gy-3" }, h("div", { key: '1668c86989cec124c7d11d54b9dd6edf46c182d0', class: "col-12" }, h("h2", { key: 'e911f21be4aa8a369d427ae80989d8223693e3ba', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '025beda9984cb47518eccb04971470a46ad3d73b', class: "col-12" }, h("form-control-text", { key: 'ea8db703b0d94e5c2d8148cfaa97e6eb2a824e06', 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: '764cddd9b2b8156ab97d598fed23459f074006de', class: "col-12" }, h("form-control-text", { key: '4ce85b6b5c4ca79c2edaafbe3169bf049153cbfa', 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: '8e18b6159156b7d21dba344e2c1a22418b139e3e', class: "col-12" }, h("form-control-date", { key: 'd3a8ef184475150d07fea4f82e65800c5c259b47', 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: 'ff23ee968b2b6f64eefd3453fcdb788034e166e0', class: "col-12" }, h("form-control-textarea", { key: '75bad71ceae6bab8de6d47175fda3bd27491bde0', 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: 'c774e01b09f930e3656e4b194b386234a692fbbe', class: "col-12" }, h("form-control-file-v2", { key: '928f2195a67e1aac483ea70ff97c3e65e8dcfbe9', 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 })))));
     }
     static get is() { return "justifi-shipping-details"; }
     static get properties() {

package/dist/collection/components/filters/table-filters-menu.js

@@ -19,7 +19,7 @@ export class TableFiltersMenu {
         this.showClearButton = hasFilters(this.params);
     }
     render() {
-        return (h("div", { key: '6f25bcbcb72ce82bf136cde9ddb487ee1e8de2a0', class: "d-flex gap-2" }, h("div", { key: '8d00a823c21144f33b46ca2e25ba8a34533cff80', class: "dropdown pb-3" }, h("button", { key: 'd352c042fb40715c6e8acc90e3fc6d7b179844a0', 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: 'cc255b26cfbd34c3dd834848d2036b446fe34376', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: 'fe9ee1916767a12167f7fa8f803c1f7783f95e3e', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: 'f991925b39fec438c1090b419392aca6bf33e47f' })))), h("div", { key: 'cbfcd1cb1b8c93baeaa57f571f68202d2d4922d2' }, h(Button, { key: '97239c74fd3d59807e4315213931b18eb0ad8b64', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
+        return (h("div", { key: 'e205ff268a099beae125bbe8a85a6ae5e34924af', class: "d-flex gap-2" }, h("div", { key: 'e61fcbc31cfa97093771ad99b1f4bc088a2a6b98', class: "dropdown pb-3" }, h("button", { key: '3c4425f10ebb39b011d2783c5ef88ebbd34b8e65', 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: '03692eaae9d340c0f204f55e8c26b8353c4caa74', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: 'ed80b52e0cabbba44d09798b3b8bd4ab99d72659', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '6cc0bf4f7fd5fa16b431b21933b36f75035221c7' })))), h("div", { key: '13f401ce7926aaf678021ed7dc768b967987b0ec' }, h(Button, { key: 'd6a16f4e5b31e5602d6729e39fccfa4dbfdd8336', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
     }
     static get is() { return "table-filters-menu"; }
     static get properties() {

package/dist/collection/components/gross-payment-chart/gross-payment-chart-core.js

@@ -67,7 +67,7 @@ export class GrossPaymentChartCore {
         }
     }
     render() {
-        return (h(Host, { key: '85907550231e3dabbf901474994a3702dd1b1de4' }, this.loading && h(Spinner, { key: 'c458baff5d8f28932a0a88096ad2a32fe122dc5c' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
+        return (h(Host, { key: '641e450946112528c3577b6024872f51125e793d' }, this.loading && h(Spinner, { key: 'c767a118f00a0931ed736352ba4c26a34ad8f512' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
     }
     static get is() { return "gross-payment-chart-core"; }
     static get properties() {

package/dist/collection/components/modular-checkout/ModularCheckout.js

@@ -3,6 +3,7 @@ export var PAYMENT_MODE;
     PAYMENT_MODE["ECOM"] = "ecom";
     PAYMENT_MODE["BNPL"] = "bnpl";
     PAYMENT_MODE["APPLE_PAY"] = "apple_pay";
+    PAYMENT_MODE["GOOGLE_PAY"] = "google_pay";
 })(PAYMENT_MODE || (PAYMENT_MODE = {}));
 // Maps the backend payment method types to the frontend payment method types
 export var PAYMENT_METHOD_TYPES;