@justifi/webcomponents 4.21.0 → 4.22.0

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

@@ -1,14 +1,15 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { t as tableExportedParts } from './exported-parts.js';
 import { m as makeGetPayoutCSV, P as PayoutService } from './get-payout-csv.js';
+import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
-import { P as Payout } from './Payout.js';
+import { P as Payout } from './SubAccount.js';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils3.js';
-import { E as ErrorState } from './utils.js';
 import { J as JustifiAnalytics } from './Analytics.js';
 import { c as checkPkgVersion } from './check-pkg-version.js';
+import { S as StyledHost } from './styled-host.js';
 import { d as defineCustomElement$7 } from './custom-popper2.js';
 import { d as defineCustomElement$6 } from './form-control-date2.js';
 import { d as defineCustomElement$5 } from './form-control-error-text2.js';
@@ -92,10 +93,7 @@ const PayoutsList = /*@__PURE__*/ proxyCustomElement(class PayoutsList extends H
         }
     }
     render() {
-        if (this.errorMessage) {
-            return ErrorState(this.errorMessage);
-        }
-        return (h(Host, { exportedparts: tableExportedParts }, h("payouts-list-core", { getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, "onError-event": this.handleOnError })));
+        return (h(StyledHost, { key: '8d72aa16705df76ed49a13a59e88a40a75c23488', exportedparts: tableExportedParts }, h("payouts-list-core", { key: '94428c879981bbc036e1d4f6c59c1e1c1146c824', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, "onError-event": this.handleOnError })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/justifi-product-or-service.d.ts

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

package/dist/module/justifi-product-or-service.js

@@ -0,0 +1,6 @@
+import { P as ProductOrService, d as defineCustomElement$1 } from './product-or-service.js';
+
+const JustifiProductOrService = ProductOrService;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiProductOrService, defineCustomElement };

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

@@ -1,9 +1,10 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { c as create$3, e as create$5, F as FormController } from './form.js';
 import { A as Api } from './Api.js';
+import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
-import './Payout.js';
+import './SubAccount.js';
 import { c as config } from './config.js';
 import { C as CURRENCY_MASK } from './form-input-masks.js';
 import { S as StyledHost } from './styled-host.js';
@@ -102,7 +103,7 @@ const RefundForm = /*@__PURE__*/ proxyCustomElement(class RefundForm extends HTM
     }
     render() {
         var _a;
-        return (h(StyledHost, { key: '516b98561c2ef689f55e5e8d9f51d4402a4ea10e' }, h("h1", { key: '9abb0e3a97718c07b3a5f14386568fd0e923948a' }, "Refund"), this.refundInfoText && (h("div", { key: '7192d63f4bd998dfd9df34c9546c0574b5f0e8ab', class: "d-flex align-items-center flex-row gap-4 border-top border-bottom my-4 p-3", role: "alert" }, h("img", { key: '305285344f17b371b9b1ea5f99b415848130449a', src: "/info-icon.svg", alt: "Information", height: "30", width: "30" }), h("p", { key: '1e52a501d4c3aec869e7298cce5c738abc4c2bbe', class: "m-0", innerHTML: this.refundInfoText }))), h("form", { key: '80b32c70ebec874e42657fe46f8e56c258784e75', onSubmit: e => this.handleSubmit(e), class: "d-grid gap-4" }, h("div", { key: '7f94e31cf8b06568e8b06323ea0d6c3604479ef8', class: "form-group" }, h("form-control-monetary", { key: '9f72b96326de41ac1e1af2879556ced5bd07ec17', name: "amount", label: "Refund Amount", defaultValue: ((_a = this.amount) === null || _a === void 0 ? void 0 : _a.toString()) || '', maskOptions: CURRENCY_MASK.DECIMAL, inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.amount })), h("div", { key: '10723487f0b8d28c64730d071690137f1a02488c', class: "form-group" }, h("form-control-text", { key: 'cb974dcab2da25415d1dbb6525a3c2e91660582d', name: "notes", label: "Additional Notes", inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.notes })), this.withButton && (h("div", { key: '9abd0558ab409a97ea529de04307edfb1c7a6054', class: "form-group d-flex flex-row-reverse" }, h("button", { key: '5e64b5ec2c5d4c8bb19038f70cbab6093275d8eb', type: "submit", disabled: !!this.isSubmitting, class: "btn btn-primary ml-auto" }, this.submitButtonText))))));
+        return (h(StyledHost, { key: '05a417edd28ecdb609c9ca6abaa60004fe782beb' }, h("h1", { key: '05450dad6321a3cb94461d020a64dde7abfcb287' }, "Refund"), this.refundInfoText && (h("div", { key: '4874c1bbbbcb0caac057e7d29eb5d62f998e7f70', class: "d-flex align-items-center flex-row gap-4 border-top border-bottom my-4 p-3", role: "alert" }, h("img", { key: 'cb64bc85188e882e6c863bb2e56411f31f9675d3', src: "/info-icon.svg", alt: "Information", height: "30", width: "30" }), h("p", { key: 'd1497287435d3b87f77bf37d4bd1473cf1ddc4f3', class: "m-0", innerHTML: this.refundInfoText }))), h("form", { key: '4936209e143d8c5d6ef6a32ddc49d63b92711351', onSubmit: e => this.handleSubmit(e), class: "d-grid gap-4" }, h("div", { key: 'fc6e616809550f22b949d1f256b4ddc922e1fab9', class: "form-group" }, h("form-control-monetary", { key: '220c36b30960e85b30999267b7daa933062e4ca0', name: "amount", label: "Refund Amount", defaultValue: ((_a = this.amount) === null || _a === void 0 ? void 0 : _a.toString()) || '', maskOptions: CURRENCY_MASK.DECIMAL, inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.amount })), h("div", { key: 'd40556a67819325134ff1389a8e8018b024ce0da', class: "form-group" }, h("form-control-text", { key: '1c1cb5a345118902830bad6ec852bfb0641a983c', name: "notes", label: "Additional Notes", inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.notes })), this.withButton && (h("div", { key: 'bb167956ce0a4bef63fbdee79681348a963f55be', class: "form-group d-flex flex-row-reverse" }, h("button", { key: 'd6767bf536e4416f4071271cc2028be69686a59e', type: "submit", disabled: !!this.isSubmitting, class: "btn btn-primary ml-auto" }, this.submitButtonText))))));
     }
     static get style() { return JustifiRefundFormStyle0; }
 }, [1, "justifi-refund-form", {

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

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

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

@@ -0,0 +1,6 @@
+import { R as RefundPolicy, d as defineCustomElement$1 } from './refund-policy.js';
+
+const JustifiRefundPolicy = RefundPolicy;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiRefundPolicy, defineCustomElement };

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

@@ -1,8 +1,9 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { A as Api } from './Api.js';
+import './Checkout.js';
 import './Pagination.js';
 import './Payment.js';
-import './Payout.js';
+import './SubAccount.js';
 import { c as config } from './config.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils3.js';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
@@ -129,7 +130,7 @@ const SeasonInterruptionInsurance = /*@__PURE__*/ proxyCustomElement(class Seaso
         });
     }
     render() {
-        return (h("justifi-season-interruption-insurance-core", { key: '015172f31ca5ad7e00c107ac61282f44f9b7a60f', 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: '205515d248ac43b9de8e7c8f9fec41b93f6e1237', 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-shipping-details.d.ts

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

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

@@ -0,0 +1,6 @@
+import { S as ShippingDetails, d as defineCustomElement$1 } from './shipping-details.js';
+
+const JustifiShippingDetails = ShippingDetails;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiShippingDetails, defineCustomElement };

package/dist/module/justifi-terminals-list.d.ts

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

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

@@ -0,0 +1,216 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './ComponentError.js';
+import { J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
+import { c as config } from './config.js';
+import { A as Api } from './Api.js';
+import './Checkout.js';
+import './Pagination.js';
+import './Payment.js';
+import { T as Terminal } from './SubAccount.js';
+import { g as getErrorMessage, a as getErrorCode } from './utils3.js';
+import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts.js';
+import { S as StyledHost } from './styled-host.js';
+import { t as tableExportedParts } from './exported-parts.js';
+import { d as defineCustomElement$a } from './custom-popper2.js';
+import { d as defineCustomElement$9 } from './form-control-error-text2.js';
+import { d as defineCustomElement$8 } from './form-control-select2.js';
+import { d as defineCustomElement$7 } from './form-control-text2.js';
+import { d as defineCustomElement$6 } from './form-control-tooltip2.js';
+import { d as defineCustomElement$5 } from './pagination-menu2.js';
+import { d as defineCustomElement$4 } from './table-filters-menu2.js';
+import { d as defineCustomElement$3 } from './terminals-list-core2.js';
+import { d as defineCustomElement$2 } from './terminals-list-filters2.js';
+
+class TerminalService {
+    async fetchTerminals(accountId, authToken, params, apiOrigin) {
+        if (!apiOrigin) {
+            apiOrigin = config.proxyApiOrigin;
+        }
+        const headers = { Account: accountId };
+        const api = Api({ authToken, apiOrigin: apiOrigin });
+        const endpoint = 'terminals';
+        return api.get(endpoint, params, null, headers);
+    }
+    async fetchTerminal(terminalId, authToken, apiOrigin) {
+        if (!apiOrigin) {
+            apiOrigin = config.proxyApiOrigin;
+        }
+        const endpoint = `terminals/${terminalId}`;
+        return Api({ authToken, apiOrigin: apiOrigin }).get(endpoint);
+    }
+}
+
+const makeGetTerminals = ({ id, authToken, service, apiOrigin }) => async ({ params, onSuccess, onError }) => {
+    var _a, _b;
+    try {
+        const response = await service.fetchTerminals(id, authToken, params, apiOrigin);
+        if (!response.error) {
+            const pagingInfo = Object.assign({}, response.page_info);
+            const terminals = ((_a = response.data) === null || _a === void 0 ? void 0 : _a.map((dataItem) => new Terminal(dataItem))) || [];
+            onSuccess({ terminals, pagingInfo });
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_b = response.error) === null || _b === void 0 ? void 0 : _b.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+};
+
+const TerminalsList = /*@__PURE__*/ proxyCustomElement(class TerminalsList extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.handleErrorEvent = (event) => {
+            this.errorMessage = event.detail.message;
+            this.errorEvent.emit(event.detail);
+        };
+        this.getTerminals = undefined;
+        this.getSubAccounts = undefined;
+        this.errorMessage = null;
+        this.accountId = undefined;
+        this.authToken = undefined;
+        this.apiOrigin = config.proxyApiOrigin;
+        this.columns = undefined;
+    }
+    componentWillLoad() {
+        checkPkgVersion();
+        this.analytics = new JustifiAnalytics(this);
+        this.initializeGetData();
+    }
+    disconnectedCallback() {
+        this.analytics.cleanup();
+    }
+    propChanged() {
+        this.initializeGetData();
+    }
+    initializeGetData() {
+        this.initializeGetTerminals();
+        this.initializeGetSubAccounts();
+    }
+    initializeGetTerminals() {
+        if (this.accountId && this.authToken) {
+            this.getTerminals = makeGetTerminals({
+                id: this.accountId,
+                authToken: this.authToken,
+                service: new TerminalService(),
+                apiOrigin: this.apiOrigin
+            });
+        }
+        else {
+            this.errorMessage = 'Account ID and Auth Token are required';
+            this.errorEvent.emit({
+                errorCode: ComponentErrorCodes.MISSING_PROPS,
+                message: this.errorMessage,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    initializeGetSubAccounts() {
+        if (this.accountId && this.authToken) {
+            this.getSubAccounts = makeGetSubAccounts({
+                accountId: this.accountId,
+                authToken: this.authToken,
+                service: new SubAccountService(),
+                apiOrigin: this.apiOrigin
+            });
+        }
+    }
+    render() {
+        return (h(StyledHost, { key: 'b150133d9e787d0a4f32d92d9fb26df50391e632', exportparts: tableExportedParts }, h("terminals-list-core", { key: '59302d93d0a308c34aacabf7e5a006099eaff2d6', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+    }
+    static get watchers() { return {
+        "accountId": ["propChanged"],
+        "authToken": ["propChanged"]
+    }; }
+}, [1, "justifi-terminals-list", {
+        "accountId": [1, "account-id"],
+        "authToken": [1, "auth-token"],
+        "apiOrigin": [1, "api-origin"],
+        "columns": [1],
+        "getTerminals": [32],
+        "getSubAccounts": [32],
+        "errorMessage": [32]
+    }, undefined, {
+        "accountId": ["propChanged"],
+        "authToken": ["propChanged"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-terminals-list", "custom-popper", "form-control-error-text", "form-control-select", "form-control-text", "form-control-tooltip", "pagination-menu", "table-filters-menu", "terminals-list-core", "terminals-list-filters"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-terminals-list":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, TerminalsList);
+            }
+            break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "form-control-error-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "form-control-select":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "form-control-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "form-control-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "pagination-menu":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "table-filters-menu":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "terminals-list-core":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "terminals-list-filters":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const JustifiTerminalsList = TerminalsList;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiTerminalsList, defineCustomElement };

package/dist/module/justifi-tokenize-payment-method.d.ts

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

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

@@ -0,0 +1,153 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { B as Button } from './button.js';
+import { S as StyledHost } from './styled-host.js';
+import { a as ComponentErrorSeverity } from './ComponentError.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
+import { J as JustifiAnalytics } from './Analytics.js';
+import { d as defineCustomElement$d } from './custom-popper2.js';
+import { d as defineCustomElement$c } from './form-control-error-text2.js';
+import { d as defineCustomElement$b } from './form-control-select2.js';
+import { d as defineCustomElement$a } from './form-control-text2.js';
+import { d as defineCustomElement$9 } from './form-control-tooltip2.js';
+import { d as defineCustomElement$8 } from './billing-form.js';
+import { d as defineCustomElement$7 } from './new-payment-method.js';
+import { d as defineCustomElement$6 } from './payment-method-form.js';
+import { d as defineCustomElement$5 } from './payment-method-options.js';
+import { d as defineCustomElement$4 } from './save-new-payment-method.js';
+import { d as defineCustomElement$3 } from './saved-payment-method.js';
+import { d as defineCustomElement$2 } from './sezzle-payment-method.js';
+
+const tokenizePaymentMethodCss = ":host{display:block}justifi-payment-method-form{display:block;margin-left:calc(var(--jfi-layout-padding) * -1);margin-right:calc(var(--jfi-layout-padding) * -1)}";
+const JustifiTokenizePaymentMethodStyle0 = tokenizePaymentMethodCss;
+
+const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePaymentMethod extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.submitted = createEvent(this, "submitted", 7);
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.authToken = undefined;
+        this.accountId = undefined;
+        this.paymentMethodGroupId = undefined;
+        this.isLoading = true;
+        this.submitButtonText = undefined;
+        this.disableCreditCard = undefined;
+        this.disableBankAccount = undefined;
+    }
+    componentWillLoad() {
+        checkPkgVersion();
+        this.analytics = new JustifiAnalytics(this);
+        this.isLoading = false;
+    }
+    async tokenizePaymentMethod(event) {
+        event && event.preventDefault();
+        const tokenizeResponse = await this.paymentMethodOptionsRef.resolvePaymentMethod({ isValid: true });
+        if (tokenizeResponse.error) {
+            this.errorEvent.emit({
+                errorCode: tokenizeResponse.error.code,
+                message: tokenizeResponse.error.message,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+        else if (tokenizeResponse.token) {
+            this.submitted.emit({ token: tokenizeResponse.token });
+        }
+    }
+    async fillBillingForm(fields) {
+        this.paymentMethodOptionsRef.fillBillingForm(fields);
+    }
+    render() {
+        return (h(StyledHost, { key: 'd6b961d57ad40a36a55db9f4a338f2e4659737b8' }, h("form", { key: '478202bc0e742f132df696e317a5d87b583a65c3' }, h("fieldset", { key: '565295af010636d9746c5a3466ce6b3bf4fe5ba2' }, h("div", { key: '95736fa3b125f6c389e80505842749d40eb50318', class: "row gy-3" }, h("div", { key: '086f7078ab5301c59ea3a1003162ebf82907b594', class: "col-12" }, h("justifi-payment-method-options", { key: '13d99aee101cd0dc9cdf52abf3e510a8ee490e82', ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": false, paymentMethodGroupId: this.paymentMethodGroupId, "show-saved-payment-methods": false, authToken: this.authToken, "account-id": this.accountId })), h("div", { key: '348afe48dbcb996b268bf9e6416f25540f9b2930', class: "col-12" }, h(Button, { key: '00baa2bd2b99a9a8329b9abaace0afac36ae094a', variant: "primary", type: "submit", onClick: event => this.tokenizePaymentMethod(event), isLoading: this.isLoading, "data-testid": "submit-button" }, this.submitButtonText || 'Submit')))))));
+    }
+    static get style() { return JustifiTokenizePaymentMethodStyle0; }
+}, [1, "justifi-tokenize-payment-method", {
+        "authToken": [1, "auth-token"],
+        "accountId": [1, "account-id"],
+        "paymentMethodGroupId": [1, "payment-method-group-id"],
+        "isLoading": [4, "is-loading"],
+        "submitButtonText": [1, "submit-button-text"],
+        "disableCreditCard": [4, "disable-credit-card"],
+        "disableBankAccount": [4, "disable-bank-account"],
+        "tokenizePaymentMethod": [64],
+        "fillBillingForm": [64]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["justifi-tokenize-payment-method", "custom-popper", "form-control-error-text", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-billing-form", "justifi-new-payment-method", "justifi-payment-method-form", "justifi-payment-method-options", "justifi-save-new-payment-method", "justifi-saved-payment-method", "justifi-sezzle-payment-method"];
+    components.forEach(tagName => { switch (tagName) {
+        case "justifi-tokenize-payment-method":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, TokenizePaymentMethod);
+            }
+            break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$d();
+            }
+            break;
+        case "form-control-error-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$c();
+            }
+            break;
+        case "form-control-select":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$b();
+            }
+            break;
+        case "form-control-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "form-control-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "justifi-billing-form":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "justifi-new-payment-method":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "justifi-payment-method-form":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "justifi-payment-method-options":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "justifi-save-new-payment-method":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "justifi-saved-payment-method":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "justifi-sezzle-payment-method":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const JustifiTokenizePaymentMethod = TokenizePaymentMethod;
+const defineCustomElement = defineCustomElement$1;
+
+export { JustifiTokenizePaymentMethod, defineCustomElement };

package/dist/module/legal-address-form-step-core.js

@@ -90,7 +90,7 @@ const LegalAddressFormStepCore = /*@__PURE__*/ proxyCustomElement(class LegalAdd
     render() {
         var _a, _b, _c, _d, _e, _f;
         const legalAddressDefaultValue = this.formController.getInitialValues();
-        return (h("form", { key: '0b6da6f38496eed7699b642e3855a085ee004105' }, h("fieldset", { key: '18e56d0ab1c9dfa6f768d16c9f82ce0c203c8cca' }, h("div", { key: '286505d10fdacddf89663069a3f45837fa3f5434', class: "d-flex align-items-center gap-2" }, h("legend", { key: '1632a05fce65e9df5b14e4e61e4f925644b66afe', class: "mb-0" }, "Legal Address of your Business"), h("form-control-tooltip", { key: '2013d53e29f31b923c5304b1d534e8d6edf248c5', helpText: "No PO Boxes." })), h("hr", { key: '95f1dd6e945af35db3b9c107741125c86298d043', class: "mt-2" }), h("div", { key: '33c940f3eb99c742cd7bc26eb30bf2593beee7e7', class: "row gy-3" }, h("div", { key: 'a70c712478ea1c1535dfb7b121a27f73c250737f', class: "col-12" }, h("form-control-text", { key: 'a2295eff889da276b0e7d3c49c0479f684edeab8', name: "line1", label: "Legal Address", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line1, errorText: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.line1 })), h("div", { key: 'b7c7bbeac63558be4bce0b14857321246c54e03e', class: "col-12" }, h("form-control-text", { key: '67fdffdae07317978b9830af28f2a13d13f49cbe', name: "line2", label: "Address Line 2 (optional)", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line2, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line2 })), h("div", { key: '2fc87bc9415822b9317e680c6e39065e0410088d', class: "col-12" }, h("form-control-text", { key: 'e3b768d6830c8c6746e22affac093c09239b7b1a', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.city, errorText: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.city })), h("div", { key: 'b7567c4ca4ecece2927ea79cf0872fe907c45b5b', class: "col-12" }, h("form-control-select", { key: '294fe774b7e621707d800fab28a6efc97f7a0aaf', name: "state", label: "State", options: StateOptions, inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.state, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.state })), h("div", { key: '7dc1741c28d20f006050083bfc371364a3588242', class: "col-12" }, h("form-control-text", { key: '3a38d6a710c5eab2234b40a631b3fbc08f601fea', name: "postal_code", label: "Postal Code", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.postal_code, errorText: (_e = this.errors) === null || _e === void 0 ? void 0 : _e.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler })), h("div", { key: '8f1a3fab096961e6b0afc09303ee959b263d6677', class: "col-12" }, h("form-control-select", { key: '8f9be74731bafc3377b262779ac6bae0ad374c19', name: "country", label: "Country", options: [{ label: "United States", value: "USA" }], inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.country, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.country,
+        return (h("form", { key: 'cc749f565087adf5a0806a179ebc4682783763bd' }, h("fieldset", { key: '98fecaf00779da20c4f023dd4081be6f616e59ae' }, h("div", { key: '854d921b4b140738cb2cf2f48b51a207eb58c329', class: "d-flex align-items-center gap-2" }, h("legend", { key: 'ae741c143648c14145eac2066fa40799726682e5', class: "mb-0" }, "Legal Address of your Business"), h("form-control-tooltip", { key: 'd30c4a70183f7afc9a809d399b775c5610ef952c', helpText: "No PO Boxes." })), h("hr", { key: '78f7c51df66d265ff1a9f62b38aedfba014ed7cb', class: "mt-2" }), h("div", { key: 'b32031b925e908dc4a9459f0e082312f72fc64f9', class: "row gy-3" }, h("div", { key: '1564426893f46dc7ace7192ce264a10d879bc5c2', class: "col-12" }, h("form-control-text", { key: '9c70add04a610ce6280f7047ad56d260bb0adcf1', name: "line1", label: "Legal Address", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line1, errorText: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.line1 })), h("div", { key: 'bba886684830ab3dd7f3470e13bcf8ce970f357f', class: "col-12" }, h("form-control-text", { key: '43c507918eb72b586c43b4839c40499196c41625', name: "line2", label: "Address Line 2 (optional)", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line2, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line2 })), h("div", { key: 'e9ff6df356c8c4f1ddef5318936d39c4b92a58e9', class: "col-12" }, h("form-control-text", { key: 'ff17e63977ba52fea319f1dfb2936b0836fa1f5f', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.city, errorText: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.city })), h("div", { key: 'd0da7fbd59236105cb1f7725eb4fddc0fe0e028b', class: "col-12" }, h("form-control-select", { key: '666abe057f3a06705b42e8bfb3aae4e15b50f8dc', name: "state", label: "State", options: StateOptions, inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.state, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.state })), h("div", { key: 'c9c2ea66adc0e15f07a9070ca46f685042b41042', class: "col-12" }, h("form-control-text", { key: '614c03164e755b945610b91f8ec7757980956261', name: "postal_code", label: "Postal Code", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.postal_code, errorText: (_e = this.errors) === null || _e === void 0 ? void 0 : _e.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler })), h("div", { key: 'cfab73c10bf56bf001a246f0ad8c56fd8c36fbeb', class: "col-12" }, h("form-control-select", { key: 'd42b86c2d2de13504f2934fa63a3e83f998134ac', name: "country", label: "Country", options: [{ label: "United States", value: "USA" }], inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.country, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.country,
             // just for now so we skip handling country specificities
             disabled: true }))))));
     }

package/dist/module/legal-address-form.js

@@ -26,7 +26,7 @@ const LegalAddressForm = /*@__PURE__*/ proxyCustomElement(class LegalAddressForm
     render() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
         const legalAddressDefaultValue = this.formController.getInitialValues().legal_address;
-        return (h(Host, { key: '794669fd0c563f54abde94146df007b114c30465', exportparts: "label,input,input-invalid" }, h("fieldset", { key: '34cf40bcf68c4b0af97363700ede8d5ef778c38c' }, h("legend", { key: 'deb0acfa3da0128a9337ddddd76592d7569685c6' }, "Business Legal Address"), h("hr", { key: '1d01aa0b9577c47c24af4e85728828d41164c5ee' }), h("div", { key: '2199ba800c530bb9a5704431103660a39bdf70fb', class: "row gy-3" }, h("div", { key: '811fa71f919e62d6ecf44fd97e5940473bdb2a51', class: "col-12" }, h("form-control-text", { key: '06305b11aecb6b49bc8d3c0b39b8652f3968083e', name: "line1", label: "Legal Address", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line1, errorText: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address) === null || _b === void 0 ? void 0 : _b.line1 })), h("div", { key: 'c1a2aad7893ac8f5aed57e662ce0704a4e0ed2fa', class: "col-12" }, h("form-control-text", { key: '858e3e7be65828a89b07f954e82033c76f4ab350', name: "line2", label: "Address Line 2", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line2, errorText: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.legal_address) === null || _d === void 0 ? void 0 : _d.line2 })), h("div", { key: '641805ddb44395c77020e708b60ff2a09ffc5d5b', class: "col-12" }, h("form-control-text", { key: '6d881c0aacf9a689305a15f353d376917a6e8aff', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.city, errorText: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.legal_address) === null || _f === void 0 ? void 0 : _f.city })), h("div", { key: '6bab46c2823b9da84ac66496b80a4f98d237ccfe', class: "col-12" }, h("form-control-select", { key: '0cc60022e6862884df786ea7414cf4cae4c45728', name: "state", label: "State", options: StateOptions, inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.state, errorText: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.legal_address) === null || _h === void 0 ? void 0 : _h.state })), h("div", { key: 'ff349be7524f3b3fc7a3adee03259f7b8bf10390', class: "col-12" }, h("form-control-text", { key: '015277e0bde6a15077744f9d09bc016a0db4b465', name: "postal_code", label: "Postal Code", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.postal_code, errorText: (_k = (_j = this.errors) === null || _j === void 0 ? void 0 : _j.legal_address) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler })), h("div", { key: 'd6097ef782c0d47a2d93c4624635e7f820dac95d', class: "col-12" }, h("form-control-select", { key: '396a8c6bc10f288bde9289b7177c161e42f60b7e', name: "country", label: "Country", options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.country, errorText: (_m = (_l = this.errors) === null || _l === void 0 ? void 0 : _l.legal_address) === null || _m === void 0 ? void 0 : _m.country,
+        return (h(Host, { key: 'c882f02585a8b78ddd35e0d28a71252324631634', exportparts: "label,input,input-invalid" }, h("fieldset", { key: '7b41893d22bc032020060200e63f80707385585c' }, h("legend", { key: 'ddd67063e34b95920080bd649c0e3cfd1f4f1c0b' }, "Business Legal Address"), h("hr", { key: '7a74e634115497c445437543120bc8d9ff2d16ef' }), h("div", { key: 'acd00ea38decc4f4605ba058e2580626a86397a4', class: "row gy-3" }, h("div", { key: 'ca5a109b181dceab7d71bf3b7aa4cbaadc70ad6f', class: "col-12" }, h("form-control-text", { key: '67271661212a45157e37fe136a4a778552a9bfc9', name: "line1", label: "Legal Address", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line1, errorText: (_b = (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address) === null || _b === void 0 ? void 0 : _b.line1 })), h("div", { key: '1d2ed08d41694bf530c92c1cd6f7092c46f93b40', class: "col-12" }, h("form-control-text", { key: '66dcae505b16fe4a5cb43e541f197d7de45f374e', name: "line2", label: "Address Line 2", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line2, errorText: (_d = (_c = this.errors) === null || _c === void 0 ? void 0 : _c.legal_address) === null || _d === void 0 ? void 0 : _d.line2 })), h("div", { key: 'ad5bd6ecb8fd5afec958d44fe6fb265b8cfac358', class: "col-12" }, h("form-control-text", { key: '33053662779ae34f6117fec9d2c8f2b3ae57ab53', name: "city", label: "City", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.city, errorText: (_f = (_e = this.errors) === null || _e === void 0 ? void 0 : _e.legal_address) === null || _f === void 0 ? void 0 : _f.city })), h("div", { key: 'fa19d830d677b2e183dff7ee8532c23e77d2d162', class: "col-12" }, h("form-control-select", { key: '481324e4af2b4af52cd9955331b402a30ca0bc45', name: "state", label: "State", options: StateOptions, inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.state, errorText: (_h = (_g = this.errors) === null || _g === void 0 ? void 0 : _g.legal_address) === null || _h === void 0 ? void 0 : _h.state })), h("div", { key: '76642ac99c59d4a4a75b2d8b03cffe807d96d62b', class: "col-12" }, h("form-control-text", { key: '0d46bb841e259ff86da5aff4e1e8ac9b000db331', name: "postal_code", label: "Postal Code", inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.postal_code, errorText: (_k = (_j = this.errors) === null || _j === void 0 ? void 0 : _j.legal_address) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler })), h("div", { key: '947782f5fa17fa0df3e431fe587d1efefbecdc27', class: "col-12" }, h("form-control-select", { key: 'd8848595610231ad5bf86f21eaad4bbb45617b01', name: "country", label: "Country", options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.country, errorText: (_m = (_l = this.errors) === null || _l === void 0 ? void 0 : _l.legal_address) === null || _m === void 0 ? void 0 : _m.country,
             // just for now so we skip handling country specificities
             disabled: true }))))));
     }