@justifi/webcomponents 4.13.0 → 4.15.0

package/dist/esm/justifi-additional-questions-form-step_5.entry.js

@@ -1,20 +1,20 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-83dcf934.js';
-import { F as FormController } from './form-5279c05a.js';
+import { F as FormController } from './index.esm-d98bc080.js';
 import { A as AdditionalQuestions, C as CoreBusinessInfo, O as Owner, R as Representative, d as deconstructDate, c as Address } from './Business-d83fbdb4.js';
-import { A as Api } from './Api-e9d568c7.js';
+import { A as Api } from './Api-b09a2f6a.js';
 import './Pagination-afc8f96d.js';
-import './Payment-ef9fc1ae.js';
+import './Payment-3e94da9c.js';
 import './Payout-dfe15b00.js';
 import { c as config } from './config-476c7241.js';
-import { a as additionalQuestionsSchema, b as businessCoreInfoSchema } from './business-additional-questions-schema-e96b0509.js';
+import { a as additionalQuestionsSchema, b as businessCoreInfoSchema } from './business-additional-questions-schema-1fdc5c40.js';
 import { B as BusinessFormServerErrors, O as OwnerFormClickActions } from './business-form-types-0d76133c.js';
 import { C as CURRENCY_MASK, T as TAX_ID_MASKS, P as PHONE_MASKS, S as SSN_MASK } from './form-input-masks-0e18300f.js';
 import { c as businessServiceReceivedOptions, r as recurringPaymentsOptions, s as seasonalBusinessOptions, b as businessTypeOptions, a as businessStructureOptions } from './business-form-options-de11bc46.js';
-import { q as parseCoreInfo, u as parseIdentityInfo, i as identitySchema, v as parseAddressInfo, a as addressSchema } from './payload-parsers-32028700.js';
-import { e as flattenNestedObject } from './utils-243abdb4.js';
+import { b as parseCoreInfo, c as parseIdentityInfo, i as identitySchema, d as parseAddressInfo, a as addressSchema } from './payload-parsers-fd35eeca.js';
+import { e as flattenNestedObject } from './utils-37533368.js';
 import { S as StateOptions } from './state-options-a356fb11.js';
 import { f as filterPostalInput } from './utils-6f05d9d7.js';
-import './index.esm-22b47398.js';
+import './schema-validations-31feaa53.js';
 
 const AdditionalQuestionsFormStep = class {
     constructor(hostRef) {
@@ -84,7 +84,7 @@ const AdditionalQuestionsFormStep = class {
         if (!this.businessId)
             console.error(missingBusinessIdMessage);
         this.formController = new FormController(additionalQuestionsSchema(this.allowOptionalFields));
-        this.api = Api(this.authToken, config.proxyApiOrigin);
+        this.api = Api({ authToken: this.authToken, apiOrigin: config.proxyApiOrigin });
         this.fetchData();
     }
     componentDidLoad() {
@@ -168,7 +168,7 @@ const BusinessCoreInfoFormStep = class {
         if (!this.businessId)
             console.error(missingBusinessIdMessage);
         this.formController = new FormController(businessCoreInfoSchema(this.allowOptionalFields));
-        this.api = Api(this.authToken, config.proxyApiOrigin);
+        this.api = Api({ authToken: this.authToken, apiOrigin: config.proxyApiOrigin });
         this.fetchData();
     }
     componentDidLoad() {
@@ -307,7 +307,7 @@ const BusinessOwnersFormStep = class {
             console.error(missingAuthTokenMessage);
         if (!this.businessId)
             console.error(missingBusinessIdMessage);
-        this.api = Api(this.authToken, config.proxyApiOrigin);
+        this.api = Api({ authToken: this.authToken, apiOrigin: config.proxyApiOrigin });
         this.fetchData();
     }
     onOwnersUpdated() {
@@ -386,6 +386,9 @@ const BusinessRepresentativeFormStep = class {
     get businessEndpoint() {
         return `entities/business/${this.businessId}`;
     }
+    get identificationNumberLabel() {
+        return this.representative.ssn_last4 ? 'Update SSN (optional)' : 'SSN';
+    }
     handleResponse(response, onSuccess) {
         if (response.error) {
             this.serverError.emit({ data: response.error, message: BusinessFormServerErrors.patchData });
@@ -407,7 +410,7 @@ const BusinessRepresentativeFormStep = class {
         if (!this.businessId)
             console.error(missingBusinessIdMessage);
         this.formController = new FormController(identitySchema('representative', this.allowOptionalFields));
-        this.api = Api(this.authToken, config.proxyApiOrigin);
+        this.api = Api({ authToken: this.authToken, apiOrigin: config.proxyApiOrigin });
         this.fetchData();
     }
     componentDidLoad() {
@@ -416,7 +419,7 @@ const BusinessRepresentativeFormStep = class {
     }
     render() {
         const representativeDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { exportparts: "label,input,input-invalid" }, h("form", null, h("fieldset", null, h("legend", null, "Representative"), h("hr", null), h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-8" }, h("form-control-text", { name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, error: this.errors.name, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-4" }, h("form-control-text", { name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, error: this.errors.title, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, error: this.errors.email, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-number-masked", { name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, error: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { class: "col-12 col-md-4" }, h("form-control-date", { name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, error: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { class: "col-12 col-md-8" }, h("form-control-number-masked", { name: "identification_number", label: "SSN", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, error: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { class: "col-12" }, h("justifi-identity-address-form", { errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate })))))));
+        return (h(Host, { exportparts: "label,input,input-invalid" }, h("form", null, h("fieldset", null, h("legend", null, "Representative"), h("hr", null), h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-8" }, h("form-control-text", { name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, error: this.errors.name, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-4" }, h("form-control-text", { name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, error: this.errors.title, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, error: this.errors.email, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-number-masked", { name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, error: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { class: "col-12 col-md-4" }, h("form-control-date", { name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, error: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { class: "col-12 col-md-8" }, h("form-control-number-masked", { name: "identification_number", label: this.identificationNumberLabel, defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, error: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { class: "col-12" }, h("justifi-identity-address-form", { errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate })))))));
     }
 };
 BusinessRepresentativeFormStep.style = businessRepresentativeFormStepCss;
@@ -491,7 +494,7 @@ const LegalAddressFormStep = class {
         if (!this.businessId)
             console.error(missingBusinessIdMessage);
         this.formController = new FormController(addressSchema(this.allowOptionalFields));
-        this.api = Api(this.authToken, config.proxyApiOrigin);
+        this.api = Api({ authToken: this.authToken, apiOrigin: config.proxyApiOrigin });
         this.fetchData();
     }
     componentDidLoad() {

package/dist/esm/justifi-additional-questions_4.entry.js

@@ -72,13 +72,16 @@ const BusinessRepresentative = class {
         this.errors = {};
         this.representative = {};
     }
+    get identificationNumberLabel() {
+        return this.representative.ssn_last4 ? 'Update SSN (optional)' : 'SSN';
+    }
     componentDidLoad() {
         this.formController.errors.subscribe(errors => (this.errors = Object.assign({}, errors.representative)));
         this.formController.values.subscribe(values => (this.representative = Object.assign({}, values.representative)));
     }
     render() {
         const representativeDefaultValue = this.formController.getInitialValues().representative;
-        return (h(Host, { exportparts: "label,input,input-invalid" }, h("fieldset", null, h("legend", null, "Representative"), h("hr", null), h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-8" }, h("form-control-text", { name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, error: this.errors.name, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-4" }, h("form-control-text", { name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, error: this.errors.title, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, error: this.errors.email, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-number-masked", { name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, error: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { class: "col-12 col-md-4" }, h("form-control-date", { name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, error: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { class: "col-12 col-md-8" }, h("form-control-number-masked", { name: "identification_number", label: "SSN", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, error: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { class: "col-12" }, h("justifi-identity-address-form", { errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate }))))));
+        return (h(Host, { exportparts: "label,input,input-invalid" }, h("fieldset", null, h("legend", null, "Representative"), h("hr", null), h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-8" }, h("form-control-text", { name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, error: this.errors.name, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-4" }, h("form-control-text", { name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, error: this.errors.title, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-text", { name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, error: this.errors.email, inputHandler: this.inputHandler })), h("div", { class: "col-12 col-md-6" }, h("form-control-number-masked", { name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, error: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { class: "col-12 col-md-4" }, h("form-control-date", { name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, error: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { class: "col-12 col-md-8" }, h("form-control-number-masked", { name: "identification_number", label: this.identificationNumberLabel, defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, error: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { class: "col-12" }, h("justifi-identity-address-form", { errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate }))))));
     }
 };
 BusinessRepresentative.style = businessRepresentativeCss;