@justifi/webcomponents 4.18.0 → 4.19.0

package/dist/collection/components/business-forms/payment-provisioning/business-representative/business-representative-form-step.js

@@ -1,111 +1,47 @@
-import { Host, h } from "@stencil/core";
-import { FormController } from "../../../form/form";
-import { PHONE_MASKS, SSN_MASK } from "../../../../utils/form-input-masks";
-import Api from "../../../../api/Api";
-import { parseIdentityInfo } from "../../utils/payload-parsers";
-import { identitySchema } from "../../schemas/business-identity-schema";
-import { config } from "../../../../../config";
-import { BusinessFormStep } from "../../utils/business-form-types";
-import { Representative } from "../../../../api/Identity";
-import { deconstructDate } from "../../utils/helpers";
+import { h } from "@stencil/core";
 import { ComponentErrorCodes, ComponentErrorSeverity } from "../../../../api/ComponentError";
+import { makeGetBusiness, makePatchBusiness } from "../payment-provisioning-actions";
+import { BusinessService } from "../../../../api/services/business.service";
 export class BusinessRepresentativeFormStep {
     constructor() {
-        this.fetchData = async () => {
-            this.formLoading.emit(true);
-            try {
-                const response = await this.api.get(this.businessEndpoint);
-                this.representative = new Representative(response.data.representative || {});
-                this.formController.setInitialValues(Object.assign({}, this.representative));
-            }
-            catch (error) {
-                this.errorEvent.emit({
-                    errorCode: ComponentErrorCodes.FETCH_ERROR,
-                    message: error.message,
-                    severity: ComponentErrorSeverity.ERROR,
-                    data: error,
-                });
-            }
-            finally {
-                this.formLoading.emit(false);
-            }
-        };
-        this.sendData = async (onSuccess) => {
-            this.formLoading.emit(true);
-            try {
-                const payload = parseIdentityInfo(this.formController.values.getValue());
-                const response = await this.api.patch(this.businessEndpoint, JSON.stringify({ representative: payload }));
-                this.handleResponse(response, onSuccess);
-            }
-            catch (error) {
-                this.errorEvent.emit({
-                    errorCode: ComponentErrorCodes.PATCH_ERROR,
-                    message: error.message,
-                    severity: ComponentErrorSeverity.ERROR,
-                    data: error,
-                });
-            }
-            finally {
-                this.formLoading.emit(false);
-            }
-        };
-        this.inputHandler = (name, value) => {
-            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
-        };
-        this.onAddressFormUpdate = (values) => {
-            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { address: Object.assign(Object.assign({}, this.formController.values.getValue().address), values) }));
-        };
-        this.onDateOfBirthUpdate = (event) => {
-            if (event.detail === '') {
-                this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { dob_day: null, dob_month: null, dob_year: null }));
-            }
-            else {
-                const dob_values = deconstructDate(event.detail);
-                this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { dob_day: dob_values.dob_day, dob_month: dob_values.dob_month, dob_year: dob_values.dob_year }));
-            }
-        };
-        this.formController = undefined;
-        this.errors = {};
-        this.representative = {};
+        this.getBusiness = undefined;
+        this.patchBusiness = undefined;
         this.authToken = undefined;
         this.businessId = undefined;
         this.allowOptionalFields = undefined;
     }
-    get businessEndpoint() {
-        return `entities/business/${this.businessId}`;
-    }
-    handleResponse(response, onSuccess) {
-        if (response.error) {
-            this.errorEvent.emit({
-                errorCode: ComponentErrorCodes.PATCH_ERROR,
-                message: response.error.message,
-                severity: ComponentErrorSeverity.ERROR,
-                data: response.error,
-            });
-        }
-        else {
-            onSuccess();
-        }
-        this.submitted.emit({ data: response, metadata: { completedStep: BusinessFormStep.representative } });
+    propChanged() {
+        this.initializeApi();
     }
     async validateAndSubmit({ onSuccess }) {
-        this.formController.validateAndSubmit(() => this.sendData(onSuccess));
+        this.coreComponent.validateAndSubmit({ onSuccess });
     }
-    ;
     componentWillLoad() {
-        this.formController = new FormController(identitySchema('representative', this.allowOptionalFields));
-        this.api = Api({ authToken: this.authToken, apiOrigin: config.proxyApiOrigin });
-        if (this.businessId && this.authToken) {
-            this.fetchData();
-        }
+        this.initializeApi();
     }
-    componentDidLoad() {
-        this.formController.errors.subscribe(errors => (this.errors = Object.assign({}, errors)));
-        this.formController.values.subscribe(values => (this.representative = Object.assign({}, values)));
+    initializeApi() {
+        if (this.authToken && this.businessId) {
+            this.getBusiness = makeGetBusiness({
+                authToken: this.authToken,
+                businessId: this.businessId,
+                service: new BusinessService()
+            });
+            this.patchBusiness = makePatchBusiness({
+                authToken: this.authToken,
+                businessId: this.businessId,
+                service: new BusinessService()
+            });
+        }
+        else {
+            this.errorEvent.emit({
+                message: 'Missing required props',
+                errorCode: ComponentErrorCodes.MISSING_PROPS,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
     }
     render() {
-        const representativeDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { key: 'd2c9bc0dd40d85403688d4c0ff482d7b0c3c35ab', exportparts: 'label,input,input-invalid' }, h("form", { key: '99a6b23b13b893f760e322dfe2e6f603e86e718c' }, h("fieldset", { key: '7c3b1897a7fe0fa672fa2d8d1a35ba4c81e9c256' }, h("legend", { key: 'f0fe4c93f757167e631d6e21bda5b559556550ad' }, "Representative"), h("hr", { key: '1dd5db7898b510bcdae492460f2ce57d7871c282' }), h("div", { key: '33d1935e5b6cc441bd0193e35aaaedcecfc2bc95', class: 'row gy-3' }, h("div", { key: 'c872b5a20469e3609178106b019fe1d0aecb2a24', class: 'col-12 col-md-8' }, h("form-control-text", { key: '31f37067b3c46bb4f7120169878dae88c1d4e918', name: 'name', label: 'Full Name', defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '9bdc8c1756a693f48bf060ee66f6fcf44cabc025', class: 'col-12 col-md-4' }, h("form-control-text", { key: '1686ff4c8e7b2e2fb74cc104966bf56d2754f8a8', name: 'title', label: 'Title', defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: '789443ed50f9f0957e6bd8b4f6dea8d6ba7421a9', class: 'col-12 col-md-6' }, h("form-control-text", { key: 'fcf1bd082368ee1adcc6b661ec75e3693fcc30dd', name: 'email', label: 'Email Address', defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '163d3f6e3ea1d2b7833b7a232e4726e56fda6416', class: 'col-12 col-md-6' }, h("form-control-number-masked", { key: '3eba7a3ab6a7e8631cb9f100bfd7e5e5566efecc', name: 'phone', label: 'Phone Number', defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '42fc6d656c069f073b08e77398a266e367e771ad', class: 'col-12 col-md-4' }, h("form-control-date", { key: 'f627ff9478974305c83a8947b6c7f60d46189104', name: 'dob_full', label: 'Birth Date', defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { key: 'ffded118a7a2d1c5889c46ac879cdadc289f1c1e', class: 'col-12 col-md-8' }, h("form-control-number-masked", { key: 'bf9cda57b1b7579a38d4f1f276c5cbc7b1723e2d', name: 'identification_number', label: 'SSN', defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { key: 'b033205960692dc7b3cea5ce59e12a13c58d5243', class: 'col-12' }, h("justifi-identity-address-form", { key: 'f243060451c630da18d175a93f55bb1fcabd0cec', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate })))))));
+        return (h("justifi-business-representative-form-step-core", { key: '866d8cf33d53eff562dac1d36898b4c5695bf39b', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get is() { return "justifi-business-representative-form-step"; }
     static get properties() {
@@ -165,49 +101,12 @@ export class BusinessRepresentativeFormStep {
     }
     static get states() {
         return {
-            "formController": {},
-            "errors": {},
-            "representative": {}
+            "getBusiness": {},
+            "patchBusiness": {}
         };
     }
     static get events() {
         return [{
-                "method": "submitted",
-                "name": "submitted",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "BusinessFormSubmitEvent",
-                    "resolved": "BusinessFormSubmitEvent",
-                    "references": {
-                        "BusinessFormSubmitEvent": {
-                            "location": "import",
-                            "path": "../../utils/business-form-types",
-                            "id": "src/components/business-forms/utils/business-form-types.ts::BusinessFormSubmitEvent"
-                        }
-                    }
-                }
-            }, {
-                "method": "formLoading",
-                "name": "formLoading",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                }
-            }, {
                 "method": "errorEvent",
                 "name": "error-event",
                 "bubbles": true,
@@ -255,4 +154,14 @@ export class BusinessRepresentativeFormStep {
             }
         };
     }
+    static get watchers() {
+        return [{
+                "propName": "authToken",
+                "methodName": "propChanged"
+            }, {
+                "propName": "businessId",
+                "methodName": "propChanged"
+            }];
+    }
 }
+;

package/dist/collection/components/business-forms/payment-provisioning/document-uploads/business-document-upload-form-step.js

@@ -1,4 +1,4 @@
-import { Host, h } from "@stencil/core";
+import { h } from "@stencil/core";
 import { FormController } from "../../../form/form";
 import { BusinessFormStep } from "../../utils/business-form-types";
 import { Business } from "../../../../api/Business";
@@ -7,6 +7,7 @@ import { config } from "../../../../../config";
 import { businessDocumentSchema } from "../../schemas/business-document-upload-schema";
 import { EntityDocument, EntityDocumentStorage } from "../../../../api/Document";
 import { ComponentErrorCodes, ComponentErrorSeverity } from "../../../../api/ComponentError";
+import { Skeleton } from "../../../../ui-components";
 export class BusinessDocumentFormStep {
     constructor() {
         this.inputHandler = (name, value) => {
@@ -106,22 +107,26 @@ export class BusinessDocumentFormStep {
             this.documentData[docType] = documentList;
         };
         this.sendData = async (onSuccess) => {
-            const docArray = Object.values(this.documentData).flat();
-            if (!docArray.length) {
-                return onSuccess();
-            }
-            const documentRecords = docArray.map(docData => this.createDocumentRecord(docData));
-            const recordsCreated = await Promise.all(documentRecords);
-            if (!recordsCreated) {
-                return;
+            try {
+                const docArray = Object.values(this.documentData).flat();
+                if (!docArray.length) {
+                    return onSuccess();
+                }
+                const documentRecords = docArray.map(docData => this.createDocumentRecord(docData));
+                const recordsCreated = await Promise.all(documentRecords);
+                if (!recordsCreated) {
+                    return;
+                }
+                const uploads = docArray.map(docData => this.uploadDocument(docData));
+                const uploadsCompleted = await Promise.all(uploads);
+                if (!uploadsCompleted) {
+                    return;
+                }
+                await onSuccess();
             }
-            const uploads = docArray.map(docData => this.uploadDocument(docData));
-            const uploadsCompleted = await Promise.all(uploads);
-            if (!uploadsCompleted) {
-                return;
+            finally {
+                this.formLoading.emit(false);
             }
-            uploadsCompleted && this.formLoading.emit(false);
-            await onSuccess();
         };
         this.formController = undefined;
         this.errors = {};
@@ -160,7 +165,7 @@ export class BusinessDocumentFormStep {
             return null;
         }
         if (this.isLoading) {
-            return h("justifi-skeleton", { variant: 'rounded', height: '50px' });
+            return h(Skeleton, { variant: 'rounded', height: '50px' });
         }
         return h("justifi-business-documents-on-file", { documents: this.existingDocuments });
     }
@@ -169,12 +174,12 @@ export class BusinessDocumentFormStep {
             return null;
         }
         if (this.isLoading) {
-            return h("justifi-skeleton", { variant: 'rounded', height: '350px' });
+            return h(Skeleton, { variant: 'rounded', height: '350px' });
         }
         return (h("justifi-business-document-upload-input-group", { paymentVolume: this.paymentVolume, inputHandler: this.inputHandler, storeFiles: this.storeFiles, errors: this.errors }));
     }
     render() {
-        return (h(Host, { key: '9cc3ddc45413cf4bb5d2fabfc8bc6035035b02c3', exportparts: "label,input,input-invalid" }, h("form", { key: 'd4756e9cd27741cbf6637d42f3f0db77ebc4e2b1' }, h("fieldset", { key: '4c66e4cb9997c1a3645277b12358a3881361fd77' }, h("legend", { key: 'adf7e0e3c134a3e395d455d4c13b6b31e3caf5a0' }, "Document Uploads"), h("p", { key: '826529c3896e9acdf7dd0337e7dc0bb7f8f93386' }, "Various file formats such as PDF, DOC, DOCX, JPEG, and others are accepted. Multiple files can be uploaded for each document category."), h("hr", { key: '76e343327d676f10df8652e9b3977b21e189607c' }), this.documentsOnFile, h("div", { key: 'bdd1fc8f4dc941c17d8457022cbdab679aedd009', class: "d-flex flex-column" }, this.formInputs)))));
+        return (h("form", { key: '8f2e1d262cd5050b315019a1947b1474eaf995de' }, h("fieldset", { key: 'd022b1c294835e456a9067fcfdbf2b93a33c8ca8' }, h("legend", { key: '522ecbab0489efa6d4294f38f792a28770010f1e' }, "Document Uploads"), h("p", { key: 'b49a6b3a4a7c79b368b20455b4ed4a943f08ec51' }, "Various file formats such as PDF, DOC, DOCX, JPEG, and others are accepted. Multiple files can be uploaded for each document category."), h("hr", { key: '3d8c2f7f5b128b99ceaa501166ae60c490b12378' }), this.documentsOnFile, h("div", { key: 'd2627185483e1be43c0b34d80b1fcfa850decd28', class: "d-flex flex-column" }, this.formInputs))));
     }
     static get is() { return "justifi-business-document-upload-form-step"; }
     static get properties() {

package/dist/collection/components/business-forms/payment-provisioning/document-uploads/business-document-upload-input-group.js

@@ -1,4 +1,4 @@
-import { Host, h } from "@stencil/core";
+import { h } from "@stencil/core";
 import { inputConfigurations } from "./input-configurations";
 import { isInRange } from "../../../../utils/utils";
 export class BusinessDocumentUploadInputGroup {
@@ -29,7 +29,7 @@ export class BusinessDocumentUploadInputGroup {
     }
     render() {
         const inputsConfig = this.inputConfigs;
-        return (h(Host, { key: '6750811a2e7cd2ed173ea309990677eed7d0d90b' }, h("div", { key: '5ccbf99d4f03c65a6a48530689340e3d40b7d2e6', class: "row gy-3" }, inputsConfig.map(config => (h("div", { class: "col-12 col-md-6" }, h("form-control-file", { name: config.name, label: config.label, helpText: config.helpText, documentType: config.documentType, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors[config.name], multiple: true })))))));
+        return (h("div", { key: '8035b474e298cae43e5ceda5594fd3891902a300', class: "row gy-3" }, inputsConfig.map(config => (h("div", { class: "col-12 col-md-6" }, h("form-control-file", { name: config.name, label: config.label, helpText: config.helpText, documentType: config.documentType, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors[config.name], multiple: true }))))));
     }
     static get is() { return "justifi-business-document-upload-input-group"; }
     static get properties() {

package/dist/collection/components/business-forms/payment-provisioning/document-uploads/business-documents-on-file.js

@@ -10,7 +10,7 @@ export class BusinessDocumentsOnFile {
         }
         return (h("div", null, h("div", { class: 'card' }, h("div", { class: 'card-body' }, h("h5", { class: 'card-title' }, "Documents Already on File"), h("div", { class: 'table-responsive' }, h("table", { class: 'table table-sm table-borderless' }, h("thead", { part: "table-head" }, h("tr", { part: 'table-head-row' }, h("th", { style: { width: '25%' }, part: "table-head-cell", scope: 'col' }, "File Name"), h("th", { style: { width: '25%' }, part: "table-head-cell", scope: 'col' }, "File Type"), h("th", { style: { width: '25%' }, part: "table-head-cell", scope: 'col' }, "Document Type"), h("th", { style: { width: '25%' }, part: "table-head-cell", scope: 'col' }, "Date Uploaded"))), h("tbody", { part: 'table-body' }, this.documents.sort((a, b) => a.document_type.localeCompare(b.document_type))
             .map((document, index) => {
-            return (h("tr", { class: index === 0 ? 'row-border first-row' : 'row-border' }, h("td", { part: "table-cell" }, document.file_name), h("td", { part: "table-cell" }, document.file_type), h("td", { part: "table-cell" }, snakeCaseToHumanReadable(document.document_type)), h("td", { part: "table-cell" }, `${formatDate(document.created_at)} - ${formatTimeSeconds(document.created_at)}`)));
+            return (h("tr", { class: index === 0 ? 'border-bottom border-top' : 'border-bottom' }, h("td", { part: "table-cell" }, document.file_name), h("td", { part: "table-cell" }, document.file_type), h("td", { part: "table-cell" }, snakeCaseToHumanReadable(document.document_type)), h("td", { part: "table-cell" }, `${formatDate(document.created_at)} - ${formatTimeSeconds(document.created_at)}`)));
         })))))), h("hr", null)));
     }
     static get is() { return "justifi-business-documents-on-file"; }

package/dist/collection/components/business-forms/payment-provisioning/legal-address-form/legal-address-form-step-core.js

@@ -0,0 +1,238 @@
+import { h } from "@stencil/core";
+import { addressSchema } from "../../schemas/business-address-schema";
+import { FormController } from "../../../form/form";
+import { Address } from "../../../../api/Business";
+import StateOptions from "../../../../utils/state-options";
+import { parseAddressInfo } from "../../utils/payload-parsers";
+import { numberOnlyHandler } from "../../../form/utils";
+export class LegalAddressFormStepCore {
+    constructor() {
+        this.getData = () => {
+            this.formLoading.emit(true);
+            this.getBusiness({
+                onSuccess: (response) => {
+                    this.legal_address = new Address(response.data.legal_address || {});
+                    this.formController.setInitialValues(Object.assign({}, this.legal_address));
+                },
+                onError: ({ error, code, severity }) => {
+                    this.errorEvent.emit({
+                        message: error,
+                        errorCode: code,
+                        severity: severity
+                    });
+                },
+                final: () => this.formLoading.emit(false)
+            });
+        };
+        this.sendData = (onSuccess) => {
+            let submittedData;
+            this.formLoading.emit(true);
+            this.patchBusiness({
+                payload: this.patchPayload,
+                onSuccess: (response) => {
+                    submittedData = response;
+                    onSuccess();
+                },
+                onError: ({ error, code, severity }) => {
+                    submittedData = error;
+                    this.errorEvent.emit({
+                        message: error,
+                        errorCode: code,
+                        severity: severity
+                    });
+                },
+                final: () => {
+                    this.submitted.emit({ data: { submittedData } });
+                    this.formLoading.emit(false);
+                }
+            });
+        };
+        this.inputHandler = (name, value) => {
+            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
+        };
+        this.formController = undefined;
+        this.errors = {};
+        this.legal_address = {};
+        this.getBusiness = undefined;
+        this.patchBusiness = undefined;
+        this.allowOptionalFields = undefined;
+    }
+    async validateAndSubmit({ onSuccess }) {
+        this.formController.validateAndSubmit(() => this.sendData(onSuccess));
+    }
+    ;
+    get patchPayload() {
+        let formValues = parseAddressInfo(this.formController.values.getValue());
+        return JSON.stringify({ legal_address: formValues });
+    }
+    componentWillLoad() {
+        this.getBusiness && this.getData();
+        this.formController = new FormController(addressSchema(this.allowOptionalFields));
+    }
+    componentDidLoad() {
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f;
+        const legalAddressDefaultValue = this.formController.getInitialValues();
+        return (h("form", { key: 'ef8d88ebced702b5a0b89eaddb22320f24e7081f' }, h("fieldset", { key: '9f70633b36559e6f8de8d67f39a19df365116bcd' }, h("legend", { key: '6b6b0e42fd0f00a28d24bf9d1e4818e54264ff96' }, "Business Legal Address"), h("hr", { key: '8b7b1a9f0f9448c4fd3b918f20e7b51337d3e5ee' }), h("div", { key: 'f45b643ec057356d9a6e04a19829c562ec521bd2', class: 'row gy-3' }, h("div", { key: 'f115c4e4163126d2d8c998c8de775821e7fc0e65', class: 'col-12' }, h("form-control-text", { key: '066a1ea25ef086dda05e32cde738e7e77dcbb322', name: 'line1', label: 'Legal Address', inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line1, errorText: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.line1 })), h("div", { key: 'e8432ea00cd5da5b08cc97efe8f3a9817a14b5b1', class: 'col-12' }, h("form-control-text", { key: '099ab7197940d5de8869682cbda41dc0d6ee0e1d', name: 'line2', label: 'Address Line 2', inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line2, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line2 })), h("div", { key: '9514757f732d6a445e48eb85d3654f79cf2320db', class: 'col-12' }, h("form-control-text", { key: '37db927ef6c735699a4954ad51d43f4666eea9a0', name: 'city', label: 'City', inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.city, errorText: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.city })), h("div", { key: 'f3c82def0d67fcc0d7e4ca03e80afc166a36ffbb', class: 'col-12' }, h("form-control-select", { key: 'cbcfafe876997e0f9181cf117eeaf465ca424c68', name: 'state', label: 'State', options: StateOptions, inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.state, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.state })), h("div", { key: '4f32ffbe520d1fbe2406d41e7fb76a9f0f450299', class: 'col-12' }, h("form-control-text", { key: '5a2fcc4726b543e8ef6c5456e965cc479d91ce4e', name: 'postal_code', label: 'Postal Code', inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.postal_code, errorText: (_e = this.errors) === null || _e === void 0 ? void 0 : _e.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler })), h("div", { key: 'd4bdbfa4d3999bae59b812e84394bb4c0974d6b3', class: 'col-12' }, h("form-control-select", { key: '95eec216f50d119016c7627074bf29b9a21b1cd1', name: 'country', label: 'Country', options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.country, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.country,
+            // just for now so we skip handling country specificities
+            disabled: true }))))));
+    }
+    static get is() { return "justifi-legal-address-form-step-core"; }
+    static get properties() {
+        return {
+            "getBusiness": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "Function",
+                    "resolved": "Function",
+                    "references": {
+                        "Function": {
+                            "location": "global",
+                            "id": "global::Function"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "patchBusiness": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "Function",
+                    "resolved": "Function",
+                    "references": {
+                        "Function": {
+                            "location": "global",
+                            "id": "global::Function"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "allowOptionalFields": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "allow-optional-fields",
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "formController": {},
+            "errors": {},
+            "legal_address": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "submitted",
+                "name": "submitted",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "BusinessFormSubmitEvent",
+                    "resolved": "BusinessFormSubmitEvent",
+                    "references": {
+                        "BusinessFormSubmitEvent": {
+                            "location": "import",
+                            "path": "../../utils/business-form-types",
+                            "id": "src/components/business-forms/utils/business-form-types.ts::BusinessFormSubmitEvent"
+                        }
+                    }
+                }
+            }, {
+                "method": "formLoading",
+                "name": "formLoading",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                }
+            }, {
+                "method": "errorEvent",
+                "name": "error-event",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "ComponentError",
+                    "resolved": "ComponentError",
+                    "references": {
+                        "ComponentError": {
+                            "location": "import",
+                            "path": "../../../../api/ComponentError",
+                            "id": "src/api/ComponentError.ts::ComponentError"
+                        }
+                    }
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "validateAndSubmit": {
+                "complexType": {
+                    "signature": "({ onSuccess }: { onSuccess: any; }) => Promise<void>",
+                    "parameters": [{
+                            "name": "__0",
+                            "type": "{ onSuccess: any; }",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
+    }
+}