@justifi/webcomponents 4.20.1 → 4.22.0

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

@@ -1,16 +1,19 @@
 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';
-import { d as defineCustomElement$5 } from './form-control-error-text2.js';
-import { d as defineCustomElement$4 } from './form-control-help-text2.js';
-import { d as defineCustomElement$3 } from './form-control-monetary2.js';
-import { d as defineCustomElement$2 } from './form-control-text2.js';
+import { d as defineCustomElement$7 } from './custom-popper2.js';
+import { d as defineCustomElement$6 } from './form-control-error-text2.js';
+import { d as defineCustomElement$5 } from './form-control-help-text2.js';
+import { d as defineCustomElement$4 } from './form-control-monetary2.js';
+import { d as defineCustomElement$3 } from './form-control-text2.js';
+import { d as defineCustomElement$2 } from './form-control-tooltip2.js';
 
 const RefundFormSchema = create$3().shape({
     amount: create$5()
@@ -100,7 +103,7 @@ const RefundForm = /*@__PURE__*/ proxyCustomElement(class RefundForm extends HTM
     }
     render() {
         var _a;
-        return (h(StyledHost, { key: 'bb3d26c841a9697e5881426fb92027e1fff62e9f' }, h("h1", { key: 'b89354d3dec27b3e496af20957fa4d30b7c2e99e' }, "Refund"), this.refundInfoText && (h("div", { key: '493ff3e052c5b28bb382355dd32ebf407446346d', class: "d-flex align-items-center flex-row gap-4 border-top border-bottom my-4 p-3", role: "alert" }, h("img", { key: '72211dc3be8aef8bb87aaff278455170a2be0ed4', src: "/info-icon.svg", alt: "Information", height: "30", width: "30" }), h("p", { key: 'fa22ea217cbb789cd6a4d2798903df20c7a99c3a', class: "m-0", innerHTML: this.refundInfoText }))), h("form", { key: 'd698a190fbc5f92375cda2707ea54a0b7d7ca4c3', onSubmit: e => this.handleSubmit(e), class: "d-grid gap-4" }, h("div", { key: '68796a301cea039ba86eaba91e4a63f7db800f47', class: "form-group" }, h("form-control-monetary", { key: '7a03e3d50bad0f932ca69ba7bb8c20cf80d62bc7', 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: 'b4c548b884d7b537a8caa8c91da505af6f6bd6ad', class: "form-group" }, h("form-control-text", { key: '936fb7ee8ce365311c9f368fc7a3c4f183d675ba', name: "notes", label: "Additional Notes", inputHandler: (name, value) => this.handleInput(name, value), errorText: this.errors.notes })), this.withButton && (h("div", { key: '9b8c5c4175279e8ce5d4d5c10de9ac1e3249bae7', class: "form-group d-flex flex-row-reverse" }, h("button", { key: '8f8a0a878a541d1740d63927d36ad7f2982f83cb', 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", {
@@ -117,29 +120,39 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-refund-form", "form-control-error-text", "form-control-help-text", "form-control-monetary", "form-control-text"];
+    const components = ["justifi-refund-form", "custom-popper", "form-control-error-text", "form-control-help-text", "form-control-monetary", "form-control-text", "form-control-tooltip"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-refund-form":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, RefundForm);
             }
             break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
         case "form-control-error-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$5();
+                defineCustomElement$6();
             }
             break;
         case "form-control-help-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$4();
+                defineCustomElement$5();
             }
             break;
         case "form-control-monetary":
             if (!customElements.get(tagName)) {
-                defineCustomElement$3();
+                defineCustomElement$4();
             }
             break;
         case "form-control-text":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "form-control-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }

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: '0ef99882f70c9886e8a5b49da5fe89dd4421067a', 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

@@ -2,18 +2,21 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { a as addressSchema } from './business-address-schema.js';
 import { F as FormController } from './form.js';
 import { b as Address } from './Business.js';
+import { B as BusinessFormStepV2 } from './business-form-types.js';
 import { S as StateOptions } from './state-options.js';
 import { n as numberOnlyHandler } from './utils4.js';
+import { d as defineCustomElement$5 } from './custom-popper2.js';
 import { d as defineCustomElement$4 } from './form-control-error-text2.js';
-import { d as defineCustomElement$3 } from './form-control-help-text2.js';
-import { d as defineCustomElement$2 } from './form-control-select2.js';
-import { d as defineCustomElement$1 } from './form-control-text2.js';
+import { d as defineCustomElement$3 } from './form-control-select2.js';
+import { d as defineCustomElement$2 } from './form-control-text2.js';
+import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 
 const LegalAddressFormStepCore = /*@__PURE__*/ proxyCustomElement(class LegalAddressFormStepCore extends HTMLElement {
     constructor() {
         super();
         this.__registerHost();
         this.submitted = createEvent(this, "submitted", 7);
+        this.stepCompleted = createEvent(this, "form-step-completed", 7);
         this.formLoading = createEvent(this, "formLoading", 7);
         this.errorEvent = createEvent(this, "error-event", 7);
         this.getData = () => {
@@ -52,6 +55,7 @@ const LegalAddressFormStepCore = /*@__PURE__*/ proxyCustomElement(class LegalAdd
                 },
                 final: () => {
                     this.submitted.emit({ data: { submittedData } });
+                    this.stepCompleted.emit({ data: submittedData, formStep: BusinessFormStepV2.legalAddress });
                     this.formLoading.emit(false);
                 }
             });
@@ -86,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: '5a95fe5a130deded7e160e6fe4ba1d09e6a6aabc' }, h("fieldset", { key: '2011fac5c860b7beee5eaac28e697b284067f2e6' }, h("legend", { key: 'dbe411d80d10a71bc63f18fcdb58a40b124e8eaf' }, "Business Legal Address"), h("hr", { key: '4a91dd5e67e5770778d2dd59716e1e532d644ee9' }), h("div", { key: 'cd53516a98498ab82ab347a1f7c836be262b9fdb', class: 'row gy-3' }, h("div", { key: '14cd5fee5661681ccff95eabf8cd6f2d4cff2296', class: 'col-12' }, h("form-control-text", { key: 'e4b0a5e30fc1a35e5127a76710211874fb68898b', 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: '2c35da509732e73e2abb4365d6d9e2056d7ce771', class: 'col-12' }, h("form-control-text", { key: 'c8ae2a5c75d0fe8c5ddd46d9150590b8a4f99a5e', name: 'line2', label: 'Address Line 2', 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: '07649ebd5a848eee63398965c30e8e30fcc88354', class: 'col-12' }, h("form-control-text", { key: 'cb25047c3458124f7d837b7948e807214f1a0a0a', 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: 'ce3ddc5f3639503dbc02668aea7139ffff376545', class: 'col-12' }, h("form-control-select", { key: '00d18b4af1f415828b40404888a6c69d0611d0cc', 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: '1988bd739af107d9595f6fed897f257da13ac997', class: 'col-12' }, h("form-control-text", { key: '55144c39845d4cc36704170b73458f761f311d00', 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: 'cccba799a75280693f461f390121b13006877f35', class: 'col-12' }, h("form-control-select", { key: 'e49b21a781280fb2e9cc9f6b88ddcc6d7408c5f8', 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 }))))));
     }
@@ -103,29 +107,34 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-legal-address-form-step-core", "form-control-error-text", "form-control-help-text", "form-control-select", "form-control-text"];
+    const components = ["justifi-legal-address-form-step-core", "custom-popper", "form-control-error-text", "form-control-select", "form-control-text", "form-control-tooltip"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-legal-address-form-step-core":
             if (!customElements.get(tagName)) {
                 customElements.define(tagName, LegalAddressFormStepCore);
             }
             break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
         case "form-control-error-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }
             break;
-        case "form-control-help-text":
+        case "form-control-select":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }
             break;
-        case "form-control-select":
+        case "form-control-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }
             break;
-        case "form-control-text":
+        case "form-control-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$1();
             }