@justifi/webcomponents 6.12.3 → 6.12.4

package/dist/esm/checkouts-list-core.entry.js

@@ -1,144 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './index-CV0Pyo1O.js';
-import './config-state-kKn89dp1.js';
-import './dinero-HXpYMWUU.js';
-import './Plaid-BuKEVgbB.js';
-import { p as pagingDefaults } from './Pagination-CLHwhyvu.js';
-import './Business-BcNb9bVO.js';
-import './Dispute-BH0Xfn-F.js';
-import { T as Table, a as TableComponent, b as TableHead, c as TableHeadRow, d as TableBody, e as TableLoadingState, f as TableEmptyState, g as TableErrorState, h as TableRow, i as TableFoot, j as TableFootRow, k as TableFootCell, l as TableWrapper } from './table-CcyuIutB.js';
-import { T as TableClickActions } from './event-types-CZfYo5-1.js';
-import { c as checkoutTableColumns, a as checkoutTableCells } from './checkouts-table-C8sPHeTm.js';
-import { o as onQueryParamsChange, g as getRequestParams } from './checkouts-list-params-state-CiGfmyWW.js';
-import './index-cDVGjRkU.js';
-import './utils-BTtxWI2r.js';
-import './parts-DnrawQn3.js';
-import './spinner-kSw6PcwU.js';
-import './badge-B6dp1XGV.js';
-
-const CheckoutsListCore = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.clickEvent = createEvent(this, "click-event", 7);
-        this.errorEvent = createEvent(this, "error-event", 7);
-        this.checkouts = [];
-        this.subAccounts = [];
-        this.loading = true;
-        this.paging = pagingDefaults;
-        this.pagingParams = {};
-        this.handleClickPrevious = (beforeCursor) => {
-            this.pagingParams = { before_cursor: beforeCursor };
-            this.clickEvent.emit({ name: TableClickActions.previous });
-        };
-        this.handleClickNext = (afterCursor) => {
-            this.pagingParams = { after_cursor: afterCursor };
-            this.clickEvent.emit({ name: TableClickActions.next });
-        };
-        this.rowClickHandler = (e) => {
-            const clickedCheckoutID = e.target.closest('tr').dataset.rowEntityId;
-            if (!clickedCheckoutID)
-                return;
-            const checkoutData = this.checkouts.find((checkout) => checkout.id === clickedCheckoutID);
-            this.clickEvent.emit({ name: TableClickActions.row, data: checkoutData });
-        };
-    }
-    updateOnPropChange() {
-        this.fetchData();
-    }
-    componentWillLoad() {
-        this.checkoutsTable = new Table(this.checkouts, this.columns, checkoutTableColumns, checkoutTableCells);
-        if (this.getCheckouts && this.getSubAccounts) {
-            this.fetchData();
-        }
-        onQueryParamsChange('set', () => {
-            this.pagingParams = {};
-        });
-        onQueryParamsChange('reset', () => {
-            this.pagingParams = {};
-            this.errorMessage = '';
-        });
-    }
-    fetchData() {
-        this.loading = true;
-        this.getCheckouts({
-            params: this.checkoutParams,
-            onSuccess: async ({ checkouts, pagingInfo }) => {
-                this.checkouts = checkouts;
-                this.paging = pagingInfo;
-                this.checkoutsTable.collectionData = this.checkouts;
-                const shouldFetchSubAccounts = this.checkoutsTable.columnKeys.includes('sub_account_name');
-                if (shouldFetchSubAccounts) {
-                    await this.fetchSubAccounts();
-                }
-                else {
-                    this.loading = false;
-                }
-            },
-            onError: ({ error, code, severity }) => {
-                this.errorMessage = error;
-                this.errorEvent.emit({
-                    errorCode: code,
-                    message: error,
-                    severity,
-                });
-                this.loading = false;
-            },
-        });
-    }
-    async fetchSubAccounts() {
-        this.getSubAccounts({
-            params: this.subAccountParams,
-            onSuccess: ({ subAccounts }) => {
-                this.subAccounts = subAccounts;
-                this.checkouts = this.checkouts.map((checkout) => {
-                    var _a;
-                    checkout.sub_account_name = (_a = this.subAccounts.find((subAccount) => subAccount.id === checkout.account_id)) === null || _a === void 0 ? void 0 : _a.name;
-                    return checkout;
-                });
-                this.loading = false;
-            },
-            onError: ({ error, code, severity }) => {
-                this.errorMessage = error;
-                this.errorEvent.emit({
-                    errorCode: code,
-                    message: error,
-                    severity,
-                });
-                this.loading = false;
-            },
-        });
-    }
-    get checkoutParams() {
-        const requestParams = getRequestParams();
-        const params = Object.assign(Object.assign({}, requestParams), this.pagingParams);
-        return params;
-    }
-    get subAccountParams() {
-        let accountIdNumbers = this.checkouts.map((checkout) => checkout.account_id);
-        let uniqueAccountIds = [...new Set(accountIdNumbers)];
-        let accountIdString = uniqueAccountIds.join(',');
-        return { sub_account_id: accountIdString };
-    }
-    get entityId() {
-        return this.checkouts.map((checkout) => checkout.id);
-    }
-    get showEmptyState() {
-        return !this.loading && !this.errorMessage && this.checkoutsTable.rowData.length < 1;
-    }
-    get showErrorState() {
-        return !this.loading && !!this.errorMessage;
-    }
-    get showRowData() {
-        return !this.showEmptyState && !this.showErrorState && !this.loading;
-    }
-    render() {
-        return (h(TableWrapper, { key: 'ab929041216a2d6ea8db78b3bbf6d5fa3d4458fd' }, h(TableComponent, { key: '264d246a1783be1c99fb2a7487328a32d4e3b47b' }, h(TableHead, { key: 'b9be65c5b7a9144c780109ae906f49ea8c4023b4' }, h(TableHeadRow, { key: '47b22c689bd63c0cfe99045c6f37a8c1c92ef8a9' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '7b2a39f309a2aa347f3124a79bc55a0a333a1900' }, h(TableLoadingState, { key: 'ac94a5f253572e08a4d01df82397f60912089e38', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '95855989aac418e6eb79ae9a0eee75a50ef96cc1', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'a8d9c0a2539d2565335a8da007d78771f3bfdc72', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '1126b1f5c12e10bed93aa3c5a004a3d3491dd97f' }, h(TableFootRow, { key: '611fcf13988992f531ecb9d0b94ee4ba3a103d30' }, h(TableFootCell, { key: 'cb77f614fe7b89737e4e22d60d18501af272f970', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '17996865c38f710fbe39ec2dce031baf9b5faaaf', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
-    }
-    static get watchers() { return {
-        "pagingParams": ["updateOnPropChange"],
-        "getCheckouts": ["updateOnPropChange"],
-        "getSubAccounts": ["updateOnPropChange"],
-        "columns": ["updateOnPropChange"]
-    }; }
-};
-
-export { CheckoutsListCore as checkouts_list_core };

package/dist/esm/checkouts-table-C8sPHeTm.js

@@ -1,51 +0,0 @@
-import { h } from './index-CV0Pyo1O.js';
-import { d as formatTime, b as formatDate } from './utils-BTtxWI2r.js';
-import { B as BadgeVariant, a as Badge } from './badge-B6dp1XGV.js';
-import { a3 as tableHeadCell, a4 as getAlternateTableCellPart } from './parts-DnrawQn3.js';
-
-const MapCheckoutStatusToBadge = (status) => {
-    const statusToBadgeProps = {
-        created: {
-            variant: BadgeVariant.PRIMARY,
-            title: 'The checkout has been created',
-            text: 'Created',
-        },
-        completed: {
-            variant: BadgeVariant.SUCCESS,
-            title: 'The checkout has been completed',
-            text: 'Completed',
-        },
-        attempted: {
-            variant: BadgeVariant.SECONDARY,
-            title: 'The checkout has been attempted',
-            text: 'Attempted',
-        },
-        expired: {
-            variant: BadgeVariant.DANGER,
-            title: 'The checkout has expired',
-            text: 'Expired',
-        },
-    };
-    const badgeProps = statusToBadgeProps[status];
-    return h(Badge, Object.assign({}, badgeProps));
-};
-
-const defaultColumnsKeys = 'created_at,payment_amount,payment_description,payment_mode,status';
-const checkoutTableColumns = {
-    created_at: () => (h("th", { part: tableHeadCell, scope: "col", title: "The date each checkout occurred" }, "Processed On")),
-    payment_amount: () => (h("th", { part: tableHeadCell, scope: "col", title: "The dollar amount of each checkout" }, "Payment Amount")),
-    payment_description: () => (h("th", { part: tableHeadCell, scope: "col", title: "The description of each checkout" }, "Payment Description")),
-    sub_account_name: () => (h("th", { part: tableHeadCell, scope: "col", title: "The sub account associated with the checkout" }, "Sub Account")),
-    payment_mode: () => (h("th", { part: tableHeadCell, scope: "col", title: "The payment mode of each checkout" }, "Payment Mode")),
-    status: () => (h("th", { part: tableHeadCell, scope: "col", title: "The current status of each checkout" }, "Status")),
-};
-const checkoutTableCells = {
-    created_at: (checkout, index) => (h("td", { part: getAlternateTableCellPart(index) }, h("div", { class: "fw-bold" }, formatDate(checkout.created_at)), h("div", { class: "fw-bold" }, formatTime(checkout.created_at)))),
-    payment_amount: (checkout, index) => (h("td", { part: getAlternateTableCellPart(index) }, checkout.formattedPaymentAmount(checkout.payment_amount))),
-    payment_description: (checkout, index) => (h("td", { part: getAlternateTableCellPart(index) }, checkout.payment_description)),
-    sub_account_name: (checkout, index) => (h("td", { part: getAlternateTableCellPart(index) }, checkout.sub_account_name)),
-    payment_mode: (checkout, index) => (h("td", { part: getAlternateTableCellPart(index) }, checkout.payment_mode)),
-    status: (checkout, index) => (h("td", { part: getAlternateTableCellPart(index) }, MapCheckoutStatusToBadge(checkout.status))),
-};
-
-export { checkoutTableCells as a, checkoutTableColumns as c, defaultColumnsKeys as d };

package/dist/esm/dispute.service-vlYGy0nR.js

@@ -1,30 +0,0 @@
-import { A as Api } from './Api-DMd8hTI-.js';
-import './Plaid-BuKEVgbB.js';
-import './Pagination-CLHwhyvu.js';
-import './Business-BcNb9bVO.js';
-import './Dispute-BH0Xfn-F.js';
-
-const api = Api();
-class DisputeService {
-    async fetchDispute(disputeId, authToken) {
-        const endpoint = `disputes/${disputeId}`;
-        return api.get({ endpoint, authToken });
-    }
-    async updateDisputeResponse(disputeId, authToken, payload) {
-        const endpoint = `disputes/${disputeId}/response`;
-        const body = payload;
-        return api.patch({ endpoint, body, authToken });
-    }
-    async submitDisputeResponse(disputeId, authToken, payload) {
-        const endpoint = `disputes/${disputeId}/response`;
-        const body = payload;
-        return api.post({ endpoint, body, authToken });
-    }
-    async createDisputeEvidence(disputeId, authToken, payload) {
-        const endpoint = `disputes/${disputeId}/evidence`;
-        const body = payload;
-        return api.put({ endpoint, body, authToken });
-    }
-}
-
-export { DisputeService as D };

package/dist/esm/form-control-number_3.entry.js

@@ -1,245 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CV0Pyo1O.js';
-import { a7 as inputInvalidAndFocused, v as inputFocused, q as inputInvalid, w as input, x as label, A as heading3, u as inputDisabled, a0 as buttonSecondary } from './parts-DnrawQn3.js';
-import { F as FormControlHelpText } from './form-control-help-text-D-349cNw.js';
-import { F as FormControlErrorText } from './form-control-error-text-DVedKyhp.js';
-import './event-types-CZfYo5-1.js';
-import { F as FormController } from './index.esm-BHdVU4hV.js';
-import { O as Owner } from './Business-BcNb9bVO.js';
-import { d as identitySchemaByCountry } from './business-identity-schema-CFhSc0cA.js';
-import { B as Button } from './button-DRdaAudE.js';
-import { B as BusinessFormClickActions } from './event-types-XYgDHrVL.js';
-import { I as IDENTITY_MASKS, P as PHONE_MASKS } from './form-input-masks-CVaOFfrI.js';
-import { u as updateFormValues, a as updateAddressFormValues, b as updateDateOfBirthFormValues } from './input-handlers-1lVyzImK.js';
-import { c as countryLabels } from './country-config-P042rrI3.js';
-import './_commonjsHelpers-BFTU3MAI.js';
-import './schema-validations-v6WGlZkq.js';
-import './business-form-options-DRalxlqN.js';
-
-const FormControlNumber = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.formControlInput = createEvent(this, "formControlInput", 7);
-        this.formControlBlur = createEvent(this, "formControlBlur", 7);
-        this.isFocused = false;
-        this.disabled = false;
-        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 || '';
-            }
-        };
-    }
-    handleDefaultValueChange(newValue) {
-        this.updateInput(newValue);
-    }
-    componentDidLoad() {
-        this.updateInput(this.defaultValue);
-    }
-    get part() {
-        if (this.isFocused && this.errorText) {
-            return inputInvalidAndFocused;
-        }
-        if (this.isFocused) {
-            return inputFocused;
-        }
-        if (this.errorText) {
-            return inputInvalid;
-        }
-        return input;
-    }
-    render() {
-        return (h(Host, { key: 'd2463dd8a7f976628a67b94401e833ed1c53d777' }, h("div", { key: '2b77b2fa81d256a4fa52c85efce570cac62a4e31', class: 'form-group d-flex flex-column' }, h("label", { key: 'baf3c9be24dd987907c234dd53e886ac6e3fc459', part: label, class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '9f456e006e074480dda19fa6433f19beb35e35bc', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
-                this.isFocused = false;
-                this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "number", disabled: this.disabled }), h(FormControlHelpText, { key: '82100020ced402e13591f6624e45f5f85aa6980f', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'd41b38f4908ada125ff2344d23c837780ae057ba', errorText: this.errorText, name: this.name }))));
-    }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "defaultValue": ["handleDefaultValueChange"]
-    }; }
-};
-
-const OwnerFormCore = class {
-    loadingWatcher() {
-        this.formLoading.emit(this.isLoading);
-    }
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.clickEvent = createEvent(this, "click-event", 7);
-        this.errorEvent = createEvent(this, "error-event", 7);
-        this.formLoading = createEvent(this, "formLoading", 7);
-        this.ownerSubmitted = createEvent(this, "ownerSubmitted", 7);
-        this.isLoading = false;
-        this.errors = {};
-        this.owner = {};
-        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.ownerSubmitted.emit({ id: response.data.id });
-                            this.instantiateOwner(response.data);
-                            resolve(true);
-                        },
-                        onError: ({ error, code, severity }) => {
-                            this.errorEvent.emit({
-                                message: error,
-                                errorCode: code,
-                                severity: severity
-                            });
-                            resolve(false);
-                        },
-                        final: () => this.isLoading = false
-                    });
-                }
-                else {
-                    this.postOwner({
-                        payload: this.payload,
-                        onSuccess: (response) => {
-                            this.ownerSubmitted.emit({ id: response.data.id });
-                            this.instantiateOwner(response.data);
-                            resolve(true);
-                        },
-                        onError: ({ error, code, severity }) => {
-                            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.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 = new Owner(this.formController.values.getValue()).payload;
-        if (this.ownerId) {
-            return formValues;
-        }
-        else {
-            return 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() {
-        const schemaFactory = identitySchemaByCountry[this.country];
-        this.formController = new FormController(schemaFactory('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: '63cf9c7ab9031786f17ea4f3787deea081e305d3', onSubmit: this.validateAndSubmit }, h("fieldset", { key: 'cef59454c61515f702e846d43242f1576e604953' }, h("legend", { key: '355974c342272cd90c6596129a83866f8ad20e37', class: "fw-semibold fs-5", part: heading3 }, this.formTitle), h("br", { key: 'c78a4742ca2fa7bea462d4c7b1d3e73ccb8cccb9' }), h("div", { key: 'ec96fba914ce8eea8223efab633873c79741e29b', class: "row gy-3" }, h("owner-form-inputs", { key: '8b1b9118ac93457b38237387d478b3d084fad07d', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController, country: this.country }), h("div", { key: 'b599ded9cecb9999e3c8b3310f0c70fd07c64690', class: "d-flex gap-2 justify-content-start" }, h(Button, { key: '54bcdf883415ada89b81b4826cfea23061d4fc60', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), h(Button, { key: 'eb990b891fe82108eae8c80da39e5ada7ef27f1e', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), h("hr", { key: '7000dfde686b1879776ab63dcb6a203c0eb519c1' }))));
-    }
-    static get watchers() { return {
-        "isLoading": ["loadingWatcher"]
-    }; }
-};
-
-const OwnerFormInputs = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.isEditingIdentification = false;
-        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));
-        };
-    }
-    render() {
-        var _a, _b, _c;
-        return (h("div", { key: '212e1849ea4415835cb4f792cf5799b606ccd170', class: "row gy-3" }, h("div", { key: 'bc904468596d8a2b6cf82f9cca153d1db7fd9be3', class: "col-12 col-md-8" }, h("form-control-text", { key: '116f4a8124743a3bdd01489f7ac4964852d2f701', name: "name", label: "Full Name", defaultValue: this.ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'd1de51aa5d3760553012ddc586dc6068c456463f', class: "col-12 col-md-4" }, h("form-control-text", { key: '542bd69f56380823a8a2fcf0f95df56a4802e52a', name: "title", label: "Title", defaultValue: this.ownerDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: 'f8230d52a4a685e358bf118d4f77849e8e23f58e', class: "col-12 col-md-6" }, h("form-control-text", { key: '0d41fa107ba89a5a6a1dfe2b97d42a86feef3eb0', name: "email", label: "Email Address", defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'c403d5cf82cc89de42a31f3478e5cda3c2309dac', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'bc0e1c91619857bcac7776e686534763898bdd79', name: "phone", label: "Phone Number", defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '43c3b72350a475defd393625a0d88e5720ab121c', class: "col-12 col-md-3" }, h("form-control-date", { key: '4f1bd966e4a28fdcfc3539cb51b97e73bf7bf242', 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), helpText: "Must be 18 or older." })), h("div", { key: '963e110d0f208730944fe7637ba0a3a9ada66a38', class: "col-12 col-md-3" }, h("form-control-number", { key: '182586a1b86d351cb5063c0ca0ee578959a93369', name: "ownership_percentage", label: "% of Ownership", defaultValue: (_a = this.ownerDefaultValue) === null || _a === void 0 ? void 0 : _a.ownership_percentage, errorText: this.errors.ownership_percentage, inputHandler: this.inputHandler })), h("div", { key: 'bf966123cd887a09b81e9e599118ee03cadabfe2', class: "col-12 col-md-6" }, (!((_b = this.ownerDefaultValue) === null || _b === void 0 ? void 0 : _b.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: countryLabels[this.country].idNumberLabel, defaultValue: this.isEditingIdentification ? '' : this.ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].idNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_c = this.ownerDefaultValue) === null || _c === void 0 ? void 0 : _c.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
-                this.isEditingIdentification = true;
-                // Clear last4 and current value to force validation
-                updateFormValues(this.formController, {
-                    ssn_last4: null,
-                    identification_number: ''
-                });
-            } }, "Change"))))), h("div", { key: 'da39a950fb0f4042d6047a88db4fb1cf7a7b9d07', class: "col-12" }, h("identity-address-form", { key: '7ef03a0303d6f62098b5c38d669648bd4557437f', errors: this.errors.address, defaultValues: this.ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))));
-    }
-    ;
-};
-
-export { FormControlNumber as form_control_number, OwnerFormCore as owner_form_core, OwnerFormInputs as owner_form_inputs };