@justifi/webcomponents 5.7.6 → 6.0.0-rc.1

package/dist/cjs/justifi-bank-account-billing-form-simple_9.cjs.entry.js

@@ -0,0 +1,372 @@
+'use strict';
+
+var index = require('./index-dm_GlYlb.js');
+var index_esm = require('./index.esm-BleZSAc0.js');
+var schemaValidations = require('./schema-validations-jek_iZ9W.js');
+var parts = require('./parts-9jMf1erK.js');
+var styledHost = require('./styled-host-CqQYxX-w.js');
+require('./event-types-YOY5TKUN.js');
+var skeleton = require('./skeleton-x-GSs3xk.js');
+var checkPkgVersion = require('./check-pkg-version-D_lazhBQ.js');
+var configState = require('./config-state-5xZf-jax.js');
+var header3 = require('./header-3-D9Wa0IfT.js');
+var utils = require('./utils-DAyWinG2.js');
+var stateOptions = require('./state-options-CIT9xdTz.js');
+var button = require('./button-CfVQSysQ.js');
+var checkout_store = require('./checkout.store-CV_fuGQw.js');
+require('./_commonjsHelpers-BJu3ubxk.js');
+require('./business-form-options-CMII7nIK.js');
+require('./Business-DCRzZf0w.js');
+require('./helpers-B5OCqlIM.js');
+require('./package-Cp_7Ls2E.js');
+require('./Api-CPuq_15r.js');
+require('./utils-BaGF9XIe.js');
+require('./dinero-BwNN_k7x.js');
+require('./ComponentError-D4OLnOkg.js');
+require('./Refund-CqWNG8sx.js');
+require('./Dispute-CruQTF6_.js');
+require('./Pagination-Dediz133.js');
+require('./index-Yd9aLenr.js');
+
+const JustifiRadioListItem = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.radioClick = index.createEvent(this, "radio-click");
+        this.checked = false;
+        this.hidden = false;
+        this.handleClick = () => {
+            this.radioClick.emit(this.value);
+        };
+    }
+    render() {
+        return (index.h(styledHost.StyledHost, { key: '492a73e2bab02c04aa8733ce0b9ab801e5ff8875' }, index.h("div", { key: 'c095a98ba11739b85ece4c7bb0e0c30e7e08ec7b', class: `radio-list-item p-3 ${this.class || ''}`, part: parts.radioListItem, onClick: this.handleClick, hidden: this.hidden }, index.h("form-control-radio", { key: '050ed9e552c4a8bf4462e544d3496bed356e7c06', name: this.name, value: this.value, checked: this.checked, label: this.label, inputHandler: () => null }))));
+    }
+};
+
+const fullBillingSchema = () => index_esm.create$3({
+    name: schemaValidations.identityNameValidation.required('Enter full name'),
+    address_line1: schemaValidations.lineOneValidation.required('Enter street address'),
+    address_line2: schemaValidations.lineTwoValidation.nullable(),
+    address_city: schemaValidations.cityValidation.required('Enter city'),
+    address_state: schemaValidations.stateValidation.required('Select state'),
+    address_postal_code: schemaValidations.postalValidation.required('Enter postal code'),
+});
+const postalOnlySchema = () => index_esm.create$3({
+    name: schemaValidations.identityNameValidation.nullable(),
+    address_line1: schemaValidations.lineOneValidation.nullable(),
+    address_line2: schemaValidations.lineTwoValidation.nullable(),
+    address_city: schemaValidations.cityValidation.nullable(),
+    address_state: schemaValidations.stateValidation.nullable(),
+    address_postal_code: schemaValidations.postalValidation.required('Enter postal code'),
+});
+const nameOnlySchema = () => index_esm.create$3({
+    name: schemaValidations.identityNameValidation.required('Enter full name'),
+    address_line1: schemaValidations.lineOneValidation.nullable(),
+    address_line2: schemaValidations.lineTwoValidation.nullable(),
+    address_city: schemaValidations.cityValidation.nullable(),
+    address_state: schemaValidations.stateValidation.nullable(),
+    address_postal_code: schemaValidations.postalValidation.nullable(),
+});
+
+const BankAccountBillingFormSimple = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.errors = {};
+        this.inputHandler = (name, value) => {
+            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
+        };
+    }
+    componentWillLoad() {
+        this.formController = new index_esm.FormController(nameOnlySchema());
+    }
+    componentDidLoad() {
+        this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    async getValues() {
+        return this.formController.values.getValue();
+    }
+    async fill(fields) {
+        this.formController.setInitialValues(fields);
+    }
+    async validate() {
+        const isValid = await this.formController.validate();
+        const errors = this.formController.errors.getValue();
+        return { isValid, errors };
+    }
+    render() {
+        const billingFormDefaultValue = this.formController.getInitialValues();
+        return (index.h(styledHost.StyledHost, { key: '81a8511265b4813817b4cf183aa176b464645e85' }, index.h("div", { key: '7dddd3ec7822077268c73da7d0f34a691ddde1cb', part: parts.billingForm, class: "mt-4" }, index.h("form", { key: '1c9000a4b022209129cf511d79a77cf3dc44b77e' }, index.h("fieldset", { key: '134c349c5745197b5ebb79b31748bf480e1cab7a' }, this.legend && (index.h("legend", { key: 'fb8e12086fd6fb51f7456d8fc6e82a9184514d4f' }, this.legend)), index.h("div", { key: 'a49ae2d182e442efbe44aae7c2e0a4e40dabe7d7', class: "row gy-3" }, index.h("div", { key: '2be4b2aab266d0fc17f32237693dea8578c7545d', class: "col-12" }, index.h("form-control-text", { key: '92d1b3b05ba04212e46feecfd886f7dcc912e4fe', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler }))))))));
+    }
+};
+
+const BankAccountFormSkeleton = (props) => {
+    const { isReady } = props;
+    if (isReady) {
+        return null;
+    }
+    return (index.h("div", { class: "container-fluid p-0" },
+        index.h("div", { class: "row mb-3" },
+            index.h("div", { class: "col-12 align-content-end" },
+                index.h(skeleton.Skeleton, { height: "18px", width: "120px" }),
+                index.h(skeleton.Skeleton, { height: "36px" }))),
+        index.h("div", { class: "row" },
+            index.h("div", { class: "col-12 align-content-end" },
+                index.h(skeleton.Skeleton, { height: "18px", width: "110px" }),
+                index.h(skeleton.Skeleton, { height: "36px" })))));
+};
+
+const BankAccountForm = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.isReady = false;
+    }
+    async componentWillLoad() {
+        await configState.waitForConfig();
+        this.iframeOrigin = configState.configState.iframeOrigin;
+        checkPkgVersion.checkPkgVersion();
+        this.analytics = new checkPkgVersion.JustifiAnalytics(this);
+    }
+    componentDidRender() {
+        const elements = [
+            this.accountNumberIframeElement,
+            this.routingNumberIframeElement,
+        ];
+        Promise.all(elements.map((element) => {
+            return new Promise((resolve) => {
+                element.addEventListener('iframeLoaded', () => { resolve(); });
+            });
+        })).then(() => {
+            this.isReady = true;
+        });
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
+    }
+    async validate() {
+        const accountNumberIsValid = await this.accountNumberIframeElement.validate();
+        const routingNumberIsValid = await this.routingNumberIframeElement.validate();
+        return accountNumberIsValid && routingNumberIsValid;
+    }
+    async tokenize({ clientId, paymentMethodMetadata, account }) {
+        return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
+    }
+    render() {
+        return (index.h(styledHost.StyledHost, { key: '653403782a62c5a2ea0675f9633c7197503c9ab7' }, index.h(BankAccountFormSkeleton, { key: '63f13c4e3c7ca588a17837faeca840302675c927', isReady: this.isReady }), index.h("hidden-input", { key: '7d825c7c130942e751f3ba17d195e979c406f4a6' }), index.h("div", { key: 'd9fec72e9526c9dadd3cae0af98d99b024320a2c', class: "container-fluid p-0", style: {
+                opacity: this.isReady ? '1' : '0',
+                height: this.isReady ? 'auto' : '0',
+            } }, index.h("div", { key: '22047ead687c0eb6cb724343091eac42760d93a4', class: "row mb-3" }, index.h("iframe-input", { key: '5f5a1300d37439b3c936dcc13e1e17cf779c9ba0', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), index.h("div", { key: '2898faa832be4454b81047cdc220cc418b6a6783', class: "row" }, index.h("iframe-input", { key: '962fc1a8504d5e84386818936b27d38ca580c410', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+    }
+};
+
+const BillingForm = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+    }
+    get showSimpleCardBillingForm() {
+        return this.paymentMethodType === 'card' && this.hideCardBillingForm;
+    }
+    get showSimpleBankAccountBillingForm() {
+        return this.paymentMethodType === 'bankAccount' && this.hideBankAccountBillingForm;
+    }
+    async getValues() {
+        var _a;
+        return (_a = this.selectedFormRef) === null || _a === void 0 ? void 0 : _a.getValues();
+    }
+    async fill(fields) {
+        var _a;
+        (_a = this.selectedFormRef) === null || _a === void 0 ? void 0 : _a.fill(fields);
+    }
+    async validate() {
+        var _a;
+        return (_a = this.selectedFormRef) === null || _a === void 0 ? void 0 : _a.validate();
+    }
+    render() {
+        if (this.showSimpleBankAccountBillingForm) {
+            return (index.h(index.Host, null, index.h("justifi-bank-account-billing-form-simple", { legend: this.legend, ref: (el) => (this.selectedFormRef = el) })));
+        }
+        if (this.showSimpleCardBillingForm) {
+            return (index.h(index.Host, null, index.h("justifi-card-billing-form-simple", { legend: this.legend, ref: (el) => (this.selectedFormRef = el) })));
+        }
+        return (index.h(index.Host, null, index.h("justifi-billing-form-full", { legend: this.legend, ref: (el) => (this.selectedFormRef = el) })));
+    }
+};
+
+const BillingFormFull = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.errors = {};
+        this.inputHandler = (name, value) => {
+            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
+        };
+    }
+    componentWillLoad() {
+        this.formController = new index_esm.FormController(fullBillingSchema());
+        // Set up subscriptions here to avoid warnings about setting state during componentDidLoad
+        this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    async getValues() {
+        return this.formController.values.getValue();
+    }
+    async fill(fields) {
+        this.formController.setInitialValues(fields);
+    }
+    async validate() {
+        const isValid = await this.formController.validate();
+        const errors = this.formController.errors.getValue();
+        return { isValid, errors };
+    }
+    render() {
+        // Guard clause to ensure formController is initialized before rendering
+        if (!this.formController) {
+            return null;
+        }
+        const billingFormDefaultValue = this.formController.getInitialValues();
+        return (index.h(styledHost.StyledHost, null, index.h("div", { part: parts.billingForm, class: "mt-4" }, index.h(header3.Header3, { text: "Billing address", class: "fs-6 fw-bold lh-lg mb-4" }), index.h("form", null, index.h("fieldset", null, this.legend && (index.h("legend", null, this.legend)), index.h("div", { class: "row gy-3" }, index.h("div", { class: "col-12" }, index.h("form-control-text", { name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), index.h("div", { class: "col-12" }, index.h("form-control-select", { name: 'address_state', label: 'State', options: stateOptions.StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), index.h("div", { class: "col-12" }, index.h("form-control-text", { name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: utils.numberOnlyHandler }))))))));
+    }
+};
+
+const JustifiButton = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.variant = 'primary';
+        this.type = 'button';
+    }
+    render() {
+        return (index.h(styledHost.StyledHost, { key: 'fae177edc7a7a898f1782a01c26b65fb11c50c65' }, index.h(button.Button, { key: 'c097e63cce36a5b4e2cb522bf17ba2519c354c6e', variant: this.variant, isLoading: this.isLoading, clickHandler: this.clickHandler, class: this.class, type: this.type, disabled: this.disabled, style: this.customStyle }, this.text)));
+    }
+};
+
+const CardBillingFormSimple = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.errors = {};
+        this.inputHandler = (name, value) => {
+            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
+        };
+    }
+    componentWillLoad() {
+        this.formController = new index_esm.FormController(postalOnlySchema());
+    }
+    componentDidLoad() {
+        this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    async getValues() {
+        return this.formController.values.getValue();
+    }
+    async fill(fields) {
+        this.formController.setInitialValues(fields);
+    }
+    async validate() {
+        const isValid = await this.formController.validate();
+        const errors = this.formController.errors.getValue();
+        return { isValid, errors };
+    }
+    render() {
+        const billingFormDefaultValue = this.formController.getInitialValues();
+        return (index.h(styledHost.StyledHost, { key: 'a88ea2aa0b1cc2fccda7c169aad9c061e106ecfe' }, index.h("div", { key: '414df056d92819bf646886ca8e15f2ed10e6ab18', part: parts.billingForm }, index.h("form", { key: 'c11f6eb5c7c5c1ecbeb8cc8f644a3b3ba72254c7' }, index.h("fieldset", { key: 'dd69c65ff7f36da3954c01ca2401e8ede6799f14' }, this.legend && (index.h("legend", { key: '25a86a61452b84237cc58c047916de22c35b764d' }, this.legend)), index.h("div", { key: '2fa8445fcf4ac0500f357d92480f18ccac655689', class: "row gy-3" }, index.h("div", { key: 'b7ac75fcab43435a03ad919757541f74661ce5b4', class: "col-12" }, index.h("form-control-text", { key: 'fd9e84c9605edf1a987c7243409eb0182f79a803', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: utils.numberOnlyHandler }))))))));
+    }
+};
+
+const CardFormSkeleton = (props) => {
+    const { isReady } = props;
+    if (isReady) {
+        return null;
+    }
+    return (index.h("div", { class: "container-fluid p-0" },
+        index.h("div", { class: "mb-3" },
+            index.h(skeleton.Skeleton, { height: "18px", width: "100px" }),
+            index.h(skeleton.Skeleton, { height: "36px" })),
+        index.h("div", { class: "row" },
+            index.h("div", { class: "col-4 align-content-end" },
+                index.h(skeleton.Skeleton, { height: "18px", width: "80px" }),
+                index.h(skeleton.Skeleton, { height: "36px" })),
+            index.h("div", { class: "col-4 align-content-end" },
+                index.h(skeleton.Skeleton, { height: "36px" })),
+            index.h("div", { class: "col-4 align-content-end" },
+                index.h(skeleton.Skeleton, { height: "18px", width: "30px" }),
+                index.h(skeleton.Skeleton, { height: "36px" })))));
+};
+
+const JustifiCardForm = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.isReady = false;
+    }
+    async componentWillLoad() {
+        await configState.waitForConfig();
+        this.iframeOrigin = configState.configState.iframeOrigin;
+        checkPkgVersion.checkPkgVersion();
+        this.analytics = new checkPkgVersion.JustifiAnalytics(this);
+    }
+    componentDidRender() {
+        const elements = [
+            this.cardNumberIframeElement,
+            this.expirationMonthIframeElement,
+            this.expirationYearIframeElement,
+            this.cvvIframeElement,
+        ];
+        Promise.all(elements.map((element) => {
+            return new Promise((resolve) => {
+                element.addEventListener('iframeLoaded', () => { resolve(); });
+            });
+        })).then(() => {
+            this.isReady = true;
+        });
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
+    }
+    async validate() {
+        const cardNumberIsValid = await this.cardNumberIframeElement.validate();
+        const expirationMonthIsValid = await this.expirationMonthIframeElement.validate();
+        const expirationYearIsValid = await this.expirationYearIframeElement.validate();
+        const cvvIsValid = await this.cvvIframeElement.validate();
+        return cardNumberIsValid && expirationMonthIsValid && expirationYearIsValid && cvvIsValid;
+    }
+    async tokenize({ clientId, paymentMethodMetadata, account, }) {
+        return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
+    }
+    render() {
+        return (index.h(styledHost.StyledHost, { key: 'a53db7e555c2a1df6679bf9ddeada18d9e750a3d' }, index.h(CardFormSkeleton, { key: '70eda1f05670b09bdb6a5f9f506f5828fec0cd71', isReady: this.isReady }), index.h("hidden-input", { key: '648480344a5a79e79d8396cdcc402f63f40b2b18' }), index.h("div", { key: 'd7bcf16f905367429ddf4be468d12f603135affa', class: "container-fluid p-0", style: {
+                opacity: this.isReady ? '1' : '0',
+                height: this.isReady ? 'auto' : '0',
+            } }, index.h("div", { key: '9860508b6a16ae4a37d96c3d259237ccd17b28f1', class: "mb-3" }, index.h("iframe-input", { key: 'c37ec02e0b2f8465c4118892f0b51faaf9a57cdf', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), index.h("div", { key: '097258a271969ef38a1d32a5aa0b20c5443de991', class: "row" }, index.h("div", { key: 'ad2b656c503abd6aca2eea0842a70358097c452e', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '3e3fda000e1ea41e44a337a1efd886ce7d9503f7', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), index.h("div", { key: '13f33bd008ad4c6407336775d35b752c0e6eb8e5', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '3dcf445381f39544a1421569151c76c47e790456', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), index.h("div", { key: 'fbc26d74b4e18b7a77639d8b53720ca4e7bdd201', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '400c65fa8efb358396e561b3ba2a5ac13c3bcbbe', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+    }
+};
+
+const SaveNewPaymentMethod = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.checkboxChanged = index.createEvent(this, "checkboxChanged");
+        this.isChecked = false;
+        this.handleCheckboxChange = (_name, value) => {
+            this.isChecked = value;
+            checkout_store.checkoutStore.savePaymentMethod = value;
+            this.checkboxChanged.emit(this.isChecked);
+        };
+    }
+    render() {
+        return (index.h(styledHost.StyledHost, { key: 'f23a4f992eef86df7ebfa86f4b46b232456016b2' }, index.h("div", { key: '0ef7c08423451655318751a6377f0ba8ffda3c7c', class: "mt-4 form-check" }, index.h("form-control-checkbox", { key: '609527d08abb45603ea683a051cf9c09435fc5bc', label: "Save new payment method", name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange }))));
+    }
+};
+
+exports.justifi_bank_account_billing_form_simple = BankAccountBillingFormSimple;
+exports.justifi_bank_account_form = BankAccountForm;
+exports.justifi_billing_form = BillingForm;
+exports.justifi_billing_form_full = BillingFormFull;
+exports.justifi_button = JustifiButton;
+exports.justifi_card_billing_form_simple = CardBillingFormSimple;
+exports.justifi_card_form = JustifiCardForm;
+exports.justifi_radio_list_item = JustifiRadioListItem;
+exports.justifi_save_new_payment_method = SaveNewPaymentMethod;

package/dist/cjs/justifi-business-details.cjs.entry.js

@@ -2,25 +2,24 @@
 
 var index = require('./index-dm_GlYlb.js');
 var utils = require('./utils-Df-pajL7.js');
-var business_service = require('./business.service-OxMVnZMF.js');
-var getBusiness = require('./get-business-BJrtsomz.js');
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-var checkPkgVersion = require('./check-pkg-version-Co_IKlwj.js');
+var business_service = require('./business.service-C3BdUPlm.js');
+var getBusiness = require('./get-business-o5jPq_ME.js');
+var ComponentError = require('./ComponentError-D4OLnOkg.js');
+var checkPkgVersion = require('./check-pkg-version-D_lazhBQ.js');
 require('./parts-9jMf1erK.js');
-require('./Api-p2pK86Zd.js');
+require('./Api-CPuq_15r.js');
 require('./config-state-5xZf-jax.js');
 require('./index-Yd9aLenr.js');
-require('./utils-Dka3MplB.js');
-require('./Checkout-nsVtlYWD.js');
-require('./Pagination-Dediz133.js');
-require('./Payment-2Zmn-l6G.js');
+require('./utils-BaGF9XIe.js');
+require('./dinero-BwNN_k7x.js');
+require('./Refund-CqWNG8sx.js');
 require('./Dispute-CruQTF6_.js');
-require('./Refund-h6MCxFEE.js');
+require('./Pagination-Dediz133.js');
 require('./Business-DCRzZf0w.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
-require('./utils-l0veqT9y.js');
-require('./package-B7_ed3oS.js');
+require('./utils-DvUQQLmR.js');
+require('./package-Cp_7Ls2E.js');
 
 const BusinessDetails = class {
     constructor(hostRef) {

package/dist/cjs/justifi-business-form.cjs.entry.js

@@ -5,33 +5,32 @@ var index_esm = require('./index.esm-BleZSAc0.js');
 var businessAdditionalQuestionsSchema = require('./business-additional-questions-schema-DNbSH3E-.js');
 var businessIdentitySchema = require('./business-identity-schema-CclzWSOn.js');
 require('./config-state-5xZf-jax.js');
-require('./utils-Dka3MplB.js');
-var ComponentError = require('./ComponentError-C4MdBBMe.js');
-require('./Checkout-nsVtlYWD.js');
+require('./dinero-BwNN_k7x.js');
+var ComponentError = require('./ComponentError-D4OLnOkg.js');
+require('./Refund-CqWNG8sx.js');
 require('./Pagination-Dediz133.js');
-require('./Payment-2Zmn-l6G.js');
-require('./Refund-h6MCxFEE.js');
 var Business = require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var checkPkgVersion = require('./check-pkg-version-Co_IKlwj.js');
+var checkPkgVersion = require('./check-pkg-version-D_lazhBQ.js');
 var button = require('./button-CfVQSysQ.js');
 var styledHost = require('./styled-host-CqQYxX-w.js');
 var header1 = require('./header-1-DD41iNlG.js');
 require('./event-types-YOY5TKUN.js');
 var skeleton = require('./skeleton-x-GSs3xk.js');
 var eventTypes = require('./event-types-DNOUef41.js');
-var paymentProvisioningActions = require('./payment-provisioning-actions-BkWSDJQQ.js');
-var business_service = require('./business.service-OxMVnZMF.js');
+var paymentProvisioningActions = require('./payment-provisioning-actions-CZVlnRA0.js');
+var business_service = require('./business.service-C3BdUPlm.js');
 require('./_commonjsHelpers-BJu3ubxk.js');
 require('./schema-validations-jek_iZ9W.js');
 require('./state-options-CIT9xdTz.js');
 require('./business-form-options-CMII7nIK.js');
 require('./index-Yd9aLenr.js');
+require('./utils-BaGF9XIe.js');
 require('./helpers-B5OCqlIM.js');
-require('./package-B7_ed3oS.js');
-require('./Api-p2pK86Zd.js');
+require('./package-Cp_7Ls2E.js');
+require('./Api-CPuq_15r.js');
 require('./parts-9jMf1erK.js');
-require('./utils-l0veqT9y.js');
+require('./utils-DvUQQLmR.js');
 
 const businessFormSchema = index_esm.create$3(Object.assign(Object.assign({}, businessAdditionalQuestionsSchema.businessCoreInfoSchema().fields), { legal_address: businessIdentitySchema.addressSchema(), additional_questions: businessAdditionalQuestionsSchema.additionalQuestionsSchema(), representative: businessIdentitySchema.identitySchema('representative') }));
 

package/dist/cjs/justifi-business-representative-form-inputs.cjs.entry.js

@@ -19,7 +19,7 @@ const RepresentativeFormInputs = class {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (index.h("form", { key: '02b2888267736b1441b16e569a7d1ff3ab3e7e17' }, index.h("fieldset", { key: 'd5d4afd7df869b87272407d4e401ad802708c870' }, index.h("div", { key: '4e2113e9d7d16c6d2b50625dba3dfa82f7b04832', class: "d-flex align-items-center gap-2" }, index.h("legend", { key: '17ffa94355f1d89223c554f4fb80e38735681725', class: "mb-0", part: parts.heading2 }, "Representative"), index.h("form-control-tooltip", { key: '0df0655bc4e409ae53b93e40260486e4ff610410', helpText: "The representative for your business needs to be someone who has significant control over managing your business\u2019s finance. You will have an opportunity to add owners later in the form." })), index.h("hr", { key: 'bb67f7aafe877075d18ac9a7e8acaa94267035de', class: "mt-2" }), index.h("div", { key: 'aa5b5fb1913f64c54384d793beeb6dcd5728d10e', class: "row gy-3" }, index.h("div", { key: '6fe16958c76e589581bd099192fc6886f3e7eb6c', class: "col-12 col-md-8" }, index.h("form-control-text", { key: 'e0579c2e09c9be66b431174b6d79122349e4d859', name: "name", label: "Full Name", defaultValue: (_a = this.representativeDefaultValue) === null || _a === void 0 ? void 0 : _a.name, errorText: this.errors.name, inputHandler: this.inputHandler })), index.h("div", { key: '98cfa2ab8e5537452ab0dae54ad95f1ac2a541f4', class: "col-12 col-md-4" }, index.h("form-control-text", { key: '55962d3f118bc0ffbbe1fbf62d8d6e15c0f04dfb', name: "title", label: "Title", defaultValue: (_b = this.representativeDefaultValue) === null || _b === void 0 ? void 0 : _b.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), index.h("div", { key: 'c8bb3ea449d7adcd0d897ee64a1383ff7639305d', class: "col-12 col-md-6" }, index.h("form-control-text", { key: 'df99114c3d94073a3a95b7ea2f326d27db1d4fa9', name: "email", label: "Email Address", defaultValue: (_c = this.representativeDefaultValue) === null || _c === void 0 ? void 0 : _c.email, errorText: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { key: '9fe7cce8fbaa975f2cb2f890ec60cc5696356014', class: "col-12 col-md-6" }, index.h("form-control-number-masked", { key: '236d3629a7d97feb7c7556b7e7ba83b0b45ca3db', name: "phone", label: "Phone Number", defaultValue: (_d = this.representativeDefaultValue) === null || _d === void 0 ? void 0 : _d.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US })), index.h("div", { key: 'cf99a0654ed61f599d5d854149e68abb9e52798f', class: "col-12 col-md-4" }, index.h("form-control-date", { key: '8bc17351844b590e16f34daaee6da1e67d433d44', name: "dob_full", label: "Birth Date", defaultValue: (_e = this.representativeDefaultValue) === null || _e === void 0 ? void 0 : _e.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => inputHandlers.updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), index.h("div", { key: '563dd2be61ca9238c915298fb5db51dfca6468e3', class: "col-12 col-md-8" }, index.h("form-control-number-masked", { key: 'a99b04783e2a7a439091aa79394e614d82293ac8', name: "identification_number", label: "SSN", defaultValue: (_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: formInputMasks.SSN_MASK, helpText: "Enter your full Social Security Number. It is required for Federal OFAC check." })), index.h("div", { key: '4ae17d91e7428f54e07942a1429e554c6e7a37ac', class: "col-12" }, index.h("justifi-identity-address-form", { key: '8490e4d041ff22bcb481d553760ed6f34ca908aa', errors: this.errors.address, defaultValues: (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.address, handleFormUpdate: this.onAddressFormUpdate }))))));
+        return (index.h("form", { key: 'e4b7a532e18a921a5a28aab31f679fbbad164198' }, index.h("fieldset", { key: 'd7056e5ee25625adb563e2687f581157653c8a9d' }, index.h("div", { key: '456aab0ef1399a7c1d272059c881c6c6f3d0e87c', class: "d-flex align-items-center gap-2" }, index.h("legend", { key: '430b3731bbd97ff1589bd81bd6fdaa4082161180', class: "mb-0", part: parts.heading2 }, "Representative"), index.h("form-control-tooltip", { key: '47676ededb80e0f766cb786265d8fb307c60d125', helpText: "The representative for your business needs to be someone who has significant control over managing your business\u2019s finance. You will have an opportunity to add owners later in the form." })), index.h("hr", { key: '514197b5bd4868ec29e75dc74367deb187b32063', class: "mt-2" }), index.h("div", { key: 'f2986d55d0bfbf0e6059f0b2a766d2dc603acdc5', class: "row gy-3" }, index.h("div", { key: 'e4a3749c5e972f505527b8fc172f9a4214806345', class: "col-12 col-md-8" }, index.h("form-control-text", { key: 'd54c8d17f0360277fe04dd91a528e303182495c7', name: "name", label: "Full Name", defaultValue: (_a = this.representativeDefaultValue) === null || _a === void 0 ? void 0 : _a.name, errorText: this.errors.name, inputHandler: this.inputHandler })), index.h("div", { key: '4fa0b1a192fb39a982c957d202ea2ac1e40dedd8', class: "col-12 col-md-4" }, index.h("form-control-text", { key: '8c3bca4234ea0e7ae3c79d810ffb469637898eb6', name: "title", label: "Title", defaultValue: (_b = this.representativeDefaultValue) === null || _b === void 0 ? void 0 : _b.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), index.h("div", { key: '7e14a61364883172f2938bd8b1e53883ddd369fe', class: "col-12 col-md-6" }, index.h("form-control-text", { key: '8d9c81d374998dbaea5322906fddb5eeadea1546', name: "email", label: "Email Address", defaultValue: (_c = this.representativeDefaultValue) === null || _c === void 0 ? void 0 : _c.email, errorText: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { key: 'c3f369b226a08497926b26d0732b7dc9d6413559', class: "col-12 col-md-6" }, index.h("form-control-number-masked", { key: '734625aeac8384f2b8676c4d350368675cff3a6f', name: "phone", label: "Phone Number", defaultValue: (_d = this.representativeDefaultValue) === null || _d === void 0 ? void 0 : _d.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US })), index.h("div", { key: '23d509b724f2617eb0a4f85c74238b09a052a6cb', class: "col-12 col-md-4" }, index.h("form-control-date", { key: '0f838cc474beab9822a84856733a86ecf43f0ec3', name: "dob_full", label: "Birth Date", defaultValue: (_e = this.representativeDefaultValue) === null || _e === void 0 ? void 0 : _e.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => inputHandlers.updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), index.h("div", { key: 'f6d08c53dad2e9a550adf893ac59166015ffb6e4', class: "col-12 col-md-8" }, index.h("form-control-number-masked", { key: 'dd610955fb7c62fd0aab9af925af34cdc47ab3e9', name: "identification_number", label: "SSN", defaultValue: (_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: formInputMasks.SSN_MASK, helpText: "Enter your full Social Security Number. It is required for Federal OFAC check." })), index.h("div", { key: 'd4e2a212a87ca9be4be8e21f3e47008b2201871c', class: "col-12" }, index.h("justifi-identity-address-form", { key: 'bb2d0d01e07be4d37acfd448796c8a33460111ed', errors: this.errors.address, defaultValues: (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.address, handleFormUpdate: this.onAddressFormUpdate }))))));
     }
 };