npm - @justifi/webcomponents - Versions diffs - 6.10.4 → 6.11.0 - Mend

@justifi/webcomponents 6.10.4 → 6.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (484) hide show

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

@@ -28,7 +28,7 @@ export class RefundPolicy {
     }
     render() {
         var _a, _b, _c, _d;
-        return (h("div", { key: '7cee5ba256884cd7c605ecf15bb053491638d152' }, h("div", { key: '532fbf2796589fa07689891b645689251775fdd4', class: "row gy-3" }, h("div", { key: '3b09609d869fc9e88759cedb6dcf1f8a568e0d93', class: "col-12" }, h("h2", { key: '0322bce2a6c761e4c49f5c0fd7a200b3255c5dee', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '260dec4ba14d062998001f13ed26108b0eb45e56', class: "col-12" }, h("form-control-textarea", { key: '0ed21b81a6a708708179b3a163bb816b9d0a497e', 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: '2c1877075ada904c565f4556c7fe00021d85b137', class: "col-12" }, h("form-control-textarea", { key: '58b3c47e543a2f7a82010b47772b22329de8ed0e', 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: '990fe61c90b2be5d198d31fb0c5165fbbcc8d96e', class: "col-12" }, h("form-control-file-v2", { key: '6f725675ab78150e3005754475577f96d796a0d0', 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: '65eb12d67c8d84e55bc590454222b0cb8c17512f', class: "col-12" }, h("form-control-file-v2", { key: 'f8dae47642c8c41c079180075f89ebc9ca7812a7', 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: 'b0b610c20e194b94743d99212e2efffef56520f9' }, h("div", { key: '0a17bc79f6a07aba4cf9e5f5ef0ee4a6d484bf51', class: "row gy-3" }, h("div", { key: '517679d918a832bdf8b21554cc9e4121c304cdff', class: "col-12" }, h("h2", { key: 'c49dfd3f5072031b1ff07e51df4149548e79d83a', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: '5d7af624762783c0151d31e4c9600381b8a8fa3a', class: "col-12" }, h("form-control-textarea", { key: 'fb4ca818378fa6d674ba7c389f906145b9d11627', 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: '0591b80676048c52034b0571ac94a1daad70f102', class: "col-12" }, h("form-control-textarea", { key: '1ce0a48f04f12a8d4bc91d01e90dd6caa32018af', 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: 'd02a401923e4c38427cff3245767441ef4b9f779', class: "col-12" }, h("form-control-file-v2", { key: '772aefaf3e0a54768ef9163df0de8ba6cfdb28b5', 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: 'd113a7eacf5a4aee4132baed5fd6a76bd670ba30', class: "col-12" }, h("form-control-file-v2", { key: '8a3c5f1d006e97ff6bb385a76818a325686ff1de', 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 CHANGED Viewed

@@ -29,7 +29,7 @@ export class ShippingDetails {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: '42e223f71b2bbb47452c42ef5fa3461c33fb1f05' }, h("div", { key: '202b32fe04059d34bbcc422a4d8a426148fffa4c', class: "row gy-3" }, h("div", { key: '4508298a411269d447989c859b9f916f3d288c38', class: "col-12" }, h("h2", { key: '732705ee8f3e8d3ebce839e33b7ef3a5ca108224', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: 'c373e96c63ed7398315f000250749fed7ee6b2ef', class: "col-12" }, h("form-control-text", { key: '7e4ce2f7ad55c07f4c67b8f80940e94d76d16f43', 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: '08e2067843ce83058c73c4673c88b8d1968d81a0', class: "col-12" }, h("form-control-text", { key: '5ed369c9064edd5fafc3c3a0142bcace1c3beaee', 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: 'fcfe5349a3f9d61039c61de7b1f70e517d479b09', class: "col-12" }, h("form-control-date", { key: 'fecafa215e1f4c042e54f34db584503fed7fbe35', 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: 'd87378a61c76bf5fb331f02fe6960abbed4d3d59', class: "col-12" }, h("form-control-textarea", { key: '1acffdfd447400ef9627359c0a892b93d4ba1a1c', 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: '28ebefe8f6db158dc76ca9b8ab86f12a7a968b82', class: "col-12" }, h("form-control-file-v2", { key: '7f4ba4acd413eb070a6126f43ab4bb77f3ac12ba', 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: '180df6d9062459eec271f148828a2dd57f18d271' }, h("div", { key: '406e8870df739225b547ada975dbd83085ea97d2', class: "row gy-3" }, h("div", { key: '44c088ffe6b0eb7cbe072069821de8c9d3e1892d', class: "col-12" }, h("h2", { key: '208bc93626a900b414ce3df5a8c3d7dfc5d1d75a', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '27cf473cefd457cc3c802cef99ace1584881bf16', class: "col-12" }, h("form-control-text", { key: '6dfa9be914863103a6362c6b9efd81c5be99b0f2', 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: '7b6f0e1d14698442a98df75f5635cbafc8172ddb', class: "col-12" }, h("form-control-text", { key: 'a5424f340602b3a1b3ccbe38a14ac36d0a6a74d2', 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: '1c956a0ef4ca9d3fbc61af14bcb6bca058aed8f7', class: "col-12" }, h("form-control-date", { key: '32c52e9178e9f54ef4f4695ffae0c124e025d354', 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: '34eed46e9dce3dffa3b8547ee2e601927a6b239b', class: "col-12" }, h("form-control-textarea", { key: 'f873c9a4c9d4518e35d76a61000d99e26e25f4a4', 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: '025fb202955938d89d6990eac237b1be66cf1945', class: "col-12" }, h("form-control-file-v2", { key: '135edc3fcaef1a07dde5c175a11b8c3f833b93c9', 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 CHANGED Viewed

@@ -19,7 +19,7 @@ export class TableFiltersMenu {
         this.showClearButton = hasFilters(this.params);
     }
     render() {
-        return (h("div", { key: '219fb5b3d51e02eb1d0d2975c1f0d60c70effe30', class: "d-flex gap-2" }, h("div", { key: 'ad963fd263a2880cdd267958f43ae30d7602b8cb', class: "dropdown pb-3" }, h("button", { key: 'c6917e91def1ef9dde2a95a3657d4204c9e03f4f', 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: '9625634401e1c91e4994e717c405ec1ca16f8f72', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: '95fbe3040f211c1bffc4ea252a31db4a9c730744', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: 'a3dd287891f803c5b55a797bd73d827da3f08823' })))), h("div", { key: 'aafe97d69d12adf91f200a6cd3655d8dcf039996' }, h(Button, { key: '38d7aa0ca3234a14c99fc12fbae7d949d3a462b2', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
+        return (h("div", { key: '73f921b9b5ecd46b708103088c1e21cdaf6d22cd', class: "d-flex gap-2" }, h("div", { key: '8afb347ce7cea4cb2a030b066a9ec754606d4cd0', class: "dropdown pb-3" }, h("button", { key: 'd6c2f951ed13929359564e5417e4bbebf4557fc7', 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: 'd2b3e83bf6151270cad7a58e518904b17b09047f', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: '4750d1ac1485fddf3334afe6bbd70a8dcdb79a4b', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: 'a990cee903c302a1b99f6ba65995f267dc7636c1' })))), h("div", { key: '8d854bba9dca17b875fb63cc28ce4f0efc26bf03' }, h(Button, { key: '529212aadf246ba9164eed8ad7dc1b6ebddcb867', 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 CHANGED Viewed

@@ -67,7 +67,7 @@ export class GrossPaymentChartCore {
         }
     }
     render() {
-        return (h(Host, { key: 'a5fc2c7a59a015170ffd465ece20c3c8cd8ee99a' }, this.loading && h(Spinner, { key: 'e0f3cdf534e3e907c56575ceb46976e315ef574b' }), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
+        return (h(Host, { key: '22e858d2d13aad7ca2df6c92e60189122ecfe5c7' }, this.loading && h(Spinner, { key: '243905dbba7552a52762026198c3e91861d13b59' }), !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/modular-checkout.js CHANGED Viewed

@@ -404,7 +404,7 @@ export class ModularCheckout {
         });
     }
     render() {
-        return h(Host, { key: 'ee341d8d78767a80e2627ea5244ba46ca63cd8df' });
+        return h(Host, { key: 'dc4f1c1a2e9cc32100415e732817d4aaec063d89' });
     }
     static get is() { return "justifi-modular-checkout"; }
     static get properties() {

package/dist/collection/components/modular-checkout/sub-components/bank-account.js CHANGED Viewed

@@ -42,10 +42,10 @@ export class BankAccountForm {
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(StyledHost, { key: '6c1e183b7ba2c70b41e22386d74a9cf7430aa8d5' }, h(BankAccountFormSkeleton, { key: '2755f4d21f8d62919ef56909f2dc6b9211bf550d', isReady: this.isReady }), h("hidden-input", { key: 'c35448285cd2b53973caa4a56c28a135e1ed7d74' }), h("div", { key: '9fae602596267bafc39b9e3e9946a289b38393b6', class: "container-fluid p-0", style: {
+        return (h(StyledHost, { key: 'b9674b4e8cfd28e440f28c3e08772bc879f0d1b6' }, h(BankAccountFormSkeleton, { key: '87adb553cd4fefac370379bbfcc373fbd8935f60', isReady: this.isReady }), h("hidden-input", { key: '1395bba6465865528e94e945ca614107027e86c4' }), h("div", { key: '7ce58ad6226ac6cb3c4ec45895a5e3a94885d3a9', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: 'bfaee6ed0eaa2a68175f18146d56195cc1a23e91', class: "row mb-3" }, h("iframe-input", { key: '7385c2582ad5b397eb2afcb9c87b789d4918542c', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { key: 'effe6b1f18d5fa531f4537accfe8279b81bc7b49', class: "row" }, h("iframe-input", { key: '19cc7e46d8f7cb79c70ba21f2e9c15c7665eca47', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
+            } }, h("div", { key: '85a4a2955404571823404bd9aa46c0744b5f1469', class: "row mb-3" }, h("iframe-input", { key: 'af85c82af0770b89bbba09347b5f3bf65d581e5a', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { key: '201171891252c6384e47657b007e7e0381d12cfa', class: "row" }, h("iframe-input", { key: '1f2b63b6cb11c0dd906727aaba3127e68ecb540c', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
     }
     static get is() { return "justifi-bank-account-form"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/modular-checkout/sub-components/card-form.js CHANGED Viewed

@@ -46,10 +46,10 @@ export class JustifiCardForm {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(StyledHost, { key: 'e204cee1fc875392b8056baf58b7234a739fffce' }, h(CardFormSkeleton, { key: '3accfb88d66661ceaef39f765bb3fddfd0f98393', isReady: this.isReady }), h("hidden-input", { key: '0416ddca8b444cf8702f3fff52065bf647bd4b61' }), h("div", { key: '37c1d5014e5a6658bfd28e08e361ffaa6488f6d7', class: "container-fluid p-0", style: {
+        return (h(StyledHost, { key: '20d4ea593b1f53fdbe8cc301e64c1a7743802678' }, h(CardFormSkeleton, { key: 'f3d2569ddcf94c8cf5f07ba4e1a862d6991c686e', isReady: this.isReady }), h("hidden-input", { key: '4804eb065aa5c2c21a84cd5e4ae02d8e00544081' }), h("div", { key: '0c98ea9d4218a70a95b620a969481083aac623f3', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: 'e2956855dfbcab38a782c22e93bd49252196baa8', class: "mb-3" }, h("iframe-input", { key: '55105f1eebab4b846e1b5c55448259368a412349', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: '9464b1a500a84dcaa438a9ebdad756637d14cb24', class: "row" }, h("div", { key: 'adc51687629fb00d26c6627e95c0228f5a4dfd11', class: "col-4 align-content-end" }, h("iframe-input", { key: '52a0e5e198b6bfac00515ec220370e289674b613', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: '1b09582711d838643db265b003ed18b18042713e', class: "col-4 align-content-end" }, h("iframe-input", { key: 'a1731a8dc02723398e1aae58b3812fccf62e6157', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: '1e2c3205f2e0b28d036480d2c61934da5e7da620', class: "col-4 align-content-end" }, h("iframe-input", { key: 'b7b87360068434122f9b5a8935468240684b7a1d', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
+            } }, h("div", { key: '6674294528ffdf8b3e90aa75827d88c891f74f65', class: "mb-3" }, h("iframe-input", { key: 'a08798d454cf5b7e572c334bdf3238f08071fa43', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: 'e5aca3795c1788bd0862f7dbf28dec58bbcc3f03', class: "row" }, h("div", { key: '29c8dcbf332349d1b81e98b17630de0cd3ef8b77', class: "col-4 align-content-end" }, h("iframe-input", { key: '88dd4b4601010543f2d02b4b5ca6814431de1e63', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: 'd7b557547cdb3e18103c9ad0588733448a22d4f6', class: "col-4 align-content-end" }, h("iframe-input", { key: '2b9915cd264167e2c3080688290765590061ae6d', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: '241ead4a324fc65ddc787e8fa81cb8ed62e3114d', class: "col-4 align-content-end" }, h("iframe-input", { key: 'c254b90ef75b5bcf1ff86bddf2d488de0a2bb709', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
     }
     static get is() { return "justifi-card-form"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/modular-checkout/sub-components/payment-method-option.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { radioListItem } from "../../../styles/parts";
 import { StyledHost } from "../../../ui-components";
 export class PaymentMethodOption {
     render() {
-        return (h(StyledHost, { key: 'cdf49c9446ea5fd6316523ecaf4f0f14be644e71', class: "payment-method" }, h("div", { key: '7de753f710389cbbb1d604ca5af97e1dfc5af2af', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: '7a3bb855c441031d7685aa23212cc471947108ec', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
+        return (h(StyledHost, { key: 'd52547314559d20607677dd96e1d7668ea527e5a', class: "payment-method" }, h("div", { key: '5d9fdf8edfe809299d5cf0d6636c7aa34853827c', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: '2519b4a0e1e38ae5ac9d9d8910ad9228282a09e7', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
     }
     static get is() { return "payment-method-option"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/modular-checkout/sub-components/summary.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { checkoutStore } from "../../../store/checkout.store";
 import { StyledHost } from "../../../ui-components";
 export class Summary {
     render() {
-        return (h(StyledHost, { key: '13d4dd7fbc2335e2af7c24066800e0642df0cd77' }, h("section", { key: '456cc598f5cf08e55b0c24ff23945b327df5fb66' }, h("div", { key: '37143e2b5157cfb973189335e357f39e78fbb7a1' }, h("div", { key: 'f4d34254b589f631e5cf7f49cab4d37933a7b1a0', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: '7d4f4bad72a2c637eafd95ab7dc73f5881ed4906' }, h("span", { key: '37b639cd520e87d73246f5d68a294fa2919376cd', part: text }, "Total"), "\u00A0", h("span", { key: '0ace5f0a3f53dd016d3d3167879364be20f407e4', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
+        return (h(StyledHost, { key: '74b2a1ebf22f1f7e7cb0cfbbbba8a3f8cd528a6b' }, h("section", { key: '6ea0bd41680b937c0ff88aa0f73c1ac4bccee9b9' }, h("div", { key: '6ca013f92dbaf076bda9a65c98acdf5c8192b22a' }, h("div", { key: '62f166bdc0b47e8cda03ee4d549736aaf336727e', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: 'c681ecba3bbceac71993833f8861393dc5751b4c' }, h("span", { key: '46eaedc091f44c2d3bad94cb6a05098385be8ebc', part: text }, "Total"), "\u00A0", h("span", { key: 'ad70de1a38c2c7625562cee3a745a6a61235f4cf', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
     }
     static get is() { return "justifi-checkout-summary"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/order-terminals/order-terminals.js CHANGED Viewed

@@ -126,7 +126,7 @@ export class OrderTerminals {
         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: 'bb4aaf359b1511f493e10aeb574dfb33a5ca2834' }, h("div", { key: 'd09aef6864ba87fca3556f2e873dcf9ed2f988d4', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (h(StyledHost, { key: 'e4a5a56a6876cbe10a51c95a24eaa7e8681916e0' }, h("div", { key: '094fce0c3c71c1bd09bb8a3052a3a484a20cd421', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
     }
     static get is() { return "justifi-order-terminals"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/order-terminals/terminal-quantity-selector/terminal-quantity-selector.js CHANGED Viewed

@@ -18,7 +18,7 @@ export class TerminalQuantitySelector {
         };
     }
     render() {
-        return (h("div", { key: 'a42ef5839803d155254a702c2c1360130f6a2696', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: 'c899514369d14d82bc549decf586fefe7c2d7133', class: "d-flex gap-3" }, h("div", { key: 'b64a26409fb27b6e651d1409beb17dd2fda22db2', class: "d-flex align-items-center" }, h("img", { key: '338b885781cc4c6bac788f6e5c09b8dce8ad9718', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '84d4c49f61efdffe630d6e2d7f9ba8054a145e8f', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '1beb5d824164406d4cde1bf93f9a021f2b1e1a92', class: "row" }, h("div", { key: 'bef94d4dd8f998892f2b8b85806f6475570cfc2e', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: '518819ebbcac947edbf2a40f07df96cf23b891d1', helpText: this.description })), h("div", { key: 'c8c2ddba453cf6243c7c863623b1c1c6a91b0a68', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: '30c1b2026c9e502992b4fdb3183028cac12b9408', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: 'fd45345fd5536d30e181e9d99f551542c6703958', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: 'f58d777b02b8599fdd48c6d3474ffe25dcb9b13a', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
+        return (h("div", { key: '94b37f690afbe452cda9d074d97b3e6c7b91c096', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: '7913be88b93a02e7499a59b416867c81e736a6cd', class: "d-flex gap-3" }, h("div", { key: '55f8b57b980689ed799c6a6ed798dd4c4ad0bd89', class: "d-flex align-items-center" }, h("img", { key: '8068f7f20ff719bed021f88e644dde9f8903de05', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: 'd86a6301ca11bcbe33920e5608bfb948dffdae6e', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '154c785be7d7785458eaeed6a9a516d4677b544c', class: "row" }, h("div", { key: '2adc08a9d50ca00c73317024ad1bde393d82efa0', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: '21ea5803e18053463d343254d9ed29c98c76757f', helpText: this.description })), h("div", { key: 'e862c0de5720cfb876fcc47792c0e12a0266babd', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: '50bb2dc585b0f49591871d6ae993eb2850892ffb', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: 'ceba1a29cb4779b9e057e3066072b21cef86dcfd', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: '00dfc649818d014f065ee07da3b71c61c7cda03d', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
     }
     static get is() { return "terminal-quantity-selector"; }
     static get properties() {

package/dist/collection/components/payment-details/payment-details-core.js CHANGED Viewed

@@ -48,16 +48,16 @@ export class PaymentDetailsCore {
         return this.payment.status;
     }
     render() {
-        return (h(StyledHost, { key: '26b8d1cf265226bcc4507dad0cc3504e953a9389' }, this.loading && h(PaymentDetailsLoading, { key: 'd2410b583c52ca4fdab80657c82b512c4e936b87' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: '9625a7b341ebab0736a5b1affd2507eaeb01aaea', errorMessage: this.errorMessage }, h(EntityHeadInfo, { key: 'e1da5f9932cb5ec4a9e9cbcc07637f16779e620f', 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: '5bf927cf2ab51c8057ff5f1d14d1fdb0112da302', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: 'dae7b63a0018af7ad5ff0b01303629b27f9e8690', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: '11c7090131fe05f995a34149e32167c50171ff4a', title: "ID", value: this.payment.id })), h("div", { key: 'ad1dafc96ed6041cc418f433dc2a941ccc1ed15e', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '4fc7d43271b7d4da55126380431fd304ec6b95ca', sectionTitle: "Details" }), h("div", { key: 'e884cca29436ae3e05c07c402c01f680395aadf8', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'd173c1ff5476adae63efd83c78cbd6da476893f3', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: 'c5307a082162dd6fde2e201916cb2d027b3ce1ff', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '3a8819d979eb5e49da51b80ac4cc40f9f7f06263', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '3850b861daf0191dc2f8ebea04fe7aba4ab53bed', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: 'b48c9f01ec0fd622e4f01b6405cb4ca779113492', title: "Status", value: MapPaymentStatusToBadge(this.PaymentStatus) }), h(DetailItem, { key: '742432ff1e60ebc905ce10bfac6175855fa6ea69', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: 'aa9ff4ff17362b9b615dfbade88b89687e7a8791', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '1e37b41e112a2e04e646f599f6b9b99a5259b8c2', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: 'ec97d4f1f23083d7a780d0ccc71f4130a3553014', title: "Description", value: this.payment.description }), h(DetailItem, { key: '96b77660af6302edd62f73290811b517b39fb876', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: '29b79b7f832363f173a3e4befc31ac88ff574867', sectionTitle: "Payment Method" }),
-            h("div", { key: '206648ce629f705ab3483572dd2f01f1dd3bc03f', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '7c03a887918a0d9cb190c85c6dfedb89bee46b8b', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '0cb8a2b0aed45ec1f9037bcb8c7df3fa7fe3a948', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '6cf56554f1c2fe706191f3b101dbf2ecbbddf9db', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: 'a8dec356cac117498cebd61cb59ff2b4bcfc0c4c', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '4703d991abab5ade33b1e5dd55d19290fe05ab72', title: "Cardholder", value: this.payment.payment_method.payersName }))
+        return (h(StyledHost, { key: 'b0ef5292b9f5e321bd5c66b4204f0f5262b4868d' }, this.loading && h(PaymentDetailsLoading, { key: 'aea26635451d6fb3833c50884b64968ae4e6d794' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
+            this.payment && (h("justifi-details", { key: '7cf33c1a29b2fb6d50ed57f6b84a61aa36fdbcca', errorMessage: this.errorMessage }, h(EntityHeadInfo, { key: '585d7d41bbfb41b04f703bc1bac1605426413540', 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: '9b231713501a12f4ac041cb87be8bb4e1b30fb26', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '40381145240b3821787ca71a910a8fb709c8ce72', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: '9587a280a8747197c0bab21c92e875211e833ea1', title: "ID", value: this.payment.id })), h("div", { key: 'fe4949d10e1068a05dfab9cbe256e282a50beee1', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '336bfe5363f642a5cbc58cbd594b232a35e3427d', sectionTitle: "Details" }), h("div", { key: '3fbde5fd43e53b13037d79d75f0f3856c2e6d275', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '4260513ca15415d12d653aecafee9e93c8762b61', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '1afa28ebb7873037b2881e3aec45820f0e7c1eec', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'ad63ad42b89bf2216924222cdb819b910d0f6ebf', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '5c2fa5215f60d69e648116154e53a0492d5f16c3', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: 'dcd3b432ab38c1fe3be55bf13eec0cbfeafa4e3b', title: "Status", value: MapPaymentStatusToBadge(this.PaymentStatus) }), h(DetailItem, { key: '767ea4cecb0b162154945a537085d5c369db9c9c', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '027efe0e16aba479cc0f9a1097a25ec8e03decbd', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '08d69878534824105dc3e0f5e9cf31d56abd6c25', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: 'aef3831a8a16a2e501ea45cbf8943b1a7e272f2c', title: "Description", value: this.payment.description }), h(DetailItem, { key: '12246613df2e322ea276269b897e321e4345e52c', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
+            h(DetailSectionTitle, { key: '02d5be3b2e987842a97b0f0284b35ead993fb4d7', sectionTitle: "Payment Method" }),
+            h("div", { key: 'a92a78508d316490e2a3cdd0125d73221ca8b395', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '5a5c264f4fb7860f949c537460df12d79a79e583', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '66545c5899ae5156ad9896d7a8b89931554ee854', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '6ce2daaac72cb97f9369dd14ca0892cd29e2abe5', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: 'a0bd3851aa8beea81167c047d6a6540cda46e9df', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: 'a707a07e5ef07970a1d8aa10a564eaf045cce898', title: "Cardholder", value: this.payment.payment_method.payersName }))
         ], this.payment.payment_method.bank_account && [
-            h(DetailSectionTitle, { key: '6300a3fa99c4a0f81f0f8ff780aeb14b606a368e', sectionTitle: "Payment Method" }),
-            h("div", { key: '7b8fbfd356587b034791a0481f6cf54f31b99114', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'badbdc33521816af3a38c193fd89995b720dd53a', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: 'cdeff3c4459c2d29a48b631fa6ca6c81ba55dd6f', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '2724fa6601bb5024b326853194764114115f0be2', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '236459bc401e59140bce119a0c5a12ea49d8835b', title: "Account Owner", value: this.payment.payment_method.payersName }))
+            h(DetailSectionTitle, { key: 'd61523f850e1d202731e32257382e82df7702566', sectionTitle: "Payment Method" }),
+            h("div", { key: '58c8f1ee69e360f3137f7dbbbc6207cfa7d8544d', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '7d4b9a3afdd5fdaf662ffdbc0eeeae0e973e3e0d', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: 'f02c0c07c3cc6b89605d98073b18cb247b796363', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: 'df94144bb5519de4d3432e31c7a2301a9ce0098b', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '7fe8d075f370afd3c64228d810cd8946f2631fa0', title: "Account Owner", value: this.payment.payment_method.payersName }))
         ], this.payment.metadata && [
-            h(DetailSectionTitle, { key: 'c80b4d1bd4dbc5f51848cfb1e886cd4c1c3f4026', sectionTitle: 'Metadata' }),
-            h("div", { key: 'bf7066df65a34cbb510aa3fdef414b27b622ff59', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '3a127cdeac5403079a3c822aeb40d6812e3fa914', metadata: this.payment.metadata }))
+            h(DetailSectionTitle, { key: '09f67f1719cf66843a50da15025f364efb485c49', sectionTitle: 'Metadata' }),
+            h("div", { key: '577995231bf0d25b11d90a10a98ae479236667c9', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'a17163d4ec63b650d645f9a4b8a6e5eb996f1269', metadata: this.payment.metadata }))
         ])))));
     }
     static get is() { return "payment-details-core"; }

package/dist/collection/components/payment-transactions-list/payment-transactions-list.js CHANGED Viewed

@@ -91,7 +91,7 @@ export class PaymentTransactionsList {
         return !this.showEmptyState && !this.showErrorState && !this.isLoading;
     }
     render() {
-        return (h(StyledHost, { key: '7aaa611cf9d23ff9244d8df54e57daa3ec08a635' }, h(TableWrapper, { key: 'd3f5244cfe909030c6072c7fdc4a5740029a4c17' }, h(TableComponent, { key: 'b0dc2044e5ee11b5d6a8298ed219c33f2bc42a35' }, h(TableHead, { key: '6a91d2b6968a6e969be3861c85b829c1ca5f899e' }, h(TableHeadRow, { key: 'ae84fd9d80b84054bfa1012137affa5c83b2be39' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '6a5cdec3190bb80ed3f78f295d07271838260fce' }, h(TableLoadingState, { key: '9fef843fa67a8049d77432d75f89446a2abe5ccc', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '3be23e217a98d0b2727dabc783134996ef0f9084', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '791ff61e65fb2f4e6a83f7d5142565b4a89106b5', 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: '898e2236fbed139f8196452463e3f248c01608d4' }, h(TableFootRow, { key: '9b416e1f6122d095b7516816ed686fe116479512' }, h(TableFootCell, { key: '6a12ce5ee3c5f28058ee5796cb174ef9fa4505b5', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '06984f04a928213ecbb6b3bf5acd3cb3a48e901f', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '1d5d3794d15cce7b1c68cffc4f40afc22e4c5fd9' }, h(TableWrapper, { key: '26d9221971caea9439368b54ceae361c270f2ef7' }, h(TableComponent, { key: '82e7f2a431ea4ba39fd1d1ea42acf4a538c5cc8e' }, h(TableHead, { key: 'a24df861980ddc933aafa3547ece4fbb3fee105d' }, h(TableHeadRow, { key: '7f68e8247225c0fd65b84b8654ab8235905ac1d3' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '731ca899b5f99267e7b89ff6c70e5d261712479b' }, h(TableLoadingState, { key: '93a70a44b84d8e84c14524047d4195dd806ce6f5', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '004aa19b82b4cf23d598332cda26668d6365977e', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '7bfe7435981ef111334e10c34d92cf4a9c169416', 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: '054f18c77bde619212b8e66bcb4c94931ba278b4' }, h(TableFootRow, { key: '86ae9230a85986d6183ff17833b90ebde136f7ec' }, h(TableFootCell, { key: '437db60f446879f12bb76a7641ce15aa17053e1b', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: 'f42fb11d7ffcc52e8d7d8ac7e2b5c210444fa765', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get is() { return "justifi-payment-transactions-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/payments-list/payments-list-core.js CHANGED Viewed

@@ -84,7 +84,7 @@ export class PaymentsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: 'b694ec89a330819723a9c5a093515c5e594fd811' }, h(TableComponent, { key: 'b0e7f6fa8d4eebb697c0b78a638c9bd61146eb1c' }, h(TableHead, { key: '9952bf57d182e3530d8c0cdd9abc68f50633853e' }, h(TableHeadRow, { key: 'ac5beb9ed786566aadd04e8802c967760c90ba3c' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: 'c167c67965757d73b3d433861a974d4ed499cae1' }, h(TableLoadingState, { key: '456ad5dd06da225fc593361fc2fb244312b6dbd5', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '11cc043cf73eef3d520504285ffa13e21df0963a', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: 'c98ab4e30ceb0cc8c8c0c239a8fbb8d4a7a63477', 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: 'c5f2334f863b4da3be4a05220bb90358c0df1dfc' }, h(TableFootRow, { key: '229efe9952902c693e19c5d22f589e2b404e8e16' }, h(TableFootCell, { key: 'b99252aa7653b8bed555998f6178a88c47c78d17', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: 'b6312dfc56e4ce169c4f52cc867ffb11013c3817', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'da09dd4ecfc3048f2d0167fc0e3b42178557fc44' }, h(TableComponent, { key: 'd07a431c7e29d29f006ab660f97c19df9daaf109' }, h(TableHead, { key: 'a93ddd63aaf27fe28771dce7acfc8a857f8092d3' }, h(TableHeadRow, { key: 'dc9247cd47f9a37fc972cdcec9e7f4cd1958c69d' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: 'db8bf40a9c558207ae3f8fed0fe11a1e4d58a9d2' }, h(TableLoadingState, { key: 'a77bb76a189c53878b472b31dd5aea4790cbea71', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '09e14570f600a78e609bb11de576ba51f086bf01', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '352ba81460e793f4cea14f35720d8239604efd82', 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: '765ea2360d2badc2a55b01799734b5255e133e54' }, h(TableFootRow, { key: 'e0bf3fb8035c327cacef570aefe131fac9d24b90' }, h(TableFootCell, { key: '8d1507b8f05530801f08433af98ae5978d3a05ab', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '5e3276e46de888323c3268910e2f5f2d9268b4ca', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get is() { return "payments-list-core"; }
     static get properties() {

package/dist/collection/components/payments-list/payments-list-filters.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { debounce } from "lodash";
 import { filterParams, propsParams, clearParams } from "./payments-list-params-state";
 import { StyledHost } from "../../ui-components";
 import { convertToLocal, convertToUTC } from "../../utils/utils";
-import { paymentsListFilterMenu, createdAfterPaymentsListFilterParam, createdBeforePaymentsListFilterParam, paymentIdPaymentsListFilterParam, paymentStatusPaymentsListFilterParam, paymentModePaymentsListFilterParam, checkoutIdPaymentsListFilterParam, accountHolderPaymentsListFilterParam, terminalIdPaymentsListFilterParam } from "../../styles/parts";
+import { filterMenu, filterParam } from "../../styles/parts";
 export class PaymentsListFilters {
     constructor() {
         this.setParamsOnChange = (name, value) => {
@@ -54,9 +54,9 @@ export class PaymentsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '13aa135857848a72567599a2639488287ca39081' }, h("table-filters-menu", { key: 'ed4dd2ea5f26428f41fd54a477893dcb0fc149e1', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: '95eef3a3710f97e04626ebb8bee42229a63f3c5c', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'd803be62dd29001b14343e2c8319a9301c00d8dc', class: "p-2" }, h("form-control-text", { key: 'e7a6da04a9eb9b2d6fdbe4bbb22c98b96ccf5030', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: '3e36de2950a53a3db08f8647573c4032624d453b', class: "p-2" }, h("form-control-text", { key: '28d556adfd29c3d73f59de2cbf8bf78d34ca5766', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: 'e7645f939effafa3d9b300829b53521d4c9c758f', class: "p-2" }, h("form-control-select", { key: 'bb5e03857df5c49fe74fa518c5b81f86d3dd2885', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status || '', disabled: !!this.paymentStatus, part: paymentStatusPaymentsListFilterParam })), h("div", { key: '181a66501584fadb10fee74215086bc215b271eb', class: "p-2" }, h("form-control-select", { key: '1e96d536e0aa91eb31b228710de7a3815717d003', name: "payment_mode", label: "Payment Mode", options: this.paymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: paymentModePaymentsListFilterParam })), h("div", { key: '7512ec47150ba5112486fec46fc99b7c2a04e7dc', class: "p-2" }, h("form-control-text", { key: 'a2065eaa53b1ef12752c3969cb4dd8ff2694bd1d', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: checkoutIdPaymentsListFilterParam })), h("div", { key: 'c7921a2cd0bd2fe17b831052c4114b3e061a584d', class: "p-2" }, h("form-control-text", { key: 'f8176d5b682e37df29d03bc5bd48ab4ded36e179', name: "account_holder", label: "Account Holder", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.accountHolder || filterParams.account_holder, disabled: !!this.accountHolder, part: accountHolderPaymentsListFilterParam })), h("div", { key: 'fca79a82790ae8739872d9178ac1ae44f94a1513', class: "p-2" }, h("form-control-date", { key: 'e1a750350ec30a339c33d0b76bc6b7f045eb198b', 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: createdAfterPaymentsListFilterParam })), h("div", { key: '18c93fdeec815743397ccbf1b8ed59144128d0ef', class: "p-2" }, h("form-control-date", { key: 'ded94e6169a8c3189e059353361b597926721cc1', 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: createdBeforePaymentsListFilterParam }))))));
+        return (h(StyledHost, { key: 'c23d82157dd765b66fe543532c6c7e3ff5a08581' }, h("table-filters-menu", { key: 'fe825b9df2a60075e7cf8367368dc6973b74e27a', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'dd0f17dac9f087b1333432c6bbe75acd2b9b7904', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '5e2581a9cd6f3ee954a6c786d068ca257d12a980', class: "p-2" }, h("form-control-text", { key: '2a5a4f455bc13835837c70a59665d05c3757f106', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: filterParam })), h("div", { key: 'b012b5f98e868b3a59f579d7a69c5cc97e83fb3d', class: "p-2" }, h("form-control-text", { key: '2548924366d327f5601b3aa828bbfe1afd7e0e56', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: filterParam })), h("div", { key: 'b83cadc6092c8399cdb7f8f4f377c20bd792bfff', class: "p-2" }, h("form-control-select", { key: '8274570ad09cd5d74a73f5f527d4ea4885ac0790', 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: 'd9310627522415ab816c10052a46768b8d54b274', class: "p-2" }, h("form-control-select", { key: '2f4f5d0ea8a2b463036f954aead00d242078c901', 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: 'd604adc74f83ff5d2f9d9976ca12aa955b267d92', class: "p-2" }, h("form-control-text", { key: '9999c62ae3f576a662c40f0d35937ac8b7b3daa0', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: filterParam })), h("div", { key: 'ddc4d4b39c1cb223f862d4340d54c887ba1547f3', class: "p-2" }, h("form-control-text", { key: '62c1d665ec01bdafbb591ede396826dfa3fd7ae1', name: "account_holder", label: "Account Holder", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.accountHolder || filterParams.account_holder, disabled: !!this.accountHolder, part: filterParam })), h("div", { key: '8d2dae722e41ef80d71c039c75898c4ebf1a5399', class: "p-2" }, h("form-control-date", { key: '9474a5d13ccbdd6361958abbe1dcc4565db49089', 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: '27338b915e79abd1966ed0953e8c5ee56a2d54c4', class: "p-2" }, h("form-control-date", { key: '21d865141256cb25d83c3de4d1623b3db8a1f27a', 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 }))))));
     }
     static get is() { return "justifi-payments-list-filters"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/payments-list/payments-list.js CHANGED Viewed

@@ -46,7 +46,7 @@ export class PaymentsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '7e8061d89c07cea6f86c61156bf82be507908bb4' }, h("payments-list-core", { key: '940a26c6b1590e4b95136262a116892281645c1d', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'bd9c796ee69445e241256843411b451e572d5321' }, h("payments-list-core", { key: '9521c57de8fbc5e854de042ce720841e769446af', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-payments-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/payout-details/payout-details-core.js CHANGED Viewed

@@ -64,9 +64,9 @@ export class PayoutDetailsCore {
     }
     render() {
         var _a;
-        return (h(StyledHost, { key: '6720c8a6f5919d8f563cd9e21a93d64de0916060' }, this.loading && h(PayoutDetailsLoading, { key: '26214ad3e6d784f4810155addcf19b9e4b869269' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'fd810d7c04562bd4aa21681b9473bf32c84bb368', errorMessage: this.errorMessage }, h(EntityHeadInfo, { key: '2d379a2836fc98964b048a284eaa0d3b51f404fa', 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: '43b43e3c1d35bba3111c202310a2a96f1a916e9f', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '68203b090ad2aab3aaf0a2070a0a5b5a8f471fc0', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: 'd427383d0b66287d36ec142b3edfdf89d1ff53d6', title: "ID", value: this.payout.id }), h("div", { key: '172eaee1f1f66c361e366e8c1422d158c44991ca', class: "m-4" }, h(Button, { key: '59e3f95f23d29681bb36b297e954140d3e056474', variant: "outline-secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: 'a32accc21bcf9c8b7db906b62fc0dc179d126e10', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '46c8fa58f696bed5628a129b8c956aa3ccc7a8a9', sectionTitle: "Details" }), h("div", { key: '43cea4c35521d0ec45b2eb73f0ec3aa4cbe076bb', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'e19c95cbced986d7e0aa7dd5a59d0e3425c1a492', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: 'e64dbb1e230816f589600d97bece2aaecf7e3837', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '0009fb64dccd61d1941dc80c5613d54316e6e8fc', title: "Payout Method", value: this.formatMethod(this.payout.delivery_method) }), h(DetailItem, { key: '933746728601556d77e135f031d5bbce4227beb3', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: 'a2dac791b686fc7ca35da5a51a64c5e47fb94fa6', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: 'f2334d9d641f6f096a7fa4d3d04fe496c19fcf2d', sectionTitle: "Account" }), h("div", { key: 'f76e30ebbe32c0d37ebcf205371b5e40cd4be768', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '0878dca0ec871ce45a3bf548fd987596d98a2bb3', title: "ID", value: this.payout.account_id, onClick: this.enableRecordClick ? () => this.handleRecordClick(this.payout.account_id) : undefined }), h(DetailItem, { key: '7c751efac65871cdc8041cb0645cb11f30e9e188', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'e4a169e43cda405be68e07ec191e981f8fb32d13', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '7740bd18dca90ec0f64de729712a49e4c510056a', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: 'a7798c561869ebfa212b724af432f304654d4c3f', title: "Account Number", value: `**** ${this.payout.bank_account.account_number_last4}` })), this.payout.metadata && [
-            h(DetailSectionTitle, { key: '4e2a9585769fc5ebe1dc57e78781568bad07d004', sectionTitle: 'Metadata' }),
-            h("div", { key: '26258eaf4e250e200cf4515c283ef1fa6085fb88', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'fe30682ce11c5a7dc9d401ba7af42b1a33ce437f', metadata: this.payout.metadata }))
+        return (h(StyledHost, { key: 'd335394cbcbf7159e13b44c488719de949b166dc' }, this.loading && h(PayoutDetailsLoading, { key: '7c72354aad37f4cce64d036ce05a0957803ea6b5' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: '8ba9a6f04d4a91b9e99d226f8c81f64773433f01', errorMessage: this.errorMessage }, h(EntityHeadInfo, { key: 'e96e1c53a9efc0907895388b1bcae92e04aacd49', 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: '1bb438ad0a8b0ff564752e0661a1b49d8ac77ca8', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: 'd00a9debc99172b289e7152ae06b3827c2b36855', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '78417a3170bc3115188be6268fa5a3126b751e7f', title: "ID", value: this.payout.id }), h("div", { key: 'e38d3da9d335078c95e8c58a4125478f4ba2fb6e', class: "m-4" }, h(Button, { key: '5c229f88885389be98cade9abdd8a0c60d78f94a', variant: "outline-secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '9b195abd5d28bff4196d80c543eee9c9304e96b6', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'c64ad00954c81a00de12b9c6da9737b1692e3d2c', sectionTitle: "Details" }), h("div", { key: '6caa6a55a2ce061959df55eb8a2c1fe379028289', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'ba4d06bb2b68aa22d683511602f6d12d5dd4d507', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: 'f7ee0717c7395c5effa81464b1becf616c61a02b', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '1c142e531e9cf8e16f4dc67114060d2f2cce0b0c', title: "Payout Method", value: this.formatMethod(this.payout.delivery_method) }), h(DetailItem, { key: 'f0d78701957991cb2efefc24b3a162b736be490d', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: 'a75896cf9a33c9bbf8f13c1774a6db829d0f5f7f', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '22cd3beaaa38900b86ac810dd08c1a61f8593f75', sectionTitle: "Account" }), h("div", { key: 'f6980d28e7c9ef4339b86baaa9849658e39ed286', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'ae7bc36f7839496d26a44e1a78a9ce3df7fc4f19', title: "ID", value: this.payout.account_id, onClick: this.enableRecordClick ? () => this.handleRecordClick(this.payout.account_id) : undefined }), h(DetailItem, { key: 'ebed350562e7a6dc16f8d883645854c27f734c6b', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '51d885752922ca9fdc76905f1ea58ecfc245f036', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '26da2532c8b1b5e8e2495d9522c2da937b917baa', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: 'd485027365ddc9f28833b659f583c9a66c2b532a', title: "Account Number", value: `**** ${this.payout.bank_account.account_number_last4}` })), this.payout.metadata && [
+            h(DetailSectionTitle, { key: 'e34be3a7a4f2e43d677747429cbbe746424db7ae', sectionTitle: 'Metadata' }),
+            h("div", { key: 'b1c6324d0eefcde79e2281a311ae58df5391636f', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '539d31351ea9dd4af7ac973ca79fa572f4194613', metadata: this.payout.metadata }))
         ])))));
     }
     static get is() { return "payout-details-core"; }

package/dist/collection/components/payout-transactions-list/payout-transactions-list.js CHANGED Viewed

@@ -95,7 +95,7 @@ export class PayoutTransactionsList {
         return Object.assign({ payout_id: this.payoutId, limit: '15' }, this.pagingParams);
     }
     render() {
-        return (h(StyledHost, { key: '751cbfab0ac4ebff575c0d6e6677bea57498f720' }, h(TableWrapper, { key: 'c5e9ae5f08e8011efd13b8e8fc920af25ab6cd80' }, h(TableComponent, { key: 'c2dc2e83a70c9a888d7b24eedca47444fdd7df23' }, h(TableHead, { key: 'f6031a02be719e94d5b5f6e9b780bf11fa94024a' }, h(TableHeadRow, { key: 'efcbc758449f7949f206cf3406ea63913687ef16' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '3e02a4b3d30c0e448ac8487ff1b10f0801c56972' }, h(TableLoadingState, { key: 'b2039804780914b796451e229a6d59e76987c8aa', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '020af52a09946e6711556e850a5bd973d0b8433d', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '299646c62cd4dc45d3c2ba02eb71be4506b2d11a', 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: '488b386f6f1bf9fd27a862a0061dabe9c567266a' }, h(TableFootRow, { key: '3d83e2c8b5b966ef54fbd9835cef7950c090d2af' }, h(TableFootCell, { key: 'cf4751107a9db70b50b010c1e0c31e9015d63fd8', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '44e53f6fff05692d572bea438c06b3ec47a6fa00', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '5720eed99cb9b95399c46e2472b02a70c1fa775a' }, h(TableWrapper, { key: '8b24888a5220944ab6be99421246e903ad9de6d9' }, h(TableComponent, { key: 'cb18148644180e357c8aca3eb5b4fc966ea2d9d5' }, h(TableHead, { key: 'e8fb0fceb3471ed1d96e3bf26c76664fc0992c98' }, h(TableHeadRow, { key: 'dee86ce853830c030a5a60e2d4d6ef9f8d5d8246' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'd0621d65657ffdc545a10191b0debee1d1784d08' }, h(TableLoadingState, { key: 'd4d096bc66340ca51e4d8fe4e4a59c510f6d8b51', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '9262dcbbe2d7a43e04b241af7ca826531ee629eb', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '93eb78fda887c0e893bc5e5042675c9e5606c8ff', 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: '91b3c39985b8612ba62e6453f31e1ba1a05a842a' }, h(TableFootRow, { key: 'c37b899c8c3f5c944f4d75e5c633284aae5b8f57' }, h(TableFootCell, { key: '51730c9cb9d7affb7fcd5199a499183b5ad6aec7', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: 'e338f5882afb1a71a8095f48fff5a599286a6994', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get is() { return "justifi-payout-transactions-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/payouts-list/payouts-list-core.js CHANGED Viewed

@@ -135,7 +135,7 @@ export class PayoutsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '9d4901c03d1675ddd796f39e0cdcf26ca00429a1' }, h(TableComponent, { key: '33b4fcacd131e6c0da270794ba0468b2fd56da06' }, h(TableHead, { key: '75c31aa3ba376963ede6772cad99d4b1300aafd7' }, h(TableHeadRow, { key: '68c2afe4d5c0a0454d93a3524081d56dd40cebe4' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'cb63360e078916afcf693edc8044f16b591c044a' }, h(TableLoadingState, { key: '7d70f2f379238562c067d2167f689bc312f00775', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '5ad3d0c6bcda30cc3717c5665b7c97d07893a013', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '5fea02bcfc56b40b99cb16bd29d7657629273374', 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: '93eeae7b266e3973f4ec11ad645fb870711c855d' }, h(TableFootRow, { key: '9a4e32b57717b2245b66e23ac909ffe97edf6f96' }, h(TableFootCell, { key: '6d4ce9cc708528176c8d574bddc291f2440fe262', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '0ae57a77ebfde889ddc540886b3b7c7d74a3d133', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '7390478ce8a885879bf01c14879a2829a2c439d9' }, h(TableComponent, { key: 'f11e58abad61c97cf62e608ca8cb230357a6a5d6' }, h(TableHead, { key: 'e8e426d3ac0df2fa6387e52f0137927df6a92d8f' }, h(TableHeadRow, { key: 'a246921d8c542146109d128921b6e1d846eb6841' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: '4ca3aaa9d129ed2378cf82048b72c73df1520b75' }, h(TableLoadingState, { key: '05d224f776fe6921da94f3129220b700e2258804', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'e5b643eeeb13c2d8cc4e423c094cb7a7466d2c30', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '09cc23b1312b2e57569cd82e11ea7b0a49a3290c', 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: 'd5988314478f6dab63d7f8045e915d5c61a2ffb1' }, h(TableFootRow, { key: '70e9cda33c119f836a6439c92f6e215276f12d20' }, h(TableFootCell, { key: '5b8ed61ab3c3e164fd06fc2d525640ac4b3d2fa2', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '9eded9336a3affc26cc829a8df3eaceb663bac95', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get is() { return "payouts-list-core"; }
     static get properties() {

package/dist/collection/components/payouts-list/payouts-list-filters.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { filterParams, propsParams, clearParams } from "./payouts-list-params-st
 import { StyledHost } from "../../ui-components";
 import { convertToLocal, convertToUTC } from "../../utils/utils";
 import { PayoutStatusesSafeNames } from "../../api";
-import { createdAfterPayoutsListFilterParam, createdBeforePayoutsListFilterParam, statusPayoutsListFilterParam, payoutsListFilterMenu } from "../../styles/parts";
+import { filterMenu, filterParam } from "../../styles/parts";
 export class PayoutsListFilters {
     constructor() {
         this.setParamsOnChange = (name, value) => {
@@ -39,9 +39,9 @@ export class PayoutsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '3f9c92bb1c8343a585994ed1c5ca83167bb727f4' }, h("table-filters-menu", { key: '24541b92ce3c7849672a102423ba9a255766ab6c', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: '4ff34c77d5e7604fdc7ce94a61c4d169b14365e5', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'f4b1a23f8751fce9885cd8d7b05d4a688b4a71e3', class: "p-2" }, h("form-control-select", { key: '37759ec95ccf6aec5a5259bdb182fd06897cb3c0', name: "status", label: "Status", options: this.statusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.status || filterParams.status || '', disabled: !!this.status, part: statusPayoutsListFilterParam })), h("div", { key: 'cc32187e2c4653b822e8de20305e771fea23e273', class: "p-2" }, h("form-control-date", { key: '69e75011e03b6adcfd1c5b9719c37102f7720804', 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: createdAfterPayoutsListFilterParam })), h("div", { key: '9067d3377545bff47484289ef9e2a83eb40a76f6', class: "p-2" }, h("form-control-date", { key: '427582860a555d14a0e947e41c0f3d1417e83eeb', 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: createdBeforePayoutsListFilterParam }))))));
+        return (h(StyledHost, { key: 'f8e989bee50f9d877f46081060811c1e82d73fef' }, h("table-filters-menu", { key: '58f57d4b7cc46b06b90591cd978b83303bddd699', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '4f8ce19e11804635b63e604968305fb331e82e8b', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '750eb629811a2695c94b12a055bfa583666fa9a0', class: "p-2" }, h("form-control-select", { key: '741c7cea7c16d5f750c4fb70036db61451f694b1', name: "status", label: "Status", options: this.statusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.status || filterParams.status || '', disabled: !!this.status, part: filterParam })), h("div", { key: '1da6031e4521d46c35819a3dca111e576f627719', class: "p-2" }, h("form-control-date", { key: '5b1f782e23da892428b0e8c4ec863a5119842841', 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: 'a1b19375d9e7cd6ec6aaf86daa0b50f0af41aea6', class: "p-2" }, h("form-control-date", { key: '910a6d4dd397c09eaba5037f387014266de019f4', 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 }))))));
     }
     static get is() { return "justifi-payouts-list-filters"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/payouts-list/payouts-list.js CHANGED Viewed

@@ -64,7 +64,7 @@ export class PayoutsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '482b4781f039e885ce1782e2817739fbc79994e5' }, h("payouts-list-core", { key: 'f38ce3000c1b7bc7f93aa5a1a4e87858f39d1456', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
+        return (h(StyledHost, { key: '444ba614ceace536170e1e068b67d33b6a876c14' }, h("payouts-list-core", { key: 'ff27c97d2a7f9c89f5028e0430585f88330564db', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
     }
     static get is() { return "justifi-payouts-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/terminal-orders-list/terminal-orders-list-core.js CHANGED Viewed

@@ -81,7 +81,7 @@ export class TerminalOrdersListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '165e4a32d1a9c08e52576b5bc29ccfcefe36c901' }, h(TableComponent, { key: '6fec3d331f481b0fe6488280a92218e5d8fc1f77' }, h(TableHead, { key: 'be6a58cf42340c57a69d318505303b2b57dda95f' }, h(TableHeadRow, { key: '9494a04cae6813f97aa12ed4e55c895e94b65bbc' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: '565f3c2926faf4ae3df467a2cb821d2eefeb3aeb' }, h(TableLoadingState, { key: 'efe1df2bb6f265f55c32f00eb96db9de0345b4fa', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'eefada1295540978a343b57e9c9f8db682d8e253', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: 'd9573a23d48c3f9fa9ae058fed10c9ff86b0f8d1', 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: 'e2886d185e242403135d728462cfa662e505eaf6' }, h(TableFootRow, { key: 'febff4f8d1c4a5788af0e6516089fb8e6a834225' }, h(TableFootCell, { key: 'd2a8c50a3180677d369994a1696a32ab53dbe062', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '5aa06ad17ef486e90057df7665e872ea86ecc097', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '5ed13f6d5182b8c0b4306dfdcf1848c0c7a0daad' }, h(TableComponent, { key: 'dc26aa0f638d9bbe6fc7cd610b99165c60e0db6b' }, h(TableHead, { key: 'f811f2d0e7d30dcd2b9a87e0d3a2382cb32c37fc' }, h(TableHeadRow, { key: '52aae5b8d3cb27e9803c1a80f90c78ee212354ca' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: 'f648b8c5c047cb50dfdac27ec8038da24ac4a661' }, h(TableLoadingState, { key: '8fc30bba3f83418c470f53b647e3476518c330c4', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '12cf0cfe75ccb382b10b30f338d7c3ec0365bec8', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '9fc6b5c58b7cfb7371e060497f69896e886c14d1', 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: '99b405dfc9d5781611d924d9bcc50ca9c39e1cad' }, h(TableFootRow, { key: '7e8c19b85ef6f7f097e30cdae9cf82329a576d10' }, h(TableFootCell, { key: '5b1ab65c79560ecf66b0f50177b9f88fa6346b66', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '97491bdd1b6cf81597e35bb4c17bd99eb685928c', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get is() { return "terminal-orders-list-core"; }
     static get properties() {

package/dist/collection/components/terminal-orders-list/terminal-orders-list-filters.js CHANGED Viewed

@@ -1,9 +1,10 @@
 import { h } from "@stencil/core";
+import { debounce } from "lodash";
 import { filterParams, propsParams, clearParams } from "./terminal-orders-list-params-state";
 import { StyledHost } from "../../ui-components";
 import { TerminalOrderStatus, TerminalOrderType } from "../../api";
 import { convertToLocal, convertToUTC } from "../../utils/utils";
-import { terminalOrdersListFilterMenu, orderStatusTerminalOrdersListFilterParam, orderTypeTerminalOrdersListFilterParam, createdAfterTerminalOrdersListFilterParam, createdBeforeTerminalOrdersListFilterParam } from "../../styles/parts";
+import { filterMenu, filterParam } from "../../styles/parts";
 export class TerminalOrdersListFilters {
     constructor() {
         this.setParamsOnChange = (name, value) => {
@@ -15,11 +16,13 @@ export class TerminalOrdersListFilters {
         };
     }
     componentWillLoad() {
+        this.debouncedSetParamsOnChange = debounce(this.setParamsOnChange, 300);
         const propsToSet = {
             order_status: this.orderStatus,
             order_type: this.orderType,
             created_after: this.createdAfter,
-            created_before: this.createdBefore
+            created_before: this.createdBefore,
+            company_name: this.companyName
         };
         Object.entries(propsToSet).forEach(([key, value]) => {
             if (value) {
@@ -47,9 +50,9 @@ export class TerminalOrdersListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'e10311bf0cdb5aab7ec7a96a05216bc39231db77' }, h("table-filters-menu", { key: '9402f8bd704c5d76504f0c7b3da78b51c519f69d', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: '87af1b11432fc9dab0ce81e763e417e04d024dcc', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'b12db0f4cb4dd0256406db39cd585fbcb301f6e9', class: "p-2" }, h("form-control-select", { key: '50137d63a0f8fbf71fd0c49cb9227f180a5a4277', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status || '', disabled: !!this.orderStatus, part: orderStatusTerminalOrdersListFilterParam })), h("div", { key: 'aa5c6e5115a8e5fc0394fc36823a229643659968', class: "p-2" }, h("form-control-select", { key: '4b5d54c20275ff4951f9f26d780dfeab609a7b0e', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type || '', disabled: !!this.orderType, part: orderTypeTerminalOrdersListFilterParam })), h("div", { key: '6f1f85268e131865bcfc27395ca90b86f9e9aa30', class: "p-2" }, h("form-control-date", { key: '4c2173c3992e6dfd10d133c106e2b706d3ad6d10', 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: createdAfterTerminalOrdersListFilterParam })), h("div", { key: 'cc629832d18b1de06b3f513ca80648e4cf10f439', class: "p-2" }, h("form-control-date", { key: 'a4bb24199f37fce8f3971262fbe9cd62af7a18f5', 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: createdBeforeTerminalOrdersListFilterParam }))))));
+        return (h(StyledHost, { key: '7159c35aaf59635ec803fdfa8383817b50336a5d' }, h("table-filters-menu", { key: '864c07364558f1a6bb5b8cfd4ccee1f085c00d5e', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'c64f2a25818f2371d61451957daa3fd0af55e471', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '6809faa0d674e8f27bf3f426d07b1b3941d21544', class: "p-2" }, h("form-control-select", { key: '50cab5765526405a4d2270400010961474f8059c', 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: 'e37bd6e54c5067ac6cf0d39ff258fb28eee3f582', class: "p-2" }, h("form-control-select", { key: 'ad3d829ef5c1c4e91e2eeaa45a34e54d1bb96473', 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: 'bf26251fa2b4fffa9f33371e326fb05ceb214683', class: "p-2" }, h("form-control-date", { key: '282bb83c3e86fc9f98e9bc87579f2e742b2acbe4', 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: '71ca8988d5093967310a2f7d93e4c81d96cbeeb4', class: "p-2" }, h("form-control-date", { key: 'dc4cc17eb30d59e7ecdee0ddfc34f19d49a1edc5', 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: 'ca3d55cc2edabd65f42774bb64e26d840878c265', class: "p-2" }, h("form-control-text", { key: 'ccd777ad6fa3ac8af792e56507d938d5b1684d86', name: "company_name", label: "Company Name", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.companyName || filterParams.company_name, disabled: !!this.companyName, part: filterParam }))))));
     }
     static get is() { return "justifi-terminal-orders-list-filters"; }
     static get encapsulation() { return "shadow"; }
@@ -142,6 +145,25 @@ export class TerminalOrdersListFilters {
                 "setter": false,
                 "reflect": false,
                 "attribute": "created-before"
+            },
+            "companyName": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "company-name"
             }
         };
     }

package/dist/collection/components/terminal-orders-list/terminal-orders-list.js CHANGED Viewed

@@ -43,7 +43,7 @@ export class TerminalOrdersList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '19a055907283ae2a126bdb2a509c3a4a991521f2' }, h("terminal-orders-list-core", { key: '04df9d1ce1cca14b07e879137abbced011d02486', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '4e2bbec59afc1541991ffa285010a144e134fa96' }, h("terminal-orders-list-core", { key: '5437117ec45fd7bf3ed81c0d373e5a50edd5b3cd', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-terminal-orders-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/terminals-list/terminals-list-core.js CHANGED Viewed

@@ -118,7 +118,7 @@ export class TerminalsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '73696e93d767ca2ce57663c49e5db63a0f4978c2' }, h(TableComponent, { key: '4a70e805379f666560fce4d0c4f98217e6f371cc' }, h(TableHead, { key: '8dd564e628a29b076ee896289abd7952933694ee' }, h(TableHeadRow, { key: '99672e6b3df7d9105b29bfcf8881669c79d522ef' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '347c3cf280897589cbe616bd19af68fad3c83bc0' }, h(TableLoadingState, { key: 'd82d2bb2c34aa673b6a9f307c18184b6ca51047f', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'df70204e1a316aa7208407880e1b37305a74f018', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '2078ff1f374cb352069a5efee111303d18fac65f', 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: 'b1ff579488cf7d238373c347066bf8537f6aebb1' }, h(TableFootRow, { key: '04d02b83cda0d175f13c8848db19c5cb9b9682a1' }, h(TableFootCell, { key: 'ac311f37baabc3ea2cb0d60bc5b1c54f4638a8e2', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: 'deeab93ca320e3cc3a33926468b9652f3a9aa3a5', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'babe023df8ec976de3e284e80d8e0ec0b2c19b79' }, h(TableComponent, { key: 'd2d5f53cc2d743917ec8fd15f0f69efe75727501' }, h(TableHead, { key: '1a078b11b484d4e6ebfc3ccc5aefc69f99faae79' }, h(TableHeadRow, { key: '8776607ed0d4c15010132a7f27966213ea816092' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '61905ac71df9b3d268a77771b382b928ed5aa01a' }, h(TableLoadingState, { key: '7929fa99216050360f2b36fcd2ec06dec6da0e3a', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '8bac75644df059915e3852ef472e8e4edd687026', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '34968591017d975c8d13a9cf532f378e52e11d55', 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: '641649961418c64af80a4ab3e63bbbee2fb71076' }, h(TableFootRow, { key: 'a2355762274b2ce15217ff86cac3e2ddecf7569d' }, h(TableFootCell, { key: 'f5d8fd0878a3bdc9e93b1e2f08654f51c8bbba2f', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '64e85e2ffc0280af6caf521fed496cc41df0a8b3', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get is() { return "terminals-list-core"; }
     static get properties() {