@justifi/webcomponents 5.3.6 → 5.4.1

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

@@ -5,7 +5,6 @@ import './details.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version.js';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
 import { B as BusinessService } from './business.service.js';
-import { E as ErrorState } from './utils.js';
 import { a as Business } from './Business.js';
 import { m as makeGetBusiness } from './get-business.js';
 import { S as Skeleton } from './skeleton.js';
@@ -57,10 +56,10 @@ const TerminalSelectorLoading = () => {
                         h(Skeleton, null)))))));
 };
 
-const makeGetTerminalModels = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
+const makeGetTerminalModels = ({ id, authToken, service, apiOrigin }) => async ({ onSuccess, onError }) => {
     var _a, _b, _c, _d;
     try {
-        const response = await service.fetchTerminalModels(id, authToken);
+        const response = await service.fetchTerminalModels(id, authToken, apiOrigin);
         if (!response.error) {
             const terminals = ((_b = (_a = response.data) === null || _a === void 0 ? void 0 : _a.terminal_order_models) === null || _b === void 0 ? void 0 : _b.map((dataItem) => new TerminalModel(dataItem))) || [];
             const orderLimit = (_c = response.data) === null || _c === void 0 ? void 0 : _c.order_limit;
@@ -86,10 +85,10 @@ const makeGetTerminalModels = ({ id, authToken, service }) => async ({ onSuccess
     }
 };
 
-const makeOrderTerminals = ({ authToken, service }) => async ({ terminalOrder, onSuccess, onError }) => {
+const makeOrderTerminals = ({ authToken, service, apiOrigin = "https://wc-proxy.justifi.ai" }) => async ({ terminalOrder, onSuccess, onError }) => {
     var _a;
     try {
-        const response = await service.orderTerminals(authToken, terminalOrder);
+        const response = await service.orderTerminals(authToken, terminalOrder, apiOrigin);
         if (!response.error) {
             const { data } = response;
             onSuccess({ data });
@@ -125,6 +124,7 @@ const OrderTerminals = /*@__PURE__*/ proxyCustomElement(class OrderTerminals ext
         this.authToken = undefined;
         this.accountId = undefined;
         this.shipping = false;
+        this.apiOrigin = "https://wc-proxy.justifi.ai";
         this.loading = {
             business: true,
             terminals: true,
@@ -140,7 +140,7 @@ const OrderTerminals = /*@__PURE__*/ proxyCustomElement(class OrderTerminals ext
     componentWillLoad() {
         this.order = new TerminalOrder({
             business_id: this.businessId,
-            account_id: this.accountId,
+            sub_account_id: this.accountId,
             order_type: this.shipping ? TerminalOrderType.boardingShipping : TerminalOrderType.boardingOnly,
         });
         checkPkgVersion();
@@ -164,6 +164,7 @@ const OrderTerminals = /*@__PURE__*/ proxyCustomElement(class OrderTerminals ext
             id: this.businessId,
             authToken: this.authToken,
             service: new BusinessService(),
+            apiOrigin: this.apiOrigin,
         })({
             onSuccess: ({ business }) => {
                 this.business = new Business(business);
@@ -180,6 +181,7 @@ const OrderTerminals = /*@__PURE__*/ proxyCustomElement(class OrderTerminals ext
             id: this.accountId,
             authToken: this.authToken,
             service: new TerminalService(),
+            apiOrigin: this.apiOrigin,
         })({
             onSuccess: ({ terminals, orderLimit }) => {
                 this.terminalModels = terminals;
@@ -196,6 +198,7 @@ const OrderTerminals = /*@__PURE__*/ proxyCustomElement(class OrderTerminals ext
         const orderTerminals = makeOrderTerminals({
             authToken: this.authToken,
             service: new TerminalService(),
+            apiOrigin: this.apiOrigin,
         });
         this.submitting = true;
         orderTerminals({
@@ -217,11 +220,6 @@ const OrderTerminals = /*@__PURE__*/ proxyCustomElement(class OrderTerminals ext
     renderLoading() {
         return (h("div", null, this.loading.business && h(OrderTerminalsLoading, null), this.loading.terminals && (h("div", { class: "mt-5" }, h(TerminalSelectorLoading, null), h(TerminalSelectorLoading, null), h(TerminalSelectorLoading, null)))));
     }
-    renderError() {
-        if (!this.loading.business && this.error) {
-            return ErrorState(this.error.message);
-        }
-    }
     renderBusinessDetails() {
         var _a, _b, _c, _d, _e, _f, _g, _h;
         if (!this.loading.business && this.business) {
@@ -237,13 +235,14 @@ const OrderTerminals = /*@__PURE__*/ proxyCustomElement(class OrderTerminals ext
         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...' : 'Submit Order'))));
     }
     render() {
-        return (h(StyledHost, { key: 'b8861877f987b473d37858e3b36a5f3901521dd3' }, h("div", { key: '4fd38462c88f52afbf48898c417a87acdce46e54', part: text }, this.renderLoading(), this.renderError(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (h(StyledHost, { key: 'c4f4ddf88c273123e746caa442ede71465643ec2' }, h("div", { key: 'e2535a1317272a7e9b3b5923963694a67c1d8dd6', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
     }
 }, [1, "justifi-order-terminals", {
         "businessId": [1, "business-id"],
         "authToken": [1, "auth-token"],
         "accountId": [1, "account-id"],
         "shipping": [4],
+        "apiOrigin": [1, "api-origin"],
         "loading": [32],
         "submitting": [32],
         "error": [32],

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

@@ -11,7 +11,7 @@ import { d as defineCustomElement$v } from './custom-popper2.js';
 import { d as defineCustomElement$u } from './form-control-checkbox2.js';
 import { d as defineCustomElement$t } from './form-control-date2.js';
 import { d as defineCustomElement$s } from './form-control-file2.js';
-import { d as defineCustomElement$r } from './form-control-monetary2.js';
+import { d as defineCustomElement$r } from './form-control-monetary-provisioning2.js';
 import { d as defineCustomElement$q } from './form-control-number-masked2.js';
 import { d as defineCustomElement$p } from './form-control-select2.js';
 import { d as defineCustomElement$o } from './form-control-text2.js';
@@ -96,7 +96,7 @@ const PaymentProvisioning = /*@__PURE__*/ proxyCustomElement(class PaymentProvis
         }
     }
     render() {
-        return (h("justifi-payment-provisioning-core", { key: 'ca4b13afe923312bd51d477eae50099876991599', businessId: this.businessId, authToken: this.authToken, allowOptionalFields: this.allowOptionalFields, formTitle: this.formTitle, getBusiness: this.getBusiness, postProvisioning: this.postProvisioning }));
+        return (h("justifi-payment-provisioning-core", { key: 'ab584a720ecfc7ec4e68082fefadeb11fd2884d2', businessId: this.businessId, authToken: this.authToken, allowOptionalFields: this.allowOptionalFields, formTitle: this.formTitle, getBusiness: this.getBusiness, postProvisioning: this.postProvisioning }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -117,7 +117,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-payment-provisioning", "bank-account-document-form-inputs", "bank-account-form-inputs", "business-documents-on-file", "custom-popper", "form-control-checkbox", "form-control-date", "form-control-file", "form-control-monetary", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-additional-questions-form-step", "justifi-additional-questions-form-step-core", "justifi-business-bank-account-form-step", "justifi-business-bank-account-form-step-core", "justifi-business-core-info-form-step", "justifi-business-core-info-form-step-core", "justifi-business-owners-form-step", "justifi-business-owners-form-step-core", "justifi-business-representative-form-inputs", "justifi-business-representative-form-step", "justifi-business-representative-form-step-core", "justifi-business-terms-conditions-form-step", "justifi-identity-address-form", "justifi-legal-address-form-step", "justifi-legal-address-form-step-core", "justifi-owner-form", "justifi-payment-provisioning-core", "justifi-payment-provisioning-form-buttons", "justifi-payment-provisioning-form-steps", "owner-form-core", "owner-form-inputs"];
+    const components = ["justifi-payment-provisioning", "bank-account-document-form-inputs", "bank-account-form-inputs", "business-documents-on-file", "custom-popper", "form-control-checkbox", "form-control-date", "form-control-file", "form-control-monetary-provisioning", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-additional-questions-form-step", "justifi-additional-questions-form-step-core", "justifi-business-bank-account-form-step", "justifi-business-bank-account-form-step-core", "justifi-business-core-info-form-step", "justifi-business-core-info-form-step-core", "justifi-business-owners-form-step", "justifi-business-owners-form-step-core", "justifi-business-representative-form-inputs", "justifi-business-representative-form-step", "justifi-business-representative-form-step-core", "justifi-business-terms-conditions-form-step", "justifi-identity-address-form", "justifi-legal-address-form-step", "justifi-legal-address-form-step-core", "justifi-owner-form", "justifi-payment-provisioning-core", "justifi-payment-provisioning-form-buttons", "justifi-payment-provisioning-form-steps", "owner-form-core", "owner-form-inputs"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-payment-provisioning":
             if (!customElements.get(tagName)) {
@@ -159,7 +159,7 @@ function defineCustomElement$1() {
                 defineCustomElement$s();
             }
             break;
-        case "form-control-monetary":
+        case "form-control-monetary-provisioning":
             if (!customElements.get(tagName)) {
                 defineCustomElement$r();
             }

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

@@ -59,8 +59,8 @@ const PaymentsListFilters = /*@__PURE__*/ proxyCustomElement(class PaymentsListF
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'e86e4d5f0a36516103a04539fd9ba2d1b698a06c' }, h("table-filters-menu", { key: 'bf4986bea9280046e8c5719dfdba6390d0cc7419', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: 'c9e898c5e4944f97ba66a8b72d6f940fce47f3f3', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '02eb01fee1165a1cd7174aa066147812d7a9cb44', class: "p-2" }, h("form-control-text", { key: 'cbeeef72894b2016d101b933412b797827513dd2', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: '5daedbb20682ad6b295049a865c3377e2ef79d8a', class: "p-2" }, h("form-control-text", { key: '26cd105c075114cfd062fccde5500f2eeb55888b', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: '92349a4ebb343af3a8d54601fea4c177c2ff14b2', class: "p-2" }, h("form-control-select", { key: '0e5f7cf57a22d3eeb6e4aebdbac2fe1bb13288eb', 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: '5d5cc079285045a858bfbcf9646a54b8f4c70b8b', class: "p-2" }, h("form-control-date", { key: 'b8fb06fa8506503bcf89c50523dd8e036852557c', 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: '3d6a1de1b08e1a326e107e60c78580848ffdda19', class: "p-2" }, h("form-control-date", { key: '6f7bf72ac396429a3d8318ee17d5459147a4f60e', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: 'c213f44219409851784f62f38932d6165e933e2a' }, h("table-filters-menu", { key: 'b0f67131ad7812cf51e475809c4e6b1d57577cf1', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: '8d259cfe28fdeb67096383c317392f99642b4266', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'a593eae6541085b1d2ad46e8fac7a5e53c11c38e', class: "p-2" }, h("form-control-text", { key: 'a32b07e6635bbc31c2ca11e91cd3f95edf558cb1', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: '989e3f4d1f48549210e982e2c55329841bdd1926', class: "p-2" }, h("form-control-text", { key: 'a54152f1052642448ccd1e50561af65c32d976bf', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: 'f5d484ca692420c508c8c33392a73ed84544ab97', class: "p-2" }, h("form-control-select", { key: '1f8d609f065cae6830b28ce268fb299eff9bf549', 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: '8db078f3a5272b61f3843119b4da4344df70e02d', class: "p-2" }, h("form-control-date", { key: '6e20e715d77f116f93484d417a0ac1c95d0e9a5e', 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: '5a011a17767ad4cfd89a40b0f3d77ec92df433b3', class: "p-2" }, h("form-control-date", { key: '5064f46b779239aabc5d0fcb11479634e14e050d', 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 }))))));
     }
 }, [1, "justifi-payments-list-filters", {

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

@@ -92,7 +92,7 @@ const PaymentsList = /*@__PURE__*/ proxyCustomElement(class PaymentsList extends
         }
     }
     render() {
-        return (h(StyledHost, { key: 'ade68405b7b039032dc8d4a271bdafd6b5b3dfe8' }, h("payments-list-core", { key: '30844738130c05a96bd93d670bad14d544368fb2', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '6882456e9e7af8dd5e8023cf649d967551689c20' }, h("payments-list-core", { key: '7df305455ba20e2eede8c5146edb5db2e7c412c8', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

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

@@ -37,8 +37,8 @@ const PayoutsListFilters = /*@__PURE__*/ proxyCustomElement(class PayoutsListFil
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'fca8f3d0daf92026b7d3cccdd096c8650eb31d28' }, h("table-filters-menu", { key: 'b166ff52682804bd241866ffbe53ada0cf6133e8', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: 'f72774348aac13463934af8c8bfb3aa9b29a3942', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '87ee14df90cd83394e573f1f4e75d315cd48b2d3', class: "p-2" }, h("form-control-date", { key: 'f14e2dd16a24d8f6ac41ed110bdf2e5f0e7b0389', 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: 'fe9b41fcc98571f9f5f477a0006a2a00a5bdba1c', class: "p-2" }, h("form-control-date", { key: '9ab09d81f389f410ea7d1d533a0f25995d261aef', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
+        return (h(StyledHost, { key: '30857b318a635a1420f56799c572f39da85d6317' }, h("table-filters-menu", { key: 'c3b0bdc3d50d9cc3e2cef3adfbba7f0fe7539044', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: '9be791ebd77eb197e18e7663c30fa2a12c1e9a4f', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '3e172e7f255b4e78b48cb03d2b921b01fdefc4b0', class: "p-2" }, h("form-control-date", { key: '875f2202358370bec6df4b724dbc2db7070b1ff7', 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: 'ce324f47aa1b38b6d24f200a7b468076c6998faf', class: "p-2" }, h("form-control-date", { key: '3d2543d40d2f3ac60c7f3f09d905c102425dffc6', 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 }))))));
     }
 }, [1, "justifi-payouts-list-filters", {

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

@@ -114,7 +114,7 @@ const PayoutsList = /*@__PURE__*/ proxyCustomElement(class PayoutsList extends H
         }
     }
     render() {
-        return (h(StyledHost, { key: '7456971cf903af6fd77385fd01dac69760b9df11', exportedparts: tableExportedParts }, h("payouts-list-core", { key: '6bf911cb5a793f49fb19903013c48e6df93f9866', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
+        return (h(StyledHost, { key: '434171dee57c7d639a894133b36f7dc727e28381', exportedparts: tableExportedParts }, h("payouts-list-core", { key: 'e4ed849e1c839dcdd3990a1b64d2bd132cda86f8', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/justifi-refund-payment.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface JustifiRefundPayment extends Components.JustifiRefundPayment, HTMLElement {}
+export const JustifiRefundPayment: {
+    prototype: JustifiRefundPayment;
+    new (): JustifiRefundPayment;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,180 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { c as create$3, a as create$6, F as FormController } from './form.js';
+import { f as formatCurrency } from './utils2.js';
+import { A as Api } from './Api.js';
+import './ComponentError.js';
+import './Checkout.js';
+import './Pagination.js';
+import './Payment.js';
+import './SubAccount.js';
+import './Document.js';
+import { S as StyledHost } from './styled-host.js';
+import { H as Header1 } from './header-1.js';
+import './details.js';
+import { d as defineCustomElement$7 } from './custom-popper2.js';
+import { d as defineCustomElement$6 } from './form-control-help-text3.js';
+import { d as defineCustomElement$5 } from './form-control-monetary2.js';
+import { d as defineCustomElement$4 } from './form-control-select2.js';
+import { d as defineCustomElement$3 } from './form-control-textarea2.js';
+import { d as defineCustomElement$2 } from './form-control-tooltip2.js';
+
+const RefundPaymentSchema = (maxRefundAmount) => {
+    const maxAmount = +maxRefundAmount;
+    return create$3().shape({
+        amount: create$6()
+            .required('Amount is required')
+            .typeError('Amount must be a number')
+            .test('amount', `Refund amount cannot be more than ${formatCurrency(maxAmount)}`, function (value) {
+            return +value <= maxAmount;
+        })
+            .nullable(),
+    });
+};
+
+const refundReasonOptions = [
+    {
+        label: 'Select a reason',
+        value: '',
+    },
+    {
+        label: 'Customer requested a refund',
+        value: 'customer_request',
+    },
+    {
+        label: 'Customer was double-charged',
+        value: 'duplicate',
+    },
+    {
+        label: 'Payment was reported as fraud',
+        value: 'fraudulent',
+    }
+];
+
+const RefundPayment = /*@__PURE__*/ proxyCustomElement(class RefundPayment extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.submitted = createEvent(this, "submitted", 7);
+        this.authToken = undefined;
+        this.paymentId = undefined;
+        this.paymentAmountRefundable = 0;
+        this.withButton = undefined;
+        this.errors = {};
+        this.values = {};
+        this.isSubmitting = false;
+    }
+    componentWillLoad() {
+        this.formController = new FormController(RefundPaymentSchema(this.paymentAmountRefundable.toString()));
+        this.initializeApi();
+    }
+    componentDidLoad() {
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+        this.formController.values.subscribe(values => {
+            this.values = Object.assign({}, values);
+        });
+    }
+    /**
+     * Handles the form submission.
+     * Prevents the default form action, validates the form, and emits the 'submitted' event.
+     */
+    async handleSubmit(event) {
+        event.preventDefault();
+        this.formController.validateAndSubmit(this.submitRefund);
+    }
+    /**
+     * Submits the refund request to the API.
+     */
+    async submitRefund(values) {
+        this.isSubmitting = true;
+        try {
+            const response = await this.api.post(`payments/${this.paymentId}/refunds`, values);
+            this.submitted.emit(response);
+        }
+        catch (error) {
+            console.error('Error submitting refund:', error);
+            this.submitted.emit(error);
+        }
+        finally {
+            this.isSubmitting = false;
+        }
+    }
+    /**
+     * Handles input changes, updating the refundFields state.
+     */
+    handleInput(field, value) {
+        this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [field]: value }));
+    }
+    /**
+     * Initializes the API with the given authentication token.
+     * Logs a warning if the auth token is missing.
+     */
+    initializeApi() {
+        if (!this.authToken) {
+            console.warn('Warning: Missing auth-token.');
+        }
+        this.api = Api({ authToken: this.authToken, apiOrigin: "https://wc-proxy.justifi.ai" });
+    }
+    render() {
+        return (h(StyledHost, { key: 'f9aa3650a61fce55ce094e48cb23cc62caf4c434' }, h(Header1, { key: 'def40858b3cf9188362848703e6425cc1273b1ee', text: "Refund Payment", class: "fs-5 fw-bold pb-3" }), h("form", { key: '20fcdff2467713eb3502959d0186de900a400207', onSubmit: e => this.handleSubmit(e), class: "d-grid gap-4" }, h("div", { key: '5e838c432e5e0fafdfd153de327548a2d2d7f388', class: "form-group" }, h("form-control-monetary", { key: '151d529e7422073da4244f9bc81166f6a54ad9b0', name: "amount", label: "Refund Amount", inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.amount, defaultValue: this.paymentAmountRefundable.toString() })), h("div", { key: '7d69e721b5f346d854f8b1914199c56fb062694d', class: "form-group" }, h("form-control-select", { key: '791d41bf86e856a7694afb0db20607ba792459b9', label: "Reason for refund (optional)", options: refundReasonOptions, name: "reason", defaultValue: '' })), h("div", { key: 'b8a67a5d091ad11a410d157cf6706023b3af139c', class: "form-group" }, h("form-control-textarea", { key: 'eee0ab29c728a64435c2836361eb2c2645fce1ea', name: "description", label: "Note (optional)", inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.description, maxLength: 250 })), this.withButton && (h("div", { key: '3504774504825ffdace54ebf41f496aa58395648', class: "form-group d-flex flex-row-reverse" }, h("button", { key: '27179c019afbec3d136c959657e6e6cbec892a27', type: "submit", disabled: !!this.isSubmitting, class: "btn btn-primary ml-auto" }, `Refund ${formatCurrency(+this.values.amount)}`))))));
+    }
+}, [1, "justifi-refund-payment", {
+        "authToken": [1, "auth-token"],
+        "paymentId": [1, "payment-id"],
+        "paymentAmountRefundable": [2, "payment-amount-refundable"],
+        "withButton": [4, "with-button"],
+        "errors": [32],
+        "values": [32],
+        "isSubmitting": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-refund-payment", "custom-popper", "form-control-help-text", "form-control-monetary", "form-control-select", "form-control-textarea", "form-control-tooltip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-refund-payment":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, RefundPayment);
+            }
+            break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "form-control-help-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "form-control-monetary":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "form-control-select":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "form-control-textarea":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "form-control-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const JustifiRefundPayment = RefundPayment;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiRefundPayment, defineCustomElement };

package/dist/module/justifi-season-interruption-insurance.js

@@ -133,7 +133,7 @@ const SeasonInterruptionInsurance = /*@__PURE__*/ proxyCustomElement(class Seaso
         });
     }
     render() {
-        return (h("justifi-season-interruption-insurance-core", { key: '09686ee78334afa3648039ef1f6edcc307017f02', ref: (el) => (this.seasonInterruptionCoreRef = el), "checkout-id": this.checkoutId, getQuote: this.getQuote, toggleCoverage: this.toggleCoverage, "primary-identity-first-name": this.primaryIdentityFirstName, "primary-identity-last-name": this.primaryIdentityLastName, "primary-identity-state": this.primaryIdentityState, "primary-identity-postal-code": this.primaryIdentityPostalCode, "primary-identity-country": this.primaryIdentityCountry, "primary-identity-email-address": this.primaryIdentityEmailAddress, "policy-attributes-insurable-amount": this.policyAttributesInsurableAmount, "policy-attributes-start-date": this.policyAttributesStartDate, "policy-attributes-end-date": this.policyAttributesEndDate, "covered-identity-first-name": this.coveredIdentityFirstName, "covered-identity-last-name": this.coveredIdentityLastName }));
+        return (h("justifi-season-interruption-insurance-core", { key: 'e1826234d0f2daf33b983a76f36bd652454c77fa', ref: (el) => (this.seasonInterruptionCoreRef = el), "checkout-id": this.checkoutId, getQuote: this.getQuote, toggleCoverage: this.toggleCoverage, "primary-identity-first-name": this.primaryIdentityFirstName, "primary-identity-last-name": this.primaryIdentityLastName, "primary-identity-state": this.primaryIdentityState, "primary-identity-postal-code": this.primaryIdentityPostalCode, "primary-identity-country": this.primaryIdentityCountry, "primary-identity-email-address": this.primaryIdentityEmailAddress, "policy-attributes-insurable-amount": this.policyAttributesInsurableAmount, "policy-attributes-start-date": this.policyAttributesStartDate, "policy-attributes-end-date": this.policyAttributesEndDate, "covered-identity-first-name": this.coveredIdentityFirstName, "covered-identity-last-name": this.coveredIdentityLastName }));
     }
 }, [1, "justifi-season-interruption-insurance", {
         "authToken": [1, "auth-token"],

package/dist/module/justifi-terminal-orders-list-filters.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface JustifiTerminalOrdersListFilters extends Components.JustifiTerminalOrdersListFilters, HTMLElement {}
+export const JustifiTerminalOrdersListFilters: {
+    prototype: JustifiTerminalOrdersListFilters;
+    new (): JustifiTerminalOrdersListFilters;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +1,119 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { f as filterParams, p as propsParams, c as clearParams } from './terminal-orders-list-params-state.js';
+import { ae as terminalOrdersListFilterMenu, af as orderStatusTerminalOrdersListFilterParam, ag as orderTypeTerminalOrdersListFilterParam, ah as createdAfterTerminalOrdersListFilterParam, ai as createdBeforeTerminalOrdersListFilterParam } from './parts.js';
+import { S as StyledHost } from './styled-host.js';
+import './details.js';
+import './ComponentError.js';
+import './Checkout.js';
+import './Pagination.js';
+import './Payment.js';
+import { c as TerminalOrderStatus, b as TerminalOrderType } from './SubAccount.js';
+import './Document.js';
+import { j as convertToUTC, h as convertToLocal } from './utils2.js';
+import { d as defineCustomElement$6 } from './custom-popper2.js';
+import { d as defineCustomElement$5 } from './form-control-date2.js';
+import { d as defineCustomElement$4 } from './form-control-select2.js';
+import { d as defineCustomElement$3 } from './form-control-tooltip2.js';
+import { d as defineCustomElement$2 } from './table-filters-menu2.js';
+
+const TerminalOrdersListFilters = /*@__PURE__*/ proxyCustomElement(class TerminalOrdersListFilters extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.setParamsOnChange = (name, value) => {
+            filterParams[name] = value;
+        };
+        this.handleDateInput = (name, value) => {
+            const utcDate = convertToUTC(value, { setExactTime: true });
+            this.setParamsOnChange(name, utcDate);
+        };
+        this.orderStatus = undefined;
+        this.orderType = undefined;
+        this.createdAfter = undefined;
+        this.createdBefore = undefined;
+    }
+    componentWillLoad() {
+        const propsToSet = {
+            order_status: this.orderStatus,
+            order_type: this.orderType,
+            created_after: this.createdAfter,
+            created_before: this.createdBefore
+        };
+        Object.entries(propsToSet).forEach(([key, value]) => {
+            if (value) {
+                propsParams[key] = value;
+            }
+        });
+    }
+    get terminalOrderStatusOptions() {
+        return [
+            { label: 'All', value: '' },
+            { label: 'Created', value: TerminalOrderStatus.created },
+            { label: 'Completed', value: TerminalOrderStatus.completed },
+            { label: 'Submitted', value: TerminalOrderStatus.submitted },
+        ];
+    }
+    get terminalOrderTypeOptions() {
+        return [
+            { label: 'All', value: '' },
+            { label: 'Boarding Only', value: TerminalOrderType.boardingOnly },
+            { label: 'Boarding Shipping', value: TerminalOrderType.boardingShipping },
+        ];
+    }
+    render() {
+        const filterMenuParams = Object.assign({}, filterParams);
+        return (h(StyledHost, { key: 'fa53c48c1a916781c8fffe7910f524ea334cdf27' }, h("table-filters-menu", { key: 'e8ba7a019f92234775acbaf2dafb817fb98f8d70', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: '67e0b83350c37c7fa73f8e2808266fb8fda96838', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '08fd58b47b35fcb073b116c827ad2bb07c17f879', class: "p-2" }, h("form-control-select", { key: '1a6a468d37afb5a25d37e4f9e43d6bd23414c6a3', 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: '92c8b10d0c48811a63d0ed796637dfadb85b00c4', class: "p-2" }, h("form-control-select", { key: 'f8d7e96f8c0a9215ebb5b7a1f581b4dc60e5ad10', 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: '2d5b3262a022d3122d533ef7f7e886dec5c2b701', class: "p-2" }, h("form-control-date", { key: '4b1e799b9a99ce9046ea3a3e0b3249d566448ae6', 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: '93019260d2befe0ca3d99c17a769f2ebb1b6f07f', class: "p-2" }, h("form-control-date", { key: '3aba4879d8998c90a36f2fa5326c230792768403', 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 }))))));
+    }
+}, [1, "justifi-terminal-orders-list-filters", {
+        "orderStatus": [1, "order-status"],
+        "orderType": [1, "order-type"],
+        "createdAfter": [1, "created-after"],
+        "createdBefore": [1, "created-before"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-terminal-orders-list-filters", "custom-popper", "form-control-date", "form-control-select", "form-control-tooltip", "table-filters-menu"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-terminal-orders-list-filters":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, TerminalOrdersListFilters);
+            }
+            break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "form-control-date":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "form-control-select":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "form-control-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "table-filters-menu":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const JustifiTerminalOrdersListFilters = TerminalOrdersListFilters;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiTerminalOrdersListFilters, defineCustomElement };

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

@@ -95,7 +95,7 @@ const TerminalOrdersList = /*@__PURE__*/ proxyCustomElement(class TerminalOrders
         }
     }
     render() {
-        return (h(StyledHost, { key: '2a268ef2e2128e8a0ed23092c78caa7f59539c6f' }, h("terminal-orders-list-core", { key: 'a56b31da3f4672a7f63aaff473dbdcb985eed3fc', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'beb7ebe2397c43c28b818133294b6c972d2834ac' }, h("terminal-orders-list-core", { key: '87db98176b2a462b9446170c348352958d4e3a05', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
 }, [1, "justifi-terminal-orders-list", {
         "accountId": [1, "account-id"],

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

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { l as lodash } from './lodash.js';
 import { f as filterParams, p as propsParams, c as clearParams } from './terminals-list-params-state.js';
-import { ae as terminalsListFilterMenu, af as terminalIdTerminalsListFilterParam, ag as terminalStatusTerminalsListFilterParam } from './parts.js';
+import { aj as terminalsListFilterMenu, ak as terminalIdTerminalsListFilterParam, al as terminalOrderIdTerminalsListFilterParam, am as terminalStatusTerminalsListFilterParam } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './ComponentError.js';
@@ -25,6 +25,7 @@ const TerminalsListFilters = /*@__PURE__*/ proxyCustomElement(class TerminalsLis
             filterParams[name] = value;
         };
         this.terminalId = undefined;
+        this.terminalOrderId = undefined;
         this.terminalStatus = undefined;
     }
     componentWillLoad() {
@@ -33,6 +34,7 @@ const TerminalsListFilters = /*@__PURE__*/ proxyCustomElement(class TerminalsLis
         const propsToSet = {
             terminal_id: this.terminalId,
             status: this.terminalStatus,
+            terminal_order_id: this.terminalOrderId
         };
         Object.entries(propsToSet).forEach(([key, value]) => {
             if (value) {
@@ -46,14 +48,16 @@ const TerminalsListFilters = /*@__PURE__*/ proxyCustomElement(class TerminalsLis
             { label: 'Connected', value: ITerminalStatus.connected },
             { label: 'Disconnected', value: ITerminalStatus.disconnected },
             { label: 'Unknown', value: ITerminalStatus.unknown },
+            { label: 'Pending Configuration', value: ITerminalStatus.pending_configuration }
         ];
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '2fc002da23470b942ac8885ba0ee205478a3e975' }, h("table-filters-menu", { key: '8591f53c5e105d26955940ae7e0be64b084f31ec', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: 'e2f0de98ac031d768529654d3b8a5ba43e62269b', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'a62823375c9f3b214f5ceff4163468fa91136cf6', class: "p-2" }, h("form-control-text", { key: '8a314678ce052a5f59e2c590d73df72a46caf0db', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: '8462f83b1ba4f76044567f7c8da4fb84a8b932f7', class: "p-2" }, h("form-control-select", { key: '40cc106e9a37f76d4e072ede96b0633e5fb7c1e9', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status, disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
+        return (h(StyledHost, { key: '390b8788e785bc81711a1b0f68203fce5a348c4c' }, h("table-filters-menu", { key: 'ab37f284aad5b828c2a3d0ce78e5c49fe86c8ec7', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: '9f06d2199885d1cb8d9a4310fc94366717ca092c', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '146fb3fa0a146c8011e1fc609f885ec3de0af8bf', class: "p-2" }, h("form-control-text", { key: 'f9d33f3facd5af88761033256e9bcdee772d187b', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: '59b8af61f98c01e0cd04299780817b9a497d33bc', class: "p-2" }, h("form-control-text", { key: '80c6ed5f37f4429aac0451f1b2c76fd99c52d246', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: terminalOrderIdTerminalsListFilterParam })), h("div", { key: '4452ff9cbeb157408fdd8569af5792d32f0d1aa9', class: "p-2" }, h("form-control-select", { key: '52406f154a9d5f7a01831047eedf09b909d1bc0d', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status, disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
     }
 }, [1, "justifi-terminals-list-filters", {
         "terminalId": [1, "terminal-id"],
+        "terminalOrderId": [1, "terminal-order-id"],
         "terminalStatus": [1, "terminal-status"]
     }]);
 function defineCustomElement$1() {

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

@@ -5,7 +5,7 @@ import { T as TerminalService } from './terminal.service.js';
 import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
-import { c as Terminal } from './SubAccount.js';
+import { d as Terminal } from './SubAccount.js';
 import './Document.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils4.js';
 import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts.js';
@@ -105,7 +105,7 @@ const TerminalsList = /*@__PURE__*/ proxyCustomElement(class TerminalsList exten
         }
     }
     render() {
-        return (h(StyledHost, { key: '1765197e56fd03442cc4d30a24d090b4dfd86405' }, h("terminals-list-core", { key: '4e880db7702649486b2cb8e743b0f7d7e78a72c0', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '008b4bd549c228dbf8972e5ce08764c40e0b45a7' }, h("terminals-list-core", { key: 'e57f76fa1560c97d76068503b48e92a5fa9a02ec', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

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

@@ -83,7 +83,7 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
         this.paymentMethodOptionsRef.fillBillingForm(fields);
     }
     render() {
-        return (h(StyledHost, { key: '34b41a932b7388b76084e74f834fae1dc1bde307' }, h("form", { key: 'b2dfd8c275f5ab8998c9560279e285e87f993771' }, h("fieldset", { key: 'bf6690ee43aae5418a3d979080e20e548afbd83a' }, h("div", { key: '0e66b6f3d55178f74ebd2e854597c68df598f38d', class: "row gy-3" }, h("div", { key: '970b07bf9242730d83dfb9498184e3e587609b68', class: "col-12" }, h("justifi-payment-method-options", { key: '0e11e6d59d9297da681956aa987d55df6e809a5b', ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": false, paymentMethodGroupId: this.paymentMethodGroupId, "show-saved-payment-methods": false, hideCardBillingForm: this.hideCardBillingForm, authToken: this.authToken, "account-id": this.accountId, iframeOrigin: this.iframeOrigin })), h("div", { key: 'a1380b7f8e78db5219047b48c0dede19734f7b50', class: "col-12" }, h(Button, { key: 'febf460cb8114c52d1c63a1c259e75e80a5ed5f2', variant: "primary", type: "submit", onClick: event => this.tokenizePaymentMethod(event), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.hideSubmitButton }, this.submitButtonText || 'Submit')))))));
+        return (h(StyledHost, { key: '270b2dce491c95fd6a372bf4e59d4829c91290fa' }, h("form", { key: '7e68afbac49260a92bb6c9e3bd08125129ab196c' }, h("fieldset", { key: '95f911fa066f7fea0b36e4c99cb1c5008b4a886d' }, h("div", { key: 'aec8576644731d5960a1e041960076c503aa4a17', class: "row gy-3" }, h("div", { key: '51436afb0c10e189d079226dd0a8e7b18580fd69', class: "col-12" }, h("justifi-payment-method-options", { key: '59777ac37f44bfe9ef98d3b22a6e485f06db303d', ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": false, paymentMethodGroupId: this.paymentMethodGroupId, "show-saved-payment-methods": false, hideCardBillingForm: this.hideCardBillingForm, authToken: this.authToken, "account-id": this.accountId, iframeOrigin: this.iframeOrigin })), h("div", { key: 'ef37939fb4d8e0225f98f0c3874a83206307f671', class: "col-12" }, h(Button, { key: '4b193d76ad540cae97a2423948e18d60f6db0679', variant: "primary", type: "submit", onClick: event => this.tokenizePaymentMethod(event), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.hideSubmitButton }, this.submitButtonText || 'Submit')))))));
     }
 }, [1, "justifi-tokenize-payment-method", {
         "authToken": [1, "auth-token"],