@justifi/webcomponents 6.5.1-rc.3 → 6.6.0

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

@@ -1,276 +0,0 @@
-import { h } from "@stencil/core";
-import { addressSchemaByCountry } from "../../schemas/business-address-schema";
-import { FormController } from "../../../../ui-components/form/form";
-import { Address } from "../../../../api/Business";
-import { heading2 } from "../../../../styles/parts";
-import { PaymentProvisioningLoading } from "../payment-provisioning-loading";
-import { BusinessFormStep } from "../../utils";
-export class LegalAddressFormStepCore {
-    constructor() {
-        this.errors = {};
-        this.legal_address = {};
-        this.isLoading = false;
-        this.getData = () => {
-            if (!this.getBusiness)
-                return;
-            this.formLoading.emit(true);
-            this.isLoading = true;
-            this.getBusiness({
-                onSuccess: (response) => {
-                    const business = response.data || {};
-                    const address = new Address(business.legal_address || {});
-                    this.legal_address = Object.assign(Object.assign({}, address), { country: this.country });
-                    this.formController.setInitialValues(Object.assign({}, this.legal_address));
-                },
-                onError: ({ error, code, severity }) => {
-                    this.errorEvent.emit({
-                        message: error,
-                        errorCode: code,
-                        severity: severity
-                    });
-                },
-                final: () => {
-                    this.formLoading.emit(false);
-                    this.isLoading = false;
-                }
-            });
-        };
-        this.sendData = (onSuccess) => {
-            let submittedData;
-            this.formLoading.emit(true);
-            this.patchBusiness({
-                payload: this.patchPayload,
-                onSuccess: (response) => {
-                    submittedData = response;
-                    onSuccess();
-                },
-                onError: ({ error, code, severity }) => {
-                    submittedData = error;
-                    this.errorEvent.emit({
-                        message: error,
-                        errorCode: code,
-                        severity: severity
-                    });
-                },
-                final: () => {
-                    this.stepCompleteEvent.emit({ response: submittedData, formStep: BusinessFormStep.legalAddress });
-                    this.formLoading.emit(false);
-                }
-            });
-        };
-        this.inputHandler = (name, value) => {
-            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
-        };
-    }
-    async validateAndSubmit({ onSuccess }) {
-        this.formController.validateAndSubmit(() => this.sendData(onSuccess));
-    }
-    ;
-    get patchPayload() {
-        let formValues = new Address(this.formController.values.getValue()).payload;
-        return { legal_address: formValues };
-    }
-    componentWillLoad() {
-        const schemaFactory = addressSchemaByCountry[this.country];
-        this.formController = new FormController(schemaFactory(this.allowOptionalFields));
-        this.getData();
-    }
-    componentDidLoad() {
-        this.formController.errors.subscribe(errors => {
-            this.errors = Object.assign({}, errors);
-        });
-    }
-    render() {
-        const legalAddressDefaultValue = this.formController.getInitialValues();
-        if (this.isLoading) {
-            return h(PaymentProvisioningLoading, null);
-        }
-        return (h("form", null, h("fieldset", null, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Legal Address of your Business"), h("form-control-tooltip", { helpText: "No PO Boxes." })), h("hr", { class: "mt-2" }), h("justifi-form-address-fields", { country: this.country, errors: this.errors, defaultValues: legalAddressDefaultValue, inputHandler: this.inputHandler }))));
-    }
-    static get is() { return "justifi-legal-address-form-step-core"; }
-    static get properties() {
-        return {
-            "getBusiness": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "Function",
-                    "resolved": "Function",
-                    "references": {
-                        "Function": {
-                            "location": "global",
-                            "id": "global::Function"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            },
-            "patchBusiness": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "Function",
-                    "resolved": "Function",
-                    "references": {
-                        "Function": {
-                            "location": "global",
-                            "id": "global::Function"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            },
-            "allowOptionalFields": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "allow-optional-fields"
-            },
-            "country": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "CountryCode",
-                    "resolved": "CountryCode.CAN | CountryCode.USA",
-                    "references": {
-                        "CountryCode": {
-                            "location": "import",
-                            "path": "../../../../utils/country-codes",
-                            "id": "src/utils/country-codes.ts::CountryCode"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "country"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "formController": {},
-            "errors": {},
-            "legal_address": {},
-            "isLoading": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "stepCompleteEvent",
-                "name": "complete-form-step-event",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "ComponentFormStepCompleteEvent",
-                    "resolved": "ComponentFormStepCompleteEvent",
-                    "references": {
-                        "ComponentFormStepCompleteEvent": {
-                            "location": "import",
-                            "path": "../../../../api/ComponentEvents",
-                            "id": "src/api/ComponentEvents.ts::ComponentFormStepCompleteEvent"
-                        }
-                    }
-                }
-            }, {
-                "method": "errorEvent",
-                "name": "error-event",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "ComponentErrorEvent",
-                    "resolved": "ComponentErrorEvent",
-                    "references": {
-                        "ComponentErrorEvent": {
-                            "location": "import",
-                            "path": "../../../../api/ComponentEvents",
-                            "id": "src/api/ComponentEvents.ts::ComponentErrorEvent"
-                        }
-                    }
-                }
-            }, {
-                "method": "formLoading",
-                "name": "formLoading",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                }
-            }];
-    }
-    static get methods() {
-        return {
-            "validateAndSubmit": {
-                "complexType": {
-                    "signature": "({ onSuccess }: { onSuccess: any; }) => Promise<void>",
-                    "parameters": [{
-                            "name": "__0",
-                            "type": "{ onSuccess: any; }",
-                            "docs": ""
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            }
-        };
-    }
-}

package/dist/collection/components/modular-checkout/sub-components/google-pay-skeleton.js

@@ -1,10 +0,0 @@
-import { h } from "@stencil/core";
-import { Skeleton } from "../../../ui-components";
-const GooglePaySkeleton = (props) => {
-    const { isLoading } = props;
-    if (!isLoading) {
-        return null;
-    }
-    return (h("div", { class: 'container-fluid p-0' }, h("div", { class: 'row mb-3' }, h("div", { class: 'col-12 align-content-center' }, h(Skeleton, { height: '44px', width: '100%', styles: { borderRadius: "8px" } })))));
-};
-export default GooglePaySkeleton;