@justifi/webcomponents 6.11.0 → 6.12.0

package/dist/collection/components/modular-checkout/sub-components/bank-account.js

@@ -1,101 +0,0 @@
-import { h } from "@stencil/core";
-import { StyledHost } from "../../../ui-components";
-import BankAccountFormSkeleton from "./bank-account-skeleton";
-import { checkPkgVersion } from "../../../utils/check-pkg-version";
-import { generateTabId } from "../../../utils/utils";
-import JustifiAnalytics from "../../../api/Analytics";
-import { configState, waitForConfig } from "../../config-provider/config-state";
-export class BankAccountForm {
-    constructor() {
-        this.isReady = false;
-    }
-    async componentWillLoad() {
-        await waitForConfig();
-        this.iframeOrigin = configState.iframeOrigin;
-        this.tabId = generateTabId();
-        checkPkgVersion();
-        this.analytics = new JustifiAnalytics(this);
-    }
-    componentDidRender() {
-        const elements = [
-            this.accountNumberIframeElement,
-            this.routingNumberIframeElement,
-        ];
-        Promise.all(elements.map((element) => {
-            return new Promise((resolve) => {
-                element.addEventListener('iframeLoaded', () => { resolve(); });
-            });
-        })).then(() => {
-            this.isReady = true;
-        });
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
-    }
-    async validate() {
-        const accountNumberIsValid = await this.accountNumberIframeElement.validate();
-        const routingNumberIsValid = await this.routingNumberIframeElement.validate();
-        return accountNumberIsValid && routingNumberIsValid;
-    }
-    async tokenize({ clientId, paymentMethodMetadata, account }) {
-        return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
-    }
-    render() {
-        return (h(StyledHost, { key: 'b9674b4e8cfd28e440f28c3e08772bc879f0d1b6' }, h(BankAccountFormSkeleton, { key: '87adb553cd4fefac370379bbfcc373fbd8935f60', isReady: this.isReady }), h("hidden-input", { key: '1395bba6465865528e94e945ca614107027e86c4' }), h("div", { key: '7ce58ad6226ac6cb3c4ec45895a5e3a94885d3a9', class: "container-fluid p-0", style: {
-                opacity: this.isReady ? '1' : '0',
-                height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '85a4a2955404571823404bd9aa46c0744b5f1469', class: "row mb-3" }, h("iframe-input", { key: 'af85c82af0770b89bbba09347b5f3bf65d581e5a', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { key: '201171891252c6384e47657b007e7e0381d12cfa', class: "row" }, h("iframe-input", { key: '1f2b63b6cb11c0dd906727aaba3127e68ecb540c', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
-    }
-    static get is() { return "justifi-bank-account-form"; }
-    static get encapsulation() { return "shadow"; }
-    static get states() {
-        return {
-            "iframeOrigin": {},
-            "isReady": {},
-            "tabId": {}
-        };
-    }
-    static get methods() {
-        return {
-            "validate": {
-                "complexType": {
-                    "signature": "() => Promise<any>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<any>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            },
-            "tokenize": {
-                "complexType": {
-                    "signature": "({ clientId, paymentMethodMetadata, account }: { clientId: string; paymentMethodMetadata: any; account?: string; }) => Promise<any>",
-                    "parameters": [{
-                            "name": "__0",
-                            "type": "{ clientId: string; paymentMethodMetadata: any; account?: string; }",
-                            "docs": ""
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<any>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            }
-        };
-    }
-}

package/dist/collection/components/modular-checkout/sub-components/card-form.js

@@ -1,105 +0,0 @@
-import { h } from "@stencil/core";
-import CardFormSkeleton from "./card-form-skeleton";
-import { StyledHost } from "../../../ui-components";
-import JustifiAnalytics from "../../../api/Analytics";
-import { checkPkgVersion } from "../../../utils/check-pkg-version";
-import { generateTabId } from "../../../utils/utils";
-import { configState, waitForConfig } from "../../config-provider/config-state";
-export class JustifiCardForm {
-    constructor() {
-        this.isReady = false;
-    }
-    async componentWillLoad() {
-        await waitForConfig();
-        this.iframeOrigin = configState.iframeOrigin;
-        this.tabId = generateTabId();
-        checkPkgVersion();
-        this.analytics = new JustifiAnalytics(this);
-    }
-    componentDidRender() {
-        const elements = [
-            this.cardNumberIframeElement,
-            this.expirationMonthIframeElement,
-            this.expirationYearIframeElement,
-            this.cvvIframeElement,
-        ];
-        Promise.all(elements.map((element) => {
-            return new Promise((resolve) => {
-                element.addEventListener('iframeLoaded', () => { resolve(); });
-            });
-        })).then(() => {
-            this.isReady = true;
-        });
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
-    }
-    async validate() {
-        const cardNumberIsValid = await this.cardNumberIframeElement.validate();
-        const expirationMonthIsValid = await this.expirationMonthIframeElement.validate();
-        const expirationYearIsValid = await this.expirationYearIframeElement.validate();
-        const cvvIsValid = await this.cvvIframeElement.validate();
-        return cardNumberIsValid && expirationMonthIsValid && expirationYearIsValid && cvvIsValid;
-    }
-    async tokenize({ clientId, paymentMethodMetadata, account, }) {
-        return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
-    }
-    render() {
-        return (h(StyledHost, { key: '20d4ea593b1f53fdbe8cc301e64c1a7743802678' }, h(CardFormSkeleton, { key: 'f3d2569ddcf94c8cf5f07ba4e1a862d6991c686e', isReady: this.isReady }), h("hidden-input", { key: '4804eb065aa5c2c21a84cd5e4ae02d8e00544081' }), h("div", { key: '0c98ea9d4218a70a95b620a969481083aac623f3', class: "container-fluid p-0", style: {
-                opacity: this.isReady ? '1' : '0',
-                height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '6674294528ffdf8b3e90aa75827d88c891f74f65', class: "mb-3" }, h("iframe-input", { key: 'a08798d454cf5b7e572c334bdf3238f08071fa43', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: 'e5aca3795c1788bd0862f7dbf28dec58bbcc3f03', class: "row" }, h("div", { key: '29c8dcbf332349d1b81e98b17630de0cd3ef8b77', class: "col-4 align-content-end" }, h("iframe-input", { key: '88dd4b4601010543f2d02b4b5ca6814431de1e63', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: 'd7b557547cdb3e18103c9ad0588733448a22d4f6', class: "col-4 align-content-end" }, h("iframe-input", { key: '2b9915cd264167e2c3080688290765590061ae6d', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: '241ead4a324fc65ddc787e8fa81cb8ed62e3114d', class: "col-4 align-content-end" }, h("iframe-input", { key: 'c254b90ef75b5bcf1ff86bddf2d488de0a2bb709', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
-    }
-    static get is() { return "justifi-card-form"; }
-    static get encapsulation() { return "shadow"; }
-    static get states() {
-        return {
-            "isReady": {},
-            "iframeOrigin": {},
-            "tabId": {}
-        };
-    }
-    static get methods() {
-        return {
-            "validate": {
-                "complexType": {
-                    "signature": "() => Promise<any>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<any>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            },
-            "tokenize": {
-                "complexType": {
-                    "signature": "({ clientId, paymentMethodMetadata, account, }: { clientId: string; paymentMethodMetadata: any; account?: string; }) => Promise<any>",
-                    "parameters": [{
-                            "name": "__0",
-                            "type": "{ clientId: string; paymentMethodMetadata: any; account?: string; }",
-                            "docs": ""
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<any>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            }
-        };
-    }
-}

package/dist/collection/components/modular-checkout/sub-components/summary.js

@@ -1,12 +0,0 @@
-import { h } from "@stencil/core";
-import { text } from "../../../styles/parts";
-import { formatCurrency } from "../../../utils/utils";
-import { checkoutStore } from "../../../store/checkout.store";
-import { StyledHost } from "../../../ui-components";
-export class Summary {
-    render() {
-        return (h(StyledHost, { key: '74b2a1ebf22f1f7e7cb0cfbbbba8a3f8cd528a6b' }, h("section", { key: '6ea0bd41680b937c0ff88aa0f73c1ac4bccee9b9' }, h("div", { key: '6ca013f92dbaf076bda9a65c98acdf5c8192b22a' }, h("div", { key: '62f166bdc0b47e8cda03ee4d549736aaf336727e', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: 'c681ecba3bbceac71993833f8861393dc5751b4c' }, h("span", { key: '46eaedc091f44c2d3bad94cb6a05098385be8ebc', part: text }, "Total"), "\u00A0", h("span", { key: 'ad70de1a38c2c7625562cee3a745a6a61235f4cf', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
-    }
-    static get is() { return "justifi-checkout-summary"; }
-    static get encapsulation() { return "shadow"; }
-}

package/dist/collection/components/tokenize-payment-method/tokenize-payment-method.js

@@ -1,296 +0,0 @@
-import { h } from "@stencil/core";
-export class TokenizePaymentMethod {
-    constructor() {
-        this.submitButtonText = 'Submit';
-    }
-    async tokenizePaymentMethod(event) {
-        return this.tokenizePaymentMethodRef.tokenizePaymentMethod(event);
-    }
-    async fillBillingForm(fields) {
-        return this.tokenizePaymentMethodRef.fillBillingForm(fields);
-    }
-    async validate() {
-        return this.tokenizePaymentMethodRef.validate();
-    }
-    render() {
-        return (h("internal-tokenize-payment-method", { key: '136cf8d3b079e2c0fb08fd55900a0c540ad43497', ref: (el) => this.tokenizePaymentMethodRef = el, authToken: this.authToken, accountId: this.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: this.hideSubmitButton, paymentMethodGroupId: this.paymentMethodGroupId }));
-    }
-    static get is() { return "justifi-tokenize-payment-method"; }
-    static get encapsulation() { return "shadow"; }
-    static get properties() {
-        return {
-            "accountId": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "account-id"
-            },
-            "authToken": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "auth-token"
-            },
-            "disableBankAccount": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "disable-bank-account"
-            },
-            "disableCreditCard": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "disable-credit-card"
-            },
-            "hideBankAccountBillingForm": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "hide-bank-account-billing-form"
-            },
-            "hideCardBillingForm": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "hide-card-billing-form"
-            },
-            "hideSubmitButton": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "hide-submit-button"
-            },
-            "paymentMethodGroupId": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "payment-method-group-id"
-            },
-            "submitButtonText": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "submit-button-text",
-                "defaultValue": "'Submit'"
-            },
-            "savePaymentMethodLabel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "save-payment-method-label"
-            }
-        };
-    }
-    static get methods() {
-        return {
-            "tokenizePaymentMethod": {
-                "complexType": {
-                    "signature": "(event?: MouseEvent) => Promise<PaymentMethodPayload>",
-                    "parameters": [{
-                            "name": "event",
-                            "type": "MouseEvent",
-                            "docs": ""
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        },
-                        "PaymentMethodPayload": {
-                            "location": "import",
-                            "path": "../../components",
-                            "id": "src/components.d.ts::PaymentMethodPayload"
-                        },
-                        "MouseEvent": {
-                            "location": "global",
-                            "id": "global::MouseEvent"
-                        }
-                    },
-                    "return": "Promise<PaymentMethodPayload>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            },
-            "fillBillingForm": {
-                "complexType": {
-                    "signature": "(fields: BillingFormFields) => Promise<void>",
-                    "parameters": [{
-                            "name": "fields",
-                            "type": "BillingFormFields",
-                            "docs": ""
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        },
-                        "BillingFormFields": {
-                            "location": "import",
-                            "path": "../checkout/billing-form/billing-form-schema",
-                            "id": "src/components/checkout/billing-form/billing-form-schema.ts::BillingFormFields"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            },
-            "validate": {
-                "complexType": {
-                    "signature": "() => Promise<ValidationResult>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        },
-                        "ValidationResult": {
-                            "location": "global",
-                            "id": "global::ValidationResult"
-                        }
-                    },
-                    "return": "Promise<ValidationResult>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            }
-        };
-    }
-}