@justifi/webcomponents 6.12.6-rc.1 → 6.12.6

package/dist/module/document-upload-form-step2.js

@@ -1,397 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import './config-state.js';
-import './dinero.js';
-import { e as EntityDocument, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
-import './Pagination.js';
-import { a as CountryCode } from './Business.js';
-import './ApplePay.js';
-import { m as makeGetBusiness, e as makePostDocumentRecord } from './payment-provisioning-actions.js';
-import { B as BusinessService, D as DocumentRecordService } from './business.service.js';
-import { B as BusinessFormStep } from './event-types2.js';
-import { h as heading2 } from './parts.js';
-import { P as PaymentProvisioningLoading } from './payment-provisioning-loading.js';
-import { d as defineCustomElement$6 } from './business-documents-on-file2.js';
-import { d as defineCustomElement$5 } from './custom-popper2.js';
-import { d as defineCustomElement$4 } from './document-upload-list2.js';
-import { d as defineCustomElement$3 } from './form-control-file2.js';
-import { d as defineCustomElement$2 } from './form-control-select2.js';
-import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
-
-const businessDocumentOptions = [
-    { label: 'Select a document type', value: '' },
-    { label: 'Articles of Incorporation', value: 'articles_of_incorporation' },
-    { label: 'Business Registration', value: 'business_registration' },
-];
-const financialDocumentOptions = [
-    { label: 'Select a document type', value: '' },
-    { label: 'Voided Check', value: 'voided_check' },
-    { label: 'Bank Statement', value: 'bank_statement' },
-];
-const personalDocGroup1Options = [
-    { label: 'Select a document type', value: '' },
-    { label: 'Canadian Passport', value: 'passport' },
-    { label: 'Canadian Driver\'s License', value: 'driver_license' },
-    { label: 'Canadian Government Issued ID Card', value: 'government_id' },
-    { label: 'Permanent Resident Card', value: 'resident_card' },
-    { label: 'Certificate of Indian Status', value: 'status_card' },
-    { label: 'US State Issued Driver\'s License', value: 'driver_license' },
-];
-const personalDocGroup2Options = [
-    { label: 'Select a document type', value: '' },
-    { label: 'Nexus Card (Photo ID)', value: 'nexus_card' },
-    { label: 'Canadian Citizenship/Naturalization Card or Certificate', value: 'citizenship_card' },
-    { label: 'Foreign Passport', value: 'foreign_passport' },
-    { label: 'Canadian Birth Certificate', value: 'birth_certificate' },
-    { label: 'Social Insurance Number (SIN) Card', value: 'sin_card' },
-    { label: 'Social Security Number (SSN) Card', value: 'ssn_card' },
-];
-const staticCategories = [
-    {
-        label: 'Business Document',
-        value: 'business_document',
-        docTypeOptions: businessDocumentOptions,
-    },
-    {
-        label: 'Financial Document',
-        value: 'financial_document',
-        docTypeOptions: financialDocumentOptions,
-    },
-];
-function buildOwnerCategories(owners) {
-    const group1Opts = personalDocGroup1Options.filter(o => o.value !== '');
-    const group2Opts = personalDocGroup2Options.filter(o => o.value !== '');
-    return owners.map(owner => ({
-        label: `${owner.name} - Identity Document`,
-        value: `personal_${owner.id}`,
-        identityId: owner.id,
-        docTypeOptions: [
-            { label: 'Select a document type', value: '' },
-            { label: '── Group 1 ──', value: '_group1_header' },
-            ...group1Opts,
-            { label: '── Group 2 ──', value: '_group2_header' },
-            ...group2Opts,
-        ],
-    }));
-}
-const financialOnlyCategories = [
-    {
-        label: 'Financial Document',
-        value: 'financial_document',
-        docTypeOptions: financialDocumentOptions,
-    },
-];
-function buildAllCategories(owners, country) {
-    if (country === CountryCode.USA) {
-        return financialOnlyCategories;
-    }
-    return [...staticCategories, ...buildOwnerCategories(owners)];
-}
-const personalDocGroup1Types = new Set(personalDocGroup1Options.filter(o => o.value).map(o => o.value));
-const personalDocGroup2Types = new Set(personalDocGroup2Options.filter(o => o.value).map(o => o.value));
-
-const DocumentUploadFormStep = /*@__PURE__*/ proxyCustomElement(class DocumentUploadFormStep extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.errorEvent = createEvent(this, "error-event", 7);
-        this.stepCompleteEvent = createEvent(this, "complete-form-step-event", 7);
-        this.formLoading = createEvent(this, "formLoading", 7);
-        this.owners = [];
-        this.existingDocuments = [];
-        this.selectedCategory = '';
-        this.selectedDocType = '';
-        this.uploadQueue = [];
-        this.isLoading = false;
-        this.errors = {};
-        this.fileInputKey = 0;
-        this.categories = [];
-        this.getData = () => {
-            this.isLoading = true;
-            this.getBusiness({
-                onSuccess: (response) => {
-                    const { owners, documents } = response.data;
-                    this.owners = owners || [];
-                    this.existingDocuments = documents || [];
-                    this.categories = buildAllCategories(this.owners, this.country);
-                },
-                onError: ({ error, code, severity }) => {
-                    this.errorEvent.emit({
-                        message: error,
-                        errorCode: code,
-                        severity: severity,
-                    });
-                },
-                final: () => {
-                    this.isLoading = false;
-                }
-            });
-        };
-        this.handleCategoryChange = (_name, value) => {
-            this.selectedCategory = value;
-            this.selectedDocType = '';
-        };
-        this.handleDocTypeChange = (_name, value) => {
-            if (value.startsWith('_') && value.endsWith('_header'))
-                return;
-            this.selectedDocType = value;
-        };
-        this.handleFileSelected = async (e) => {
-            const fileList = Array.from(e.detail.fileList);
-            const category = this.categories.find(c => c.value === this.selectedCategory);
-            if (!category)
-                return;
-            const docTypeOption = category.docTypeOptions.find(o => o.value === this.selectedDocType);
-            const docTypeLabel = (docTypeOption === null || docTypeOption === void 0 ? void 0 : docTypeOption.label) || this.selectedDocType;
-            const newEntries = fileList.map(file => ({
-                categoryLabel: category.label,
-                categoryValue: category.value,
-                docTypeLabel,
-                docTypeValue: this.selectedDocType,
-                fileName: file.name,
-                file,
-                identityId: category.identityId,
-                status: 'uploading',
-            }));
-            const startIndex = this.uploadQueue.length;
-            this.uploadQueue = [...this.uploadQueue, ...newEntries];
-            this.selectedCategory = '';
-            this.selectedDocType = '';
-            this.fileInputKey++;
-            await Promise.all(newEntries.map(async (entry, i) => {
-                const index = startIndex + i;
-                try {
-                    const docData = new EntityDocument({ file: entry.file, document_type: entry.docTypeValue }, this.businessId, entry.identityId);
-                    const recordCreated = await this.postDocumentRecordData(docData);
-                    if (!recordCreated) {
-                        this.uploadQueue = this.uploadQueue.map((e, j) => j === index ? Object.assign(Object.assign({}, e), { status: 'error' }) : e);
-                        return;
-                    }
-                    const uploaded = await this.uploadDocument(docData);
-                    this.uploadQueue = this.uploadQueue.map((e, j) => j === index ? Object.assign(Object.assign({}, e), { status: uploaded ? 'uploaded' : 'error' }) : e);
-                }
-                catch (_a) {
-                    this.uploadQueue = this.uploadQueue.map((e, j) => j === index ? Object.assign(Object.assign({}, e), { status: 'error' }) : e);
-                }
-            }));
-        };
-        this.postDocumentRecordData = async (docData) => {
-            const payload = docData.record_data;
-            return new Promise((resolve) => {
-                this.postDocumentRecord({
-                    payload,
-                    onSuccess: (response) => {
-                        resolve(this.handleDocRecordResponse(docData, response));
-                    },
-                    onError: ({ error, code, severity }) => {
-                        this.errorEvent.emit({
-                            message: error,
-                            errorCode: code,
-                            severity: severity,
-                        });
-                        resolve(false);
-                    },
-                });
-            });
-        };
-        this.handleDocRecordResponse = (docData, response) => {
-            if (response.error) {
-                this.errorEvent.emit({
-                    errorCode: ComponentErrorCodes.POST_ERROR,
-                    message: response.error.message,
-                    severity: ComponentErrorSeverity.ERROR,
-                    data: response.error,
-                });
-                return false;
-            }
-            else {
-                docData.setPresignedUrl(response.data.presigned_url);
-                return true;
-            }
-        };
-        this.uploadDocument = async (docData) => {
-            if (!docData.presigned_url) {
-                throw new Error('Presigned URL is not set');
-            }
-            const fileData = await docData.getFileData();
-            const response = await fetch(docData.presigned_url, {
-                method: 'PUT',
-                body: fileData,
-            });
-            if (!response.ok) {
-                this.errorEvent.emit({
-                    errorCode: ComponentErrorCodes.POST_ERROR,
-                    message: 'Failed to upload document',
-                    severity: ComponentErrorSeverity.ERROR,
-                });
-                return false;
-            }
-            return true;
-        };
-    }
-    propChanged() {
-        this.initializeApi();
-    }
-    watchHandler(newValue) {
-        this.formLoading.emit(newValue);
-    }
-    async validateAndSubmit({ onSuccess }) {
-        const validationErrors = this.validate();
-        if (Object.keys(validationErrors).length > 0) {
-            this.errors = validationErrors;
-            return;
-        }
-        this.errors = {};
-        this.stepCompleteEvent.emit({ response: null, formStep: BusinessFormStep.documentUpload });
-        onSuccess();
-    }
-    componentWillLoad() {
-        this.initializeApi();
-        if (this.getBusiness) {
-            this.getData();
-        }
-    }
-    initializeApi() {
-        if (this.authToken && this.businessId) {
-            this.getBusiness = makeGetBusiness({
-                authToken: this.authToken,
-                businessId: this.businessId,
-                service: new BusinessService()
-            });
-            this.postDocumentRecord = makePostDocumentRecord({
-                authToken: this.authToken,
-                service: new DocumentRecordService()
-            });
-        }
-        else {
-            this.errorEvent.emit({
-                message: 'Missing required props',
-                errorCode: ComponentErrorCodes.MISSING_PROPS,
-                severity: ComponentErrorSeverity.ERROR,
-            });
-        }
-    }
-    get categoryOptions() {
-        return [
-            { label: 'Select a category', value: '' },
-            ...this.categories.map(c => ({ label: c.label, value: c.value })),
-        ];
-    }
-    get docTypeOptions() {
-        if (!this.selectedCategory) {
-            return [{ label: 'Select a category first', value: '' }];
-        }
-        const category = this.categories.find(c => c.value === this.selectedCategory);
-        return (category === null || category === void 0 ? void 0 : category.docTypeOptions) || [{ label: 'Select a category first', value: '' }];
-    }
-    validate() {
-        if (this.allowOptionalFields)
-            return {};
-        const errors = {};
-        const financialDocTypes = ['voided_check', 'bank_statement'];
-        const hasExistingDoc = (types) => this.existingDocuments.some(doc => types.includes(doc.document_type));
-        const hasUploadedDoc = (categoryValue) => this.uploadQueue.some(entry => entry.categoryValue === categoryValue && entry.status === 'uploaded');
-        if (!hasUploadedDoc('financial_document') && !hasExistingDoc(financialDocTypes)) {
-            errors['financial_document'] = 'Please upload a financial document';
-        }
-        if (this.country === CountryCode.CAN) {
-            const businessDocTypes = ['articles_of_incorporation', 'business_registration'];
-            if (!hasUploadedDoc('business_document') && !hasExistingDoc(businessDocTypes)) {
-                errors['business_document'] = 'Please upload a business document';
-            }
-            for (const owner of this.owners) {
-                const ownerCategoryValue = `personal_${owner.id}`;
-                const ownerDocs = this.uploadQueue.filter(entry => entry.categoryValue === ownerCategoryValue && entry.status === 'uploaded');
-                const hasGroup1 = ownerDocs.some(d => personalDocGroup1Types.has(d.docTypeValue));
-                const hasGroup2 = ownerDocs.some(d => personalDocGroup2Types.has(d.docTypeValue));
-                if (!hasGroup1) {
-                    errors[`personal_group1_${owner.id}`] =
-                        `Please upload a Group 1 identity document for ${owner.name}`;
-                }
-                if (!hasGroup2) {
-                    errors[`personal_group2_${owner.id}`] =
-                        `Please upload a Group 2 identity document for ${owner.name}`;
-                }
-            }
-        }
-        return errors;
-    }
-    render() {
-        if (this.isLoading) {
-            return h(PaymentProvisioningLoading, null);
-        }
-        return (h("form", null, h("fieldset", null, h("legend", { class: "mb-0", part: heading2 }, "Document Uploads"), h("hr", { class: "mt-2" }), h("business-documents-on-file", { documents: this.existingDocuments, isLoading: this.isLoading })), h("fieldset", { class: "mt-4" }, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Add Document"), h("form-control-tooltip", { helpText: "Upload documents one at a time. Select the category and type, then choose a file. For identity documents, two documents from different groups are required per owner." })), h("hr", { class: "mt-2" }), h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h("form-control-select", { name: "document_category", label: "Document Category", options: this.categoryOptions, defaultValue: this.selectedCategory, inputHandler: this.handleCategoryChange })), h("div", { class: "col-12 col-md-6" }, h("form-control-select", { name: "document_type", label: "Document Type", options: this.docTypeOptions, defaultValue: this.selectedDocType, inputHandler: this.handleDocTypeChange, disabled: !this.selectedCategory })), h("div", { class: "col-12" }, h("form-control-file", { key: this.fileInputKey, name: "document_file", label: "Upload Document", documentType: this.selectedDocType, onFileSelected: this.handleFileSelected, disabled: !this.selectedDocType, multiple: false })))), h("document-upload-list", { documents: this.uploadQueue }), Object.keys(this.errors).length > 0 && (h("div", { class: "alert alert-danger mt-3" }, h("ul", { class: "mb-0" }, Object.values(this.errors).map(err => h("li", null, err)))))));
-    }
-    static get watchers() { return {
-        "authToken": ["propChanged"],
-        "businessId": ["propChanged"],
-        "isLoading": ["watchHandler"]
-    }; }
-}, [256, "document-upload-form-step", {
-        "authToken": [1, "auth-token"],
-        "businessId": [1, "business-id"],
-        "allowOptionalFields": [4, "allow-optional-fields"],
-        "country": [1],
-        "owners": [32],
-        "existingDocuments": [32],
-        "selectedCategory": [32],
-        "selectedDocType": [32],
-        "uploadQueue": [32],
-        "isLoading": [32],
-        "errors": [32],
-        "fileInputKey": [32],
-        "getBusiness": [32],
-        "postDocumentRecord": [32],
-        "validateAndSubmit": [64]
-    }, undefined, {
-        "authToken": ["propChanged"],
-        "businessId": ["propChanged"],
-        "isLoading": ["watchHandler"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["document-upload-form-step", "business-documents-on-file", "custom-popper", "document-upload-list", "form-control-file", "form-control-select", "form-control-tooltip"];
-    components.forEach(tagName => { switch (tagName) {
-        case "document-upload-form-step":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DocumentUploadFormStep);
-            }
-            break;
-        case "business-documents-on-file":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "document-upload-list":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "form-control-file":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "form-control-select":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "form-control-tooltip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { DocumentUploadFormStep as D, defineCustomElement as d };

package/dist/module/document-upload-list.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface DocumentUploadList extends Components.DocumentUploadList, HTMLElement {}
-export const DocumentUploadList: {
-    prototype: DocumentUploadList;
-    new (): DocumentUploadList;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/module/document-upload-list.js

@@ -1,6 +0,0 @@
-import { D as DocumentUploadList$1, d as defineCustomElement$1 } from './document-upload-list2.js';
-
-const DocumentUploadList = DocumentUploadList$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { DocumentUploadList, defineCustomElement };

package/dist/module/document-upload-list2.js

@@ -1,46 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { B as card, h as heading2, C as table, D as tableHeadCell, E as tableCell } from './parts.js';
-
-const DocumentUploadList = /*@__PURE__*/ proxyCustomElement(class DocumentUploadList extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.documents = [];
-    }
-    renderStatus(status) {
-        switch (status) {
-            case 'uploading':
-                return h("span", { class: "badge bg-info" }, "Uploading...");
-            case 'uploaded':
-                return h("span", { class: "badge bg-success" }, "Uploaded");
-            case 'error':
-                return h("span", { class: "badge bg-danger" }, "Error");
-        }
-    }
-    render() {
-        if (!this.documents.length) {
-            return null;
-        }
-        return (h("div", { class: "mt-4" }, h("div", { class: "card", part: card }, h("div", { class: "card-body" }, h("h5", { class: "card-title", part: heading2 }, "Uploaded Documents"), h("div", { class: "table-responsive" }, h("table", { class: "table table-sm table-borderless", part: table }, h("thead", null, h("tr", null, h("th", { style: { width: '25%' }, part: tableHeadCell, scope: "col" }, "Category"), h("th", { style: { width: '25%' }, part: tableHeadCell, scope: "col" }, "Document Type"), h("th", { style: { width: '30%' }, part: tableHeadCell, scope: "col" }, "File Name"), h("th", { style: { width: '20%' }, part: tableHeadCell, scope: "col" }, "Status"))), h("tbody", null, this.documents.map((doc, index) => (h("tr", { class: index === 0 ? 'border-bottom border-top' : 'border-bottom' }, h("td", { part: tableCell }, doc.categoryLabel), h("td", { part: tableCell }, doc.docTypeLabel), h("td", { part: tableCell }, doc.fileName), h("td", { part: tableCell }, this.renderStatus(doc.status))))))))))));
-    }
-}, [256, "document-upload-list", {
-        "documents": [16]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["document-upload-list"];
-    components.forEach(tagName => { switch (tagName) {
-        case "document-upload-list":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DocumentUploadList);
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { DocumentUploadList as D, defineCustomElement as d };

package/dist/types/components/business-forms/payment-provisioning/document-upload/document-upload-form-step.d.ts

@@ -1,44 +0,0 @@
-import { EventEmitter } from '../../../../stencil-public-runtime';
-import { ComponentErrorEvent, ComponentFormStepCompleteEvent, FileSelectEvent, IDocument, Identity } from '../../../../api';
-import { CountryCode } from '../../../../utils/country-codes';
-import { UploadedDocumentEntry } from './document-upload-options';
-export declare class DocumentUploadFormStep {
-    authToken: string;
-    businessId: string;
-    allowOptionalFields?: boolean;
-    country: CountryCode;
-    owners: Identity[];
-    existingDocuments: IDocument[];
-    selectedCategory: string;
-    selectedDocType: string;
-    uploadQueue: UploadedDocumentEntry[];
-    isLoading: boolean;
-    errors: {
-        [key: string]: string;
-    };
-    fileInputKey: number;
-    getBusiness: Function;
-    postDocumentRecord: Function;
-    private categories;
-    propChanged(): void;
-    watchHandler(newValue: boolean): void;
-    errorEvent: EventEmitter<ComponentErrorEvent>;
-    stepCompleteEvent: EventEmitter<ComponentFormStepCompleteEvent>;
-    formLoading: EventEmitter<boolean>;
-    validateAndSubmit({ onSuccess }: {
-        onSuccess: any;
-    }): Promise<void>;
-    componentWillLoad(): void;
-    private initializeApi;
-    private getData;
-    private get categoryOptions();
-    private get docTypeOptions();
-    private validate;
-    handleCategoryChange: (_name: string, value: string) => void;
-    handleDocTypeChange: (_name: string, value: string) => void;
-    handleFileSelected: (e: CustomEvent<FileSelectEvent>) => Promise<void>;
-    private postDocumentRecordData;
-    private handleDocRecordResponse;
-    private uploadDocument;
-    render(): any;
-}

package/dist/types/components/business-forms/payment-provisioning/document-upload/document-upload-list.d.ts

@@ -1,6 +0,0 @@
-import { UploadedDocumentEntry } from './document-upload-options';
-export declare class DocumentUploadList {
-    documents: UploadedDocumentEntry[];
-    private renderStatus;
-    render(): any;
-}

package/dist/types/components/business-forms/payment-provisioning/document-upload/document-upload-options.d.ts

@@ -1,44 +0,0 @@
-import { Identity } from '../../../../api';
-import { CountryCode } from '../../../../utils/country-codes';
-export declare const businessDocumentOptions: {
-    label: string;
-    value: string;
-}[];
-export declare const financialDocumentOptions: {
-    label: string;
-    value: string;
-}[];
-export declare const personalDocGroup1Options: {
-    label: string;
-    value: string;
-}[];
-export declare const personalDocGroup2Options: {
-    label: string;
-    value: string;
-}[];
-export interface DocumentCategory {
-    label: string;
-    value: string;
-    identityId?: string;
-    docTypeOptions: {
-        label: string;
-        value: string;
-    }[];
-}
-export type DocumentUploadStatus = 'uploading' | 'uploaded' | 'error';
-export interface UploadedDocumentEntry {
-    categoryLabel: string;
-    categoryValue: string;
-    docTypeLabel: string;
-    docTypeValue: string;
-    fileName: string;
-    file: File;
-    identityId?: string;
-    status: DocumentUploadStatus;
-}
-export declare const staticCategories: DocumentCategory[];
-export declare function buildOwnerCategories(owners: Identity[]): DocumentCategory[];
-export declare const financialOnlyCategories: DocumentCategory[];
-export declare function buildAllCategories(owners: Identity[], country?: CountryCode): DocumentCategory[];
-export declare const personalDocGroup1Types: Set<string>;
-export declare const personalDocGroup2Types: Set<string>;

package/dist/webcomponents/p-37676092.entry.js

@@ -1 +0,0 @@
-import{r as e,h as a,H as t}from"./p-CV0Pyo1O.js";import{a as s,r as i,s as l,d,b as c}from"./p-BBSnDYJw.js";import{C as o,I as r,P as n}from"./p-CVaOFfrI.js";import{b,x as f,u,a0 as h,ak as m}from"./p-CPKMvyV_.js";import{e as v,d as p,C as y}from"./p-BcNb9bVO.js";import{c as k}from"./p-BzXQDB0t.js";const j=class{constructor(a){e(this,a),this.errors={},this.additional_questions={},this.inputHandler=this.inputHandler.bind(this)}componentDidLoad(){this.formController.errors.subscribe((e=>this.errors=Object.assign({},e))),this.formController.values.subscribe((e=>this.additional_questions=Object.assign({},e.additional_questions)))}inputHandler(e,a){this.formController.setValues(Object.assign(Object.assign({},this.formController.values.getValue()),{additional_questions:Object.assign(Object.assign({},this.formController.values.getValue().additional_questions),{[e]:a})}))}render(){var e,d,c,r,n,f,u,h,m,v,p,y,k,j;const x=this.formController.getInitialValues().additional_questions;return a(t,{key:"05b69febfcd1e3901109c2cf64d812ff766b81cc"},a("fieldset",{key:"84f06779dff94622fc7d14fdca53efb84f11e8cd"},a("legend",{key:"3079e5d172c833d8172660f2f66b4d9637bfdb21",part:b},"Additional Questions"),a("div",{key:"cf5155033143279316822237a84a0ad5e292a6cd",class:"row gy-3"},a("div",{key:"e28450dacb0d7040d62a4820c0252d95792d7e87",class:"col-12 col-md-6"},a("form-control-monetary-provisioning",{key:"e2ac8f211ffd9848fab123bc7826fd9f18e109a8",name:"business_revenue",label:"What is the business' estimated annual revenue from its primary business activities?",inputHandler:this.inputHandler,errorText:null===(d=null===(e=this.errors)||void 0===e?void 0:e.additional_questions)||void 0===d?void 0:d.business_revenue,defaultValue:null==x?void 0:x.business_revenue,maskOptions:o.WHOLE})),a("div",{key:"c5de85cd5e7b1501a0667a49d8d4826971e93052",class:"col-12 col-md-6"},a("form-control-monetary-provisioning",{key:"3da3805e4ddbc633f060d36487b46e76e4f6eb04",name:"business_payment_volume",label:"What is the business' annual credit card & ACH volume anticipated to process?",inputHandler:this.inputHandler,errorText:null===(r=null===(c=this.errors)||void 0===c?void 0:c.additional_questions)||void 0===r?void 0:r.business_payment_volume,defaultValue:null==x?void 0:x.business_payment_volume,maskOptions:o.WHOLE})),a("div",{key:"ad62fecba837464fddba48273635bc8ae3a7d7ed",class:"col-12"},a("form-control-select",{key:"9f09093b45c1c8eeb63065402f4b15e31c166d51",name:"business_when_service_received",label:"On average, how long after paying will your customers typically receive their goods or services?",inputHandler:this.inputHandler,errorText:null===(f=null===(n=this.errors)||void 0===n?void 0:n.additional_questions)||void 0===f?void 0:f.business_when_service_received,options:s,defaultValue:null==x?void 0:x.business_when_service_received})),a("div",{key:"e2a05cbb74138a554033817e3bb1372933e64b99",class:"col-12"},a("form-control-select",{key:"8a95d74c02f2cf662f6cf0658faeae1a1a8f6a11",name:"business_recurring_payments",label:"Does your business offer recurring payments?",inputHandler:this.inputHandler,errorText:null===(h=null===(u=this.errors)||void 0===u?void 0:u.additional_questions)||void 0===h?void 0:h.business_recurring_payments,options:i,defaultValue:null==x?void 0:x.business_recurring_payments})),a("div",{key:"8d94059b0966237c980b1c1622e1ed3fd5bd8a58",class:"col-12"},a("form-control-text",{key:"320fa784aef300393ddfcca4f2ef4798d207bf30",name:"business_recurring_payments_percentage",label:"What percent of revenue is generated from each recurring payment type offered?",inputHandler:this.inputHandler,errorText:null===(v=null===(m=this.errors)||void 0===m?void 0:m.additional_questions)||void 0===v?void 0:v.business_recurring_payments_percentage,defaultValue:null==x?void 0:x.business_recurring_payments_percentage})),a("div",{key:"8525c21ec91e652737455e7b093ff280800d97c2",class:"col-12"},a("form-control-select",{key:"c2cba23606b03f758ba704c074a65a212e111998",name:"business_seasonal",label:"Is this business seasonal?",inputHandler:this.inputHandler,errorText:null===(y=null===(p=this.errors)||void 0===p?void 0:p.additional_questions)||void 0===y?void 0:y.business_seasonal,options:l,defaultValue:null==x?void 0:x.business_seasonal})),a("div",{key:"c047c43284fbe92952c487544bc8206c98433edc",class:"col-12"},a("form-control-text",{key:"27348b1899f8b8f7f18a0618aa4dcb812a3bef04",name:"business_other_payment_details",label:"Is there anything else you would like us to know about how your customers pay the business?",inputHandler:this.inputHandler,errorText:null===(j=null===(k=this.errors)||void 0===k?void 0:k.additional_questions)||void 0===j?void 0:j.business_other_payment_details,defaultValue:null==x?void 0:x.business_other_payment_details})))))}},x=class{constructor(a){e(this,a),this.errors={},this.coreInfo={},this.isEditingTaxId=!1,this.inputHandler=this.inputHandler.bind(this)}componentDidLoad(){this.formController.values.subscribe((e=>this.coreInfo=Object.assign({},new v(e)))),this.formController.errors.subscribe((e=>{this.errors=Object.assign({},e)}))}inputHandler(e,a){this.formController.setValues(Object.assign(Object.assign({},this.formController.values.getValue()),{[e]:a}))}render(){var e,s;const i=this.formController.getInitialValues();return a(t,{key:"9c73706505c1fa0a56d7eb68fc1c4c0a6fffd1dc"},a("fieldset",{key:"d30bae9bab7ffd0e385ce276e7797cfd606e5a42"},a("legend",{key:"5792db95cbbc080f3c990b4b9cea84484f374ec3",part:b},"General Info"),a("div",{key:"ae7fa3c788d625d60cfc83b270312946dce97f0b",class:"row gy-3"},a("div",{key:"f7e5ab1ec57a8ce8de5ef8591ecad8b2fbd2f030",class:"col-12"},a("form-control-text",{key:"fa96501ceca053263029489a74bddd31222b1462",name:"legal_name",label:"Legal Name",defaultValue:i.legal_name,errorText:this.errors.legal_name,inputHandler:this.inputHandler})),a("div",{key:"21e14d0c13017376d7e74e84169f30fe05fa13af",class:"col-12"},a("form-control-text",{key:"266187ec2209299a4b0ebc4c7d600c670de3b21f",name:"doing_business_as",label:"Doing Business As (DBA)",defaultValue:i.doing_business_as,errorText:this.errors.doing_business_as,inputHandler:this.inputHandler})),a("div",{key:"d9bbb19b4ec15a18a0467444e964512114e74031",class:"col-12 col-md-8"},a("form-control-select",{key:"fe490b4abb4a1e07392db9ad4e4c15b02d928f4c",name:"classification",label:"Business Classification",options:d,defaultValue:i.classification,errorText:this.errors.classification,inputHandler:this.inputHandler})),a("div",{key:"fc5dafdace199fd34d22f22d629d87fc8ff7cc3e",class:"col-12 col-md-4"},a("form-control-date",{key:"0263cdef27d1b36c22bde16dbdb3777ad9ef62e3",name:"date_of_incorporation",label:"Date of Incorporation",defaultValue:i.date_of_incorporation,errorText:this.errors.date_of_incorporation,inputHandler:this.inputHandler})),a("div",{key:"2ae2b710d615e5314d4b836b9a498fc9140b749a",class:"col-12 col-md-6"},a("form-control-text",{key:"f6e738254ff7ead5680b895b6df77dc58efbc393",name:"industry",label:"Industry",defaultValue:i.industry,errorText:this.errors.industry,inputHandler:this.inputHandler})),a("div",{key:"8a01de0514d495b103aa43070d268070f57af62a",class:"col-12 col-md-6"},!(null===(e=this.coreInfo)||void 0===e?void 0:e.tax_id_last4)||this.isEditingTaxId?a("form-control-number-masked",{name:"tax_id",label:k[this.country].taxIdLabelOptional||k[this.country].taxIdLabel,defaultValue:this.isEditingTaxId?"":i.tax_id,errorText:this.errors.tax_id,inputHandler:this.inputHandler,mask:r[this.country],helpText:k[this.country].taxIdHelpText}):a("div",null,a("label",{class:"form-label",part:f},k[this.country].taxIdLabel),a("div",{class:"input-group mb-3"},a("input",{type:"text",class:"form-control",part:u,value:`****${null===(s=this.coreInfo)||void 0===s?void 0:s.tax_id_last4}`,disabled:!0}),a("button",{class:"btn btn-secondary",type:"button",part:h,onClick:()=>{this.isEditingTaxId=!0,this.formController.setValues(Object.assign(Object.assign({},this.formController.values.getValue()),{tax_id:""}))}},"Change")))),a("div",{key:"a82eb6e652eb36fd57cd4a6c413e896aebfefce6",class:"col-12"},a("form-control-text",{key:"930f882235d7c4902ae6daf54d644a0cd9d23daf",name:"website_url",label:"Website URL",defaultValue:i.website_url,errorText:this.errors.website_url,inputHandler:this.inputHandler})),a("div",{key:"b2e819e6dfd97229e81e1860e1debe3ab95e3dc0",class:"col-12 col-md-6"},a("form-control-text",{key:"7a4a158a1c64adfe90b825ff54c9f1f607c25bb7",name:"email",label:"Email Address",defaultValue:i.email,errorText:this.errors.email,inputHandler:this.inputHandler})),a("div",{key:"948c4f98a4a7a8b898058adb0957b7251d8c9fe4",class:"col-12 col-md-6"},a("form-control-number-masked",{key:"dc5804f3c9254c859f5e6a78487dae423c9689f1",name:"phone",label:"Phone Number",defaultValue:i.phone,errorText:this.errors.phone,inputHandler:this.inputHandler,mask:n.US})))))}},O=class{constructor(a){e(this,a),this.errors={},this.representative={},this.isEditingIdentification=!1,this.inputHandler=(e,a)=>{this.formController.setValues(Object.assign(Object.assign({},this.formController.values.getValue()),{representative:Object.assign(Object.assign({},this.formController.values.getValue().representative),{[e]:a})}))},this.onAddressFormUpdate=e=>{this.formController.setValues(Object.assign(Object.assign({},this.formController.values.getValue()),{representative:Object.assign(Object.assign({},this.formController.values.getValue().representative),{address:Object.assign(Object.assign({},this.formController.values.getValue().representative.address),e)})}))},this.onDateOfBirthUpdate=e=>{const a=p(e.detail);this.formController.setValues(Object.assign(Object.assign({},this.formController.values.getValue()),{representative:Object.assign(Object.assign({},this.formController.values.getValue().representative),{dob_day:a.dob_day,dob_month:a.dob_month,dob_year:a.dob_year})}))}}get identificationNumberLabel(){var e;return(null===(e=this.representative)||void 0===e?void 0:e.ssn_last4)||this.country===y.CAN?k[this.country].idNumberLabelOptional:k[this.country].idNumberLabel}componentDidLoad(){this.formController.errors.subscribe((e=>this.errors=Object.assign({},e.representative))),this.formController.values.subscribe((e=>this.representative=Object.assign({},e.representative)))}render(){var e,s;const i=this.formController.getInitialValues().representative;return a(t,{key:"9045242989e4d43d1e7b0770d0c5421005db78fa"},a("fieldset",{key:"6643f8bd8e81bbc64ae8a0e9bcf317e16f91bab9"},a("legend",{key:"20b897584a059ad98c109a37a3ea74c8be4b407c",part:b},"Representative"),a("div",{key:"37da5bfb73a7606c6180c151761aaf13dcc819c4",class:"row gy-3"},a("div",{key:"8d76accd442d9fda35ae4d3e1c47b65e17f098a0",class:"col-12 col-md-8"},a("form-control-text",{key:"2eadd087eac463e851192d8ee1c30390a29ee8b2",name:"name",label:"Full Name",defaultValue:null==i?void 0:i.name,errorText:this.errors.name,inputHandler:this.inputHandler})),a("div",{key:"f495a8cb3c6a0e9b4a00aac3e8c77f66da84b9e2",class:"col-12 col-md-4"},a("form-control-select",{key:"4b7669b96b7df9a387cf3c4f9638ea9ada9f37ee",name:"title",label:"Title",options:c,defaultValue:null==i?void 0:i.title,errorText:this.errors.title,inputHandler:this.inputHandler})),a("div",{key:"3e10f464a7e26a9518b4ce6d37c6f4a968514f98",class:"col-12 col-md-6"},a("form-control-text",{key:"a0d51c6999295428bfdcb43ef4b0ec15194eb077",name:"email",label:"Email Address",defaultValue:null==i?void 0:i.email,errorText:this.errors.email,inputHandler:this.inputHandler})),a("div",{key:"a8e1a4c8e4fa5a50d436c18e41a5b77f23bc53cf",class:"col-12 col-md-6"},a("form-control-number-masked",{key:"a72115bf51fc97a25add717c208e820c7e9e5495",name:"phone",label:"Phone Number",defaultValue:null==i?void 0:i.phone,errorText:this.errors.phone,inputHandler:this.inputHandler,mask:n.US})),a("div",{key:"db04f552f1757b6ac4e10539e4a148f399a75192",class:"col-12 col-md-4"},a("form-control-date",{key:"cb07a2cc4e6fc242d643f9caea01db380a9ff366",name:"dob_full",label:"Birth Date",defaultValue:null==i?void 0:i.dob_full,errorText:this.errors.dob_full,inputHandler:this.inputHandler,onFormControlInput:this.onDateOfBirthUpdate})),a("div",{key:"95348511ba3b1582053f754249b15efe4d707252",class:"col-12 col-md-8"},!(null===(e=this.representative)||void 0===e?void 0:e.ssn_last4)||this.isEditingIdentification?a("form-control-number-masked",{name:"identification_number",label:this.identificationNumberLabel,defaultValue:this.isEditingIdentification?"":null==i?void 0:i.identification_number,errorText:this.errors.identification_number,inputHandler:this.inputHandler,mask:r[this.country],helpText:k[this.country].identityHelpText}):a("div",null,a("label",{class:"form-label",part:f},this.identificationNumberLabel),a("div",{class:"input-group mb-3"},a("input",{type:"text",class:"form-control",part:u,value:`****${null===(s=this.representative)||void 0===s?void 0:s.ssn_last4}`,disabled:!0}),a("button",{class:"btn btn-secondary",type:"button",part:h,onClick:()=>{this.isEditingIdentification=!0,this.formController.setValues(Object.assign(Object.assign({},this.formController.values.getValue()),{representative:Object.assign(Object.assign({},this.formController.values.getValue().representative),{ssn_last4:null,identification_number:""})}))}},"Change")))),a("div",{key:"57dcdaad0ec89f94d82236bfc8e093b68b7ec478",class:"col-12"},a("identity-address-form",{key:"0ea02562077d352c5d3a1d0903dee1e8b69fa6f1",errors:this.errors.address,defaultValues:null==i?void 0:i.address,handleFormUpdate:this.onAddressFormUpdate,country:this.country})))))}},g=class{constructor(a){e(this,a)}render(){return this.text?this.hideAlert?null:a("div",{class:"alert alert-danger d-flex align-items-center",role:"alert",part:m},a("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",fill:"currentColor",class:"bi bi-exclamation-triangle-fill flex-shrink-0 me-2",viewBox:"0 0 16 16",role:"img","aria-label":"Warning:"},a("path",{d:"M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"})),a("div",null,this.text)):null}},_=class{constructor(a){e(this,a),this.errors={},this.inputHandler=this.inputHandler.bind(this)}componentDidLoad(){this.formController.errors.subscribe((e=>this.errors=Object.assign({},e))),this.formController.values.subscribe((e=>this.legal_address=Object.assign({},e.legal_address)))}inputHandler(e,a){this.formController.setValues(Object.assign(Object.assign({},this.formController.values.getValue()),{legal_address:Object.assign(Object.assign({},this.formController.values.getValue().legal_address),{[e]:a})}))}render(){var e;const s=this.formController.getInitialValues().legal_address;return a(t,{key:"856cd25caef521b651b9dd8a40dc6f9f0c727706"},a("fieldset",{key:"150ad1f56747aae80ae8d2610fa08fcabee27c87"},a("legend",{key:"565a46bd0977680e400663ef0590d65e977135be",part:b},"Business Legal Address"),a("form-address-fields",{key:"c2ce05c006ec80c5319b30b40387e400ec52ab86",country:this.country,errors:null===(e=this.errors)||void 0===e?void 0:e.legal_address,defaultValues:s,inputHandler:this.inputHandler})))}};export{j as additional_questions,x as business_core_info,O as business_representative,g as form_alert,_ as legal_address_form}