@justifi/webcomponents 6.11.0 → 6.12.0

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

@@ -0,0 +1,12 @@
+import { h } from "@stencil/core";
+import { text } from "../../../styles/parts";
+import { formatCurrency } from "../../../utils/utils";
+import { checkoutStore } from "../../../store/checkout.store";
+import { StyledHost } from "../../../ui-components";
+export class JustifiCheckoutSummary {
+    render() {
+        return (h(StyledHost, { key: '43b48a771bd617b3b3481e0976aa50b6b63e2d6e' }, h("section", { key: 'e112a767fef56b095f002dfb272a43eda42ede46' }, h("div", { key: '079ce3aa4eb74004f5ecd3a634d2b42cf9c7a863' }, h("div", { key: '5d816254f104e238122080fcf43356fd7f01bcfd', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: 'e7d28a3a4cce7399c1fb45194f4fad172e0a2751' }, h("span", { key: 'b1683801875c39a8de8d93e0cdc8778a669eebfd', part: text }, "Total"), "\u00A0", h("span", { key: 'ae2efd44a3ea54d77fcb284fee7361d0ba9b87e1', 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/modular-checkout/sub-components/{google-pay.js → justifi-google-pay.js}

@@ -15,7 +15,7 @@ var GooglePayEventTypes;
     GooglePayEventTypes["paymentCanceled"] = "justifi.googlePay.paymentCanceled";
     GooglePayEventTypes["paymentError"] = "justifi.googlePay.paymentError";
 })(GooglePayEventTypes || (GooglePayEventTypes = {}));
-export class GooglePay {
+export class JustifiGooglePay {
     constructor() {
         this.environment = "TEST";
         this.iframeReady = false;

package/dist/collection/components/modular-checkout/sub-components/{plaid-payment-method.js → justifi-plaid-payment-method.js}

@@ -6,7 +6,7 @@ import { PlaidService } from "../../../api/services/plaid.service";
 import { ComponentErrorSeverity } from "../../../api/ComponentError";
 import { PAYMENT_METHODS } from "../ModularCheckout";
 import { PlaidErrorCodes, PLAID_ERROR_MESSAGES, PLAID_ERROR_SEVERITY, } from "../../../api/Plaid";
-export class PlaidPaymentMethod {
+export class JustifiPlaidPaymentMethod {
     constructor() {
         this.isAuthenticating = false;
         this.publicToken = null;
@@ -511,7 +511,7 @@ export class PlaidPaymentMethod {
         if (checkoutStore.bankAccountVerification !== true) {
             if (!this.hasLoggedDisabledWarning) {
                 // Log once per component lifecycle
-                console.warn('[PlaidPaymentMethod] bank_account_verification is disabled. Component will not render.');
+                console.warn('[JustifiPlaidPaymentMethod] bank_account_verification is disabled. Component will not render.');
                 this.hasLoggedDisabledWarning = true;
             }
             return null;

package/dist/collection/components/modular-checkout/sub-components/{saved-payment-methods.js → justifi-saved-payment-methods.js}

@@ -4,7 +4,7 @@ import { checkoutStore } from "../../../store/checkout.store";
 import { radioListItem } from "../../../styles/parts";
 import { CardBrandLabels } from "../../checkout/payment-method-option-utils";
 import { PAYMENT_METHODS } from "../ModularCheckout";
-export class SavedPaymentMethods {
+export class JustifiSavedPaymentMethods {
     constructor() {
         this.onPaymentMethodOptionClick = (paymentMethod) => (e) => {
             e.preventDefault();

package/dist/collection/components/modular-checkout/sub-components/{sezzle-payment-method.js → justifi-sezzle-payment-method.js}

@@ -9,7 +9,7 @@ const sezzleLogo = (h("img", { class: "sezzle-smart-button-logo-img", src: "http
         marginLeft: '5px',
         marginTop: '-5px',
     } }));
-export class SezzlePaymentMethod {
+export class JustifiSezzlePaymentMethod {
     constructor() {
         this.paymentMethodOptionId = PAYMENT_METHODS.SEZZLE;
         this.initializeSezzleCheckout = () => {

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

@@ -3,7 +3,7 @@ import { radioListItem } from "../../../styles/parts";
 import { StyledHost } from "../../../ui-components";
 export class PaymentMethodOption {
     render() {
-        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 }))));
+        return (h(StyledHost, { key: 'f6ea315f33580dcc2ea72448888637fa681d2f3f', class: "payment-method" }, h("div", { key: 'b9e8d0fa9b5444ce6f25f9719258e6b9b6b11f28', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: '59bdbd03be9200a367b9c75c52815cbf12c36912', 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/order-terminals/{order-terminals.js → justifi-order-terminals.js}

@@ -14,7 +14,7 @@ import { TerminalService } from "../../api/services/terminal.service";
 import { TerminalOrder, TerminalOrderType } from "../../api/TerminalOrder";
 import { makeOrderTerminals } from "../../actions/terminal/order-terminals";
 import { formatPhoneNumber } from "../../utils/utils";
-export class OrderTerminals {
+export class JustifiOrderTerminals {
     constructor() {
         this.shipping = false;
         this.submitButtonText = 'Submit Order';
@@ -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: 'e4a5a56a6876cbe10a51c95a24eaa7e8681916e0' }, h("div", { key: '094fce0c3c71c1bd09bb8a3052a3a484a20cd421', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (h(StyledHost, { key: 'b7af1ccc30f56ff64aece6cb8a72ab3936b0a883' }, h("div", { key: '3f8c548c83173ae6e09f681057bf9847c9f0a31d', 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

@@ -18,7 +18,7 @@ export class TerminalQuantitySelector {
         };
     }
     render() {
-        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 }, "+")))))));
+        return (h("div", { key: '8be4d665fc9a9d59623fa4fed1e659b55e79f598', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: '007e76def4d3ffbac8734df4281857e5623043ad', class: "d-flex gap-3" }, h("div", { key: '30bea8b3eefbd08971568f06eb7718e83d964f1f', class: "d-flex align-items-center" }, h("img", { key: '4fd64ed37d53cda9c8f0bde15e4e24d310ef6fcb', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '6b61b5e6f3aaef6c4be94ea52c3b5eec4f6d5d0c', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '593b1e00bd6aa3d99f677e6aaa34cf3b36a8401e', class: "row" }, h("div", { key: '98690539987c508c8e158bf7c3d3eb1eadc59ee7', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: 'f062a7cef0c23eda70c269639ef2a90114d21e75', helpText: this.description })), h("div", { key: '110e58b0aeff60bf4e2f8f1ea758a14002676bdb', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: '2617b5f6de942a23dd12ad8694e84b6ca213c963', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '9bc6bd84bb4794e80de2e74ed68b7e8ab55a2508', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: '09a2aaa55627d5ee64639f729de9fb3d21e7244b', 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.js → justifi-payment-details.js}

@@ -5,7 +5,7 @@ import { ErrorState } from "../../ui-components/details/utils";
 import { ComponentErrorCodes, ComponentErrorSeverity } from "../../api/ComponentError";
 import JustifiAnalytics from "../../api/Analytics";
 import { checkPkgVersion } from "../../utils/check-pkg-version";
-export class PaymentDetails {
+export class JustifiPaymentDetails {
     constructor() {
         this.errorMessage = null;
         this.paymentService = new PaymentService();

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

@@ -48,16 +48,16 @@ export class PaymentDetailsCore {
         return this.payment.status;
     }
     render() {
-        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 }))
+        return (h(StyledHost, { key: '81d4c6cde1bb6ddb70d8722ebfdf6d6f5005747b' }, this.loading && h(PaymentDetailsLoading, { key: '9bf326f569a17739c402a63be63bc2bf3a6544b3' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
+            this.payment && (h("justifi-details", { key: 'f9a3a08455b9ae47ae5aa966c461207e2d088aed', errorMessage: this.errorMessage }, h(EntityHeadInfo, { key: '672690ef1b2ed72f5058c9dc928239b7368f9bb6', 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: 'd4bdb84ffd4358bbb1b2e0538228372c7deb4b04', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '22bdd5e612b9bb01df51d6c43e8e4ed66d2d1756', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: 'e761e4b44310db070e44516b9f9377d63c1936a7', title: "ID", value: this.payment.id })), h("div", { key: 'd8ea1feb8173869287044a6ae21e34079008c076', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'a8a7ed38614d5b2e669010e260bb503fc5b800bb', sectionTitle: "Details" }), h("div", { key: '1ba0a5b0b1e6a6191471917ee5a85e4dbec383eb', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'b70001650082457bac2fd92f7ef2aa75b7166d66', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '8d077da9e32994f566e8d197a7658a267b377c52', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '7fc90b4f839c779a86ea35385d19204aa0be646f', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: 'cae64bf3b9e5253e8f24b6815991b7b0a15b8e1e', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: 'ebd0009561bdc448473d0b046589309cd0475eae', title: "Status", value: MapPaymentStatusToBadge(this.PaymentStatus) }), h(DetailItem, { key: '4546a4b0989235700c102be283bb7a643ac2f0e3', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: 'e922907f30ef64edce276da039d01e8fff422f60', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '99c6bf89353f13d9827c75f5fd0695abb8da4a90', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '002f89d38c8cf8ecc35778f5568e5b9747c1145c', title: "Description", value: this.payment.description }), h(DetailItem, { key: '74b7c6d15e8b6d90f58019a98b5c9f022cfb3d42', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
+            h(DetailSectionTitle, { key: '3220637ac5aa9c4fc2875c0b90f31ff279c7e8d9', sectionTitle: "Payment Method" }),
+            h("div", { key: '8fbf45f2b6687fd2f7c17fa4edd5d847f61be772', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '4099153bca60f14809b3b44f7bf308a31092e75f', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '81fe93ee6928fcd45330ffdaa873c3049567c37f', title: "Payment Type", value: "Card" }), h(DetailItem, { key: 'f5d245d31bca5dc6ce107b2fbe30f9e92c2a332f', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: 'bc5238e8b662f9eab090aecb02f77642bf08390c', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '8bb3025658402c77cf8c87ff20ac48cea64c90c9', title: "Cardholder", value: this.payment.payment_method.payersName }))
         ], this.payment.payment_method.bank_account && [
-            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 }))
+            h(DetailSectionTitle, { key: 'adf1a3bf8e286efda6ed5a10ffd53396d2a7889e', sectionTitle: "Payment Method" }),
+            h("div", { key: '79c8eb07641a38b415c27596b4e098a8877494da', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '2223dbf545eaf75843eeba9528d738dc22fcc5c9', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '876d87e60944f094c72911a2d1d946332fad45ee', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '680dd8fc3b295ef8814f729400c94f0cb319b8df', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '4460c0c9d4aec592d3ec47839dcf59a479b9c175', title: "Account Owner", value: this.payment.payment_method.payersName }))
         ], 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 }))
+            h(DetailSectionTitle, { key: '798c2f7054c1ba741b25e3fad461b8c40e5b8eac', sectionTitle: 'Metadata' }),
+            h("div", { key: 'a1400cea6005f844338da47c23b39e63772d07f5', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '8e724ef263cd29e9ea14549e9a59768428d5d908', metadata: this.payment.metadata }))
         ])))));
     }
     static get is() { return "payment-details-core"; }

package/dist/collection/components/payment-transactions-list/{payment-transactions-list.js → justifi-payment-transactions-list.js}

@@ -8,7 +8,7 @@ import { Table } from "../../utils/table";
 import { StyledHost, TableEmptyState, TableErrorState, TableLoadingState } from "../../ui-components";
 import { defaultColumnsKeys, paymentTransactionTableCells, paymentTransactionTableColumns } from "./payment-transactions-table";
 import { TableWrapper, TableComponent, TableHead, TableHeadRow, TableBody, TableRow, TableFoot, TableFootRow, TableFootCell, TableClickActions } from "../../ui-components";
-export class PaymentTransactionsList {
+export class JustifiPaymentTransactionsList {
     constructor() {
         this.balanceTransactions = [];
         this.isLoading = true;
@@ -91,7 +91,7 @@ export class PaymentTransactionsList {
         return !this.showEmptyState && !this.showErrorState && !this.isLoading;
     }
     render() {
-        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 }) })))))))));
+        return (h(StyledHost, { key: 'a19c2fd2ee5e86741dc02524ecfed08b03618fba' }, h(TableWrapper, { key: 'bf3137a2cabba02117b1716bfd8c3c5c67a430d2' }, h(TableComponent, { key: '923ca41a66c00ca874035a5fdbe95b7ed8f9205c' }, h(TableHead, { key: 'd749c9ee6c1f67969ff7270ce69c2d9766823797' }, h(TableHeadRow, { key: 'eade74e1213af11303eaf2141c083cd1178bb31f' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'b046a3dd815360e924d8a4453fdaa2a0511f9d5a' }, h(TableLoadingState, { key: 'e2f8868ce1b0a2a40f2ba747776a17a12abfd61b', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '3a4d16aef99b051db8b4c945b304168b563d604a', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: 'e9e7541ba9089540cc8bae209b4ad74312a9d33c', 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: '72fac1223a4b9275d67d8600e0b90ba8d9d0e280' }, h(TableFootRow, { key: '7cbc13568ee060be02bef6ee271d2d2d3a8445b9' }, h(TableFootCell, { key: '0c458ce2f24f9327fbd733b828429f77de3590f5', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '6a93bc23fad5490a811c13d69f6d851d33e4a922', 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-filters.js → justifi-payments-list-filters.js}

@@ -4,7 +4,7 @@ import { filterParams, propsParams, clearParams } from "./payments-list-params-s
 import { StyledHost } from "../../ui-components";
 import { convertToLocal, convertToUTC } from "../../utils/utils";
 import { filterMenu, filterParam } from "../../styles/parts";
-export class PaymentsListFilters {
+export class JustifiPaymentsListFilters {
     constructor() {
         this.setParamsOnChange = (name, value) => {
             filterParams[name] = value;
@@ -54,8 +54,8 @@ export class PaymentsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        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 }) ||
+        return (h(StyledHost, { key: '58db842ae1759b5094edf8e435d095b7245ce1d0' }, h("table-filters-menu", { key: '14ddd037f43a36139d6ba360cd380e71d003bff9', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'cbd3a2f65e735f0b87641969b5ecd0b14951f886', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '1965d56f641720e98adf80ecb1dcd7f22a1a28ec', class: "p-2" }, h("form-control-text", { key: '20f901f3b1d19412769b2c50fc3d4fede612afa4', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: filterParam })), h("div", { key: '4f7350e4947b75eea5fe2707f7318ac8f3e187fa', class: "p-2" }, h("form-control-text", { key: '5063baec0022ef94d09013ff212e039ff1ec4b9c', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: filterParam })), h("div", { key: '74d4f02d79738741f03780066394d75e7482db4b', class: "p-2" }, h("form-control-select", { key: 'fd4e649331f7593ebf79de3209a8cde89f55b291', 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: '8254027040cc3d7e957d8f106e5d9cce17474db2', class: "p-2" }, h("form-control-select", { key: '9ca53fe90ab689a4e718872a7856b8706cfab705', 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: 'c1e5d44a266aa2d1d13d8be91616357a3b19a02e', class: "p-2" }, h("form-control-text", { key: '61635cdcca233f137ecdb7ea7c605bd9487cd6a9', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: filterParam })), h("div", { key: '2f8dc8e4e8f1d75efb4487a90e9f00b17f0dc6f1', class: "p-2" }, h("form-control-text", { key: '80267ba174109ed9635f59c275ecadac999838eb', name: "account_holder", label: "Account Holder", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.accountHolder || filterParams.account_holder, disabled: !!this.accountHolder, part: filterParam })), h("div", { key: '55067505b4e93354acdb29e78b823ff908ce9feb', class: "p-2" }, h("form-control-date", { key: 'd4930b8f5d7a71995ee3c5e63e8ffb25f1157340', 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: 'fd92ce3e10a1a48e95c031476df9e4c7723724d1', class: "p-2" }, h("form-control-date", { key: '29818ce8be32260087b26230546627d9cfff72ad', 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"; }

package/dist/collection/components/payments-list/{payments-list.js → justifi-payments-list.js}

@@ -6,7 +6,7 @@ import JustifiAnalytics from "../../api/Analytics";
 import { checkPkgVersion } from "../../utils/check-pkg-version";
 import { StyledHost } from "../../ui-components";
 import { defaultColumnsKeys } from "./payments-table";
-export class PaymentsList {
+export class JustifiPaymentsList {
     constructor() {
         this.errorMessage = null;
         this.columns = defaultColumnsKeys;
@@ -46,7 +46,7 @@ export class PaymentsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: 'bd9c796ee69445e241256843411b451e572d5321' }, h("payments-list-core", { key: '9521c57de8fbc5e854de042ce720841e769446af', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'a8562a3d7d7d1efda16f86c1bccbd3417fe8f198' }, h("payments-list-core", { key: '03a88647d46be6ea09bdd26dc226a4faa1bddf72', 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/payments-list/payments-list-core.js

@@ -84,7 +84,7 @@ export class PaymentsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        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 }) }))))))));
+        return (h(TableWrapper, { key: 'cb0670480c9debdb07cc85643517be3e3eec1c02' }, h(TableComponent, { key: 'c8c191f752d92763d609b0ea63b267e5f612ecea' }, h(TableHead, { key: '3effeb476774075b9ce0f61a456b2887b4140d8e' }, h(TableHeadRow, { key: '5a31ba0211417388a08ab75271d4cd39300e2f49' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: '53805d81a29b319bc91dc3356638e8307d371d8a' }, h(TableLoadingState, { key: '36eae2bcd5135b2f9d2f222974f431a4378a5aef', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: 'edc30a10dc2e1e9b2316d96a60c1915c243c5f6d', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '6ea908dda99c8669a72b7886bb1b987f8297bb2c', 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: 'da0bf1d3966ad88658d2fb2562a84fc0d73378dd' }, h(TableFootRow, { key: 'a57c80fffbba11566b3092cab3dbff2db90da698' }, h(TableFootCell, { key: 'fea921b006d05a26759cbdc28888ac57f9bd34c9', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: 'f23790e00890a70ef676678fab14da5beef2e02d', 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/payout-details/{payout-details.js → justifi-payout-details.js}

@@ -6,7 +6,7 @@ import { ComponentErrorCodes, ComponentErrorSeverity } from "../../api/Component
 import JustifiAnalytics from "../../api/Analytics";
 import { makeGetPayoutCSV } from "./get-payout-csv";
 import { checkPkgVersion } from "../../utils/check-pkg-version";
-export class PayoutDetails {
+export class JustifiPayoutDetails {
     constructor() {
         this.enableRecordClick = false;
         this.errorMessage = null;

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

@@ -64,9 +64,9 @@ export class PayoutDetailsCore {
     }
     render() {
         var _a;
-        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 }))
+        return (h(StyledHost, { key: 'a8287bc7876fb6bc5c3d008ed567517f3867d224' }, this.loading && h(PayoutDetailsLoading, { key: '167de1bc4e1cd6ff9541cc2938b76a11c22ef5a0' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: '855a958fef35272476d3627ab9090d878a931754', errorMessage: this.errorMessage }, h(EntityHeadInfo, { key: '3959ca35b2079b9c706e3d1ff61eff11908fd6fb', 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: 'dbf66f3e3182c064d25c5d954c94e5d9b33daedd', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '6002a1271f9d8760b3b32ac58051ebcc349b3587', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '758cd5857f0bd662c1024e6a832af89682e6e04c', title: "ID", value: this.payout.id }), h("div", { key: '157f055fcde2d4f2459f9b0137d2336042060a2c', class: "m-4" }, h(Button, { key: 'b06499ec539625811d59a49247412a5e895d5a2b', variant: "outline-secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '3d9cfd34a6e287a036d9dbefebb6bccf9826f02a', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '48dd8b899bb05a2ad9391dff4fc680d5217c2f57', sectionTitle: "Details" }), h("div", { key: '1ac554fc5cfd6d9bcd6c4bcf8c457fbe994d2012', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '579805f2dda9731924a1664d5e94688bcb9d4737', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '77e4f3c7c765f15e8db99be575d88a0a7eb133db', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: 'f17feb8d95a4a984b60c4cc4e5c6fdf256fd20ed', title: "Payout Method", value: this.formatMethod(this.payout.delivery_method) }), h(DetailItem, { key: '97f137eed7da0d7c97f60c6c5af09b3e3178961e', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '434af541071ec379a70a7df53a2c53cded500391', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: 'f5faa48919e5f643d7056e8aca9f4874eed9d7a5', sectionTitle: "Account" }), h("div", { key: 'c78e1f2434c2de86b9e5bc22eba93ef23a7202d8', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '5daa43dfed4eab38c42fce4863690b7b9e6d87b9', title: "ID", value: this.payout.account_id, onClick: this.enableRecordClick ? () => this.handleRecordClick(this.payout.account_id) : undefined }), h(DetailItem, { key: '833178ee477cb751682b26e547500081517be7e4', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '22fd85f14c1c3943f5405a85aa6f711af30d5035', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'bfbcd75ff6ddcae0d4384a12e56900569f838e17', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: 'bb8da6a4483c081b10a3dab4594b0cdda40f3536', title: "Account Number", value: `**** ${this.payout.bank_account.account_number_last4}` })), this.payout.metadata && [
+            h(DetailSectionTitle, { key: '5e91b3074150b712ad9a7bd1237cead97b6e29db', sectionTitle: 'Metadata' }),
+            h("div", { key: '3f18620337f22267404f0f400ebd3f19f54ca2fa', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '931f6c2649336a7e5da27cc41460bdc9a5b99304', metadata: this.payout.metadata }))
         ])))));
     }
     static get is() { return "payout-details-core"; }

package/dist/collection/components/payout-transactions-list/{payout-transactions-list.js → justifi-payout-transactions-list.js}

@@ -9,7 +9,7 @@ import { StyledHost, TableEmptyState, TableErrorState, TableLoadingState } from
 import { defaultColumnsKeys, payoutTransactionTableCells, payoutTransactionTableColumns } from "./payout-transactions-table";
 import { configState } from "../config-provider/config-state";
 import { TableWrapper, TableComponent, TableHead, TableHeadRow, TableBody, TableRow, TableFoot, TableFootRow, TableFootCell, TableClickActions } from "../../ui-components";
-export class PayoutTransactionsList {
+export class JustifiPayoutTransactionsList {
     constructor() {
         this.balanceTransactions = [];
         this.isLoading = true;
@@ -95,7 +95,7 @@ export class PayoutTransactionsList {
         return Object.assign({ payout_id: this.payoutId, limit: '15' }, this.pagingParams);
     }
     render() {
-        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 }) })))))))));
+        return (h(StyledHost, { key: '417f224dbed2219cfffc1d51ed1610f8c17251cf' }, h(TableWrapper, { key: '79cec94e004bd1e0ddbc98856a51db756d22c870' }, h(TableComponent, { key: '4f1fc1cca1cbd21895a7b44b765f2f19481fe11e' }, h(TableHead, { key: '6b9f02ab6fc0e05cfed7b596c5fbe0090caa1c5b' }, h(TableHeadRow, { key: '4d6af26a445e4e4be884e254aee56ca3a2f5e928' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'dc3847e822b42ad1ec3276a765e550010b3494ba' }, h(TableLoadingState, { key: 'e1d7dc0671c53340bac10fb6a8cba21d3491565d', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '5c0cb4eea3003c0d2b46fd8fa76b2e3cd6e06d1f', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '271edb981660d808298f3cd38c5b56bb975e20cf', 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: '0413ee414642f7201e2de86b683d53ea8ecdcf3e' }, h(TableFootRow, { key: 'cb9f2f5a9343dd12a2a6ab8294e2d545ad553836' }, h(TableFootCell, { key: 'fcdcae20878346b0dd0225b9ef22083fb0d1dddd', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: 'c6a2062f2bf46bddf452e72c18cc31e8d8628721', 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-filters.js → justifi-payouts-list-filters.js}

@@ -4,7 +4,7 @@ import { StyledHost } from "../../ui-components";
 import { convertToLocal, convertToUTC } from "../../utils/utils";
 import { PayoutStatusesSafeNames } from "../../api";
 import { filterMenu, filterParam } from "../../styles/parts";
-export class PayoutsListFilters {
+export class JustifiPayoutsListFilters {
     constructor() {
         this.setParamsOnChange = (name, value) => {
             filterParams[name] = value;
@@ -39,8 +39,8 @@ export class PayoutsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        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 }) ||
+        return (h(StyledHost, { key: '8be08663402766ca7c59a8e13a5dd6c375921274' }, h("table-filters-menu", { key: 'a93fc8c2a91a6cd751e9a666534a3fa011e8035a', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '550cc64313b40f3a86022bdf1c5381b9bcccb61d', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'c7a331add778b6089b42faac0cf9647af3dff0d0', class: "p-2" }, h("form-control-select", { key: '60ad687908b8bb7b08ff3b84d8feec19e1508d1a', name: "status", label: "Status", options: this.statusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.status || filterParams.status || '', disabled: !!this.status, part: filterParam })), h("div", { key: '1144dab54cc77610ab2a7d12cb5ea22d615e5831', class: "p-2" }, h("form-control-date", { key: '1570cffe6b35742441c081314f4c5fb0dc8e4be4', 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: '1fba24a82ce558bf2362eba2745be47dca4f7024', class: "p-2" }, h("form-control-date", { key: 'd52f8bdbb1616aa7951a669e0fa1a76b64ef1f3c', 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"; }

package/dist/collection/components/payouts-list/{payouts-list.js → justifi-payouts-list.js}

@@ -9,7 +9,7 @@ import { SubAccountService } from "../../api/services/subaccounts.service";
 import { StyledHost } from "../../ui-components";
 import { defaultColumnsKeys } from "./payouts-table";
 import { makeGetSubAccounts } from "../../actions/sub-account/get-subaccounts";
-export class PayoutsList {
+export class JustifiPayoutsList {
     constructor() {
         this.errorMessage = null;
         this.columns = defaultColumnsKeys;
@@ -64,7 +64,7 @@ export class PayoutsList {
         }
     }
     render() {
-        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 })));
+        return (h(StyledHost, { key: '6b277749b0f621327a6614cbdeffe595637b92b1' }, h("payouts-list-core", { key: '1c589706ad38c7e8e74f82ab29b431e6028a19bd', 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/payouts-list/payouts-list-core.js

@@ -135,7 +135,7 @@ export class PayoutsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        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 }) }))))))));
+        return (h(TableWrapper, { key: 'fc1f3f0ae5303b725825fb85511c1b82d1859e51' }, h(TableComponent, { key: '39cc756942ee907a4f28d393f9394f3b2fe8de65' }, h(TableHead, { key: '14a32b75bcc3c5acf3ebb991138551158e77f1f0' }, h(TableHeadRow, { key: '54994adbec3b9e989e310061342fb39254f676e8' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: '589a1bd6a80eb70597905cb5158c7fb957f139c4' }, h(TableLoadingState, { key: '04e43f7dc4762d202dc1e8a6eacf398ca4f0a491', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '4111b8f9acdf91495661001feab7f608611b3fcc', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: 'de53388b6812ea1663140799c9e1278e0bfb1a05', 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: '6d4b26f00c3610881e0984f8cc12ce81b400b5f4' }, h(TableFootRow, { key: '874f4bb62fae785bf940b6ad14dd352c4c76ec81' }, h(TableFootCell, { key: '27283f9f1bbf3608d094da4b72bb3aadcf0e3e88', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '746ef2cfbdab63f03fa1910999d7da0dcdd5d108', 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/refund-payment/{refund-payment.js → justifi-refund-payment.js}

@@ -14,7 +14,7 @@ import { RefundService } from "../../api/services/refund.service";
 import { makePostVoid } from "../../actions/void/void-actions";
 import { VoidService } from "../../api/services/void.service";
 import { RefundLoading } from "./refund-loading";
-export class RefundPayment {
+export class JustifiRefundPayment {
     constructor() {
         this.refundPayload = {};
         this.displayAmount = '';

package/dist/collection/components/terminal-orders-list/{terminal-orders-list-filters.js → justifi-terminal-orders-list-filters.js}

@@ -5,7 +5,7 @@ import { StyledHost } from "../../ui-components";
 import { TerminalOrderStatus, TerminalOrderType } from "../../api";
 import { convertToLocal, convertToUTC } from "../../utils/utils";
 import { filterMenu, filterParam } from "../../styles/parts";
-export class TerminalOrdersListFilters {
+export class JustifiTerminalOrdersListFilters {
     constructor() {
         this.setParamsOnChange = (name, value) => {
             filterParams[name] = value;
@@ -50,9 +50,9 @@ export class TerminalOrdersListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        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 }))))));
+        return (h(StyledHost, { key: '07b1d17154c1591edc84a5b629ec5ff7497415b5' }, h("table-filters-menu", { key: '9e135185e74772ff22ceca20edba9181e78894bb', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'b9643f722c20fef5e06922397574cd420bb82966', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'eadd681467e5f2bb89a643bf21f04070e50448a9', class: "p-2" }, h("form-control-select", { key: '9d631821783b5b1a2fc0ba9de0d2643cf07d3361', 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: 'd9cc60a5dd75d49bd1b4ec7ac9adbae5d8e7cb26', class: "p-2" }, h("form-control-select", { key: '5789baffe41c67a53586e79fdf14005ff60314c3', 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: '7856f1979f696ab205a067f205cf5dead033fe31', class: "p-2" }, h("form-control-date", { key: '4a715c7f582fe3261bf1ae0523a27f987855e88b', 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: '29244342d9660ab59be8ac6ebcac10bb29233f2b', class: "p-2" }, h("form-control-date", { key: 'a061f8553db0a901cb533ec2726850392bc155eb', 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: '11c34b1ab7f619b7ee1d236952b295d39ff44010', class: "p-2" }, h("form-control-text", { key: '129e422e5e90ea6fc54c0cdfbd28c361dbf79227', 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"; }

package/dist/collection/components/terminal-orders-list/{terminal-orders-list.js → justifi-terminal-orders-list.js}

@@ -6,7 +6,7 @@ import { makeGetTerminalOrders } from "../../actions/terminal/get-terminal-order
 import { TerminalOrderService } from "../../api/services/terminal_orders.service";
 import { ComponentErrorCodes, ComponentErrorSeverity } from "../../api";
 import JustifiAnalytics from "../../api/Analytics";
-export class TerminalOrdersList {
+export class JustifiTerminalOrdersList {
     constructor() {
         this.errorMessage = null;
         this.columns = defaultColumnsKeys;
@@ -43,7 +43,7 @@ export class TerminalOrdersList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '4e2bbec59afc1541991ffa285010a144e134fa96' }, h("terminal-orders-list-core", { key: '5437117ec45fd7bf3ed81c0d373e5a50edd5b3cd', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'f7854de93d0916c5d01cd14772715290bd149d09' }, h("terminal-orders-list-core", { key: '965d8e73e7def3508b59bf35940872f05ebe8c80', 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/terminal-orders-list/terminal-orders-list-core.js

@@ -81,7 +81,7 @@ export class TerminalOrdersListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        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 }) }))))))));
+        return (h(TableWrapper, { key: 'f5539d7232ffae0622211694f56cccb41138c02d' }, h(TableComponent, { key: '1bc37edeb7bc456c911037f36fef12104ad10f7e' }, h(TableHead, { key: '2996ee96df8a41716a8439e73079198883a9995a' }, h(TableHeadRow, { key: '8553c2e768f8c7e45b81ca5bc58854f83b924510' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: '480a71ee3bd46b05529d5f13559623aff0fbcc9e' }, h(TableLoadingState, { key: '1d8775dc53fc2ce68eef0cd2a74507f2ca761966', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '85d296df5357b39d367c18483b95671cda80c584', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '234dca2f99c174127834fd0c0709771e0a8e0fd8', 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: '3f8867b439f2e258f2b861b363e4e6ddcc519425' }, h(TableFootRow, { key: 'c9b64263c7047b28eb4a4319a7285bee7898fc56' }, h(TableFootCell, { key: '98c6a8a9d429e5d67657fcc20ffe1304c1312459', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: 'f7ebd8cb669c409581ccee316effd0745afacb13', 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/terminals-list/{terminals-list-filters.js → justifi-terminals-list-filters.js}

@@ -5,7 +5,7 @@ import { filterParams, propsParams, clearParams } from "./terminals-list-params-
 import { StyledHost } from "../../ui-components";
 import { ITerminalStatus } from "../../api";
 import { filterMenu, filterParam } from "../../styles/parts";
-export class TerminalsListFilters {
+export class JustifiTerminalsListFilters {
     constructor() {
         this.setParamsOnChange = (name, value) => {
             filterParams[name] = value;
@@ -45,7 +45,7 @@ export class TerminalsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'ea9cfa8869d60008543e9ede0bc59ab6a6609fa4' }, h("table-filters-menu", { key: '2d72b1ead7a4d0bb039b940c90503ca55b69bdcb', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: '91494def7efaf06c16bfd6f2d8ffa4e6239b40dd', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'ea22abc671da4fad410be76055b2d7a3af98ae31', class: "p-2" }, h("form-control-text", { key: '053d7fda60174f71f35094bd11603ad00bfa8a76', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: filterParam })), h("div", { key: '531a673018101150063bf4a5c29be3bbd3a47d46', class: "p-2" }, h("form-control-text", { key: '01c0bcfcd4a8b45fc6d804d025bd2f99c96815a5', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: filterParam })), h("div", { key: '3993c108c61dcc898f9feb965277d00fb6583de7', class: "p-2" }, h("form-control-text", { key: 'c28496ee67ed5e2d954b970fd1e8b4802f4f2847', name: "provider_id", label: "Device ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.providerId || filterParams.provider_id, disabled: !!this.providerId, part: filterParam })), h("div", { key: '8e7022438f266b7bfaf182593e32b7f85646e093', class: "p-2" }, h("form-control-text", { key: '855d524235f46809d236d0d8d4e11d5a0553114d', name: "serial_number", label: "Serial Number", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.serialNumber || filterParams.serial_number, disabled: !!this.serialNumber, part: filterParam })), h("div", { key: '48e099d2a8b600b11919945e99fd17559ba1b019', class: "p-2" }, h("form-control-select", { key: '4789b9f39ad91d7b8ca2e6614b8196ed48a4615a', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status || '', disabled: !!this.terminalStatus, part: filterParam })), h("div", { key: '4a07808567f36acfa238709f41f8642a83c54b7f', class: "p-2" }, h("form-control-date", { key: '1f35753ff8c241555adfbfff02af8a2640ad3905', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter || filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: filterParam })), h("div", { key: 'e9a3d3687026fb492c1b3bb33201f942a7cd07bc', class: "p-2" }, h("form-control-date", { key: '0fd59dce1c8cd1d44f1f2f1524c75f459f59e54b', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore || filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: filterParam }))))));
+        return (h(StyledHost, { key: 'a74ed2422b669401402664c77542412f3763ba76' }, h("table-filters-menu", { key: '9158ca6884cb610dc712fb1b3a69ca6803a7dce7', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'e24cfc9c7f078f9eb7d5f1f5b4d5cef8374378ce', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'cce1419064f7e7cdc687437416327f7daebe5eae', class: "p-2" }, h("form-control-text", { key: '750c30bc7e281f40646bdfaf0a29393d0ce7f72b', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: filterParam })), h("div", { key: '512ccc43edb3aab2ec6ab7d9c76bebf6369df73d', class: "p-2" }, h("form-control-text", { key: '6320c75ecd89ad00162c764998c1c703a5965787', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: filterParam })), h("div", { key: '6f0d58b200a36516ede61609aad03ca191f240c2', class: "p-2" }, h("form-control-text", { key: 'f786e9fbbd7c9604429c5f43935121245f2943d2', name: "provider_id", label: "Device ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.providerId || filterParams.provider_id, disabled: !!this.providerId, part: filterParam })), h("div", { key: 'b4d84761c2f5de192669012acc41bb5ba2b76750', class: "p-2" }, h("form-control-text", { key: 'deb1c3b5cc3b72b2724a296b1024f8f66ae69683', name: "serial_number", label: "Serial Number", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.serialNumber || filterParams.serial_number, disabled: !!this.serialNumber, part: filterParam })), h("div", { key: 'b90c15ba9fa6bbe5eac425152753d1cb508b1710', class: "p-2" }, h("form-control-select", { key: 'beb78ebcd076b7b26a0cb5115ae9b619584fc307', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status || '', disabled: !!this.terminalStatus, part: filterParam })), h("div", { key: 'e6109b7758b998d41d2ff555bf26ee9de1011c94', class: "p-2" }, h("form-control-date", { key: 'e407111678baea094666e8789175ce15d40c2ee8', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter || filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: filterParam })), h("div", { key: 'edc59eb19b58592803ffba665adae26d34fdfe0c', class: "p-2" }, h("form-control-date", { key: '21c995d7eef08082ca7996eaf9286aeaa80fd2e9', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore || filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: filterParam }))))));
     }
     static get is() { return "justifi-terminals-list-filters"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/terminals-list/{terminals-list.js → justifi-terminals-list.js}

@@ -8,7 +8,7 @@ import { SubAccountService } from "../../api/services/subaccounts.service";
 import { StyledHost } from "../../ui-components";
 import { defaultColumnsKeys } from "./terminals-table";
 import { makeGetSubAccounts } from "../../actions/sub-account/get-subaccounts";
-export class TerminalsList {
+export class JustifiTerminalsList {
     constructor() {
         this.errorMessage = null;
         this.columns = defaultColumnsKeys;
@@ -61,7 +61,7 @@ export class TerminalsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: 'dbcf761d5519eb8d0170a7ff63dbba9e86a80931' }, h("terminals-list-core", { key: '6c74ff8e53cd94168a8d67bdea937be2c058d791', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '4e900ef9f56434c1e7dcb905d9110ab85d995dca' }, h("terminals-list-core", { key: 'ea56fdc9c9274b092ed370a1b5d67eaefd893c21', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-terminals-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -118,7 +118,7 @@ export class TerminalsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        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 }) }))))))));
+        return (h(TableWrapper, { key: '02998f36781eed9ef569cc2214b257beac0948fd' }, h(TableComponent, { key: '02f9eae9ac123b8147648f2f17eb2d4835fbf62c' }, h(TableHead, { key: '212c06a2f14cd1407d653d03d00bfff1eeb7e254' }, h(TableHeadRow, { key: '2bc532ffe62e4fba60ae4545102ea156e31c01fc' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '0791432813e6ed171d39d0615e61e8083544c0ab' }, h(TableLoadingState, { key: 'f21849ccae8af62b3710b826afc2742b68c0556f', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '61ce65b0a5f7fde9fffec510fe139586e3422a50', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '90981407df2e2f815ad8c91cec6c98db13e4a95c', 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: 'a3756808eb67e6d7cb38dac53d31b781c5aea090' }, h(TableFootRow, { key: '6526d2d7e29c1bcbb0613ebe1cf1317d643885c8' }, h(TableFootCell, { key: '270b17f77ddb10bc1ee5356b113049771819b908', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '94e8ce60d5a9576708a51a1ce02c50f3609cc7af', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get is() { return "terminals-list-core"; }
     static get properties() {