@justifi/webcomponents 4.19.1 → 4.19.2

package/dist/cjs/payout-details-core.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-fb499e95.js');
-const utils$1 = require('./utils-89d86e29.js');
+const utils$1 = require('./utils-af1b60a9.js');
 const utils = require('./utils-c1d2e426.js');
 const styledHost = require('./styled-host-cc053016.js');
 

package/dist/cjs/payouts-list-core.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-fb499e95.js');
 const Pagination = require('./Pagination-0da8f095.js');
 require('./Payment-1a8a8ca6.js');
 const Payout = require('./Payout-a2dd7b01.js');
-const utils = require('./utils-89d86e29.js');
+const utils = require('./utils-af1b60a9.js');
 const ComponentError = require('./ComponentError-233ac749.js');
 const exportedParts = require('./exported-parts-b18c68c2.js');
 const styledHost = require('./styled-host-cc053016.js');

package/dist/cjs/{schema-validations-f3db892c.js → schema-validations-0a7e46a3.js}

@@ -2,7 +2,7 @@
 
 const index_esm = require('./index.esm-52757963.js');
 const stateOptions = require('./state-options-4fbcb48a.js');
-const businessFormOptions = require('./business-form-options-26f9900c.js');
+const businessFormOptions = require('./business-form-options-5db0bd5e.js');
 
 const transformEmptyString = (value) => {
     return value === '' ? null : value;

package/dist/cjs/{utils-89d86e29.js → utils-af1b60a9.js}

@@ -3973,21 +3973,6 @@ function snakeToCamel(str) {
         return '';
     return str.replace(/([-_][a-z])/g, (group) => group.toUpperCase().replace('-', '').replace('_', ''));
 }
-function flattenNestedObject(obj) {
-    const result = {};
-    for (const key in obj) {
-        if (typeof obj[key] === 'object' && obj[key] !== null) {
-            const nestedObj = flattenNestedObject(obj[key]);
-            for (const nestedKey in nestedObj) {
-                result[nestedKey] = nestedObj[nestedKey];
-            }
-        }
-        else {
-            result[key] = obj[key];
-        }
-    }
-    return result;
-}
 function composeQueryParams(values) {
     const queryParams = values.map((value) => {
         if (value === values[0]) {
@@ -4029,7 +4014,6 @@ const isInRange = (num, min, max) => {
 exports.MapPaymentStatusToBadge = MapPaymentStatusToBadge;
 exports.MapPayoutStatusToBadge = MapPayoutStatusToBadge;
 exports.composeQueryParams = composeQueryParams;
-exports.flattenNestedObject = flattenNestedObject;
 exports.formatCurrency = formatCurrency;
 exports.formatDate = formatDate;
 exports.formatDisplayDate = formatDisplayDate;

package/dist/collection/api/Api.js

@@ -30,13 +30,13 @@ const Api = ({ authToken, apiOrigin }) => {
         return makeRequest(endpoint, 'GET', params, null, signal);
     }
     async function post(endpoint, body, params, signal) {
-        return makeRequest(endpoint, 'POST', params, body, signal);
+        return makeRequest(endpoint, 'POST', params, JSON.stringify(body), signal);
     }
     async function put(endpoint, body, params, signal) {
-        return makeRequest(endpoint, 'PUT', params, body, signal);
+        return makeRequest(endpoint, 'PUT', params, JSON.stringify(body), signal);
     }
     async function patch(endpoint, body, params, signal) {
-        return makeRequest(endpoint, 'PATCH', params, body, signal);
+        return makeRequest(endpoint, 'PATCH', params, JSON.stringify(body), signal);
     }
     async function destroy(endpoint, params, signal) {
         return makeRequest(endpoint, 'DELETE', params, null, signal);

package/dist/collection/api/Business.js

@@ -23,16 +23,42 @@ export class Address {
         this.created_at = address.created_at;
         this.updated_at = address.updated_at;
     }
+    get payload() {
+        return {
+            platform_account_id: this.platform_account_id || '',
+            line1: this.line1 || '',
+            line2: this.line2 || '',
+            postal_code: this.postal_code || '',
+            city: this.city || '',
+            state: this.state || '',
+            country: this.country || '',
+        };
+    }
 }
 export class AdditionalQuestions {
     constructor(additionalQuestions) {
         this.business_revenue = additionalQuestions.business_revenue;
         this.business_payment_volume = additionalQuestions.business_payment_volume;
-        this.business_when_service_received = additionalQuestions.business_when_service_received;
-        this.business_recurring_payments = additionalQuestions.business_recurring_payments;
-        this.business_recurring_payments_percentage = additionalQuestions.business_recurring_payments_percentage;
+        this.business_when_service_received =
+            additionalQuestions.business_when_service_received;
+        this.business_recurring_payments =
+            additionalQuestions.business_recurring_payments;
+        this.business_recurring_payments_percentage =
+            additionalQuestions.business_recurring_payments_percentage;
         this.business_seasonal = additionalQuestions.business_seasonal;
-        this.business_other_payment_details = additionalQuestions.business_other_payment_details;
+        this.business_other_payment_details =
+            additionalQuestions.business_other_payment_details;
+    }
+    get payload() {
+        return {
+            business_revenue: this.business_revenue || '',
+            business_payment_volume: this.business_payment_volume || '',
+            business_when_service_received: this.business_when_service_received || '',
+            business_recurring_payments: this.business_recurring_payments || '',
+            business_recurring_payments_percentage: this.business_recurring_payments_percentage || '',
+            business_seasonal: this.business_seasonal || '',
+            business_other_payment_details: this.business_other_payment_details || '',
+        };
     }
 }
 export class CoreBusinessInfo {
@@ -47,10 +73,23 @@ export class CoreBusinessInfo {
         this.phone = coreBusinessInfo.phone;
         this.date_of_incorporation = coreBusinessInfo.date_of_incorporation;
     }
+    get payload() {
+        return {
+            classification: this.classification || '',
+            legal_name: this.legal_name || '',
+            doing_business_as: this.doing_business_as || '',
+            industry: this.industry || '',
+            tax_id: this.tax_id || '',
+            website_url: this.website_url || '',
+            email: this.email || '',
+            phone: this.phone || '',
+            date_of_incorporation: this.date_of_incorporation || '',
+        };
+    }
 }
 export class Business {
     constructor(business) {
-        this.additional_questions = Object.assign({}, new AdditionalQuestions(business.additional_questions || {}));
+        this.additional_questions = new AdditionalQuestions(business.additional_questions || {});
         this.associated_accounts = business.associated_accounts;
         this.classification = business.classification;
         this.bank_accounts = business.bank_accounts;
@@ -60,18 +99,38 @@ export class Business {
         this.email = business.email;
         this.id = business.id;
         this.industry = business.industry;
-        this.legal_address = Object.assign({}, new Address(business.legal_address || {}));
+        this.legal_address = new Address(business.legal_address || {});
         this.legal_name = business.legal_name;
         this.metadata = business.metadata;
         this.owners = business.owners;
         this.phone = business.phone;
         this.platform_account_id = business.platform_account_id;
         this.product_categories = business.product_categories;
-        this.representative = Object.assign({}, new Representative(business.representative || {}));
+        this.representative = new Representative(business.representative || {});
         this.tax_id = business.tax_id;
         this.terms_conditions_accepted = business.terms_conditions_accepted;
         this.updated_at = business.updated_at;
         this.website_url = business.website_url;
         this.date_of_incorporation = business.date_of_incorporation;
     }
+    get payload() {
+        return {
+            additional_questions: new AdditionalQuestions(this.additional_questions)
+                .payload,
+            classification: this.classification || '',
+            doing_business_as: this.doing_business_as || '',
+            email: this.email || '',
+            industry: this.industry || '',
+            legal_address: new Address(this.legal_address).payload,
+            legal_name: this.legal_name || '',
+            metadata: this.metadata || {},
+            owners: this.owners.map((owner) => ({ id: owner.id })),
+            phone: this.phone || '',
+            platform_account_id: this.platform_account_id || '',
+            representative: new Representative(this.representative).payload,
+            tax_id: this.tax_id || '',
+            website_url: this.website_url || '',
+            date_of_incorporation: this.date_of_incorporation || '',
+        };
+    }
 }

package/dist/collection/api/Identity.js

@@ -1,5 +1,5 @@
 import { Address } from "./Business";
-import { constructDate, filterNumber } from "../components/business-forms/utils/helpers";
+import { constructDate, filterNumber, } from "../components/business-forms/utils/helpers";
 export class Owner {
     constructor(owner) {
         this.address = Object.assign({}, new Address(owner.address || {}));
@@ -7,7 +7,8 @@ export class Owner {
         this.dob_day = filterNumber(owner.dob_day);
         this.dob_month = filterNumber(owner.dob_month);
         this.dob_year = owner.dob_year;
-        this.dob_full = constructDate(this.dob_year, this.dob_month, this.dob_day) || '';
+        this.dob_full =
+            constructDate(this.dob_year, this.dob_month, this.dob_day) || '';
         this.documents = owner.documents;
         this.email = owner.email;
         this.id = owner.id;
@@ -22,6 +23,23 @@ export class Owner {
         this.title = owner.title;
         this.updated_at = owner.updated_at;
     }
+    // Getter method to return the payload in the desired shape
+    get payload() {
+        return {
+            address: new Address(this.address || {}).payload,
+            dob_day: this.dob_day || '',
+            dob_month: this.dob_month || '',
+            dob_year: this.dob_year || '',
+            email: this.email || '',
+            identification_number: this.identification_number || undefined,
+            is_owner: this.is_owner || false,
+            metadata: this.metadata || null,
+            name: this.name || '',
+            phone: this.phone || '',
+            platform_account_id: this.platform_account_id || null,
+            title: this.title || '',
+        };
+    }
 }
 export class Representative {
     constructor(representative) {
@@ -30,7 +48,8 @@ export class Representative {
         this.dob_day = filterNumber(representative.dob_day);
         this.dob_month = filterNumber(representative.dob_month);
         this.dob_year = representative.dob_year;
-        this.dob_full = constructDate(this.dob_year, this.dob_month, this.dob_day) || '';
+        this.dob_full =
+            constructDate(this.dob_year, this.dob_month, this.dob_day) || '';
         this.documents = representative.documents;
         this.email = representative.email;
         this.id = representative.id;
@@ -45,4 +64,21 @@ export class Representative {
         this.title = representative.title;
         this.updated_at = representative.updated_at;
     }
+    // Getter method to return the payload in the desired shape
+    get payload() {
+        return {
+            address: new Address(this.address || {}).payload,
+            dob_day: this.dob_day || '',
+            dob_month: this.dob_month || '',
+            dob_year: this.dob_year || '',
+            email: this.email || '',
+            is_owner: this.is_owner || false,
+            identification_number: this.identification_number || undefined,
+            metadata: this.metadata || null,
+            name: this.name || '',
+            phone: this.phone || '',
+            platform_account_id: this.platform_account_id || null,
+            title: this.title || '',
+        };
+    }
 }

package/dist/collection/api/services/analytics.service.js

@@ -3,6 +3,6 @@ import Api from "../Api";
 export class AnalyticsService {
     async record(body) {
         const endpoint = 'analytics';
-        return Api({ apiOrigin: config.proxyApiOrigin }).post(endpoint, JSON.stringify(body));
+        return Api({ apiOrigin: config.proxyApiOrigin }).post(endpoint, body);
     }
 }

package/dist/collection/api/services/checkout.service.js

@@ -13,6 +13,6 @@ export class CheckoutService {
         if (payment.payment_token) {
             payload.payment_token = payment.payment_token;
         }
-        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).post(endpoint, JSON.stringify(payload));
+        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).post(endpoint, payload);
     }
 }

package/dist/collection/api/services/insurance.service.js

@@ -3,10 +3,10 @@ import { config } from "../../../config";
 export class InsuranceService {
     async fetchQuote(authToken, payload) {
         const endpoint = 'insurance/quotes';
-        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).post(endpoint, JSON.stringify(payload));
+        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).post(endpoint, payload);
     }
     async toggleCoverage(authToken, quoteId, payload) {
         const endpoint = `insurance/quotes/${quoteId}/toggle`;
-        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).post(endpoint, JSON.stringify(payload));
+        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).post(endpoint, payload);
     }
 }

package/dist/collection/api/services/provision.service.js

@@ -8,6 +8,6 @@ export class ProvisionService {
             business_id: businessId,
             product_category: product
         };
-        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).post(endpoint, JSON.stringify(payload));
+        return Api({ authToken, apiOrigin: config.proxyApiOrigin }).post(endpoint, payload);
     }
 }

package/dist/collection/components/business-forms/business-form/business-form.js

@@ -2,7 +2,6 @@ import { h } from "@stencil/core";
 import { FormController } from "../../form/form";
 import { businessFormSchema } from "../schemas/business-form-schema";
 import { Api } from "../../../api";
-import { parseBusiness } from "../utils/payload-parsers";
 import { config } from "../../../../config";
 import { BusinessFormClickActions, BusinessFormServerErrors } from "../utils/business-form-types";
 import { Business } from "../../../api/Business";
@@ -24,8 +23,8 @@ export class BusinessForm {
             try {
                 const values = this.formController.values.getValue();
                 const initialValues = this.formController.getInitialValues();
-                const payload = parseBusiness(values, initialValues);
-                const response = await this.api.patch(this.businessEndpoint, JSON.stringify(payload));
+                const payload = new Business(Object.assign(Object.assign({}, initialValues), values)).payload;
+                const response = await this.api.patch(this.businessEndpoint, payload);
                 this.handleReponse(response);
             }
             catch (error) {
@@ -97,7 +96,7 @@ export class BusinessForm {
         this.instantiateBusiness(response.data);
     }
     render() {
-        return (h(StyledHost, { key: '60989d23631d6a02e9a25313dd7297a61063a09c', exportparts: "label,input,input-invalid" }, h("form", { key: 'd961174a3e93ed505012919a0e7e036bd61a4902', onSubmit: this.validateAndSubmit }, h("div", { key: '2be81a7f0e3b568266ee66127f2b537d57c36762', class: "row gap-3" }, h("h1", { key: 'eefc257f687ff24cebf13155a571398e3ddbcabd' }, this.title), h("form-alert", { key: '173d3ee84f5a952a51884ab5f3818c768fcc9b08', text: this.errorMessage, hideAlert: this.hideErrors }), h("div", { key: 'bfd7fd73aca630fcf56f468d912759d5a96de172', class: "col-12 mb-4" }, h("justifi-business-core-info", { key: 'dc15f46a28301c03ccd884ff09740e87d67b2e5a', formController: this.formController })), h("div", { key: 'b4cd6ba605ea28a7692cc561951bb69ad93bb8f5', class: "col-12 mb-4" }, h("justifi-legal-address-form", { key: '670f320ff6d1ba86a34f5b42dd97a5d38e96c209', formController: this.formController })), h("div", { key: '0afb9d18e6ecb951cefda4df5dd133d31359cecc', class: "col-12 mb-4" }, h("justifi-additional-questions", { key: '6953718bea9525126db35adc44a9c8754234816a', formController: this.formController })), h("div", { key: 'f88b576b9159cd43f17d5a63c26acc4b53dfa9a0', class: "col-12 mb-4" }, h("justifi-business-representative", { key: '4353116715c7f7b906c3c0eae322df04703fd8e5', formController: this.formController })), h("div", { key: 'd626b0738ce71f7529fa270d7a2c479f517e48a2', class: "col-12 d-flex flex-row-reverse" }, h("button", { key: '9469e132726c9bd02b8a1f4c4ca1a4c2a9000c1b', type: "submit", class: "btn btn-primary jfi-submit-button", disabled: this.disabledState, onClick: () => this.fireClickEvents({ name: BusinessFormClickActions.submit }) }, this.isLoading ? 'Loading...' : 'Submit'))))));
+        return (h(StyledHost, { key: 'e388e1e7658969f0e5687102a62345e2790da97a', exportparts: "label,input,input-invalid" }, h("form", { key: 'c22a562e57539e982a071b1906e5bf0bcc249e7d', onSubmit: this.validateAndSubmit }, h("div", { key: '44243cd965b448f5be9058880aa2deb32f4ce8dc', class: "row gap-3" }, h("h1", { key: 'd666ed8ddacc8ac05d7f42c2f4824208b92cdb3f' }, this.title), h("form-alert", { key: 'b1d4025078c4373a789609f2e14d309f0ee280fe', text: this.errorMessage, hideAlert: this.hideErrors }), h("div", { key: 'cdc1d597a5dbf9581182de302a453e4ea98bb28f', class: "col-12 mb-4" }, h("justifi-business-core-info", { key: '2333164de020eadf54da91cabdcbeb87a2fd1b75', formController: this.formController })), h("div", { key: '74eafa5c419f6d6fe2eb3eeb8521e12175f7ee3a', class: "col-12 mb-4" }, h("justifi-legal-address-form", { key: '1e5a373f95a77bf3aba1a9f3538b3a2ac3dbf716', formController: this.formController })), h("div", { key: 'ec9f6195f3674b426722463341445f0ed1746178', class: "col-12 mb-4" }, h("justifi-additional-questions", { key: '0adbc60492f4ad71e3877c446376999418b7dc15', formController: this.formController })), h("div", { key: 'cdfb8d0d40e9f888afd9c23cd97d33d861d16f62', class: "col-12 mb-4" }, h("justifi-business-representative", { key: '4d03ec95b7c2918494c9970b3e6a5826d4d69a10', formController: this.formController })), h("div", { key: '0682dba469e57a938b175499312de5d5c4f55a69', class: "col-12 d-flex flex-row-reverse" }, h("button", { key: '64791e2742ee129787094c7123e87c4262735556', type: "submit", class: "btn btn-primary jfi-submit-button", disabled: this.disabledState, onClick: () => this.fireClickEvents({ name: BusinessFormClickActions.submit }) }, this.isLoading ? 'Loading...' : 'Submit'))))));
     }
     static get is() { return "justifi-business-form"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/business-forms/owner-form/owner-form-core.js

@@ -3,7 +3,6 @@ import { FormController } from "../../form/form";
 import { Owner } from "../../../api/Identity";
 import { BusinessFormClickActions } from "../utils/business-form-types";
 import { identitySchema } from "../schemas/business-identity-schema";
-import { parseIdentityInfo } from "../utils/payload-parsers";
 import { Button } from "../../../ui-components";
 export class BusinessOwnerFormCore {
     loadingWatcher() {
@@ -128,12 +127,12 @@ export class BusinessOwnerFormCore {
         }
     }
     get payload() {
-        let formValues = parseIdentityInfo(this.formController.values.getValue());
+        let formValues = new Owner(this.formController.values.getValue()).payload;
         if (this.ownerId) {
-            return JSON.stringify(formValues);
+            return formValues;
         }
         else {
-            return JSON.stringify(Object.assign(Object.assign({}, formValues), { business_id: this.businessId }));
+            return Object.assign(Object.assign({}, formValues), { business_id: this.businessId });
         }
     }
     get formTitle() {
@@ -164,7 +163,7 @@ export class BusinessOwnerFormCore {
         this.formController.errors.subscribe(errors => (this.errors = Object.assign({}, errors)));
     }
     render() {
-        return (h("form", { key: 'b2e2aaced859260e9d2ef59bc3f8a0763d05872c', onSubmit: this.validateAndSubmit }, h("fieldset", { key: '2a93ddb4c945be0ec081ce31d6d9eff4b302d622' }, h("legend", { key: 'ea9859e55099e3f8263024d884edfb48b3666eaa', class: "fw-semibold fs-5" }, this.formTitle), h("br", { key: 'f646c1ecc544c358d87e701aba8e151fcb96c54e' }), h("div", { key: '874bf4ebd7cef0afbdee96fa4d5679b6d683b0f0', class: "row gy-3" }, h("owner-form-inputs", { key: '866dbf0002ec1ac70d7942c6011c67f8cd144960', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController }), h("div", { key: '15d907270ecf3d16769cedea39ba279d7ffb0748', class: "d-flex gap-2 justify-content-start" }, h(Button, { key: '84c09ef594e7fa387e64a09014de81ed713cc765', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), h(Button, { key: '1dafd97aa7b84644c9d011224a152ad7f99ce620', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), h("hr", { key: 'f1f31da4d147afcd01ef96acd01d63ee9497dd6b' }))));
+        return (h("form", { key: '27f0d989f017bd03b84cf8c994fa96f9a65aad08', onSubmit: this.validateAndSubmit }, h("fieldset", { key: '2c793f1f8777181e5db0a4cae5b9994d9188685e' }, h("legend", { key: 'a8951fcd990c8136cf6672424869f5c96def3cef', class: "fw-semibold fs-5" }, this.formTitle), h("br", { key: 'faaf0cc27c448452a5172ad7fcfcf510ec586d2b' }), h("div", { key: '486638ad24414a05f84ada3f37a89d0cc12e7ffb', class: "row gy-3" }, h("owner-form-inputs", { key: 'bdfe7cb3305f31d93321319ef14eee3e5b331381', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController }), h("div", { key: '9e5c63e0637e0bffe5ab77a1f73c203704115479', class: "d-flex gap-2 justify-content-start" }, h(Button, { key: '85de4b69c697ebf96778f538b1535bd1fb2c43e7', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), h(Button, { key: '1dd026432f19f84ae2142101191e511ebd62c2b3', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), h("hr", { key: '2570611bbe663e2e128f03806ecb036ce750c80b' }))));
     }
     static get is() { return "owner-form-core"; }
     static get properties() {

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

@@ -61,8 +61,8 @@ export class AdditionalQuestionsFormStepCore {
     }
     ;
     get patchPayload() {
-        let formValues = this.formController.values.getValue();
-        return JSON.stringify({ additional_questions: formValues });
+        let formValues = new AdditionalQuestions(this.formController.values.getValue()).payload;
+        return { additional_questions: formValues };
     }
     componentWillLoad() {
         this.getBusiness && this.getData();
@@ -76,7 +76,7 @@ export class AdditionalQuestionsFormStepCore {
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
         const additionalQuestionsDefaultValue = this.formController.getInitialValues();
-        return (h("form", { key: 'f5a3d2826c65e84e90325000973c5cdc2922c643' }, h("fieldset", { key: '8dfecfc242e62ca523c3950b9f29e159ee8debc5' }, h("legend", { key: '192071e8d05c1d075ad79678890b47fe116577d2' }, "Additional Questions"), h("hr", { key: 'e2b7369711b4ba285522200233c5112ad5320a74' }), h("div", { key: '3ef5edae7215eb35835cfc6dd373c311ba7446a5', class: 'row gy-3' }, h("div", { key: '6af600e3612b03b505c0d2c1ddbfdb9520b9df9d', class: 'col-12 col-md-6' }, h("form-control-monetary", { key: '8afb46cdad6b2ceab63227bd6f659f7f8b2a9153', name: 'business_revenue', label: 'What is the 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", { key: 'ae94caaafd45e4c46899d802337ce0a3a8d5b3aa', class: 'col-12 col-md-6' }, h("form-control-monetary", { key: '6b86e3a15934a15ecfbf7a1ac369c8ed9ee2f6a4', name: 'business_payment_volume', label: "What is the 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", { key: '4b8fe3214082368c111183fcb1b76abf2c1ba5a1', class: 'col-12' }, h("form-control-select", { key: '88e5c2593bc1b55a797e1d67e103759c5e2e29e8', 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", { key: 'a914e7114fd6fd4e44136ba8b986c20d1984dba8', class: 'col-12' }, h("form-control-select", { key: '38c9934952884a6d1dc70f4ebd61f03a87bd8091', 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", { key: '7a6d2a527e7486cff7dfa1d594e2f0378e66b583', class: 'col-12' }, h("form-control-text", { key: '6e445ff593a7970967040ae5bfd3b8056e17c129', 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 })), h("div", { key: 'cf00fad8a096be8e28ef12bde563ead6f8b5ef6d', class: 'col-12' }, h("form-control-select", { key: '7cf9edd70b0ceaf25d2fd5947ecaf2760e76dd75', 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", { key: 'ceb6355fef7bae249330e0f39758be1812ff8cbe', class: 'col-12' }, h("form-control-text", { key: '689edc0fb02f926112c529301366e31d6d130aa6', 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: (_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 }))))));
+        return (h("form", { key: '275b193388d360ab6dacfb70ea9e06d68d68cbf8' }, h("fieldset", { key: '740ce0b08ad00efa1345f69cf977e64283307533' }, h("legend", { key: '7f531cdf699ad93234bbdd5d9336ee782e770597' }, "Additional Questions"), h("hr", { key: 'cb81b0b4dc9e6a52ff9bf70571a200fee50e8146' }), h("div", { key: '9100fdb4857a5a9a2b42f0188cfac075974afbeb', class: 'row gy-3' }, h("div", { key: 'ee0885251b8e49cb33359a42897097552e9d0ff9', class: 'col-12 col-md-6' }, h("form-control-monetary", { key: '555b00e0b6728dca26a42813991f35dec41e2577', name: 'business_revenue', label: 'What is the 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", { key: '689ecc46bffe9cfe7190428e191802332485f139', class: 'col-12 col-md-6' }, h("form-control-monetary", { key: '19a4269b31af12f9e07655c9dc0d9db1de46caa2', name: 'business_payment_volume', label: "What is the 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", { key: 'f6eebbdd589cf4eb506d3d94502a027e639889d9', class: 'col-12' }, h("form-control-select", { key: '112bb7ee88335d9b8e8f9300ff190f164b750b39', 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", { key: '49864b5aeca86d221cc12690e2f9976fe9ee86ef', class: 'col-12' }, h("form-control-select", { key: 'a07159d8e7e49b9b1df5bcf2dcede994d0059595', 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", { key: '3a03321d7dd9202c290443d756105bb2565a3e55', class: 'col-12' }, h("form-control-text", { key: '319a5fcb7ac6e975c41cfd5b19d5de0e98504f5d', 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 })), h("div", { key: 'e108f26d04e7f9510f89ab09daab53e86f5c30e1', class: 'col-12' }, h("form-control-select", { key: '45fb9296592415ddb947b55e3c7c73d198b96fac', 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", { key: '0b40ac8429c07279acb3d360124853a608a01664', class: 'col-12' }, h("form-control-text", { key: '880e00acdfa51f95b643f1ecc8d6fccba1167e6c', 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: (_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() {

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

@@ -49,7 +49,7 @@ export class BusinessBankAccountFormStep {
             try {
                 const formValues = this.formController.values.getValue();
                 const payload = Object.assign(Object.assign({}, formValues), { business_id: this.businessId });
-                const response = await this.api.post(this.bankAccountEndpoint, JSON.stringify(payload));
+                const response = await this.api.post(this.bankAccountEndpoint, payload);
                 this.handleResponse(response, onSuccess);
             }
             catch (error) {
@@ -118,7 +118,7 @@ export class BusinessBankAccountFormStep {
     }
     render() {
         const bankAccountDefaultValue = this.formController.getInitialValues();
-        return (h("form", { key: 'b2e106437693b667376fb8091117bc04899cce13' }, h("fieldset", { key: 'c6fc0e5b39278a4618abe0aeba8593b4800f23fa' }, h("legend", { key: 'f07c520e32491dd506f7ac16b03b0eb82a451035' }, "Bank Account Info"), h("hr", { key: '43845af4ec6f143653154e301a49c870c688e8cb' }), h("div", { key: '911f450a0e81a7fcf6afb8b54be910da36b068d6', class: "row gy-3" }, h("div", { key: 'afe5dd40139f1098e69736cd08f00792916657b1', class: "col-12" }, h("form-control-text", { key: 'c590065940b5ef4ab5a125962e114d3bb99161e8', name: "bank_name", label: "Bank Name", defaultValue: bankAccountDefaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: 'ad7ac99fdae7bb0108675cf4ea522ae7b0c7b340', class: "col-12" }, h("form-control-text", { key: '4e69debe8b184272c788f0ba206b7e983bb6bba5', name: "nickname", label: "Nickname", defaultValue: bankAccountDefaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: 'a478bb2330e48935b65d22a42287ab89f94b4808', class: "col-12" }, h("form-control-text", { key: 'c20531fb2c5e903eefeeb62fca5a831cf2542867', name: "account_owner_name", label: "Account Owner Name", defaultValue: bankAccountDefaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '63325c985d0341888ad9ce34fec48c623e275f55', class: "col-12" }, h("form-control-select", { key: 'b9fc86477dada5413e4a6e18b10e77de620996d9', name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: bankAccountDefaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: '7d2849185532bb21c85cf8227749469e28fdc102', class: "col-12" }, h("form-control-text", { key: '466a38e94ed054788596ec63bed4b4ffe646dc63', name: "account_number", label: "Account Number", defaultValue: bankAccountDefaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled })), h("div", { key: '1162fae41dfc767cd038a37d7a7581b54dee1a1d', class: "col-12" }, h("form-control-text", { key: '47ffb34b6523d34df02739231b5764418f162fe6', name: "routing_number", label: "Routing Number", defaultValue: bankAccountDefaultValue.routing_number, maxLength: 9, errorText: this.errors.routing_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled }))))));
+        return (h("form", { key: 'c2bdcd5ab6301d1a39e4d774df101281c41e2002' }, h("fieldset", { key: '7f6b607be5b7bc5fcd0dc1687adaa1ad00d7d2e9' }, h("legend", { key: '91b68746c65bb68f4fbd2eef151258e6915f8e35' }, "Bank Account Info"), h("hr", { key: '5eceedbf59faef10757c9e2b04d4dc4cd6b88a9b' }), h("div", { key: 'd3185db7fceb9851ccb44c1c89f8cbe5a37c24e0', class: "row gy-3" }, h("div", { key: '625caf0e9b93c244d94c69174ffff57126d39fa1', class: "col-12" }, h("form-control-text", { key: 'ddf3206b09047dfea56df850babe6c8f92ed33ee', name: "bank_name", label: "Bank Name", defaultValue: bankAccountDefaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: 'd7d498353eec8e1947ce748aa35cbee63e793817', class: "col-12" }, h("form-control-text", { key: 'a80050dcd088db0209c2e5da65b310d7fc7877f5', name: "nickname", label: "Nickname", defaultValue: bankAccountDefaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: 'ea5578470e0e4d0fd5b973807475a02c7764c9c8', class: "col-12" }, h("form-control-text", { key: 'dd8c77b43ddfca61cfd5ed39ce6e142654f18d9f', name: "account_owner_name", label: "Account Owner Name", defaultValue: bankAccountDefaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: 'cb3256226c5fdfa5ff2a02c456a6c384e06d16a6', class: "col-12" }, h("form-control-select", { key: 'a865f48350a0ae6b6a2a540dc2d54de72a8af074', name: "account_type", label: "Account Type", options: bankAccountTypeOptions, defaultValue: bankAccountDefaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler, disabled: this.formDisabled })), h("div", { key: 'aa9062a25dade06db1f175d4233f2e5bb4e7ecd7', class: "col-12" }, h("form-control-text", { key: '1a87920e4df50178625446c770e4182d918664c7', name: "account_number", label: "Account Number", defaultValue: bankAccountDefaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled })), h("div", { key: 'c72858a29aa1289b367c0eb89d6cc0eded23346d', class: "col-12" }, h("form-control-text", { key: 'b7fb93bcf16c01689245d5aca11142b013fe6adc', name: "routing_number", label: "Routing Number", defaultValue: bankAccountDefaultValue.routing_number, maxLength: 9, errorText: this.errors.routing_number, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, disabled: this.formDisabled }))))));
     }
     static get is() { return "justifi-business-bank-account-form-step"; }
     static get properties() {

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

@@ -4,8 +4,6 @@ import { FormController } from "../../../form/form";
 import { CoreBusinessInfo } from "../../../../api/Business";
 import { businessClassificationOptions } from "../../utils/business-form-options";
 import { PHONE_MASKS } from "../../../../utils/form-input-masks";
-import { parseCoreInfo } from "../../utils/payload-parsers";
-import { flattenNestedObject } from "../../../../utils/utils";
 import { numberOnlyHandler } from "../../../form/utils";
 export class BusinessCoreInfoFormStepCore {
     constructor() {
@@ -65,8 +63,8 @@ export class BusinessCoreInfoFormStepCore {
     }
     ;
     get patchPayload() {
-        let formValues = parseCoreInfo(flattenNestedObject(this.formController.values.getValue()));
-        return JSON.stringify(formValues);
+        let formValues = new CoreBusinessInfo(this.formController.values.getValue()).payload;
+        return formValues;
     }
     componentWillLoad() {
         this.getBusiness && this.getData();
@@ -79,7 +77,7 @@ export class BusinessCoreInfoFormStepCore {
     }
     render() {
         const coreInfoDefaultValue = this.formController.getInitialValues();
-        return (h("form", { key: 'c91c42a7b3d48789f2304f6f3e7b9cab228e7e86' }, h("fieldset", { key: '159f23468da4ed60e89be108c3640c3e4f19a32a' }, h("legend", { key: '7666498459afce82b88114c880dba4f697ec422e' }, "General Info"), h("hr", { key: 'f9d253d811ba1f9b7438888f5c2e9813fb6371a9' }), h("div", { key: '9bc73f86956d81ed4028cabb4ec083e7524ad973', class: 'row gy-3' }, h("div", { key: '86bc9d41f88ee46e727a11b6371ecdb7d9dac6f3', class: 'col-12' }, h("form-control-text", { key: '2f470cdd65f25993a2671f1ab1938a214acfa625', name: 'legal_name', label: 'Legal Name', defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: '38af9153a77c6f121a2f1af626a325a525b8be36', class: 'col-12' }, h("form-control-text", { key: '5912ab4555f9522f973ef67240249fb44e89bcab', name: 'doing_business_as', label: 'Doing Business As (DBA)', defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler })), h("div", { key: 'a48d44f28b473c3873aa16468a01f45f46e99c5e', class: 'col-12 col-md-8' }, h("form-control-select", { key: '7fa00ac1122a43fd1645dd81c6d9fbaf6b10131d', name: 'classification', label: 'Business Classification', options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: 'cd4e235392581af33d79d0eeb7a950fe51291bb4', class: 'col-12 col-md-4' }, h("form-control-date", { key: '43f65e71b7ea53fb82f8a97d4160b3df9b1ceacf', name: 'date_of_incorporation', label: 'Date of Incorporation', defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { key: '37ba3bc3731eec0281ab6c4ae942649ac25e4eba', class: 'col-12 col-md-6' }, h("form-control-text", { key: 'b48172d98fd70130fe60c47f31b077e8644ed2e7', name: 'industry', label: 'Industry', defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '3212bfe272b22b896ef6602f639b2779ace36857', class: 'col-12 col-md-6' }, h("form-control-text", { key: '523a2e4b1df12723e936f224ad1518d657acc38e', name: 'tax_id', label: 'Tax ID (EIN or SSN)', defaultValue: coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, maxLength: 9 })), h("div", { key: '4018cec1595a3c2b92d92faaec10c6c917364721', class: 'col-12' }, h("form-control-text", { key: 'f5dfb03af25b7eeeb1720191acff2fff510b8114', name: 'website_url', label: 'Website URL', defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: '3dbe9c55e93c35b68d6783f4dd73dab45970289b', class: 'col-12 col-md-6' }, h("form-control-text", { key: '5de21e1a7c0647b4fe6e66b51a32288c96ae82a7', name: 'email', label: 'Email Address', defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '93c06e619ea76c69eb7723c3d050edfb0539635d', class: 'col-12 col-md-6' }, h("form-control-number-masked", { key: '4dc5a4ee1bb04075ee20d58e87fec1711b0683a8', name: 'phone', label: 'Phone Number', defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
+        return (h("form", { key: 'ab0ae9821e19c2a2d1e87ce16b23cfe56bafb31b' }, h("fieldset", { key: 'eec949b50436218cee02c6410c34959a6b10ebf8' }, h("legend", { key: '34b37dddcb967275ddd3d561dd2931b74103c0ce' }, "General Info"), h("hr", { key: 'af37f3171790265c3b7d22d2328c31842c5a12ea' }), h("div", { key: 'ba4780eec04a8b34f644895913e99ea49c587f81', class: 'row gy-3' }, h("div", { key: '8109ee7485afc5a5ee3e38c947ef9387cab5daa4', class: 'col-12' }, h("form-control-text", { key: '885bc9f67fc4738cb5abc6165bf1f6f5b3382a90', name: 'legal_name', label: 'Legal Name', defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: '453b4e25b812015a50f72e76159111818d0065f5', class: 'col-12' }, h("form-control-text", { key: 'a63ec6c1e936ab1104b92e6fdd5f6a350559009c', name: 'doing_business_as', label: 'Doing Business As (DBA)', defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler })), h("div", { key: '8a39b25c7d9c414569e22e73a98d7b136b0623dd', class: 'col-12 col-md-8' }, h("form-control-select", { key: '41d6d3a45431953746e86a5aea6ebb0a39674009', name: 'classification', label: 'Business Classification', options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: 'd98e5f2ee6e7d3ddc23ba5501db4f698cc88ba40', class: 'col-12 col-md-4' }, h("form-control-date", { key: '4ea36622261e3a649b934700ee676c062789c519', name: 'date_of_incorporation', label: 'Date of Incorporation', defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { key: '8617887e16cbc3a40b0c1ab56597d7098c7ac62f', class: 'col-12 col-md-6' }, h("form-control-text", { key: '9357ddb686194100fe705111bbc965c2956dddb4', name: 'industry', label: 'Industry', defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '968b0f492f354279736b531295a1e4813a5de0b0', class: 'col-12 col-md-6' }, h("form-control-text", { key: 'd082445d9f876794e525839fb35457f114e89dac', name: 'tax_id', label: 'Tax ID (EIN or SSN)', defaultValue: coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, maxLength: 9 })), h("div", { key: 'a0e041bb3fa323e378d2b9730dd9055c9ecf1dfc', class: 'col-12' }, h("form-control-text", { key: '4994efe8c6cb5faf84accd0f2965b508d084144e', name: 'website_url', label: 'Website URL', defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: '0f7f1548e704095aaef9d4fccd7c81284ff7bbed', class: 'col-12 col-md-6' }, h("form-control-text", { key: 'e1cffd24b03e5e3655649b68900c74fcc89513c5', name: 'email', label: 'Email Address', defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '1732635477c58d1f57aa5b8dc0c560ae0c215501', class: 'col-12 col-md-6' }, h("form-control-number-masked", { key: '04979d08463efc69557b782fda772702935349a7', name: 'phone', label: 'Phone Number', defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US }))))));
     }
     static get is() { return "justifi-business-core-info-form-step-core"; }
     static get properties() {

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

@@ -37,7 +37,7 @@ export class BusinessOwnersFormStepCore {
             let submittedData;
             this.formLoading.emit(true);
             this.patchBusiness({
-                payload: JSON.stringify({ owners: this.ownersPayload }),
+                payload: { owners: this.ownersPayload },
                 onSuccess: (response) => {
                     submittedData = response;
                     onSuccess();
@@ -111,9 +111,9 @@ export class BusinessOwnersFormStepCore {
         this.ownersPayload = updatedOwners;
     }
     render() {
-        return (h("div", { key: '5958d46ae5bc3abb7a82f5c67c597be46898284e' }, h("legend", { key: 'e10085a37e93b96901187e0a926127167ca6dbc5' }, "Owners"), h("hr", { key: 'eb7f84185271c80b87397e49f2ee5c6e20faad99' }), h("div", { key: '0f791f3d3f6c7f6aa363004d0618bd90e16f185b', class: 'row gy-3' }, this.ownersPayload.map((owner) => {
+        return (h("div", { key: 'f2358952d2d28841fb8e6bc66e9846eb2cdcc97e' }, h("legend", { key: 'ab3f7e6758cc50760681a9fdd07f8e137da65980' }, "Owners"), h("hr", { key: '57828746f9991da89e77a1f96b51f6df2d33d666' }), h("div", { key: '4f7f58bf1b5d40079228eef118946e17b407db63', class: 'row gy-3' }, this.ownersPayload.map((owner) => {
             return (h("justifi-owner-form", { key: owner.id, authToken: this.authToken, businessId: this.businessId, ownerId: owner.id, removeOwner: this.removeOwnerForm, newFormOpen: this.newFormOpen, ownersLength: this.ownersPayload.length, allowOptionalFields: this.allowOptionalFields, ref: (ref) => this.matchRef(ref, owner.id) }));
-        })), h("div", { key: 'd1f6414e9213d9600eaea7e9c1e033d250f8e49a', class: 'd-flex justify-content-start' }, h("div", { key: 'fd96248f6dddfa0d973744d11e3f1f121353e398', class: 'gap-2' }, h(Button, { key: '514e549632c8f11b4b51c061949b026734ae0113', variant: 'primary', onClick: () => this.addOwnerForm(true), hidden: !this.showAddOwnerButton }, "Add Owner")))));
+        })), h("div", { key: '88dad43cc24d7c1e1220acb6b7791c2172074d61', class: 'd-flex justify-content-start' }, h("div", { key: '9359481d78e5c3ba9599d2fce5837c5fdfe1d6f0', class: 'gap-2' }, h(Button, { key: '04ee1c49c34567b079432df8fb2b1b298fb7d7a3', variant: 'primary', onClick: () => this.addOwnerForm(true), hidden: !this.showAddOwnerButton }, "Add Owner")))));
     }
     static get is() { return "justifi-business-owners-form-step-core"; }
     static get properties() {

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

@@ -1,6 +1,5 @@
 import { h } from "@stencil/core";
 import { Representative } from "../../../../api/Identity";
-import { parseIdentityInfo } from "../../utils/payload-parsers";
 import { FormController } from "../../../form/form";
 import { identitySchema } from "../../schemas/business-identity-schema";
 export class BusinessRepresentativeFormStepCore {
@@ -56,8 +55,8 @@ export class BusinessRepresentativeFormStepCore {
         this.formController.validateAndSubmit(() => this.sendData(onSuccess));
     }
     get patchPayload() {
-        let formValues = parseIdentityInfo(this.formController.values.getValue());
-        return JSON.stringify({ representative: formValues });
+        let formValues = new Representative(this.formController.values.getValue()).payload;
+        return { representative: formValues };
     }
     componentWillLoad() {
         this.getBusiness && this.getData();
@@ -69,7 +68,7 @@ export class BusinessRepresentativeFormStepCore {
         });
     }
     render() {
-        return (h("justifi-business-representative-form-inputs", { key: 'bfe9944ea9fc78fda577944f2c968ab9decf7f00', representativeDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController }));
+        return (h("justifi-business-representative-form-inputs", { key: '855736c2c1565b0b9e2cf57131a72298ccc889d5', representativeDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController }));
     }
     static get is() { return "justifi-business-representative-form-step-core"; }
     static get properties() {

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

@@ -47,7 +47,7 @@ export class BusinessDocumentFormStep {
             this.formLoading.emit(true);
             const payload = docData.record_data;
             try {
-                const response = await this.api.post(this.documentEndpoint, JSON.stringify(payload));
+                const response = await this.api.post(this.documentEndpoint, payload);
                 return this.handleDocRecordResponse(docData, response);
             }
             catch (error) {
@@ -179,7 +179,7 @@ export class BusinessDocumentFormStep {
         return (h("justifi-business-document-upload-input-group", { paymentVolume: this.paymentVolume, inputHandler: this.inputHandler, storeFiles: this.storeFiles, errors: this.errors }));
     }
     render() {
-        return (h("form", { key: '8f2e1d262cd5050b315019a1947b1474eaf995de' }, h("fieldset", { key: 'd022b1c294835e456a9067fcfdbf2b93a33c8ca8' }, h("legend", { key: '522ecbab0489efa6d4294f38f792a28770010f1e' }, "Document Uploads"), h("p", { key: 'b49a6b3a4a7c79b368b20455b4ed4a943f08ec51' }, "Various file formats such as PDF, DOC, DOCX, JPEG, and others are accepted. Multiple files can be uploaded for each document category."), h("hr", { key: '3d8c2f7f5b128b99ceaa501166ae60c490b12378' }), this.documentsOnFile, h("div", { key: 'd2627185483e1be43c0b34d80b1fcfa850decd28', class: "d-flex flex-column" }, this.formInputs))));
+        return (h("form", { key: '38bb9070ca04f773ec092ebb14ce8ad20f33d8cf' }, h("fieldset", { key: '9c736d11200bb9c5a37c1319f3bfb349b7a5e93f' }, h("legend", { key: '92ed2fb864e85e38532af364518c25ef4bd275a5' }, "Document Uploads"), h("p", { key: 'f5803df74a5d0bc4e544c6cc968333f2a3f77385' }, "Various file formats such as PDF, DOC, DOCX, JPEG, and others are accepted. Multiple files can be uploaded for each document category."), h("hr", { key: '0c696d1bdb614bdacb3cbadeee66c95149efda68' }), this.documentsOnFile, h("div", { key: '7919205dfda677526d810a9fa1507ed8a55eafb8', class: "d-flex flex-column" }, this.formInputs))));
     }
     static get is() { return "justifi-business-document-upload-form-step"; }
     static get properties() {

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

@@ -3,7 +3,6 @@ import { addressSchema } from "../../schemas/business-address-schema";
 import { FormController } from "../../../form/form";
 import { Address } from "../../../../api/Business";
 import StateOptions from "../../../../utils/state-options";
-import { parseAddressInfo } from "../../utils/payload-parsers";
 import { numberOnlyHandler } from "../../../form/utils";
 export class LegalAddressFormStepCore {
     constructor() {
@@ -62,8 +61,8 @@ export class LegalAddressFormStepCore {
     }
     ;
     get patchPayload() {
-        let formValues = parseAddressInfo(this.formController.values.getValue());
-        return JSON.stringify({ legal_address: formValues });
+        let formValues = new Address(this.formController.values.getValue()).payload;
+        return { legal_address: formValues };
     }
     componentWillLoad() {
         this.getBusiness && this.getData();
@@ -77,7 +76,7 @@ export class LegalAddressFormStepCore {
     render() {
         var _a, _b, _c, _d, _e, _f;
         const legalAddressDefaultValue = this.formController.getInitialValues();
-        return (h("form", { key: 'ef8d88ebced702b5a0b89eaddb22320f24e7081f' }, h("fieldset", { key: '9f70633b36559e6f8de8d67f39a19df365116bcd' }, h("legend", { key: '6b6b0e42fd0f00a28d24bf9d1e4818e54264ff96' }, "Business Legal Address"), h("hr", { key: '8b7b1a9f0f9448c4fd3b918f20e7b51337d3e5ee' }), h("div", { key: 'f45b643ec057356d9a6e04a19829c562ec521bd2', class: 'row gy-3' }, h("div", { key: 'f115c4e4163126d2d8c998c8de775821e7fc0e65', class: 'col-12' }, h("form-control-text", { key: '066a1ea25ef086dda05e32cde738e7e77dcbb322', name: 'line1', label: 'Legal Address', inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line1, errorText: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.line1 })), h("div", { key: 'e8432ea00cd5da5b08cc97efe8f3a9817a14b5b1', class: 'col-12' }, h("form-control-text", { key: '099ab7197940d5de8869682cbda41dc0d6ee0e1d', name: 'line2', label: 'Address Line 2', inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line2, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line2 })), h("div", { key: '9514757f732d6a445e48eb85d3654f79cf2320db', class: 'col-12' }, h("form-control-text", { key: '37db927ef6c735699a4954ad51d43f4666eea9a0', name: 'city', label: 'City', inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.city, errorText: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.city })), h("div", { key: 'f3c82def0d67fcc0d7e4ca03e80afc166a36ffbb', class: 'col-12' }, h("form-control-select", { key: 'cbcfafe876997e0f9181cf117eeaf465ca424c68', name: 'state', label: 'State', options: StateOptions, inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.state, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.state })), h("div", { key: '4f32ffbe520d1fbe2406d41e7fb76a9f0f450299', class: 'col-12' }, h("form-control-text", { key: '5a2fcc4726b543e8ef6c5456e965cc479d91ce4e', name: 'postal_code', label: 'Postal Code', inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.postal_code, errorText: (_e = this.errors) === null || _e === void 0 ? void 0 : _e.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler })), h("div", { key: 'd4bdbfa4d3999bae59b812e84394bb4c0974d6b3', class: 'col-12' }, h("form-control-select", { key: '95eec216f50d119016c7627074bf29b9a21b1cd1', name: 'country', label: 'Country', options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.country, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.country,
+        return (h("form", { key: '5a95fe5a130deded7e160e6fe4ba1d09e6a6aabc' }, h("fieldset", { key: '2011fac5c860b7beee5eaac28e697b284067f2e6' }, h("legend", { key: 'dbe411d80d10a71bc63f18fcdb58a40b124e8eaf' }, "Business Legal Address"), h("hr", { key: '4a91dd5e67e5770778d2dd59716e1e532d644ee9' }), h("div", { key: 'cd53516a98498ab82ab347a1f7c836be262b9fdb', class: 'row gy-3' }, h("div", { key: '14cd5fee5661681ccff95eabf8cd6f2d4cff2296', class: 'col-12' }, h("form-control-text", { key: 'e4b0a5e30fc1a35e5127a76710211874fb68898b', name: 'line1', label: 'Legal Address', inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line1, errorText: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.line1 })), h("div", { key: '2c35da509732e73e2abb4365d6d9e2056d7ce771', class: 'col-12' }, h("form-control-text", { key: 'c8ae2a5c75d0fe8c5ddd46d9150590b8a4f99a5e', name: 'line2', label: 'Address Line 2', inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.line2, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line2 })), h("div", { key: '07649ebd5a848eee63398965c30e8e30fcc88354', class: 'col-12' }, h("form-control-text", { key: 'cb25047c3458124f7d837b7948e807214f1a0a0a', name: 'city', label: 'City', inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.city, errorText: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.city })), h("div", { key: 'ce3ddc5f3639503dbc02668aea7139ffff376545', class: 'col-12' }, h("form-control-select", { key: '00d18b4af1f415828b40404888a6c69d0611d0cc', name: 'state', label: 'State', options: StateOptions, inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.state, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.state })), h("div", { key: '1988bd739af107d9595f6fed897f257da13ac997', class: 'col-12' }, h("form-control-text", { key: '55144c39845d4cc36704170b73458f761f311d00', name: 'postal_code', label: 'Postal Code', inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.postal_code, errorText: (_e = this.errors) === null || _e === void 0 ? void 0 : _e.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler })), h("div", { key: 'cccba799a75280693f461f390121b13006877f35', class: 'col-12' }, h("form-control-select", { key: 'e49b21a781280fb2e9cc9f6b88ddcc6d7408c5f8', name: 'country', label: 'Country', options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: legalAddressDefaultValue === null || legalAddressDefaultValue === void 0 ? void 0 : legalAddressDefaultValue.country, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.country,
             // just for now so we skip handling country specificities
             disabled: true }))))));
     }