@justifi/webcomponents 6.5.1-rc.5 → 6.7.0

package/dist/cjs/justifi-business-representative-form-inputs.cjs.entry.js

@@ -1,34 +0,0 @@
-'use strict';
-
-var index = require('./index-BhI7cJcE.js');
-var inputHandlers = require('./input-handlers-D6QMwPTB.js');
-var formInputMasks = require('./form-input-masks-BnNFJ3IJ.js');
-var parts = require('./parts-Pb06tUMp.js');
-var countryConfig = require('./country-config-MCOhn8o3.js');
-require('./Business-DWHy_-z9.js');
-
-const RepresentativeFormInputs = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.isEditingIdentification = false;
-        this.inputHandler = (name, value) => {
-            inputHandlers.updateFormValues(this.formController, { [name]: value });
-        };
-        this.onAddressFormUpdate = (values) => {
-            inputHandlers.updateAddressFormValues(this.formController, Object.assign(Object.assign({}, this.formController.values.getValue().address), values));
-        };
-    }
-    render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        return (index.h("form", { key: '7f2a20427197ce4f402c1b4b859839d506613769' }, index.h("fieldset", { key: 'fe71959a012c1961b6f91d98862ca4ea9411bf6d' }, index.h("div", { key: '801fb53d33eeff75f82552da84210abfb1daa55d', class: "d-flex align-items-center gap-2" }, index.h("legend", { key: '63486b252a7c4f71e944712a833a2edc762c1692', class: "mb-0", part: parts.heading2 }, "Representative"), index.h("form-control-tooltip", { key: '9a22a232bb856c05ca8c75a0255ea8a2b33b8a80', helpText: "The representative for your business needs to be someone who has significant control over managing your business\u2019s finance. You will have an opportunity to add owners later in the form." })), index.h("hr", { key: 'b29a6dcd41991b2874cb64fc3cd058f3bcf10a48', class: "mt-2" }), index.h("div", { key: '52e2b29c6f915f50e1f33c19363657e657355b85', class: "row gy-3" }, index.h("div", { key: '9531872c804ef3713c0778c6bff1d3ca589bb3d5', class: "col-12 col-md-8" }, index.h("form-control-text", { key: 'd1eedf80da0790767a6c294f084c4b9d4112b9cf', name: "name", label: "Full Name", defaultValue: (_a = this.representativeDefaultValue) === null || _a === void 0 ? void 0 : _a.name, errorText: this.errors.name, inputHandler: this.inputHandler })), index.h("div", { key: 'b5effb996c7b97cd5a8815781474ea32e5bc37b6', class: "col-12 col-md-4" }, index.h("form-control-text", { key: '554a6fe90a0c68a32ae7e6b0401e43a8a2d6c7fe', name: "title", label: "Title", defaultValue: (_b = this.representativeDefaultValue) === null || _b === void 0 ? void 0 : _b.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), index.h("div", { key: '6025d1b2b67120a9e9e25d0a6e3e352651759c62', class: "col-12 col-md-6" }, index.h("form-control-text", { key: 'ed758eafa726ee6801c16535fbba7d05886c21d5', name: "email", label: "Email Address", defaultValue: (_c = this.representativeDefaultValue) === null || _c === void 0 ? void 0 : _c.email, errorText: this.errors.email, inputHandler: this.inputHandler })), index.h("div", { key: '933650753a5fdc6f75db658baf536ce4033e0e6c', class: "col-12 col-md-6" }, index.h("form-control-number-masked", { key: '81ba9debb6c8fd8225c67a0c0a6b8612e87fc3f0', name: "phone", label: "Phone Number", defaultValue: (_d = this.representativeDefaultValue) === null || _d === void 0 ? void 0 : _d.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: formInputMasks.PHONE_MASKS.US })), index.h("div", { key: '913c766d6eb5fe5f132eafecba91145a6c418dae', class: "col-12 col-md-4" }, index.h("form-control-date", { key: 'c50e5ad2022906d753b783e7892be8322d80661c', name: "dob_full", label: "Birth Date", defaultValue: (_e = this.representativeDefaultValue) === null || _e === void 0 ? void 0 : _e.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => inputHandlers.updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), index.h("div", { key: '74492ad88a4962c2abfd04319880edb757d78796', class: "col-12 col-md-8" }, (!((_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.ssn_last4) || this.isEditingIdentification) ? (index.h("form-control-number-masked", { name: "identification_number", label: countryConfig.countryLabels[this.country].idNumberLabel, defaultValue: this.isEditingIdentification ? '' : (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: formInputMasks.IDENTITY_MASKS[this.country], helpText: countryConfig.countryLabels[this.country].identityHelpText })) : (index.h("div", null, index.h("label", { class: "form-label", part: parts.label }, countryConfig.countryLabels[this.country].idNumberLabel), index.h("div", { class: "input-group mb-3" }, index.h("input", { type: "text", class: "form-control", part: parts.inputDisabled, value: `****${(_h = this.representativeDefaultValue) === null || _h === void 0 ? void 0 : _h.ssn_last4}`, disabled: true }), index.h("button", { class: "btn btn-secondary", type: "button", part: parts.buttonSecondary, onClick: () => {
-                this.isEditingIdentification = true;
-                // Clear current value to force validation
-                inputHandlers.updateFormValues(this.formController, {
-                    identification_number: '',
-                    ssn_last4: null
-                });
-            } }, "Change"))))), index.h("div", { key: 'dd27d90284c7eac1ec619622bf3e25b28360fe4c', class: "col-12" }, index.h("justifi-identity-address-form", { key: 'fa011614b624b6ad395f304552ff334d64d2c048', errors: this.errors.address, defaultValues: (_j = this.representativeDefaultValue) === null || _j === void 0 ? void 0 : _j.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))))));
-    }
-};
-
-exports.justifi_business_representative_form_inputs = RepresentativeFormInputs;

package/dist/collection/components/business-forms/payment-provisioning/additional-questions/business-additional-questions-form-step-core.js

@@ -1,265 +0,0 @@
-import { h } from "@stencil/core";
-import { additionalQuestionsSchema } from "../../schemas/business-additional-questions-schema";
-import { FormController } from "../../../../ui-components/form/form";
-import { AdditionalQuestions } from "../../../../api/Business";
-import { CURRENCY_MASK } from "../../../../utils/form-input-masks";
-import { heading2 } from "../../../../styles/parts";
-import { PaymentProvisioningLoading } from "../payment-provisioning-loading";
-import { BusinessFormStep, businessServiceReceivedOptions, recurringPaymentsOptions, seasonalBusinessOptions } from "../../utils";
-export class AdditionalQuestionsFormStepCore {
-    constructor() {
-        this.errors = {};
-        this.additional_questions = {};
-        this.recurringPayments = false;
-        this.isLoading = false;
-        this.getData = () => {
-            this.formLoading.emit(true);
-            this.isLoading = true;
-            this.getBusiness({
-                onSuccess: (response) => {
-                    this.additional_questions = new AdditionalQuestions(response.data.additional_questions || {});
-                    this.formController.setInitialValues(Object.assign({}, this.additional_questions));
-                },
-                onError: ({ error, code, severity }) => {
-                    this.errorEvent.emit({
-                        message: error,
-                        errorCode: code,
-                        severity: severity
-                    });
-                },
-                final: () => {
-                    this.formLoading.emit(false);
-                    this.isLoading = 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.stepCompleteEvent.emit({ response: submittedData, formStep: BusinessFormStep.additionalQuestions });
-                    this.formLoading.emit(false);
-                }
-            });
-        };
-        this.inputHandler = (name, value) => {
-            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
-            this.additional_questions = new AdditionalQuestions(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
-        };
-    }
-    recurringPaymentsWatcher(newValue) {
-        if ((newValue === null || newValue === void 0 ? void 0 : newValue.business_recurring_payments) === 'Yes') {
-            this.recurringPayments = true;
-        }
-        else {
-            this.recurringPayments = false;
-        }
-    }
-    async validateAndSubmit({ onSuccess }) {
-        this.formController.validateAndSubmit(() => this.sendData(onSuccess));
-    }
-    ;
-    get patchPayload() {
-        let formValues = new AdditionalQuestions(this.formController.values.getValue()).payload;
-        return { additional_questions: formValues };
-    }
-    componentWillLoad() {
-        this.getBusiness && this.getData();
-        this.formController = new FormController(additionalQuestionsSchema(this.allowOptionalFields));
-    }
-    componentDidLoad() {
-        this.formController.errors.subscribe(errors => {
-            this.errors = Object.assign({}, errors);
-        });
-    }
-    render() {
-        var _a, _b, _c, _d, _e, _f, _g;
-        const additionalQuestionsDefaultValue = this.formController.getInitialValues();
-        if (this.isLoading) {
-            return h(PaymentProvisioningLoading, null);
-        }
-        return (h("form", null, h("fieldset", null, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Additional Questions"), h("form-control-tooltip", { helpText: "This information helps us understand the business and identify and monitor trends to safeguard you and your customers." })), h("hr", { class: "mt-2" }), h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h("form-control-monetary-provisioning", { name: "business_revenue", label: "What is your business\u2019 estimated annual revenue from its primary business activities?", inputHandler: this.inputHandler, errorText: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { class: "col-12 col-md-6" }, h("form-control-monetary-provisioning", { name: "business_payment_volume", label: "What is your business' annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { class: "col-12" }, h("form-control-select", { 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: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.business_when_service_received, options: businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), h("div", { class: "col-12" }, h("form-control-select", { name: "business_recurring_payments", label: "Does your business offer recurring payments?", inputHandler: this.inputHandler, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.business_recurring_payments, options: recurringPaymentsOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments })), h("div", { class: 'col-12', hidden: !this.recurringPayments }, h("form-control-text", { name: "business_recurring_payments_percentage", label: "What percent of revenue is generated from each recurring payment type offered?", inputHandler: this.inputHandler, errorText: (_e = this.errors) === null || _e === void 0 ? void 0 : _e.business_recurring_payments_percentage, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments_percentage, helpText: "For example: 50% monthly, 50% annual." })), h("div", { class: "col-12" }, h("form-control-select", { name: "business_seasonal", label: "Is this business seasonal?", inputHandler: this.inputHandler, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.business_seasonal, options: seasonalBusinessOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_seasonal })), h("div", { class: "col-12" }, h("form-control-text", { name: "business_other_payment_details", label: "Is there anything else you would like us to know about how your customers pay the business? (optional)", inputHandler: this.inputHandler, errorText: (_g = this.errors) === null || _g === void 0 ? void 0 : _g.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details }))))));
-    }
-    static get is() { return "justifi-additional-questions-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": ""
-                },
-                "getter": false,
-                "setter": false
-            },
-            "patchBusiness": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "Function",
-                    "resolved": "Function",
-                    "references": {
-                        "Function": {
-                            "location": "global",
-                            "id": "global::Function"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            },
-            "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"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "formController": {},
-            "errors": {},
-            "additional_questions": {},
-            "recurringPayments": {},
-            "isLoading": {}
-        };
-    }
-    static get events() {
-        return [{
-                "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/ComponentEvents",
-                            "id": "src/api/ComponentEvents.ts::ComponentFormStepCompleteEvent"
-                        }
-                    }
-                }
-            }, {
-                "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/ComponentEvents",
-                            "id": "src/api/ComponentEvents.ts::ComponentErrorEvent"
-                        }
-                    }
-                }
-            }, {
-                "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": "additional_questions",
-                "methodName": "recurringPaymentsWatcher"
-            }];
-    }
-}