@justifi/webcomponents 5.4.4 → 5.6.0

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

@@ -6,6 +6,10 @@ import { text } from "../../../styles/parts";
 import { BusinessFormClickActions } from "../utils/event-types";
 export class PaymentProvisioningCore {
     constructor() {
+        this.loading = false;
+        this.businessProvisioned = false;
+        this.currentStep = 0;
+        this.allowOptionalFields = false;
         this.setBusinessProvisioned = () => {
             this.getBusiness({
                 onSuccess: (response) => {
@@ -59,16 +63,6 @@ export class PaymentProvisioningCore {
             const currentStep = this.refs[this.currentStep];
             currentStep.validateAndSubmit({ onSuccess: this.incrementSteps });
         };
-        this.loading = false;
-        this.businessProvisioned = false;
-        this.currentStep = 0;
-        this.errorMessage = undefined;
-        this.businessId = undefined;
-        this.authToken = undefined;
-        this.allowOptionalFields = false;
-        this.formTitle = undefined;
-        this.getBusiness = undefined;
-        this.postProvisioning = undefined;
     }
     handleFormCompleted() {
         this.postProvisioningData();
@@ -100,6 +94,7 @@ export class PaymentProvisioningCore {
         return {
             "businessId": {
                 "type": "string",
+                "attribute": "business-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -112,11 +107,13 @@ export class PaymentProvisioningCore {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "business-id",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "authToken": {
                 "type": "string",
+                "attribute": "auth-token",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -129,11 +126,13 @@ export class PaymentProvisioningCore {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "auth-token",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "allowOptionalFields": {
                 "type": "boolean",
+                "attribute": "allow-optional-fields",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -146,12 +145,14 @@ export class PaymentProvisioningCore {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "allow-optional-fields",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "formTitle": {
                 "type": "string",
+                "attribute": "form-title",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -164,11 +165,13 @@ export class PaymentProvisioningCore {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "form-title",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "getBusiness": {
                 "type": "unknown",
+                "attribute": "get-business",
                 "mutable": false,
                 "complexType": {
                     "original": "Function",
@@ -185,10 +188,13 @@ export class PaymentProvisioningCore {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "postProvisioning": {
                 "type": "unknown",
+                "attribute": "post-provisioning",
                 "mutable": false,
                 "complexType": {
                     "original": "Function",
@@ -205,7 +211,9 @@ export class PaymentProvisioningCore {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             }
         };
     }

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

@@ -2,14 +2,6 @@ import { h } from "@stencil/core";
 import { BusinessFormClickActions } from "../utils";
 import { Button } from "../../../ui-components";
 export class PaymentProvisioningFormButtons {
-    constructor() {
-        this.currentStep = undefined;
-        this.totalSteps = undefined;
-        this.formLoading = undefined;
-        this.formDisabled = undefined;
-        this.previousStepButtonOnClick = undefined;
-        this.nextStepButtonOnClick = undefined;
-    }
     get showPreviousStepButton() {
         return this.currentStep > 0;
     }
@@ -27,6 +19,7 @@ export class PaymentProvisioningFormButtons {
         return {
             "currentStep": {
                 "type": "number",
+                "attribute": "current-step",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -39,11 +32,13 @@ export class PaymentProvisioningFormButtons {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "current-step",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "totalSteps": {
                 "type": "number",
+                "attribute": "total-steps",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -56,11 +51,13 @@ export class PaymentProvisioningFormButtons {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "total-steps",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "formLoading": {
                 "type": "boolean",
+                "attribute": "form-loading",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -73,11 +70,13 @@ export class PaymentProvisioningFormButtons {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "form-loading",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "formDisabled": {
                 "type": "boolean",
+                "attribute": "form-disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -90,11 +89,13 @@ export class PaymentProvisioningFormButtons {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "form-disabled",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "previousStepButtonOnClick": {
                 "type": "unknown",
+                "attribute": "previous-step-button-on-click",
                 "mutable": false,
                 "complexType": {
                     "original": "Function",
@@ -111,10 +112,13 @@ export class PaymentProvisioningFormButtons {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "nextStepButtonOnClick": {
                 "type": "unknown",
+                "attribute": "next-step-button-on-click",
                 "mutable": false,
                 "complexType": {
                     "original": "Function",
@@ -131,7 +135,9 @@ export class PaymentProvisioningFormButtons {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             }
         };
     }

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

@@ -1,6 +1,7 @@
 import { h } from "@stencil/core";
 export class PaymentProvisioningFormSteps {
     constructor() {
+        this.allowOptionalFields = false;
         this.componentStepMapping = {
             0: () => h("justifi-business-core-info-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[0] = el, allowOptionalFields: this.allowOptionalFields }),
             1: () => h("justifi-legal-address-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[1] = el, allowOptionalFields: this.allowOptionalFields }),
@@ -10,12 +11,6 @@ export class PaymentProvisioningFormSteps {
             5: () => h("justifi-business-bank-account-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[5] = el, allowOptionalFields: this.allowOptionalFields }),
             6: () => h("justifi-business-terms-conditions-form-step", { businessId: this.businessId, authToken: this.authToken, ref: (el) => this.refs[6] = el, onFormLoading: this.handleFormLoading, allowOptionalFields: this.allowOptionalFields }),
         };
-        this.businessId = undefined;
-        this.authToken = undefined;
-        this.refs = undefined;
-        this.currentStep = undefined;
-        this.allowOptionalFields = false;
-        this.handleFormLoading = undefined;
     }
     get currentStepComponent() {
         return this.componentStepMapping[this.currentStep]();
@@ -28,6 +23,7 @@ export class PaymentProvisioningFormSteps {
         return {
             "businessId": {
                 "type": "string",
+                "attribute": "business-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -40,11 +36,13 @@ export class PaymentProvisioningFormSteps {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "business-id",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "authToken": {
                 "type": "string",
+                "attribute": "auth-token",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -57,11 +55,13 @@ export class PaymentProvisioningFormSteps {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "auth-token",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "refs": {
                 "type": "unknown",
+                "attribute": "refs",
                 "mutable": false,
                 "complexType": {
                     "original": "any[]",
@@ -73,10 +73,13 @@ export class PaymentProvisioningFormSteps {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "currentStep": {
                 "type": "number",
+                "attribute": "current-step",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -89,11 +92,13 @@ export class PaymentProvisioningFormSteps {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "current-step",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "allowOptionalFields": {
                 "type": "boolean",
+                "attribute": "allow-optional-fields",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -106,12 +111,14 @@ export class PaymentProvisioningFormSteps {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "allow-optional-fields",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "handleFormLoading": {
                 "type": "unknown",
+                "attribute": "handle-form-loading",
                 "mutable": false,
                 "complexType": {
                     "original": "(e: CustomEvent) => void",
@@ -128,7 +135,9 @@ export class PaymentProvisioningFormSteps {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             }
         };
     }

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

@@ -7,10 +7,6 @@ import { ProvisionService } from "../../../api/services/provision.service";
 import { checkPkgVersion } from "../../../utils/check-pkg-version";
 export class PaymentProvisioning {
     constructor() {
-        this.postProvisioning = undefined;
-        this.getBusiness = undefined;
-        this.businessId = undefined;
-        this.authToken = undefined;
         this.allowOptionalFields = false;
         this.formTitle = 'Business Information';
     }
@@ -56,6 +52,7 @@ export class PaymentProvisioning {
         return {
             "businessId": {
                 "type": "string",
+                "attribute": "business-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -68,11 +65,13 @@ export class PaymentProvisioning {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "business-id",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "authToken": {
                 "type": "string",
+                "attribute": "auth-token",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -85,11 +84,13 @@ export class PaymentProvisioning {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "auth-token",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "allowOptionalFields": {
                 "type": "boolean",
+                "attribute": "allow-optional-fields",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -102,12 +103,14 @@ export class PaymentProvisioning {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "allow-optional-fields",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             },
             "formTitle": {
                 "type": "string",
+                "attribute": "form-title",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -120,7 +123,8 @@ export class PaymentProvisioning {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "form-title",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "'Business Information'"
             }

package/dist/collection/components/business-forms/payment-provisioning/terms-and-conditions/business-terms-conditions-form-step.js

@@ -7,10 +7,11 @@ import { heading2 } from "../../../../styles/parts";
 import { BusinessFormStep } from "../../utils";
 export class BusinessTermsConditionsFormStep {
     constructor() {
+        this.errors = {};
         this.fetchData = async () => {
             this.formLoading.emit(true);
             try {
-                const response = await this.api.get(this.businessEndpoint);
+                const response = await this.api.get({ endpoint: this.businessEndpoint });
                 this.acceptedTermsBefore = response.data.terms_conditions_accepted;
             }
             catch (error) {
@@ -29,7 +30,7 @@ export class BusinessTermsConditionsFormStep {
             this.formLoading.emit(true);
             try {
                 const payload = this.termsPayload;
-                const response = await this.api.post(this.termsConditionsEndpoint, payload);
+                const response = await this.api.post({ endpoint: this.termsConditionsEndpoint, body: payload });
                 this.handleResponse(response, onSuccess);
             }
             catch (error) {
@@ -48,13 +49,6 @@ export class BusinessTermsConditionsFormStep {
             this.acceptedTerms = value;
             this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
         };
-        this.formController = undefined;
-        this.errors = {};
-        this.acceptedTermsBefore = undefined;
-        this.acceptedTerms = undefined;
-        this.authToken = undefined;
-        this.businessId = undefined;
-        this.allowOptionalFields = undefined;
     }
     get businessEndpoint() {
         return `entities/business/${this.businessId}`;
@@ -114,13 +108,14 @@ export class BusinessTermsConditionsFormStep {
         return (h("a", { href: "https://justifi.tech/merchant-agreement/", target: "_blank", rel: "noopener noreferrer" }, "merchant agreement"));
     }
     render() {
-        return (h("form", { key: '5d9a216a01873d989cb24057ad4c2411c1ba3654' }, h("fieldset", { key: '6de8bf419bf4bb246346edd04d6d3a195e50fe77' }, h("legend", { key: 'a2b33f3531d30ffd6df9d2b5c161ab3f1086c781', part: heading2 }, "Terms and Conditions"), h("hr", { key: '0346c558c6791e1e727579ab9fd5783c79c0c3fe' }), h("div", { key: '6de71742da5a7de4b4273b9e08cc314c8842c2cd' }, h("p", { key: 'cefd9dec798ce4bc1f5e56b33bf4a37fd4e79edf' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), h("br", { key: 'bdac3db844cf98fe77e7599eb5176175f291b371' }), h("div", { key: '9a1ba461f721fa1c376a57964a1211abee7bd36e', class: "row-gy-3" }, h("div", { key: '208c201f35bf0179a5cc06efddbb7ba4a1c65e02', class: "col-12" }, h("form-control-checkbox", { key: '42e8a31b2694f39ca843dc8a865f0c0bad43547a', name: "accepted", label: "I agree to the terms and conditions", inputHandler: this.inputHandler, errorText: this.errors.accepted, disabled: this.acceptedTermsBefore, helpText: this.formHelperText, checked: this.acceptedTerms }))))));
+        return (h("form", { key: '2da7d2ed790cc896168c3034642b5e1c4b5aab5b' }, h("fieldset", { key: '1fd89c9ef9d1f65647280d8b7d80625ee6fcde3a' }, h("legend", { key: 'c8d4b44f530bf4b702523ebd10b2abef4321c1e5', part: heading2 }, "Terms and Conditions"), h("hr", { key: '5b16410dea6ee295e9546bb7d9f69c47b5a3a2a0' }), h("div", { key: '0863be82b21e863fbd59eadcf6eb6bf214f7be5c' }, h("p", { key: '9cc14fe90dafba81b5f979b6cd36bfb820c84d5e' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), h("br", { key: '357aa6a506fe3c4fdb2d2cdd5250096fc6707bad' }), h("div", { key: 'f9196a0f47187d263b1eea9157307e2a0bd58eab', class: "row-gy-3" }, h("div", { key: 'd753c0ea76488813acc49034e433f82ac6aea8c2', class: "col-12" }, h("form-control-checkbox", { key: 'e2fd2f318fd357959bb0768008f8c9f0242f7fe6', name: "accepted", label: "I agree to the terms and conditions", inputHandler: this.inputHandler, errorText: this.errors.accepted, disabled: this.acceptedTermsBefore, helpText: this.formHelperText, checked: this.acceptedTerms }))))));
     }
     static get is() { return "justifi-business-terms-conditions-form-step"; }
     static get properties() {
         return {
             "authToken": {
                 "type": "string",
+                "attribute": "auth-token",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -133,11 +128,13 @@ export class BusinessTermsConditionsFormStep {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "auth-token",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "businessId": {
                 "type": "string",
+                "attribute": "business-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -150,11 +147,13 @@ export class BusinessTermsConditionsFormStep {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "business-id",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "allowOptionalFields": {
                 "type": "boolean",
+                "attribute": "allow-optional-fields",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -167,7 +166,8 @@ export class BusinessTermsConditionsFormStep {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "allow-optional-fields",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };

package/dist/collection/components/checkout/bank-account-form/bank-account-form.js

@@ -2,7 +2,6 @@ import { h, Host } from "@stencil/core";
 import BankAccountFormSkeleton from "./bank-account-form-skeleton";
 export class BankAccountForm {
     constructor() {
-        this.iframeOrigin = undefined;
         this.isReady = false;
     }
     async validate() {
@@ -37,6 +36,7 @@ export class BankAccountForm {
         return {
             "iframeOrigin": {
                 "type": "string",
+                "attribute": "iframe-origin",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -49,7 +49,8 @@ export class BankAccountForm {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "iframe-origin",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };

package/dist/collection/components/checkout/billing-form/billing-form-schema.js

@@ -0,0 +1,21 @@
+import { object } from "yup";
+import { cityValidation, identityNameValidation, lineOneValidation, lineTwoValidation, postalValidation, stateValidation, } from "../../business-forms/schemas/schema-validations";
+export const billingFormSchema = (postalOnly) => {
+    const fullBillingForm = object({
+        name: identityNameValidation.required('Enter full name'),
+        address_line1: lineOneValidation.required('Enter street address'),
+        address_line2: lineTwoValidation.nullable(),
+        address_city: cityValidation.required('Enter city'),
+        address_state: stateValidation.required('Select state'),
+        address_postal_code: postalValidation.required('Enter postal code')
+    });
+    const postalForm = object({
+        name: identityNameValidation.nullable(),
+        address_line1: lineOneValidation.nullable(),
+        address_line2: lineTwoValidation.nullable(),
+        address_city: cityValidation.nullable(),
+        address_state: stateValidation.nullable(),
+        address_postal_code: postalValidation.required('Enter postal code')
+    });
+    return postalOnly ? postalForm : fullBillingForm;
+};