@justifi/webcomponents 4.16.0 → 4.18.0

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

@@ -1,4 +1,4 @@
-import { Host, h } from "@stencil/core";
+import { h } from "@stencil/core";
 import { FormController } from "../../form/form";
 import { businessFormSchema } from "../schemas/business-form-schema";
 import { Api } from "../../../api";
@@ -7,6 +7,7 @@ import { config } from "../../../../config";
 import { BusinessFormClickActions, BusinessFormServerErrors } from "../utils/business-form-types";
 import { Business } from "../../../api/Business";
 import JustifiAnalytics from "../../../api/Analytics";
+import StyledHost from "../../../utils/styled-host/styled-host";
 /**
  * @exportedPart label: Label for inputs
  * @exportedPart input: The input fields
@@ -96,13 +97,13 @@ export class BusinessForm {
         this.instantiateBusiness(response.data);
     }
     render() {
-        return (h(Host, { key: '45680caa8914ba51c85f605684fac0430b6ffcc9', exportparts: "label,input,input-invalid" }, h("form", { key: 'f5b210518f3616a6d266b5de54e676477bd5a5ed', onSubmit: this.validateAndSubmit }, h("div", { key: '76565b0c32821cf9cc8a9d3bc4898fcc384ca88f', class: "row gap-3" }, h("h1", { key: '7740dc649b465ff6582695acaac0b7dc7ef9c552' }, this.title), h("form-alert", { key: '2e14533a0910ba29cd2f4fc87d93757d32b3f86d', text: this.errorMessage, hideAlert: this.hideErrors }), h("div", { key: 'cb8dbe6002b1fc620b8c2a89aa3f688d9cfe5751', class: "col-12 mb-4" }, h("justifi-business-core-info", { key: 'af26c67fc3be48b4e4784e8f2cd69cfee58dddb9', formController: this.formController })), h("div", { key: '893e89039a22489e11b46f3c4aef57dd666a960a', class: "col-12 mb-4" }, h("justifi-legal-address-form", { key: 'adff3c3490af6cba6b5d97ccd38c923745483c41', formController: this.formController })), h("div", { key: '68cd2396c0be8ad943541cfbb2380ce71b55957c', class: "col-12 mb-4" }, h("justifi-additional-questions", { key: '773260dcff883db1e4569519e50b1cbe02fa3a92', formController: this.formController })), h("div", { key: '31a70331b2c5fb65bc67bdd35745a66627df5834', class: "col-12 mb-4" }, h("justifi-business-representative", { key: 'f0ed38705dc8ecaa03576c36df4d62094d1ea76b', formController: this.formController })), h("div", { key: 'ec6295f344dbca620929848a3b062558081eca08', class: "col-12 d-flex flex-row-reverse" }, h("button", { key: '6c1678dba66a17417667e6303af76b7fe94dbf37', 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: '4f1e4f5126536bb778a5d5292ea320432874096d', exportparts: "label,input,input-invalid" }, h("form", { key: '10a2ed6a9b406ce8b7d47bc8f883469ac53d83e6', onSubmit: this.validateAndSubmit }, h("div", { key: '7409bfa5188eddb37f866c4c5524bad91d6f416f', class: "row gap-3" }, h("h1", { key: '62108bc12ecf3a799ce1b26714c0ad18640f120c' }, this.title), h("form-alert", { key: '1cb678fc4ad2792e30fbe462dab72c8e5b7f67f0', text: this.errorMessage, hideAlert: this.hideErrors }), h("div", { key: 'a3aca83b156586dd33aa188308471b4ba94976b9', class: "col-12 mb-4" }, h("justifi-business-core-info", { key: '1e586dc338f84fe18230763520e07cce36edb639', formController: this.formController })), h("div", { key: '965ab59b189a5b165575fbdbc78ed6a3378c1afd', class: "col-12 mb-4" }, h("justifi-legal-address-form", { key: '883131879c4a30f9b27cace42bc980f0ceabd6dc', formController: this.formController })), h("div", { key: '8ddd7cfa816b977f2b8ee59b375a23bfdae7e3c0', class: "col-12 mb-4" }, h("justifi-additional-questions", { key: '812f878b5204f35ca1ddf25fe18a0ed2df320441', formController: this.formController })), h("div", { key: '0eeb17ac78fea83a2062b0c850d446aad53000a1', class: "col-12 mb-4" }, h("justifi-business-representative", { key: 'd5d478718a20337d86d3fd635d4ce1c7c6159ab5', formController: this.formController })), h("div", { key: '6911c9d8f27c675e47197e41f6cfc7185c014af8', class: "col-12 d-flex flex-row-reverse" }, h("button", { key: '8b6e15a727b988c7c473cfb0d34ad4815e7cd09e', 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"; }
     static get originalStyleUrls() {
         return {
-            "$": ["business-form.scss"]
+            "$": ["business-form.css"]
         };
     }
     static get styleUrls() {

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

@@ -110,9 +110,6 @@ export class BusinessOwnerForm {
     get identityEndpoint() {
         return this.ownerId ? `entities/identity/${this.ownerId}` : 'entities/identity';
     }
-    get identificationNumberLabel() {
-        return this.owner.ssn_last4 ? 'Update SSN (optional)' : 'SSN';
-    }
     get formTitle() {
         return this.ownerId ? 'Edit Business Owner' : 'Add Business Owner';
     }
@@ -175,8 +172,8 @@ export class BusinessOwnerForm {
     }
     render() {
         const ownerDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { key: 'a4c0404708538ef03ababd0b4485a92a371c8508', exportparts: "label,input,input-invalid" }, h("form", { key: 'e465f7e31313a7262fd39d4dcc1b3cced69a1ce1', onSubmit: this.validateAndSubmit }, h("fieldset", { key: 'd2a754d0e4cc5cdc400a2baf681fb0ecf92adfdd' }, h("legend", { key: 'dc0af522c7e8b4e1710b752e7ba2887c5293986a', class: 'fw-semibold fs-5' }, this.formTitle), h("br", { key: '0c7fee0bb6d9739264c69e7fa4152ca5dea62ad6' }), h("div", { key: '45f52e4e0a4467d91c90a91a9aa8ce59613075f7', class: 'row gy-3' }, h("div", { key: '3906bcd7cfabbd2d39e53d4db53e798e5d003d35', class: "col-12 col-md-6" }, h("form-control-text", { key: '5586f24927c3cdf32aa2c3ae8e0b99812a677fdd', name: "name", label: "Full Name", defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'bc477162d20f90187342ae4cf9477d68a095f0e0', class: "col-12 col-md-4" }, h("form-control-text", { key: '5c166558fd47ab8e719ab7739985d1efe739707e', name: "title", label: "Title", defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: 'b49969e3e38ee42e7f96e1177e61d0eb32f3fec4', class: "col-12 col-md-6" }, h("form-control-text", { key: '0b044ea6fee3b3e9edf874f045a16769ca165822', name: "email", label: "Email Address", defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'bb754754a5c6d300cd4ec344e973c0a4a80be0ec', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '6865f3458aa79f5f0b54b7ebf13b6927c9df3928', name: "phone", label: "Phone Number", defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '75dc0f7b0c61f15beaef5045f97a52d7fa99066f', class: "col-12 col-md-4" }, h("form-control-date", { key: '899c24b2b9fb47c16ac0a22213f11c23dfde035b', name: "dob_full", label: "Birth Date", defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { key: '1196001b3abc8ad48872ab594451412ff2bdbf85', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: '4897aac1a0354778b34a8e5d57d6bee9710572b9', name: "identification_number", label: this.identificationNumberLabel, defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { key: 'e74a8ce68241b1ad067795724739f226383f0bcb', class: "col-12" }, h("justifi-identity-address-form", { key: '69dbc687d0deb6349825dbbfa1e4fdd58926ba21', errors: this.errors.address, defaultValues: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate })), h("div", { key: '480f6ddc304297c65b2cebe193a1136daed64c11', class: "container d-flex gap-2" }, h("button", { key: 'f57a245d2cd6895383c770faac2f315198608a93', type: "submit", class: `btn btn-primary jfi-submit-button${this.isLoading ? ' jfi-submit-button-loading' : ''}`, onClick: () => this.handleAddOwner(), disabled: this.isLoading }, this.isLoading ? LoadingSpinner() : this.submitButtonText), this.showRemoveButton &&
-            h("button", { key: 'a06b9eff52b98af51abdff063c5d047a6d787183', type: "button", class: "btn btn-danger", onClick: () => this.handleRemoveOwner() }, "Remove owner"))), h("hr", { key: '0e5af7210f354286c1bb47acd3dfe5ba5338b3fb' })))));
+        return (h(Host, { key: '3a578c58fa8c11c2baf46a95e623414a694c18a2', exportparts: 'label,input,input-invalid' }, h("form", { key: 'ef53b26ec0ed5a41559bf3d4dbf85f8b79c8d8db', onSubmit: this.validateAndSubmit }, h("fieldset", { key: 'f23d280aa2ff12c685b87dcd3dc3dcb34bbf1784' }, h("legend", { key: '3d825e9ec1ad52471e175d78e8f012d1f1de2594', class: 'fw-semibold fs-5' }, this.formTitle), h("br", { key: '38d6a4fb10ddf4be97950e2eb985f0e136d295c4' }), h("div", { key: '3d1ede4480f325cc18ba22458527a8ba60159360', class: 'row gy-3' }, h("div", { key: '5f542713f105488bcf0b83d7f8cbd3702e8fd2da', class: 'col-12 col-md-6' }, h("form-control-text", { key: '4b415df939665d4a2ae29a78b0d6f3036b824233', name: 'name', label: 'Full Name', defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'f92a0fdd5fa3288586ddc3815aa8e475b48687e3', class: 'col-12 col-md-4' }, h("form-control-text", { key: 'f3defa8f646072654ff528c4c3f7029a3e94e188', name: 'title', label: 'Title', defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: 'cf0ad4643b076a5611526a30b753b349326fdc5c', class: 'col-12 col-md-6' }, h("form-control-text", { key: '4dff997ae72b053586ab9a89c8cfa253d786c2e6', name: 'email', label: 'Email Address', defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'baf2251fe3813beca1943ea3c37090ae31cff04c', class: 'col-12 col-md-6' }, h("form-control-number-masked", { key: '465c8e61db06d11cf7fe85cf49868fc50375ca01', name: 'phone', label: 'Phone Number', defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '862ec747120b5b4a05091545bbba8e8e0649a063', class: 'col-12 col-md-4' }, h("form-control-date", { key: '1724de6338244e687135d992df528ffc9286284b', name: 'dob_full', label: 'Birth Date', defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { key: '9289f44bcb62e4b7baa36f6d5a88d1f2eab8f9dc', class: 'col-12 col-md-8' }, h("form-control-number-masked", { key: '4e2ac4ee3edc0cce36e97014184029b09be47e80', name: 'identification_number', label: 'SSN', defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { key: '1373375140a0c071c80764b69c2bacc26c22cf42', class: 'col-12' }, h("justifi-identity-address-form", { key: 'cc01cfc035e53ff6d995f387cd1dce713c5a6199', errors: this.errors.address, defaultValues: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate })), h("div", { key: 'f51f56934730f45b5ea8cad8c051c7995a101d01', class: 'col-12 d-flex gap-2' }, h("button", { key: 'e267c7f93110b5b45fea9e170718dd74fd2dba3e', type: 'submit', class: `btn btn-primary jfi-submit-button${this.isLoading ? ' jfi-submit-button-loading' : ''}`, onClick: () => this.handleAddOwner(), disabled: this.isLoading }, this.isLoading ? LoadingSpinner() : this.submitButtonText), this.showRemoveButton &&
+            h("button", { key: '61486f9ae64c488abf267c15ddcbc61537b3e433', type: 'button', class: 'btn btn-danger', onClick: () => this.handleRemoveOwner() }, "Remove owner"))), h("hr", { key: 'c599a8b0f3f41f58691cb353f91d3b167bbcab11' })))));
     }
     static get is() { return "justifi-owner-form"; }
     static get properties() {

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

@@ -98,7 +98,7 @@ export class AdditionalQuestionsFormStep {
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
         const additionalQuestionsDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { key: 'a6c4f79702b3ebeb087c7e0beb1353e243c26bb2', exportparts: "label,input,input-invalid" }, h("form", { key: 'e4f918d7b7a84b8a2332f14d79dcb8bc7c50da73' }, h("fieldset", { key: '921f14f225be38b665780a5640bc38302497a5b4' }, h("legend", { key: '01fa03c8134995cb23a67766febb6d4522e3d41a' }, "Additional Questions"), h("hr", { key: '61131730389e979b6aa7d68ca5f58a070aa2534e' }), h("div", { key: '54b3af3d2fe06b20463fa548a60ab986f246a3d7', class: "row gy-3" }, h("div", { key: '55c113e9d5f4746cc78de3f91cbf0a069d7a8e41', class: "col-12 col-md-6" }, h("form-control-monetary", { key: '4375b355e2b65b194e6a77ea5b3c8e3c76047b5f', name: "business_revenue", label: "What is the business' estimated annual revenue from its primary business activies?", 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: '6c14d001d893f015508d11405a63e5d6a1a229bc', class: "col-12 col-md-6" }, h("form-control-monetary", { key: 'b5d2e79d85a4cc4920e7d3f3548df0ccd1b1938e', name: "business_payment_volume", label: "What is the business\u2019 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: '6dea46184e87fa64c5a6ce9165bafb5f067608fd', class: "col-12" }, h("form-control-select", { key: '1428fd982950e58140d03a2145f24eee70baa907', 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: '279ff240c6d50a21bae96fa212dfe7cf4b340def', class: "col-12" }, h("form-control-select", { key: '8d2dd88c289366d3e4bc08f3d23fe4779b38f747', 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: '3431c043eaec6c08d36e68825bb70589883526a2', class: "col-12" }, h("form-control-text", { key: '8c8743fe4e63fb0b561714e8fc2d4a60ca56e843', 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: 'cb6d2c2dbc409667395eb911292078f091da348c', class: "col-12" }, h("form-control-select", { key: '1aff6762230968f5754bb4b7d1bb9bc70326257b', 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: 'ac5f6257d838393bb40cffb476b4480f75e31a0f', class: "col-12" }, h("form-control-text", { key: 'e068fecf84d91610dfc81c16f8e4456f815351d8', 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(Host, { key: 'a6c4f79702b3ebeb087c7e0beb1353e243c26bb2', exportparts: "label,input,input-invalid" }, h("form", { key: 'e4f918d7b7a84b8a2332f14d79dcb8bc7c50da73' }, h("fieldset", { key: '921f14f225be38b665780a5640bc38302497a5b4' }, h("legend", { key: '01fa03c8134995cb23a67766febb6d4522e3d41a' }, "Additional Questions"), h("hr", { key: '61131730389e979b6aa7d68ca5f58a070aa2534e' }), h("div", { key: '54b3af3d2fe06b20463fa548a60ab986f246a3d7', class: "row gy-3" }, h("div", { key: '55c113e9d5f4746cc78de3f91cbf0a069d7a8e41', class: "col-12 col-md-6" }, h("form-control-monetary", { key: '86a6cacf09105f5c4415a01738ba77b7eeb7622c', name: "business_revenue", label: "What is the business' 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: 'ae68b9c006ea41e1f214226efdb4e14098d5e800', class: "col-12 col-md-6" }, h("form-control-monetary", { key: 'ddbff877fc74121bbf84eb7f4ee278558f35d853', 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: '80fa2c11d3cadd1a1ab07ad79b7ff736a15a38d3', class: "col-12" }, h("form-control-select", { key: '7fca901a87105b9a401309d5841279bac7a6f5cd', 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: 'a20763d9518cd84b062f81fdce325be2a8dfb40e', class: "col-12" }, h("form-control-select", { key: 'cfec3aab19c544b16f8a0fab7541433130c3b749', 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: '0ef1a0473a5870428a741be696e08c881ebee524', class: "col-12" }, h("form-control-text", { key: '512a4924c14b7c2da661b5ffe966d8d1497cb706', 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: '75a7b0adfde53443a53ca4e4143f1ff060291837', class: "col-12" }, h("form-control-select", { key: '1474ce5f608be57a36486ad46c7a7bd68fc44fc7', 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: '7de2fd399754cc0c77e2b08b7d1a4d0082903f61', class: "col-12" }, h("form-control-text", { key: '5de14ae950223e353dd6d58430a4493ffd26da4e', 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"; }
     static get properties() {

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

@@ -1,6 +1,6 @@
 import { Host, h } from "@stencil/core";
 import { FormController } from "../../../form/form";
-import { PHONE_MASKS, TAX_ID_MASKS } from "../../../../utils/form-input-masks";
+import { PHONE_MASKS } from "../../../../utils/form-input-masks";
 import { CoreBusinessInfo } from "../../../../api/Business";
 import { Api } from "../../../../api";
 import { businessCoreInfoSchema } from "../../schemas/business-core-info-schema";
@@ -10,6 +10,7 @@ import { flattenNestedObject } from "../../../../utils/utils";
 import { BusinessFormStep } from "../../utils/business-form-types";
 import { businessClassificationOptions } from "../../utils/business-form-options";
 import { ComponentErrorCodes, ComponentErrorSeverity } from "../../../../api/ComponentError";
+import { numberOnlyHandler } from "../../../form/utils";
 /**
  *
  * The difference between this component and business-generic-info-details
@@ -106,7 +107,7 @@ export class BusinessCoreInfoFormStep {
     }
     render() {
         const coreInfoDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { key: '4a3f71bde18fce1e75cb10d0075dc8de0f06848d', exportparts: "label,input,input-invalid" }, h("form", { key: '596c6467902077a07093c29a53675db754d5bb8a' }, h("fieldset", { key: '5f27adca77338459acca818320076a1b73075150' }, h("legend", { key: '238d4d4afb293d757708778d6dcdcf5376f61e1b' }, "General Info"), h("hr", { key: 'd9627a44fad089208ce76500b7d044f204401d82' }), h("div", { key: '81275540d22275d22ff07ef1fc76f96cd6d344a3', class: "row gy-3" }, h("div", { key: 'ce1e19ff21341fbcf039e8b9952becf4150c389b', class: "col-12" }, h("form-control-text", { key: 'bf42b0297a0e9fb6a7d74108b44693cae8f6b04b', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: '5b67921ac4ff50d21447cce095ca6658e0289906', class: "col-12" }, h("form-control-text", { key: '0a541657f2a6fcc62e1828530b194c4ba8743b92', 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: '5018dda1f9c486c987c31926c1c41bf28f2c7e09', class: "col-12 col-md-8" }, h("form-control-select", { key: '2185ce25a4e8a0285f4a428bce33826d158dd636', name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: '60d6501ecab83a4d155ad6e623eb96c4586fdc28', class: "col-12 col-md-4" }, h("form-control-date", { key: 'bbd0a8fb598f42e191b525ab2d1850970e8e1efd', 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: 'f41552b3e0dcdd3ea91b2dbf289c887f30af5e02', class: "col-12 col-md-6" }, h("form-control-text", { key: '68f07e40d1f529d6321ccb60448902f518a95c10', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '68f5a315a188750b2fae0b7b6bedf361cd0023d1', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '69ce0fb90b949d69e3510494b6ceb2bd506ded39', name: "tax_id", label: "Tax ID", defaultValue: coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: TAX_ID_MASKS.US })), h("div", { key: 'f337c75fcd5476393319ed16b4dc372e141fa262', class: "col-12" }, h("form-control-text", { key: '9c1979c876cb3068060421470e1088a3005d8c8d', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: 'a5606ac49c7edce9ba744c6d7d67a2dacb87c1ae', class: "col-12 col-md-6" }, h("form-control-text", { key: '7e521a96d3083b422816d8e88b416ca1d7320dd4', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'd60fe7a5e4d2f7525546402b5522dcc3ece05fc1', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '0900f95c05ddf72025b93db27deb11a7d9266e3f', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })))))));
+        return (h(Host, { key: '4ea42b813bdd6e5c59a62ae4ae869e86dfddd7ce', exportparts: 'label,input,input-invalid' }, h("form", { key: 'f5ec3be342eda82dee8a51fe2ee5a6da1ee8902e' }, h("fieldset", { key: 'e07041577f53badc6c172a2c6dc20b1066c03f4c' }, h("legend", { key: '2bcc8cc013eeee4e27c874d0bed4471515b68610' }, "General Info"), h("hr", { key: '6dc6f73cf851b9244c8d797bc5cefdfda848c7bc' }), h("div", { key: 'b2bfad85255ddfa76d405e45df3d668ad02a6fea', class: 'row gy-3' }, h("div", { key: 'a9a65df07f40621513ce4881dd203e90142d7670', class: 'col-12' }, h("form-control-text", { key: '7fe7ac765902c7cd9ed60004dc7be687d43b2e49', name: 'legal_name', label: 'Legal Name', defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: '6fe2e395e4391480f4d6dafcfc57619176efc45c', class: 'col-12' }, h("form-control-text", { key: 'd19870345d79e4c44c3e667e2751ff6f344e1d58', 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: '39acda8180c70f7684aa2d73ef31bc199233c358', class: 'col-12 col-md-8' }, h("form-control-select", { key: '67f98ac21a69a851bb9489df198e06c8b517d45e', name: 'classification', label: 'Business Classification', options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: 'd54631f13e8998170de1f175d52d89d90035e688', class: 'col-12 col-md-4' }, h("form-control-date", { key: '8038e4f909c9bb2e5f3a8dd577f7b7f75e3d4f41', 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: 'ca43f206b14494ddaa55c625a2c408426ebcf529', class: 'col-12 col-md-6' }, h("form-control-text", { key: '7ccf50e04dad1a7e001c37074925f27f53ec831c', name: 'industry', label: 'Industry', defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '76136df0a434b7fce1b0307e962e4ea387a063d3', class: 'col-12 col-md-6' }, h("form-control-text", { key: 'ddfd853ed46b3995484dff54d47af0c0d6c93b0c', 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: '1084c4d7a261b8fc0a9ceacc16b5823f09cfb807', class: 'col-12' }, h("form-control-text", { key: 'c9ca186a6f2cc10f43966de56e6a224103ddd1f3', name: 'website_url', label: 'Website URL', defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: '55bc2f83a170fc1bec20c208460cc63b8f42a566', class: 'col-12 col-md-6' }, h("form-control-text", { key: '5c35db62f1d7d56e01a839df29b39aa55e569d5c', name: 'email', label: 'Email Address', defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'f74aadc2ea606365918f29091a6f6bb08841bf00', class: 'col-12 col-md-6' }, h("form-control-number-masked", { key: 'ef54ee012cbc30464bcdc7e887d5eb0523e30057', 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"; }
     static get properties() {

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

@@ -74,9 +74,6 @@ export class BusinessRepresentativeFormStep {
     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.errorEvent.emit({
@@ -108,7 +105,7 @@ export class BusinessRepresentativeFormStep {
     }
     render() {
         const representativeDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { key: 'cd9f67e1ac392f0abd7effdb259630eec985d502', exportparts: "label,input,input-invalid" }, h("form", { key: '73009fb0d1a660f7a342262552c73e096335a47a' }, h("fieldset", { key: '4c25aeec1cd4c9f8b52f4ee03ff7df0b6735ddbd' }, h("legend", { key: '3c68e0ed7efa42378a0b6fb056b9467dfbaf82b5' }, "Representative"), h("hr", { key: 'e9349c1d9ea3c354538050db53872309812866ac' }), h("div", { key: '279bd45d2b97f231345cf0f8fa907afcc1e97cca', class: "row gy-3" }, h("div", { key: '108163e0976cdec3fec33f651fd17382f1d6d526', class: "col-12 col-md-8" }, h("form-control-text", { key: '8f52a6302cbbbfc35141f5ae8154508c5eee9b8a', name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'be511e9d2abe2a7a1377aaac01ef8385f7d30451', class: "col-12 col-md-4" }, h("form-control-text", { key: '9db997a8ca24fb06f3c0ad70b2c68f4b853b34b5', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: 'ba4e5bb7dddf6d9c6601d2a4c2efe096b4ea6aa2', class: "col-12 col-md-6" }, h("form-control-text", { key: 'a2c2aba33ef3482b3c69172e886009f2f8cfefb5', name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '447c1274e56d0f264e7f56bb669496d785928fd1', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '3ca6c8468205e91e7c3d5d91e7e06160667857aa', name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '66bb119d19acfd5d48b2c95e44cd4fe5c902e8a8', class: "col-12 col-md-4" }, h("form-control-date", { key: 'a272e7f83db404dfd57a2b977d4c15c91ede56a2', name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { key: 'a0bb9017adcb0af08bad6754c34f73ff1a03f2df', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: 'e3edf6abc3bd2ca3591ef11881089922c4a20990', name: "identification_number", label: this.identificationNumberLabel, defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { key: '1b398352c8d1b132e9cd31dd8fe8bd970052a38c', class: "col-12" }, h("justifi-identity-address-form", { key: '38a170294f7072ec98df9c25d52e2876e6a57061', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate })))))));
+        return (h(Host, { key: 'd2c9bc0dd40d85403688d4c0ff482d7b0c3c35ab', exportparts: 'label,input,input-invalid' }, h("form", { key: '99a6b23b13b893f760e322dfe2e6f603e86e718c' }, h("fieldset", { key: '7c3b1897a7fe0fa672fa2d8d1a35ba4c81e9c256' }, h("legend", { key: 'f0fe4c93f757167e631d6e21bda5b559556550ad' }, "Representative"), h("hr", { key: '1dd5db7898b510bcdae492460f2ce57d7871c282' }), h("div", { key: '33d1935e5b6cc441bd0193e35aaaedcecfc2bc95', class: 'row gy-3' }, h("div", { key: 'c872b5a20469e3609178106b019fe1d0aecb2a24', class: 'col-12 col-md-8' }, h("form-control-text", { key: '31f37067b3c46bb4f7120169878dae88c1d4e918', name: 'name', label: 'Full Name', defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '9bdc8c1756a693f48bf060ee66f6fcf44cabc025', class: 'col-12 col-md-4' }, h("form-control-text", { key: '1686ff4c8e7b2e2fb74cc104966bf56d2754f8a8', name: 'title', label: 'Title', defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: '789443ed50f9f0957e6bd8b4f6dea8d6ba7421a9', class: 'col-12 col-md-6' }, h("form-control-text", { key: 'fcf1bd082368ee1adcc6b661ec75e3693fcc30dd', name: 'email', label: 'Email Address', defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '163d3f6e3ea1d2b7833b7a232e4726e56fda6416', class: 'col-12 col-md-6' }, h("form-control-number-masked", { key: '3eba7a3ab6a7e8631cb9f100bfd7e5e5566efecc', name: 'phone', label: 'Phone Number', defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '42fc6d656c069f073b08e77398a266e367e771ad', class: 'col-12 col-md-4' }, h("form-control-date", { key: 'f627ff9478974305c83a8947b6c7f60d46189104', name: 'dob_full', label: 'Birth Date', defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { key: 'ffded118a7a2d1c5889c46ac879cdadc289f1c1e', class: 'col-12 col-md-8' }, h("form-control-number-masked", { key: 'bf9cda57b1b7579a38d4f1f276c5cbc7b1723e2d', name: 'identification_number', label: 'SSN', defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { key: 'b033205960692dc7b3cea5ce59e12a13c58d5243', class: 'col-12' }, h("justifi-identity-address-form", { key: 'f243060451c630da18d175a93f55bb1fcabd0cec', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate })))))));
     }
     static get is() { return "justifi-business-representative-form-step"; }
     static get properties() {

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

@@ -1,7 +1,8 @@
-import { h, Host } from "@stencil/core";
+import { h } from "@stencil/core";
 import { BusinessFormClickActions } from "../utils/business-form-types";
 import { ComponentErrorCodes, ComponentErrorSeverity } from "../../../api/ComponentError";
 import { checkProvisioningStatus } from "../utils/helpers";
+import StyledHost from "../../../utils/styled-host/styled-host";
 export class PaymentProvisioningCore {
     constructor() {
         this.setBusinessProvisioned = () => {
@@ -88,9 +89,20 @@ export class PaymentProvisioningCore {
         return `${this.currentStep + 1} of ${this.totalSteps + 1}`;
     }
     render() {
-        return (h(Host, { key: '55cc99c89f4bd0c118f478bf4ed784ba79e58390', exportparts: 'label,input,input-invalid' }, h("div", { key: '68c9410be13351130196c33db2f71f8c541d5bee', class: 'row gap-3' }, h("h1", { key: '37a6b7aa48c8a6a3ddea1b61e11adfc73ef2cbb3' }, this.formTitle), h("justifi-payment-provisioning-form-steps", { key: '599cd00f4582dd1370a8bebd14258a196561c9af', businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, handleFormLoading: this.handleFormLoading, onFormCompleted: () => this.postProvisioningData() }), h("div", { key: '4ad23d84d851781e264a31f5fba4f91ef0bd9422', class: 'd-flex justify-content-between align-items-center' }, h("div", { key: 'b77f58acaf9c374c553916f887f2d3ff253ddc4a', class: 'd-flex align-items-center' }, this.stepCounter), h("justifi-payment-provisioning-form-buttons", { key: '756886f2a82f8d31321962eb2eb249de3cd55ecc', currentStep: this.currentStep, totalSteps: this.totalSteps, formLoading: this.formLoading, formDisabled: this.formDisabled, previousStepButtonOnClick: this.previousStepButtonOnClick, nextStepButtonOnClick: this.nextStepButtonOnClick })))));
+        return (h(StyledHost, { key: 'c7a292617e8b8e168bcf0fa96e2b2d8876aaaf94', exportparts: 'label,input,input-invalid' }, h("div", { key: '2555ee0dd6a4d59f8eadf3d2cc95ff9139be1782', class: 'row gap-3' }, h("h1", { key: '9c51c3a0b10cd9e1457391284f2d1c956f82edc0' }, this.formTitle), h("justifi-payment-provisioning-form-steps", { key: 'b15f8271687486995c2f0d22788f456eba0d645f', businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, handleFormLoading: this.handleFormLoading, onFormCompleted: () => this.postProvisioningData() }), h("div", { key: '904636b51586f75290f37ea5c14459edf571e1db', class: 'd-flex justify-content-between align-items-center' }, h("div", { key: '7f3f4ca59494b65e8c52e4e43602e8471b6773ae', class: 'd-flex align-items-center' }, this.stepCounter), h("justifi-payment-provisioning-form-buttons", { key: '6fc0ba13ec40ab487b5fa6c8448652fdc5233857', currentStep: this.currentStep, totalSteps: this.totalSteps, formLoading: this.formLoading, formDisabled: this.formDisabled, previousStepButtonOnClick: this.previousStepButtonOnClick, nextStepButtonOnClick: this.nextStepButtonOnClick })))));
     }
     static get is() { return "justifi-payment-provisioning-core"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["payment-provisioning.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["payment-provisioning.css"]
+        };
+    }
     static get properties() {
         return {
             "businessId": {