@justifi/webcomponents 6.12.6-rc.1 → 6.12.6

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

@@ -1,435 +0,0 @@
-import { h } from "@stencil/core";
-import { ComponentErrorCodes, ComponentErrorSeverity, EntityDocument, } from "../../../../api";
-import { makeGetBusiness, makePostDocumentRecord } from "../payment-provisioning-actions";
-import { BusinessService, DocumentRecordService } from "../../../../api/services/business.service";
-import { CountryCode } from "../../../../utils/country-codes";
-import { BusinessFormStep } from "../../utils";
-import { heading2 } from "../../../../styles/parts";
-import { PaymentProvisioningLoading } from "../payment-provisioning-loading";
-import { buildAllCategories, personalDocGroup1Types, personalDocGroup2Types, } from "./document-upload-options";
-export class DocumentUploadFormStep {
-    constructor() {
-        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 is() { return "document-upload-form-step"; }
-    static get properties() {
-        return {
-            "authToken": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "auth-token"
-            },
-            "businessId": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "business-id"
-            },
-            "allowOptionalFields": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "allow-optional-fields"
-            },
-            "country": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "CountryCode",
-                    "resolved": "CountryCode.CAN | CountryCode.USA",
-                    "references": {
-                        "CountryCode": {
-                            "location": "import",
-                            "path": "../../../../utils/country-codes",
-                            "id": "src/utils/country-codes.ts::CountryCode"
-                        }
-                    }
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "country"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "owners": {},
-            "existingDocuments": {},
-            "selectedCategory": {},
-            "selectedDocType": {},
-            "uploadQueue": {},
-            "isLoading": {},
-            "errors": {},
-            "fileInputKey": {},
-            "getBusiness": {},
-            "postDocumentRecord": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "errorEvent",
-                "name": "error-event",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "ComponentErrorEvent",
-                    "resolved": "ComponentErrorEvent",
-                    "references": {
-                        "ComponentErrorEvent": {
-                            "location": "import",
-                            "path": "../../../../api",
-                            "id": "src/api/index.ts::ComponentErrorEvent"
-                        }
-                    }
-                }
-            }, {
-                "method": "stepCompleteEvent",
-                "name": "complete-form-step-event",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "ComponentFormStepCompleteEvent",
-                    "resolved": "ComponentFormStepCompleteEvent",
-                    "references": {
-                        "ComponentFormStepCompleteEvent": {
-                            "location": "import",
-                            "path": "../../../../api",
-                            "id": "src/api/index.ts::ComponentFormStepCompleteEvent"
-                        }
-                    }
-                }
-            }, {
-                "method": "formLoading",
-                "name": "formLoading",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                }
-            }];
-    }
-    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": []
-                }
-            }
-        };
-    }
-    static get watchers() {
-        return [{
-                "propName": "authToken",
-                "methodName": "propChanged"
-            }, {
-                "propName": "businessId",
-                "methodName": "propChanged"
-            }, {
-                "propName": "isLoading",
-                "methodName": "watchHandler"
-            }];
-    }
-}

package/dist/collection/components/business-forms/payment-provisioning/document-upload/document-upload-list.js

@@ -1,52 +0,0 @@
-import { h } from "@stencil/core";
-import { card, heading2, table, tableCell, tableHeadCell } from "../../../../styles/parts";
-export class DocumentUploadList {
-    constructor() {
-        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))))))))))));
-    }
-    static get is() { return "document-upload-list"; }
-    static get properties() {
-        return {
-            "documents": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "UploadedDocumentEntry[]",
-                    "resolved": "UploadedDocumentEntry[]",
-                    "references": {
-                        "UploadedDocumentEntry": {
-                            "location": "import",
-                            "path": "./document-upload-options",
-                            "id": "src/components/business-forms/payment-provisioning/document-upload/document-upload-options.ts::UploadedDocumentEntry"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "defaultValue": "[]"
-            }
-        };
-    }
-}

package/dist/collection/components/business-forms/payment-provisioning/document-upload/document-upload-options.js

@@ -1,72 +0,0 @@
-import { CountryCode } from "../../../../utils/country-codes";
-export const businessDocumentOptions = [
-    { label: 'Select a document type', value: '' },
-    { label: 'Articles of Incorporation', value: 'articles_of_incorporation' },
-    { label: 'Business Registration', value: 'business_registration' },
-];
-export const financialDocumentOptions = [
-    { label: 'Select a document type', value: '' },
-    { label: 'Voided Check', value: 'voided_check' },
-    { label: 'Bank Statement', value: 'bank_statement' },
-];
-export 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' },
-];
-export 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' },
-];
-export const staticCategories = [
-    {
-        label: 'Business Document',
-        value: 'business_document',
-        docTypeOptions: businessDocumentOptions,
-    },
-    {
-        label: 'Financial Document',
-        value: 'financial_document',
-        docTypeOptions: financialDocumentOptions,
-    },
-];
-export 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,
-        ],
-    }));
-}
-export const financialOnlyCategories = [
-    {
-        label: 'Financial Document',
-        value: 'financial_document',
-        docTypeOptions: financialDocumentOptions,
-    },
-];
-export function buildAllCategories(owners, country) {
-    if (country === CountryCode.USA) {
-        return financialOnlyCategories;
-    }
-    return [...staticCategories, ...buildOwnerCategories(owners)];
-}
-export const personalDocGroup1Types = new Set(personalDocGroup1Options.filter(o => o.value).map(o => o.value));
-export const personalDocGroup2Types = new Set(personalDocGroup2Options.filter(o => o.value).map(o => o.value));

package/dist/esm/bank-account-document-form-inputs.entry.js

@@ -1,19 +0,0 @@
-import { r as registerInstance, h } from './index-CV0Pyo1O.js';
-import './config-state-kKn89dp1.js';
-import './dinero-HXpYMWUU.js';
-import { E as EntityDocumentType } from './Plaid-BM3JUIG5.js';
-import './Pagination-CLHwhyvu.js';
-import './Business-BcNb9bVO.js';
-import './index-cDVGjRkU.js';
-import './utils-BTtxWI2r.js';
-
-const BankAccountDocumentFormInputs = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-    }
-    render() {
-        return (h("div", { key: 'd0dacb95d07d3e4ca9bc2c9f23b6c490871da4e9', class: "row gy-3" }, h("div", { key: '02ed406f38558badf9f591e076b120d09c71f83b', class: "col-12" }, h("form-control-file", { key: '11ff1dc68264b9e5aa561ffe19b423abc1a00c78', name: "voided_check", label: "Voided Check", documentType: EntityDocumentType.voidedCheck, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["voided_check"], multiple: true })), h("div", { key: '71d26407522a75a54489155566c18af1a64c1417', class: "col-12" }, h("form-control-file", { key: '7ea42e03a44c223a5fedc273e94e635e70d54f4b', name: "bank_statement", label: "Bank Statement", documentType: EntityDocumentType.bankStatement, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["bank_statement"], multiple: true }))));
-    }
-};
-
-export { BankAccountDocumentFormInputs as bank_account_document_form_inputs };