@justifi/webcomponents 5.4.4 → 5.6.0

package/dist/collection/components/business-forms/payment-provisioning/business-owners/business-owners-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 BusinessOwnersFormStep {
-    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 BusinessOwnersFormStep {
         return {
             "authToken": {
                 "type": "string",
+                "attribute": "auth-token",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -60,11 +54,13 @@ export class BusinessOwnersFormStep {
                     "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 BusinessOwnersFormStep {
                     "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 BusinessOwnersFormStep {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "allow-optional-fields",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };

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

@@ -10,9 +10,6 @@ export class RepresentativeFormInputs {
         this.onAddressFormUpdate = (values) => {
             updateAddressFormValues(this.formController, Object.assign(Object.assign({}, this.formController.values.getValue().address), values));
         };
-        this.representativeDefaultValue = undefined;
-        this.errors = undefined;
-        this.formController = undefined;
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
@@ -23,6 +20,7 @@ export class RepresentativeFormInputs {
         return {
             "representativeDefaultValue": {
                 "type": "any",
+                "attribute": "representative-default-value",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -35,11 +33,13 @@ export class RepresentativeFormInputs {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "representative-default-value",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "errors": {
                 "type": "any",
+                "attribute": "errors",
                 "mutable": false,
                 "complexType": {
                     "original": "any",
@@ -52,11 +52,13 @@ export class RepresentativeFormInputs {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "errors",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "formController": {
                 "type": "unknown",
+                "attribute": "form-controller",
                 "mutable": false,
                 "complexType": {
                     "original": "FormController",
@@ -74,7 +76,9 @@ export class RepresentativeFormInputs {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             }
         };
     }

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

@@ -6,6 +6,9 @@ import { PaymentProvisioningLoading } from "../payment-provisioning-loading";
 import { BusinessFormStep } from "../../utils";
 export class BusinessRepresentativeFormStepCore {
     constructor() {
+        this.errors = {};
+        this.representative = {};
+        this.isLoading = false;
         this.getData = () => {
             this.formLoading.emit(true);
             this.isLoading = true;
@@ -50,13 +53,6 @@ export class BusinessRepresentativeFormStepCore {
                 }
             });
         };
-        this.formController = undefined;
-        this.errors = {};
-        this.representative = {};
-        this.isLoading = false;
-        this.getBusiness = undefined;
-        this.patchBusiness = undefined;
-        this.allowOptionalFields = undefined;
     }
     async validateAndSubmit({ onSuccess }) {
         this.formController.validateAndSubmit(() => this.sendData(onSuccess));
@@ -85,6 +81,7 @@ export class BusinessRepresentativeFormStepCore {
         return {
             "getBusiness": {
                 "type": "unknown",
+                "attribute": "get-business",
                 "mutable": false,
                 "complexType": {
                     "original": "Function",
@@ -101,10 +98,13 @@ export class BusinessRepresentativeFormStepCore {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "patchBusiness": {
                 "type": "unknown",
+                "attribute": "patch-business",
                 "mutable": false,
                 "complexType": {
                     "original": "Function",
@@ -121,10 +121,13 @@ export class BusinessRepresentativeFormStepCore {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "allowOptionalFields": {
                 "type": "boolean",
+                "attribute": "allow-optional-fields",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -137,7 +140,8 @@ export class BusinessRepresentativeFormStepCore {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "allow-optional-fields",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };

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