@justifi/webcomponents 4.19.1-rc → 4.19.1-rc-3

package/dist/webcomponents/p-576826b1.entry.js

@@ -0,0 +1,43 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './p-fad19d75.js';
+
+const NumberInput = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.formControlInput = createEvent(this, "formControlInput", 7);
+        this.formControlBlur = createEvent(this, "formControlBlur", 7);
+        this.handleFormControlInput = (event) => {
+            const target = event.target;
+            const name = target.getAttribute('name');
+            this.inputHandler(name, target.value);
+            this.formControlInput.emit({ name, value: target.value });
+        };
+        this.updateInput = (newValue) => {
+            const inputElement = this.el.querySelector('input');
+            if (inputElement) {
+                inputElement.value = newValue || '';
+            }
+        };
+        this.label = undefined;
+        this.name = undefined;
+        this.helpText = undefined;
+        this.errorText = undefined;
+        this.defaultValue = undefined;
+        this.inputHandler = undefined;
+        this.disabled = undefined;
+    }
+    handleDefaultValueChange(newValue) {
+        this.updateInput(newValue);
+    }
+    componentDidLoad() {
+        this.updateInput(this.defaultValue);
+    }
+    render() {
+        return (h(Host, { key: 'dd43d75b327c05e75b453b954346c6ffcd85a2f5', exportparts: 'label,input,input-invalid' }, h("div", { key: '5215f62251bd89be493ddffe46bf0c466b42e314', class: 'form-group d-flex flex-column' }, h("label", { key: 'f0409970f8d43bcdef92b81363cc24aa1bb691a0', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '9c6a5899e64ba1a8af6af80c63b6a0895351da63', id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "number", disabled: this.disabled }), h("form-control-help-text", { key: 'cd7b4a724427383cafc04137f6feca473695b020', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '04748d3c5b1067b0312a2b7c36369e2a21a7215f', errorText: this.errorText, name: this.name }))));
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "defaultValue": ["handleDefaultValueChange"]
+    }; }
+};
+
+export { NumberInput as form_control_number };

package/dist/webcomponents/p-5968ff8a.js

@@ -1 +1,178 @@
-import{C as r}from"./p-14c91ffd.js";import{g as e,a as o}from"./p-8115b2f4.js";const n=({authToken:n,businessId:t,service:s})=>async({onSuccess:i,onError:c,final:a=(()=>{})})=>{var u;try{const a=await s.fetchBusiness(t,n);if(a.error){return c({error:e(a.error),code:o(null===(u=a.error)||void 0===u?void 0:u.code),severity:r.ERROR})}i(a)}catch(e){const n=o(null==e?void 0:e.code);return c({error:e.message||e,code:n,severity:r.ERROR})}finally{return a()}},t=({authToken:n,businessId:t,service:s})=>async({payload:i,onSuccess:c,onError:a,final:u=(()=>{})})=>{var d;try{const u=await s.patchBusiness(n,t,i);if(u.error){return a({error:e(u.error),code:o(null===(d=u.error)||void 0===d?void 0:d.code),severity:r.ERROR})}c(u)}catch(e){const n=o(null==e?void 0:e.code);return a({error:e.message||e,code:n,severity:r.ERROR})}finally{return u()}},s=({authToken:n,businessId:t,product:s,service:i})=>async({onSuccess:c,onError:a})=>{var u;try{const d=await i.postProvisioning(n,t,s);if(d.error){return a({error:e(d.error),code:o(null===(u=d.error)||void 0===u?void 0:u.code),severity:r.ERROR})}c(d)}catch(e){const n=o(null==e?void 0:e.code);return a({error:e.message||e,code:n,severity:r.ERROR})}},i=({authToken:n,identityId:t,service:s})=>async({onSuccess:i,onError:c,final:a=(()=>{})})=>{var u;try{const a=await s.fetchIdentity(t,n);if(a.error){return c({error:e(a.error),code:o(null===(u=a.error)||void 0===u?void 0:u.code),severity:r.ERROR})}i(a)}catch(e){const n=o(null==e?void 0:e.code);return c({error:e.message||e,code:n,severity:r.ERROR})}finally{return a()}},c=({authToken:n,identityId:t,service:s})=>async({payload:i,onSuccess:c,onError:a,final:u=(()=>{})})=>{var d;try{const u=await s.patchIdentity(n,t,i);if(u.error){return a({error:e(u.error),code:o(null===(d=u.error)||void 0===d?void 0:d.code),severity:r.ERROR})}c(u)}catch(e){const n=o(null==e?void 0:e.code);return a({error:e.message||e,code:n,severity:r.ERROR})}finally{return u()}},a=({authToken:n,service:t})=>async({payload:s,onSuccess:i,onError:c,final:a=(()=>{})})=>{var u;try{const a=await t.postIdentity(n,s);if(a.error){return c({error:e(a.error),code:o(null===(u=a.error)||void 0===u?void 0:u.code),severity:r.ERROR})}i(a)}catch(e){const n=o(null==e?void 0:e.code);return c({error:e.message||e,code:n,severity:r.ERROR})}finally{return a()}};export{s as a,t as b,i as c,c as d,a as e,n as m}
+import { C as ComponentErrorSeverity } from './p-14c91ffd.js';
+import { g as getErrorMessage, a as getErrorCode } from './p-8115b2f4.js';
+
+// Entity API Actions
+const makeGetBusiness = ({ authToken, businessId, service }) => async ({ onSuccess, onError, final = () => { } }) => {
+    var _a;
+    try {
+        const response = await service.fetchBusiness(businessId, authToken);
+        if (!response.error) {
+            onSuccess(response);
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.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,
+        });
+    }
+    finally {
+        return final();
+    }
+};
+const makePatchBusiness = ({ authToken, businessId, service }) => async ({ payload, onSuccess, onError, final = () => { } }) => {
+    var _a;
+    try {
+        const response = await service.patchBusiness(authToken, businessId, payload);
+        if (!response.error) {
+            onSuccess(response);
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.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,
+        });
+    }
+    finally {
+        return final();
+    }
+};
+const makePostProvisioning = ({ authToken, businessId, product, service }) => async ({ onSuccess, onError }) => {
+    var _a;
+    try {
+        const response = await service.postProvisioning(authToken, businessId, product);
+        if (!response.error) {
+            onSuccess(response);
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.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,
+        });
+    }
+};
+// Identity API Actions
+const makeGetIdentity = ({ authToken, identityId, service }) => async ({ onSuccess, onError, final = () => { } }) => {
+    var _a;
+    try {
+        const response = await service.fetchIdentity(identityId, authToken);
+        if (!response.error) {
+            onSuccess(response);
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.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,
+        });
+    }
+    finally {
+        return final();
+    }
+};
+const makePatchIdentity = ({ authToken, identityId, service }) => async ({ payload, onSuccess, onError, final = () => { } }) => {
+    var _a;
+    try {
+        const response = await service.patchIdentity(authToken, identityId, payload);
+        if (!response.error) {
+            onSuccess(response);
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.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,
+        });
+    }
+    finally {
+        return final();
+    }
+};
+const makePostIdentity = ({ authToken, service }) => async ({ payload, onSuccess, onError, final = () => { } }) => {
+    var _a;
+    try {
+        const response = await service.postIdentity(authToken, payload);
+        if (!response.error) {
+            onSuccess(response);
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.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,
+        });
+    }
+    finally {
+        return final();
+    }
+};
+
+export { makePostProvisioning as a, makePatchBusiness as b, makeGetIdentity as c, makePatchIdentity as d, makePostIdentity as e, makeGetBusiness as m };

package/dist/webcomponents/p-5bd7b204.entry.js

@@ -0,0 +1,75 @@
+import { r as registerInstance, c as createEvent, h } from './p-fad19d75.js';
+import { J as JustifiAnalytics } from './p-387450f6.js';
+import './p-2dabeb5a.js';
+import './p-29c0b182.js';
+
+const CardForm = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.cardFormReady = createEvent(this, "cardFormReady", 7);
+        this.ready = createEvent(this, "ready", 7);
+        this.cardFormTokenized = createEvent(this, "cardFormTokenize", 7);
+        this.cardFormValidated = createEvent(this, "cardFormValidate", 7);
+        this.validationMode = undefined;
+        this.iframeOrigin = undefined;
+        this.singleLine = false;
+        this.internalStyleOverrides = undefined;
+    }
+    readyHandler(event) {
+        console.warn(`The 'cardFormReady' event is deprecated in the next major release and will be renamed to 'ready'`);
+        this.cardFormReady.emit(event);
+        this.ready.emit(event);
+    }
+    tokenizeHandler(event) {
+        console.warn(`The 'cardFormTokenize' event is deprecated in the next major release. Please refer to the documentation for the migration process and alternative approach. This method will be removed in the future.`);
+        this.cardFormTokenized.emit(event);
+    }
+    validateHandler(event) {
+        console.warn(`The 'cardFormValidate' event is deprecated in the next major release. Please refer to the documentation for the migration process and alternative approach. This method will be removed in the future.`);
+        this.cardFormValidated.emit(event);
+    }
+    componentWillLoad() {
+        this.analytics = new JustifiAnalytics(this);
+    }
+    disconnectedCallback() {
+        this.analytics.cleanup();
+    }
+    /**
+     *  Makes a tokenization request to the iframe
+     */
+    async tokenize(...args) {
+        if (!this.childRef) {
+            throw new Error('Cannot call tokenize');
+        }
+        return this.childRef.tokenize(...args);
+    }
+    /**
+     *  Runs a validation on the form and shows errors if any
+     */
+    async validate() {
+        if (!this.childRef) {
+            throw new Error('Cannot call validate');
+        }
+        return this.childRef.validate();
+    }
+    /**
+     *  Manually resizes the iframe to fit the contents of the iframe
+     *  @deprecated This method will be removed in future releases.
+     */
+    async resize() {
+        console.warn(`The 'resize' method is deprecated and will be removed in the next major release. Please refer to the documentation for the migration process and alternative approach.`);
+        if (!this.childRef) {
+            throw new Error('Cannot call validate');
+        }
+        return this.childRef.resize();
+    }
+    render() {
+        return (h("justifi-payment-method-form", { key: 'cc0ad5d8a262ff5c8422d247caed469a8dea3488', ref: el => {
+                if (el) {
+                    this.childRef = el;
+                }
+            }, "iframe-origin": this.iframeOrigin, "payment-method-form-type": "card", "single-line": this.singleLine, "payment-method-form-ready": this.cardFormReady, "payment-method-form-validate": this.cardFormValidated, "payment-method-form-tokenize": this.cardFormTokenized, "payment-method-form-validation-mode": this.validationMode || 'onSubmit' }));
+    }
+};
+
+export { CardForm as justifi_card_form };

package/dist/webcomponents/p-5cb3f0b2.entry.js

@@ -0,0 +1,261 @@
+import { r as registerInstance, c as createEvent, h } from './p-fad19d75.js';
+import { c as makeGetIdentity, d as makePatchIdentity, e as makePostIdentity } from './p-5968ff8a.js';
+import { I as IdentityService } from './p-3e9ef4a8.js';
+import { F as FormController } from './p-2eab3c90.js';
+import { O as Owner } from './p-af244664.js';
+import { a as BusinessFormClickActions } from './p-d89bad72.js';
+import { c as parseIdentityInfo, i as identitySchema } from './p-85fc69e5.js';
+import { B as Button } from './p-9c9c7dac.js';
+import { S as SSN_MASK, P as PHONE_MASKS } from './p-525db3e8.js';
+import { u as updateFormValues, a as updateAddressFormValues, b as updateDateOfBirthFormValues } from './p-7d85af5c.js';
+import './p-14c91ffd.js';
+import './p-8115b2f4.js';
+import './p-29c0b182.js';
+import './p-1ff8810b.js';
+import './p-6078a370.js';
+import './p-89887332.js';
+import './p-ba5fae28.js';
+
+const BusinessOwnerForm = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.getOwner = undefined;
+        this.patchOwner = undefined;
+        this.postOwner = undefined;
+        this.authToken = undefined;
+        this.ownerId = undefined;
+        this.businessId = undefined;
+        this.allowOptionalFields = undefined;
+        this.removeOwner = undefined;
+        this.newFormOpen = undefined;
+        this.ownersLength = undefined;
+    }
+    async validate() {
+        return this.coreComponent.validate();
+    }
+    async submit() {
+        return this.coreComponent.submit();
+    }
+    async validateAndSubmit({ onSuccess }) {
+        this.coreComponent.validateAndSubmit({ onSuccess });
+    }
+    componentWillLoad() {
+        this.initializeApi();
+    }
+    initializeApi() {
+        if (!this.authToken) {
+            return;
+        }
+        this.getOwner = makeGetIdentity({
+            authToken: this.authToken,
+            identityId: this.ownerId,
+            service: new IdentityService()
+        });
+        this.patchOwner = makePatchIdentity({
+            authToken: this.authToken,
+            identityId: this.ownerId,
+            service: new IdentityService()
+        });
+        this.postOwner = makePostIdentity({
+            authToken: this.authToken,
+            service: new IdentityService()
+        });
+    }
+    render() {
+        return (h("owner-form-core", { key: '332d1e77d01886f13aba09b32b2d5f2199131619', ownerId: this.ownerId, businessId: this.businessId, getOwner: this.getOwner, patchOwner: this.patchOwner, postOwner: this.postOwner, allowOptionalFields: this.allowOptionalFields, removeOwner: this.removeOwner, newFormOpen: this.newFormOpen, ownersLength: this.ownersLength, ref: ref => this.coreComponent = ref }));
+    }
+};
+
+const BusinessOwnerFormCore = class {
+    loadingWatcher() {
+        this.formLoading.emit(this.isLoading);
+    }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.submitted = createEvent(this, "submitted", 7);
+        this.ownerSubmitted = createEvent(this, "ownerSubmitted", 7);
+        this.clickEvent = createEvent(this, "click-event", 7);
+        this.formLoading = createEvent(this, "formLoading", 7);
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.getData = () => {
+            this.isLoading = true;
+            this.getOwner({
+                onSuccess: (response) => {
+                    this.instantiateOwner(response.data);
+                },
+                onError: ({ error, code, severity }) => {
+                    this.errorEvent.emit({
+                        message: error,
+                        errorCode: code,
+                        severity: severity
+                    });
+                },
+                final: () => this.isLoading = false
+            });
+        };
+        this.sendData = () => {
+            this.isLoading = true;
+            return new Promise((resolve) => {
+                if (this.ownerId) {
+                    this.patchOwner({
+                        payload: this.payload,
+                        onSuccess: (response) => {
+                            this.submitted.emit({
+                                data: response,
+                                metadata: { ownerID: response.data.id }
+                            });
+                            this.ownerSubmitted.emit({ id: response.data.id });
+                            this.instantiateOwner(response.data);
+                            resolve(true);
+                        },
+                        onError: ({ error, code, severity }) => {
+                            this.submitted.emit({ data: { error } });
+                            this.errorEvent.emit({
+                                message: error,
+                                errorCode: code,
+                                severity: severity
+                            });
+                            resolve(false);
+                        },
+                        final: () => this.isLoading = false
+                    });
+                }
+                else {
+                    this.postOwner({
+                        payload: this.payload,
+                        onSuccess: (response) => {
+                            this.submitted.emit({
+                                data: response,
+                                metadata: { ownerID: response.data.id }
+                            });
+                            this.ownerSubmitted.emit({ id: response.data.id });
+                            this.instantiateOwner(response.data);
+                            resolve(true);
+                        },
+                        onError: ({ error, code, severity }) => {
+                            this.submitted.emit({ data: { error } });
+                            this.errorEvent.emit({
+                                message: error,
+                                errorCode: code,
+                                severity: severity
+                            });
+                            resolve(false);
+                        },
+                        final: () => this.isLoading = false
+                    });
+                }
+            });
+        };
+        this.instantiateOwner = async (data) => {
+            this.owner = Object.assign({}, new Owner(data));
+            await this.formController.setInitialValues(this.owner);
+        };
+        this.handleAddOwner = () => {
+            const eventName = this.ownerId ? BusinessFormClickActions.updateOwner : BusinessFormClickActions.addOwner;
+            this.clickEvent.emit({ name: eventName });
+        };
+        this.handleRemoveOwner = () => {
+            this.removeOwner(this.ownerId);
+            this.clickEvent.emit({ name: BusinessFormClickActions.removeOwner });
+        };
+        this.isLoading = false;
+        this.formController = undefined;
+        this.errors = {};
+        this.owner = {};
+        this.ownerId = undefined;
+        this.businessId = undefined;
+        this.getOwner = undefined;
+        this.patchOwner = undefined;
+        this.postOwner = undefined;
+        this.allowOptionalFields = undefined;
+        this.removeOwner = undefined;
+        this.newFormOpen = undefined;
+        this.ownersLength = undefined;
+        this.validate = this.validate.bind(this);
+        this.submit = this.submit.bind(this);
+        this.validateAndSubmit = this.validateAndSubmit.bind(this);
+    }
+    async returnOwnerData() {
+        return this.ownerId;
+    }
+    async validate() {
+        return this.formController.validate();
+    }
+    async submit() {
+        const isValid = await this.validate();
+        if (isValid) {
+            return this.sendData();
+        }
+    }
+    async validateAndSubmit(event) {
+        event.preventDefault();
+        const isValid = await this.validate();
+        if (isValid) {
+            this.submit();
+        }
+    }
+    get payload() {
+        let formValues = parseIdentityInfo(this.formController.values.getValue());
+        if (this.ownerId) {
+            return JSON.stringify(formValues);
+        }
+        else {
+            return JSON.stringify(Object.assign(Object.assign({}, formValues), { business_id: this.businessId }));
+        }
+    }
+    get formTitle() {
+        return this.ownerId ? 'Edit Business Owner' : 'Add Business Owner';
+    }
+    get submitButtonText() {
+        return this.ownerId ? 'Update' : 'Add';
+    }
+    get showRemoveButton() {
+        const blankForm = !this.ownerId && this.newFormOpen;
+        if (this.ownersLength <= 1) {
+            return false;
+        }
+        else {
+            if (blankForm) {
+                return true;
+            }
+            else if (this.ownerId && !this.newFormOpen) {
+                return true;
+            }
+        }
+    }
+    componentWillLoad() {
+        this.formController = new FormController(identitySchema('owner', this.allowOptionalFields));
+        this.ownerId ? this.getData() : this.instantiateOwner({});
+    }
+    componentDidLoad() {
+        this.formController.errors.subscribe(errors => (this.errors = Object.assign({}, errors)));
+    }
+    render() {
+        return (h("form", { key: 'b2e2aaced859260e9d2ef59bc3f8a0763d05872c', onSubmit: this.validateAndSubmit }, h("fieldset", { key: '2a93ddb4c945be0ec081ce31d6d9eff4b302d622' }, h("legend", { key: 'ea9859e55099e3f8263024d884edfb48b3666eaa', class: "fw-semibold fs-5" }, this.formTitle), h("br", { key: 'f646c1ecc544c358d87e701aba8e151fcb96c54e' }), h("div", { key: '874bf4ebd7cef0afbdee96fa4d5679b6d683b0f0', class: "row gy-3" }, h("owner-form-inputs", { key: '866dbf0002ec1ac70d7942c6011c67f8cd144960', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController }), h("div", { key: '15d907270ecf3d16769cedea39ba279d7ffb0748', class: "d-flex gap-2 justify-content-start" }, h(Button, { key: '84c09ef594e7fa387e64a09014de81ed713cc765', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), h(Button, { key: '1dafd97aa7b84644c9d011224a152ad7f99ce620', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), h("hr", { key: 'f1f31da4d147afcd01ef96acd01d63ee9497dd6b' }))));
+    }
+    static get watchers() { return {
+        "isLoading": ["loadingWatcher"]
+    }; }
+};
+
+const BusinessOwnerFormInputs = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.inputHandler = (name, value) => {
+            updateFormValues(this.formController, { [name]: value });
+        };
+        this.onAddressFormUpdate = (values) => {
+            updateAddressFormValues(this.formController, Object.assign(Object.assign({}, this.formController.values.getValue().address), values));
+        };
+        this.ownerDefaultValue = undefined;
+        this.errors = undefined;
+        this.formController = undefined;
+    }
+    render() {
+        return (h("div", { key: '6fcc165d4bc75b92403d9031ad98f05f6b1dcd34', class: 'row gy-3' }, h("div", { key: '74f1e42a13892e95497a99684ba9de64719edb72', class: 'col-12 col-md-6' }, h("form-control-text", { key: '29caea2b0b0a62822cc20c99e697f3db7c22a541', name: 'name', label: 'Full Name', defaultValue: this.ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '5b0f8da9a0512de70558baa9cb188b4d5e773dc2', class: 'col-12 col-md-4' }, h("form-control-text", { key: '5967094f115a64876f8dc943a273f5a22b193f1c', name: 'title', label: 'Title', defaultValue: this.ownerDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: '6c05fec9b87f8ba5e3be9ce74ef727a1e4b14905', class: 'col-12 col-md-6' }, h("form-control-text", { key: '8c5b2839b6de605915d8e7c14a0ba22d3f440bda', name: 'email', label: 'Email Address', defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'd7eae882aea84b8562e459e66bc1ba885c4be3c7', class: 'col-12 col-md-6' }, h("form-control-number-masked", { key: '2d6b33f47e4008745fd65c5ef3cb60dd92b85eba', name: 'phone', label: 'Phone Number', defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '92b825163aedf052bdb89721397da69c717e595d', class: 'col-12 col-md-4' }, h("form-control-date", { key: 'cd884b773ef0eb60effc61e8cfbf42b21620cd1c', name: 'dob_full', label: 'Birth Date', defaultValue: this.ownerDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController) })), h("div", { key: '614ba65972946645ba5c7a299c00efd0e85abf5e', class: 'col-12 col-md-8' }, h("form-control-number-masked", { key: '7cd9fe7a1b56d351942a0b962f3c7227459406ae', name: 'identification_number', label: 'SSN', defaultValue: this.ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { key: 'ce08f35a16de4b9be65377cde0a9daa5b4cbe876', class: 'col-12' }, h("justifi-identity-address-form", { key: '79a7f5e8c08fc57383c1975145a6b06bd4e615dd', errors: this.errors.address, defaultValues: this.ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate }))));
+    }
+    ;
+};
+
+export { BusinessOwnerForm as justifi_owner_form, BusinessOwnerFormCore as owner_form_core, BusinessOwnerFormInputs as owner_form_inputs };

package/dist/webcomponents/p-5e70442b.entry.js

@@ -0,0 +1,74 @@
+import { r as registerInstance, c as createEvent, h } from './p-fad19d75.js';
+import { J as JustifiAnalytics } from './p-387450f6.js';
+import './p-2dabeb5a.js';
+import './p-29c0b182.js';
+
+const BankAccountForm = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.bankAccountFormReady = createEvent(this, "bankAccountFormReady", 7);
+        this.ready = createEvent(this, "ready", 7);
+        this.bankAccountFormTokenized = createEvent(this, "bankAccountFormTokenize", 7);
+        this.bankAccountFormValidated = createEvent(this, "bankAccountFormValidate", 7);
+        this.validationMode = undefined;
+        this.iframeOrigin = undefined;
+        this.internalStyleOverrides = undefined;
+    }
+    readyHandler(event) {
+        console.warn(`The 'bankAccountFormReady' event is deprecated in the next major release and will be renamed to 'ready'`);
+        this.bankAccountFormReady.emit(event);
+        this.ready.emit(event);
+    }
+    tokenizeHandler(event) {
+        console.warn(`The 'bankAccountFormTokenized' event is deprecated in the next major release. Please refer to the documentation for the migration process and alternative approach. This method will be removed in the future.`);
+        this.bankAccountFormTokenized.emit(event);
+    }
+    validateHandler(event) {
+        console.warn(`The 'bankAccountFormValidate' event is deprecated in the next major release. Please refer to the documentation for the migration process and alternative approach. This method will be removed in the future.`);
+        this.bankAccountFormValidated.emit(event);
+    }
+    componentWillLoad() {
+        this.analytics = new JustifiAnalytics(this);
+    }
+    disconnectedCallback() {
+        this.analytics.cleanup();
+    }
+    /**
+     *  Makes a tokenization request to the iframe
+     */
+    async tokenize(...args) {
+        if (!this.childRef) {
+            throw new Error('Cannot call tokenize');
+        }
+        return this.childRef.tokenize(...args);
+    }
+    /**
+     *  Runs a validation on the form and shows errors if any
+     */
+    async validate() {
+        if (!this.childRef) {
+            throw new Error('Cannot call validate');
+        }
+        return this.childRef.validate();
+    }
+    /**
+     *  Manually resizes the iframe to fit the contents of the iframe
+     *  @deprecated This method will be removed in future releases.
+     */
+    async resize() {
+        console.warn(`The 'resize' method is deprecated and will be removed in the next major release. Please refer to the documentation for the migration process and alternative approach.`);
+        if (!this.childRef) {
+            throw new Error('Cannot call validate');
+        }
+        return this.childRef.resize();
+    }
+    render() {
+        return (h("justifi-payment-method-form", { key: '646e392c1a9ed38e73780ed6a01b6f019767794c', ref: el => {
+                if (el) {
+                    this.childRef = el;
+                }
+            }, "iframe-origin": this.iframeOrigin, "payment-method-form-type": "bankAccount", "payment-method-form-ready": this.bankAccountFormReady, "payment-method-form-validated": this.bankAccountFormValidated, "payment-method-form-tokenize": this.bankAccountFormTokenized, "payment-method-form-validation-mode": this.validationMode || 'onSubmit' }));
+    }
+};
+
+export { BankAccountForm as justifi_bank_account_form };