@justifi/webcomponents 5.4.4 → 5.5.0

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

@@ -3,13 +3,6 @@ import { ComponentErrorCodes, ComponentErrorSeverity } from "../../../../api/Com
 import { makeGetBusiness, makePatchBusiness } from "../payment-provisioning-actions";
 import { BusinessService } from "../../../../api/services/business.service";
 export class BusinessRepresentativeFormStep {
-    constructor() {
-        this.getBusiness = undefined;
-        this.patchBusiness = undefined;
-        this.authToken = undefined;
-        this.businessId = undefined;
-        this.allowOptionalFields = undefined;
-    }
     propChanged() {
         this.initializeApi();
     }
@@ -48,6 +41,7 @@ export class BusinessRepresentativeFormStep {
         return {
             "authToken": {
                 "type": "string",
+                "attribute": "auth-token",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -60,11 +54,13 @@ export class BusinessRepresentativeFormStep {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "auth-token",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "businessId": {
                 "type": "string",
+                "attribute": "business-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -77,11 +73,13 @@ export class BusinessRepresentativeFormStep {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "business-id",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "allowOptionalFields": {
                 "type": "boolean",
+                "attribute": "allow-optional-fields",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -94,7 +92,8 @@ export class BusinessRepresentativeFormStep {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "allow-optional-fields",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };

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

@@ -2,10 +2,12 @@ import { Host, h, } from "@stencil/core";
 import IMask from "imask";
 import { CURRENCY_MASK } from "../../../utils/form-input-masks";
 import { FormControlErrorText, FormControlHelpText } from "../../../ui-components";
-import { inputDisabled, inputFocused, inputGroup, inputInvalid, label, text } from "../../../styles/parts";
+import { inputAdornment, inputDisabled, inputFocused, inputGroup, inputInvalid, label } from "../../../styles/parts";
 export class MonetaryInputProvisioning {
     constructor() {
         this.imask = null;
+        this.isFocused = false;
+        this.maskOptions = CURRENCY_MASK.DECIMAL;
         this.initializeIMask = () => {
             if (!this.textInput)
                 return;
@@ -28,15 +30,6 @@ export class MonetaryInputProvisioning {
                 this.imask.value = String(newValue);
             }
         };
-        this.isFocused = false;
-        this.label = undefined;
-        this.name = undefined;
-        this.helpText = undefined;
-        this.errorText = undefined;
-        this.defaultValue = undefined;
-        this.inputHandler = undefined;
-        this.maskOptions = CURRENCY_MASK.DECIMAL;
-        this.disabled = undefined;
     }
     handleDefaultValueChange(newValue) {
         this.updateInput(newValue);
@@ -49,7 +42,7 @@ export class MonetaryInputProvisioning {
         var _a;
         (_a = this.imask) === null || _a === void 0 ? void 0 : _a.destroy();
     }
-    get part() {
+    get inputPart() {
         let part = inputGroup;
         if (this.errorText) {
             part = inputInvalid;
@@ -63,16 +56,17 @@ export class MonetaryInputProvisioning {
         return part;
     }
     render() {
-        return (h(Host, { key: '5383790c4e52c664e0146692c3773ac077443f89' }, h("div", { key: '3e58f5e707e80c93bf0400f43bd847bf93a90a12', class: "form-group d-flex flex-column" }, h("label", { key: 'cce6c16518524b02f9ccf05beea2ab034b609308', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '85d65b44095f1cc3d68f8ec400d8352f0d1296fe', class: "input-group" }, h("span", { key: '73e1ad02a1989d8a55dbfc8a7def799d46c58e7c', class: "input-group-text", part: text }, "$"), h("input", { key: 'f61c88cf6603e912b6104074367caa86892e7ea0', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '950019f15743434eaa378b48338e73157525d677' }, h("div", { key: '9a4dab257ec7a62f3f3f1ba1cc2c4aad3f823c17', class: "form-group d-flex flex-column" }, h("label", { key: '19d046ba0d9f5d2b8fc7c3d8c1b9dc893a5834e5', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: 'ba7df233aa5965ee0a7f5c01dfd84aabd3cecf70', class: "input-group" }, h("span", { key: 'e325e64173d5d7c260b824ef492f02f2333bdb8f', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '5b1632e00657f9aa31139a9869ab63ad9388612e', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: 'fc7fc677a555016fcc9c6231a01f53ab03b0b00d', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '624bb1eb078dab076efc517d339c4d54271e5bc7', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.inputPart, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: 'cb7f04dc7e6849d335eb0cfecfb05d7e0c26ff1f', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '6ad1b947a48e8c97a2f5a1c4c2c1094679ce25cd', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-monetary-provisioning"; }
     static get properties() {
         return {
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -85,11 +79,13 @@ export class MonetaryInputProvisioning {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "label",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "name": {
                 "type": "string",
+                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -102,11 +98,13 @@ export class MonetaryInputProvisioning {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "name",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "helpText": {
                 "type": "string",
+                "attribute": "help-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -119,11 +117,13 @@ export class MonetaryInputProvisioning {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "help-text",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "errorText": {
                 "type": "string",
+                "attribute": "error-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -136,11 +136,13 @@ export class MonetaryInputProvisioning {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "error-text",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "defaultValue": {
                 "type": "string",
+                "attribute": "default-value",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -153,11 +155,13 @@ export class MonetaryInputProvisioning {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "default-value",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "inputHandler": {
                 "type": "unknown",
+                "attribute": "input-handler",
                 "mutable": false,
                 "complexType": {
                     "original": "(name: string, value: string) => void",
@@ -169,10 +173,13 @@ export class MonetaryInputProvisioning {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "maskOptions": {
                 "type": "any",
+                "attribute": "mask-options",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -185,12 +192,14 @@ export class MonetaryInputProvisioning {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "mask-options",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "CURRENCY_MASK.DECIMAL"
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -203,7 +212,8 @@ export class MonetaryInputProvisioning {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "disabled",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };

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

@@ -9,6 +9,9 @@ import { PaymentProvisioningLoading } from "../payment-provisioning-loading";
 import { BusinessFormStep } from "../../utils";
 export class LegalAddressFormStepCore {
     constructor() {
+        this.errors = {};
+        this.legal_address = {};
+        this.isLoading = false;
         this.getData = () => {
             this.formLoading.emit(true);
             this.isLoading = true;
@@ -56,13 +59,6 @@ export class LegalAddressFormStepCore {
         this.inputHandler = (name, value) => {
             this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
         };
-        this.formController = undefined;
-        this.errors = {};
-        this.legal_address = {};
-        this.isLoading = false;
-        this.getBusiness = undefined;
-        this.patchBusiness = undefined;
-        this.allowOptionalFields = undefined;
     }
     async validateAndSubmit({ onSuccess }) {
         this.formController.validateAndSubmit(() => this.sendData(onSuccess));
@@ -96,6 +92,7 @@ export class LegalAddressFormStepCore {
         return {
             "getBusiness": {
                 "type": "unknown",
+                "attribute": "get-business",
                 "mutable": false,
                 "complexType": {
                     "original": "Function",
@@ -112,10 +109,13 @@ export class LegalAddressFormStepCore {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "patchBusiness": {
                 "type": "unknown",
+                "attribute": "patch-business",
                 "mutable": false,
                 "complexType": {
                     "original": "Function",
@@ -132,10 +132,13 @@ export class LegalAddressFormStepCore {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "allowOptionalFields": {
                 "type": "boolean",
+                "attribute": "allow-optional-fields",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -148,7 +151,8 @@ export class LegalAddressFormStepCore {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "allow-optional-fields",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };

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

@@ -3,13 +3,6 @@ import { ComponentErrorCodes, ComponentErrorSeverity } from "../../../../api/Com
 import { makeGetBusiness, makePatchBusiness } from "../payment-provisioning-actions";
 import { BusinessService } from "../../../../api/services/business.service";
 export class LegalAddressFormStep {
-    constructor() {
-        this.getBusiness = undefined;
-        this.patchBusiness = undefined;
-        this.authToken = undefined;
-        this.businessId = undefined;
-        this.allowOptionalFields = undefined;
-    }
     propChanged() {
         this.initializeApi();
     }
@@ -48,6 +41,7 @@ export class LegalAddressFormStep {
         return {
             "authToken": {
                 "type": "string",
+                "attribute": "auth-token",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -60,11 +54,13 @@ export class LegalAddressFormStep {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "auth-token",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "businessId": {
                 "type": "string",
+                "attribute": "business-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -77,11 +73,13 @@ export class LegalAddressFormStep {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "business-id",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "allowOptionalFields": {
                 "type": "boolean",
+                "attribute": "allow-optional-fields",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -94,7 +92,8 @@ export class LegalAddressFormStep {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "allow-optional-fields",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };

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
             }
         };
     }