@justifi/webcomponents 4.17.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

@@ -172,8 +172,8 @@ export class BusinessOwnerForm {
     }
     render() {
         const ownerDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { key: 'eb92a5570638938a9aa2edec8d63d92ab127cb3e', exportparts: 'label,input,input-invalid' }, h("form", { key: 'f8ac2519ce5908045ca3ba04212406c64bd65622', onSubmit: this.validateAndSubmit }, h("fieldset", { key: 'ba8e81033034ac31151f6d920bcb19d825195bb5' }, h("legend", { key: '6d77419ef49152d3fe7b08804c3c61598ce44122', class: 'fw-semibold fs-5' }, this.formTitle), h("br", { key: '28135226e296cfbdc5971328925ab39c7359ceac' }), h("div", { key: 'daf7896bf801e4b5af710ede94059105a441dd9a', class: 'row gy-3' }, h("div", { key: 'e50be4e2f648e9be2fce68aa93c87f67c945a614', class: 'col-12 col-md-6' }, h("form-control-text", { key: 'e295419d4a0f9a777a4eb1f4f7365c67cae0a478', 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: '315cd57b8e378d7252029dcede76822053bc292f', class: 'col-12 col-md-4' }, h("form-control-text", { key: '88e61763b61a695afd4175d1d772b2a44abad599', name: 'title', label: 'Title', defaultValue: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: '1d15f0fd4fd9c4152cfc8fc5f37a7cec6ff376f4', class: 'col-12 col-md-6' }, h("form-control-text", { key: 'ffd5c799986ff594e61069198454d16d7b36d286', 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: '40f44c917379bfff2c60361903559053c994e160', class: 'col-12 col-md-6' }, h("form-control-number-masked", { key: '79df11699b9a59c8887c041e8dc744d2b2c5affc', 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: '0d78cbd8638cff7fa7981e451c66fdc983306dbf', class: 'col-12 col-md-4' }, h("form-control-date", { key: '29c8f7929489424b967e0ac2b6476e345c9fa035', 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: 'a11ef411b2bcdb07801fe8448fd29f6533a3e0ad', class: 'col-12 col-md-8' }, h("form-control-number-masked", { key: '1630d85878b798245b2303f45c2eef101eae25fc', 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: 'b134c3a8bc92f3edd099b44e97926c6bee2a6e02', class: 'col-12' }, h("justifi-identity-address-form", { key: '68e9763e33025502e0290fdf84353bdf039bc7df', errors: this.errors.address, defaultValues: ownerDefaultValue === null || ownerDefaultValue === void 0 ? void 0 : ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate })), h("div", { key: 'c5238b99b02d82e3e94a96ae282d0be11dd65206', class: 'container d-flex gap-2' }, h("button", { key: 'e57ff503567de6c13a7657c2ac7bb31593765169', 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: 'f7c3376b98e5727dd7a37f6148005da398557484', type: 'button', class: 'btn btn-danger', onClick: () => this.handleRemoveOwner() }, "Remove owner"))), h("hr", { key: '818dc67030ba2c4789b353a663a82309bfd6723f' })))));
+        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/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": {