@justifi/webcomponents 4.18.0 → 4.19.0

package/dist/collection/components/subaccounts-list/subaccounts-list.stories.js

@@ -1,69 +0,0 @@
-import { config } from "../../../config";
-export default {
-    title: 'dev/Components/SubaccountsList',
-    component: 'justifi-subaccounts-list',
-    parameters: {},
-    decorators: [
-        (Story) => `
-      ${Story()}
-      <script>
-        window.addEventListener('subaccount-row-clicked', (e) => {
-          console.log(e);
-        })
-      </script>
-    `,
-    ],
-};
-class SubaccountsListArgs {
-    constructor(args) {
-        this['auth-token'] = args['auth-token'] || config.privateAuthToken;
-        this['account-id'] = args['account-id'] || '';
-    }
-}
-const Template = (args) => {
-    return `
-    <justifi-subaccounts-list
-      data-testid="justifi-subaccounts-list"
-      auth-token="${args['auth-token']}"
-      account-id="${args['account-id']}"
-    />
-  `;
-};
-export const Example = Template.bind({});
-Example.args = new SubaccountsListArgs({});
-export const Styled = Template.bind({});
-Styled.args = new SubaccountsListArgs({});
-Styled.decorators = [
-    (Story) => `
-    ${Story()}
-    <style>
-      justifi-subaccounts-list::part(table-head-cell) {
-        background-color: #F4F4F6;
-      }
-      justifi-subaccounts-list::part(pagination-bar) {
-        background-color: #F4F4F6;
-      }
-      justifi-subaccounts-list::part(arrow) {
-        --bs-btn-disabled-bg: #212529;
-        --bs-btn-disabled-border-color: #212529;
-        --bs-btn-bg: #212529;
-        --bs-btn-border-color: #212529;
-        --bs-btn-hover-bg: #fccc32;
-        --bs-btn-hover-border-color: #fccc32;
-      }
-      justifi-subaccounts-list::part(error-state) {
-        color: red;
-        background-color: #EEEEF5;
-      }
-      justifi-subaccounts-list::part(loading-state-cell) {
-        background-color: #EEEEF5;
-      }
-      justifi-subaccounts-list::part(table-row) {
-        background-color: #EEEEF5;
-      }
-      justifi-subaccounts-list::part(table-row-even) {
-        background-color: #F4F4F6;
-      }
-    </style>
-  `,
-];

package/dist/collection/components/table/table.css

@@ -1,7 +0,0 @@
-:host {
-  table-layout: fixed;
-}
-
-.table-wrapper {
-  overflow-x: scroll;
-}

package/dist/collection/components/table/table.js

@@ -1,222 +0,0 @@
-import { Host, h } from "@stencil/core";
-import { ExtendedPagingDefaults } from "../../api/Pagination";
-import { tableExportedParts } from "./exported-parts";
-import { EmptyState, ErrorState, LoadingState } from "./utils";
-export class Table {
-    constructor() {
-        this.loading = true;
-        this.errorMessage = '';
-        this.rowData = [];
-        this.columnData = undefined;
-        this.paging = ExtendedPagingDefaults;
-        this.params = {};
-        this.entityId = undefined;
-        this.rowClickHandler = undefined;
-    }
-    get showEmptyState() {
-        return !this.loading && !this.errorMessage && this.rowData.length < 1;
-    }
-    get showErrorState() {
-        return !this.loading && !!this.errorMessage;
-    }
-    get showRowData() {
-        return !this.showEmptyState && !this.showErrorState;
-    }
-    render() {
-        var _a, _b;
-        return (h(Host, { key: '330ca720893ef70db96d4229c45a42f859567fd2', exportparts: tableExportedParts }, h("div", { key: '6a4aa680881ca619e88a1e505e9367f598633184', class: "table-wrapper" }, h("table", { key: '56129dafeccdda2e443f52d31efc7b68181988f7', class: "table table-hover" }, h("thead", { key: 'c3d407a15d350918df135f9e6f9f94d8ac751f65', class: "table-head sticky-top", part: "table-head" }, h("tr", { key: 'a1a8b3e9141ee6ecf1312b5d6d50f4b1a0488d9f', class: "table-light text-nowrap", part: 'table-head-row' }, (_a = this.columnData) === null || _a === void 0 ? void 0 : _a.map((column) => h("th", { part: "table-head-cell", scope: "col", title: Array.isArray(column) ? column[1] : '' }, !Array.isArray(column) ? column : column[0])))), h("tbody", { key: '232e450d33c1ea1088aab9a06ecb9a00d49788fd', class: "table-body", part: 'table-body' }, this.loading && LoadingState(this.columnData.length), this.showEmptyState && EmptyState(this.columnData.length), this.showErrorState && ErrorState(this.columnData.length, this.errorMessage), this.showRowData && (this.rowData.map((data, index) => {
-            return (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: e => this.rowClickHandler ? this.rowClickHandler(e) : null, part: `table-row ${index % 2 ? 'table-row-even' : 'table-row-odd'}` }, data.map((dataEntry) => {
-                let nestedHtml = dataEntry === null || dataEntry === void 0 ? void 0 : dataEntry.type;
-                if (nestedHtml) {
-                    return (h("td", { part: "table-cell", innerHTML: dataEntry.value }));
-                }
-                else {
-                    return (h("td", { part: "table-cell" }, dataEntry));
-                }
-            })));
-        }))), this.paging &&
-            h("tfoot", { key: '35f0a88e934a2483df8b62b037d54c2408011c9d', class: "sticky-bottom" }, h("tr", { key: '708dba5501439a728596f6985cd4f02f7cad2eb4', class: "table-light align-middle" }, h("td", { key: '14ac6f8ec26a436c7c68391ab1c53ebdf9322d26', part: "pagination-bar", colSpan: (_b = this.columnData) === null || _b === void 0 ? void 0 : _b.length }, h("pagination-menu", { key: 'e52783c0e2a3b650f77a0bca0cc462b2f1942caf', paging: this.paging, params: this.params }))))))));
-    }
-    static get is() { return "justifi-table"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["./table.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["table.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "loading": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "TableProps['loading']",
-                    "resolved": "boolean",
-                    "references": {
-                        "TableProps": {
-                            "location": "local",
-                            "path": "/home/runner/work/web-component-library/web-component-library/packages/webcomponents/src/components/table/table.tsx",
-                            "id": "src/components/table/table.tsx::TableProps"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "loading",
-                "reflect": false,
-                "defaultValue": "true"
-            },
-            "errorMessage": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "TableProps['errorMessage']",
-                    "resolved": "string",
-                    "references": {
-                        "TableProps": {
-                            "location": "local",
-                            "path": "/home/runner/work/web-component-library/web-component-library/packages/webcomponents/src/components/table/table.tsx",
-                            "id": "src/components/table/table.tsx::TableProps"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "error-message",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "rowData": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "TableProps['rowData']",
-                    "resolved": "any[]",
-                    "references": {
-                        "TableProps": {
-                            "location": "local",
-                            "path": "/home/runner/work/web-component-library/web-component-library/packages/webcomponents/src/components/table/table.tsx",
-                            "id": "src/components/table/table.tsx::TableProps"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "defaultValue": "[]"
-            },
-            "columnData": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "TableProps['columnData']",
-                    "resolved": "(string | string[])[]",
-                    "references": {
-                        "TableProps": {
-                            "location": "local",
-                            "path": "/home/runner/work/web-component-library/web-component-library/packages/webcomponents/src/components/table/table.tsx",
-                            "id": "src/components/table/table.tsx::TableProps"
-                        }
-                    }
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                }
-            },
-            "paging": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "TableProps['paging']",
-                    "resolved": "ExtendedPagingInfo",
-                    "references": {
-                        "TableProps": {
-                            "location": "local",
-                            "path": "/home/runner/work/web-component-library/web-component-library/packages/webcomponents/src/components/table/table.tsx",
-                            "id": "src/components/table/table.tsx::TableProps"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "defaultValue": "ExtendedPagingDefaults"
-            },
-            "params": {
-                "type": "any",
-                "mutable": false,
-                "complexType": {
-                    "original": "TableProps['params']",
-                    "resolved": "any",
-                    "references": {
-                        "TableProps": {
-                            "location": "local",
-                            "path": "/home/runner/work/web-component-library/web-component-library/packages/webcomponents/src/components/table/table.tsx",
-                            "id": "src/components/table/table.tsx::TableProps"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "attribute": "params",
-                "reflect": false,
-                "defaultValue": "{}"
-            },
-            "entityId": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "string[]",
-                    "resolved": "string[]",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                }
-            },
-            "rowClickHandler": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "(e: any) => any",
-                    "resolved": "(e: any) => any",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                }
-            }
-        };
-    }
-}

package/dist/collection/components/table/utils.js

@@ -1,4 +0,0 @@
-import { h } from "@stencil/core";
-export const LoadingState = (columnSpan) => (h("tr", null, h("td", { class: "loading-state", part: "loading-state-cell", colSpan: columnSpan, style: { textAlign: 'center' } }, h("div", { part: "loading-state-spinner", class: "spinner-border", role: "status" }, h("span", { class: "visually-hidden" }, "Loading...")))));
-export const EmptyState = (columnSpan) => (h("tr", null, h("td", { class: "empty-state", part: "empty-state", colSpan: columnSpan, style: { textAlign: 'center' } }, "No results")));
-export const ErrorState = (columnSpan, errorMessage) => (h("tr", null, h("td", { class: "error-state", part: "error-state", colSpan: columnSpan, "data-test-id": "table-error-state", style: { textAlign: 'center' } }, "An unexpected error occurred: ", errorMessage)));

package/dist/collection/utils/styled-host/styled-host.js

@@ -1,6 +0,0 @@
-import { Host, h } from "@stencil/core";
-import modifiedBootstrap from "./modified-bootstrap.css";
-const StyledHost = (props, children) => {
-    return (h(Host, Object.assign({}, props, { class: "body" }), h("style", null, modifiedBootstrap), children));
-};
-export default StyledHost;

package/dist/esm/SubAccount-7fcb1450.js

@@ -1,105 +0,0 @@
-import { c as formatPercentage, b as formatCurrency, f as formatDate, a as formatTime } from './utils-5f4c4faa.js';
-
-var TagTypes;
-(function (TagTypes) {
-    TagTypes["neutral"] = "neutral";
-    TagTypes["info"] = "info";
-    TagTypes["success"] = "success";
-    TagTypes["warning"] = "warning";
-    TagTypes["error"] = "error";
-})(TagTypes || (TagTypes = {}));
-var SubAccountStatusType;
-(function (SubAccountStatusType) {
-    SubAccountStatusType["created"] = "created";
-    SubAccountStatusType["submitted"] = "submitted";
-    SubAccountStatusType["information_needed"] = "information_needed";
-    SubAccountStatusType["enabled"] = "enabled";
-    SubAccountStatusType["disabled"] = "disabled";
-    SubAccountStatusType["rejected"] = "rejected";
-    SubAccountStatusType["archived"] = "archived";
-})(SubAccountStatusType || (SubAccountStatusType = {}));
-var AccountType;
-(function (AccountType) {
-    AccountType["live"] = "live";
-    AccountType["test"] = "test";
-})(AccountType || (AccountType = {}));
-var BusinessType;
-(function (BusinessType) {
-    BusinessType["forProfit"] = "for_profit";
-    BusinessType["nonProfit"] = "non_profit";
-    BusinessType["government"] = "government_entity";
-    BusinessType["individual"] = "individual";
-})(BusinessType || (BusinessType = {}));
-var ForProfitStructure;
-(function (ForProfitStructure) {
-    ForProfitStructure["none"] = "";
-    ForProfitStructure["soleProprietorship"] = "sole_proprietorship";
-    ForProfitStructure["singleMember"] = "single_llc";
-    ForProfitStructure["multiMember"] = "multi_llc";
-    ForProfitStructure["privatePartnership"] = "private_partnership";
-    ForProfitStructure["privateCorp"] = "private_corporation";
-    ForProfitStructure["unincorporatedAssociation"] = "unincorporated_association";
-    ForProfitStructure["publicPartnership"] = "public_partnership";
-    ForProfitStructure["publicCorp"] = "public_corporation";
-})(ForProfitStructure || (ForProfitStructure = {}));
-var NonProfitStructure;
-(function (NonProfitStructure) {
-    NonProfitStructure["incorporated"] = "incorporated";
-    NonProfitStructure["unincorporated"] = "unincorporated";
-})(NonProfitStructure || (NonProfitStructure = {}));
-var GovernmentEntityStructure;
-(function (GovernmentEntityStructure) {
-    GovernmentEntityStructure["unit"] = "government_unit";
-    GovernmentEntityStructure["instrumentality"] = "government_instrumentality";
-    GovernmentEntityStructure["taxExempt"] = "tax_exempt_government_instrumentality";
-})(GovernmentEntityStructure || (GovernmentEntityStructure = {}));
-class SubAccount {
-    constructor(subAccount) {
-        this.findActiveRate = (subAccount, type) => {
-            return subAccount.application_fee_rates.find(rate => rate.rate_type === type);
-        };
-        this.getBasisPercentage = (rate) => {
-            return formatPercentage(rate === null || rate === void 0 ? void 0 : rate.basis_point_rate);
-        };
-        this.getTransactionFee = (rate) => {
-            return formatCurrency(rate === null || rate === void 0 ? void 0 : rate.transaction_fee);
-        };
-        this.getFormattedRate = (rate) => {
-            return rate ?
-                `${this.getBasisPercentage(rate)} + ${this.getTransactionFee(rate)}`
-                : 'Not set';
-        };
-        this.account_type = subAccount.account_type;
-        this.application_fee_rates = subAccount.application_fee_rates || [];
-        this.created_at = subAccount.created_at;
-        this.dateString = formatDate(subAccount.created_at);
-        this.timeString = formatTime(subAccount.created_at);
-        this.currency = subAccount.currency;
-        this.id = subAccount.id;
-        this.name = subAccount.name;
-        this.payout_ready = subAccount.payout_ready;
-        this.platform_account_id = subAccount.platform_account_id;
-        this.processing_ready = subAccount.processing_ready;
-        this.status = subAccount.status;
-        this.updated_at = subAccount.updated_at;
-        this.related_accounts = subAccount.related_accounts || {};
-        const activeCardRate = this.findActiveRate(subAccount, 'cc');
-        const activeAchRate = this.findActiveRate(subAccount, 'ach');
-        this.cardRate = this.getFormattedRate(activeCardRate);
-        this.achRate = this.getFormattedRate(activeAchRate);
-    }
-    get statusTagType() {
-        const typeMap = {
-            [SubAccountStatusType.enabled]: TagTypes.success,
-            [SubAccountStatusType.disabled]: TagTypes.error,
-            [SubAccountStatusType.rejected]: TagTypes.error,
-            [SubAccountStatusType.information_needed]: TagTypes.warning,
-            [SubAccountStatusType.submitted]: TagTypes.info,
-            [SubAccountStatusType.created]: TagTypes.neutral,
-            [SubAccountStatusType.archived]: TagTypes.neutral,
-        };
-        return typeMap[this.status];
-    }
-}
-
-export { SubAccount as S };

package/dist/esm/business.service-19a0c8d3.js

@@ -1,11 +0,0 @@
-import { c as config } from './config-476c7241.js';
-import { A as Api } from './Api-b09a2f6a.js';
-
-class BusinessService {
-    async fetchBusiness(businessId, authToken) {
-        const endpoint = `entities/business/${businessId}`;
-        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).get(endpoint);
-    }
-}
-
-export { BusinessService as B };

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

@@ -1,39 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-57431c24.js';
-
-const DateInput = 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.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);
-    }
-    updateInput(value) {
-        this.dateInput.value = value;
-    }
-    render() {
-        return (h(Host, { key: '477163306527f6b607c43e63ec4a38aaac5a4780', exportparts: "label,input,input-invalid" }, h("label", { key: '3174cbb24f2bd74e59e28dc6a31e224a0e2ab47d', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'de908daeee9db445c1369b75c536bcf33cb9f4e9', type: "date", ref: el => (this.dateInput = el), 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', disabled: this.disabled }), h("form-control-help-text", { key: 'ea51242481f4a9894d55871d23aeaf4013112e24', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '2db99a325bd6d691c0fdcbf3965535266329506f', errorText: this.errorText, name: this.name })));
-    }
-    static get watchers() { return {
-        "defaultValue": ["handleDefaultValueChange"]
-    }; }
-};
-
-export { DateInput as form_control_date };

package/dist/esm/form-control-error-text_2.entry.js

@@ -1,31 +0,0 @@
-import { r as registerInstance, h } from './index-57431c24.js';
-
-const FormControlErrorText = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.errorText = undefined;
-        this.name = undefined;
-    }
-    render() {
-        if (!this.errorText) {
-            return null;
-        }
-        return (h("small", { class: 'form-text text-danger', id: `form-error-text-${this.name}` }, this.errorText));
-    }
-};
-
-const FormControlHelpText = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.helpText = undefined;
-        this.name = undefined;
-    }
-    render() {
-        if (!this.helpText) {
-            return null;
-        }
-        return (h("small", { class: 'form-text text-muted', id: `form-help-text-${this.name}` }, this.helpText));
-    }
-};
-
-export { FormControlErrorText as form_control_error_text, FormControlHelpText as form_control_help_text };

package/dist/esm/form-control-number-masked_2.entry.js

@@ -1,88 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-57431c24.js';
-import { I as IMask } from './index-d9a73ce3.js';
-import { S as StateOptions } from './state-options-a356fb11.js';
-import { n as numberOnlyHandler } from './utils-f4c4ba7d.js';
-
-const NumberInputMasked = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.formControlInput = createEvent(this, "formControlInput", 7);
-        this.formControlBlur = createEvent(this, "formControlBlur", 7);
-        this.imask = null;
-        this.initializeIMask = () => {
-            if (!this.textInput)
-                return;
-            this.imask = IMask(this.textInput, {
-                mask: this.mask,
-            });
-            this.imask.on('accept', () => {
-                const rawValue = this.imask.unmaskedValue;
-                this.inputHandler(this.name, rawValue);
-            });
-            this.textInput.addEventListener('blur', () => this.formControlBlur.emit());
-        };
-        this.handleFormControlInput = (event) => {
-            const target = event.target;
-            const name = target.getAttribute('name');
-            this.formControlInput.emit({ name: name, value: target.value });
-        };
-        this.updateInput = (newValue) => {
-            if (this.imask && newValue) {
-                this.imask.value = String(newValue);
-            }
-        };
-        this.label = undefined;
-        this.name = undefined;
-        this.helpText = undefined;
-        this.errorText = undefined;
-        this.defaultValue = undefined;
-        this.inputHandler = undefined;
-        this.mask = undefined;
-        this.disabled = undefined;
-    }
-    handleDefaultValueChange(newValue) {
-        this.updateInput(newValue);
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.imask) === null || _a === void 0 ? void 0 : _a.destroy();
-    }
-    componentDidLoad() {
-        this.initializeIMask();
-        this.updateInput(this.defaultValue);
-    }
-    render() {
-        return (h(Host, { key: '781c4f77fe5b5b4f39c2d44868814ada72ce67c9', exportparts: "label,input,input-invalid" }, h("div", { key: '9c3ed0d13b883e3d2dc302225f25a00414088ef6', class: "form-group d-flex flex-column" }, h("label", { key: '0782f2936175944dd54e5497e54d2389c35c94bc', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '8feee613f2f83e8cb0ac34a4939fd65b5c14729a', ref: el => (this.textInput = el), 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: "text", disabled: this.disabled }), h("form-control-help-text", { key: 'dbdf33259fd04b1488b299216eb550960068c553', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '8a148bb9a29f322fb21acbfd8597a1e89433056a', errorText: this.errorText, name: this.name }))));
-    }
-    static get watchers() { return {
-        "defaultValue": ["handleDefaultValueChange"]
-    }; }
-};
-
-const IdentityAddressForm = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.inputHandler = (name, value) => {
-            this.address[name] = value;
-            this.address = Object.assign({}, this.address);
-        };
-        this.handleFormUpdate = undefined;
-        this.errors = undefined;
-        this.defaultValues = undefined;
-        this.address = {};
-    }
-    handleAddressChange(newValues) {
-        this.handleFormUpdate(newValues);
-    }
-    render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-        return (h(Host, { key: '83dd1e3c2e9d5e1d9da9d64143045530ea3c49e6', exportparts: "label,input,input-invalid" }, h("div", { key: 'd2ccac17954bea719da0dba261359547b4873f25', class: "row gy-3" }, h("div", { key: 'ae78ba39a640f5798a90665eb2500195ce429215', class: "col-12 col-md-8" }, h("form-control-text", { key: '0c11aa4ac520f2d37fd6f079e67898fb50089d40', name: "line1", label: "Street Address", defaultValue: (_a = this.defaultValues) === null || _a === void 0 ? void 0 : _a.line1, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line1, inputHandler: this.inputHandler })), h("div", { key: '9130d253adc984b15540c779fcd348b43a47a92d', class: "col-12 col-md-4" }, h("form-control-text", { key: '1eb5d471e0d77d0055aa26cc9e75ab84aee87772', name: "line2", label: "Apartment, Suite, etc. (optional)", defaultValue: (_c = this.defaultValues) === null || _c === void 0 ? void 0 : _c.line2, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.line2, inputHandler: this.inputHandler })), h("div", { key: '64b045b949e95e98db793495ddb53191b93db5eb', class: "col-12" }, h("form-control-text", { key: '98a05e17ebe3a676510614a218a8545af8c72c86', name: "city", label: "City", defaultValue: (_e = this.defaultValues) === null || _e === void 0 ? void 0 : _e.city, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.city, inputHandler: this.inputHandler })), h("div", { key: '27995692a60f0c5663bad8c588ed8757d8a19e88', class: "col-12 col-md-6" }, h("form-control-select", { key: 'e83aae9954a38e03af941ae270b10d170be3c85a', name: "state", label: "State", defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, options: StateOptions, errorText: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state, inputHandler: this.inputHandler })), h("div", { key: '8111c0cda61ebdf3df4464f32ebae2171c44dc74', class: "col-12 col-md-6" }, h("form-control-text", { key: 'b1b591ec7b419574d8245d710212809d153cd2d9', name: "postal_code", label: "Postal Code", defaultValue: (_j = this.defaultValues) === null || _j === void 0 ? void 0 : _j.postal_code, errorText: (_k = this.errors) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler, inputHandler: this.inputHandler })), h("div", { key: '5420333a8133ee51f4c2d8100a0c0d59dae5e383', class: "col-12" }, h("form-control-select", { key: 'e0b19506594ad3051c5a1211421729d24352f572', name: "country", label: "Country", options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: (_l = this.defaultValues) === null || _l === void 0 ? void 0 : _l.country, errorText: (_m = this.errors) === null || _m === void 0 ? void 0 : _m.country,
-            // just for now so we skip handling country specificities
-            disabled: true })))));
-    }
-    static get watchers() { return {
-        "address": ["handleAddressChange"]
-    }; }
-};
-
-export { NumberInputMasked as form_control_number_masked, IdentityAddressForm as justifi_identity_address_form };