@justifi/webcomponents 5.7.4 → 5.7.6-rc-01

package/dist/collection/components/checkout/sezzle-payment-method.js

@@ -1,240 +0,0 @@
-import { h, Host } from "@stencil/core";
-import { formatCurrency } from "../../utils/utils";
-import { radioListItem } from "../../styles/parts";
-const sezzleLogo = (h("img", { class: "sezzle-smart-button-logo-img", src: "https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor.svg", alt: "Sezzle", style: {
-        display: 'inline',
-        width: '80px',
-        marginLeft: '5px',
-        marginTop: '-5px',
-    } }));
-export class SezzlePaymentMethod {
-    constructor() {
-        this.onPaymentMethodOptionClick = (e) => {
-            e.preventDefault();
-            this.paymentMethodOptionSelected.emit(this.paymentMethodOption);
-        };
-        this.initializeSezzleCheckout = () => {
-            let resolveSezzlePromise;
-            this.sezzlePromise = new Promise((resolve) => { resolveSezzlePromise = resolve; });
-            const bnpl = this.bnpl;
-            const amount = +this.paymentAmount; // convert to number
-            const Checkout = window.Checkout;
-            const checkout = new Checkout({
-                mode: 'popup',
-                publicKey: bnpl.provider_client_id,
-                apiMode: bnpl.provider_mode,
-                apiVersion: bnpl.provider_api_version,
-            });
-            checkout.sezzleButtonElement = this.sezzleButtonRef;
-            checkout.init({
-                onClick: function (event) {
-                    event.preventDefault();
-                    checkout.startCheckout({
-                        checkout_url: bnpl.provider_checkout_url
-                    });
-                },
-                onComplete: (event) => resolveSezzlePromise({ bnpl: event.data }),
-                onCancel: (event) => resolveSezzlePromise({ bnpl: event.data }),
-                onFailure: (event) => resolveSezzlePromise({ bnpl: event.data }),
-            });
-            this.sezzleCheckout = checkout;
-            this.installmentPlan = this.sezzleCheckout.getInstallmentPlan(amount);
-        };
-    }
-    componentDidRender() {
-        this.scriptRef.onload = () => {
-            this.sezzleButtonRef = document.createElement('button');
-            this.initializeSezzleCheckout();
-        };
-    }
-    async resolvePaymentMethod(insuranceValidation) {
-        if (!insuranceValidation.isValid) {
-            return { validationError: true };
-        }
-        this.sezzleButtonRef.click();
-        return this.sezzlePromise;
-    }
-    render() {
-        var _a, _b, _c;
-        return (h(Host, { key: '4ae50e7bbb15d0049d069edacd0d95ba7c13dbe5', class: "payment-method" }, h("script", { key: '42a0590d89626ba7a93852e421eb121626b48375', src: "https://checkout-sdk.sezzle.com/checkout.min.js", async: true, ref: (el) => (this.scriptRef = el) }), h("div", { key: '31a2a72650486c258267c6d4de3723f7afa5b063', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: 'eac1adbcd82fcb4f9c440c53c40ce34af6092991', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: h("div", null, h("div", null, "Buy now, pay later with ", sezzleLogo), this.installmentPlan && (h("small", null, h("span", null, (_b = this.installmentPlan) === null || _b === void 0 ? void 0 : _b.installments.length), "\u00A0", h("span", null, this.installmentPlan.schedule, " payments of"), "\u00A0", h("span", { class: "fw-bold" }, formatCurrency((_c = this.installmentPlan) === null || _c === void 0 ? void 0 : _c.installments[0].amountInCents))))) }))));
-    }
-    static get is() { return "justifi-sezzle-payment-method"; }
-    static get properties() {
-        return {
-            "bnpl": {
-                "type": "any",
-                "attribute": "bnpl",
-                "mutable": false,
-                "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "clientId": {
-                "type": "string",
-                "attribute": "client-id",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "accountId": {
-                "type": "string",
-                "attribute": "account-id",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "paymentMethodOption": {
-                "type": "unknown",
-                "attribute": "payment-method-option",
-                "mutable": false,
-                "complexType": {
-                    "original": "PaymentMethodOption",
-                    "resolved": "PaymentMethodOption",
-                    "references": {
-                        "PaymentMethodOption": {
-                            "location": "import",
-                            "path": "./payment-method-option-utils",
-                            "id": "src/components/checkout/payment-method-option-utils.ts::PaymentMethodOption"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            },
-            "isSelected": {
-                "type": "boolean",
-                "attribute": "is-selected",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            },
-            "paymentAmount": {
-                "type": "number",
-                "attribute": "payment-amount",
-                "mutable": false,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false
-            }
-        };
-    }
-    static get states() {
-        return {
-            "installmentPlan": {},
-            "sezzleCheckout": {},
-            "sezzlePromise": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "paymentMethodOptionSelected",
-                "name": "paymentMethodOptionSelected",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "any",
-                    "resolved": "any",
-                    "references": {}
-                }
-            }];
-    }
-    static get methods() {
-        return {
-            "resolvePaymentMethod": {
-                "complexType": {
-                    "signature": "(insuranceValidation: any) => Promise<PaymentMethodPayload>",
-                    "parameters": [{
-                            "name": "insuranceValidation",
-                            "type": "any",
-                            "docs": ""
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        },
-                        "PaymentMethodPayload": {
-                            "location": "import",
-                            "path": "./payment-method-payload",
-                            "id": "src/components/checkout/payment-method-payload.ts::PaymentMethodPayload"
-                        }
-                    },
-                    "return": "Promise<PaymentMethodPayload>"
-                },
-                "docs": {
-                    "text": "",
-                    "tags": []
-                }
-            }
-        };
-    }
-}

package/dist/esm/Checkout-B9LrTq63.js

@@ -1,101 +0,0 @@
-import { f as formatCurrency } from './utils-DB5fh6Iv.js';
-
-class Completion {
-    constructor(data) {
-        this.payment_mode = ICheckoutPaymentMode[data.payment_mode];
-        this.payment_token = data.payment_token;
-        this.payment_status = data.payment_status;
-        this.payment_response = data.payment_response;
-        this.payment_error_code = data.payment_error_code;
-        this.payment_error_description = data.payment_error_description;
-        this.checkout_id = data.checkout_id;
-        this.additional_transactions = data.additional_transactions;
-        this.payment_id = data.payment_id;
-        this.payment_method_id = data.payment_method_id;
-        this.status = data.status;
-        this.created_at = data.created_at;
-        this.updated_at = data.updated_at;
-    }
-}
-class Checkout {
-    constructor(data) {
-        var _a;
-        this.id = data.id;
-        this.description = data.description;
-        this.payment_intent_id = data.payment_intent_id;
-        this.account_id = data.account_id;
-        this.platform_account_id = data.platform_account_id;
-        this.payment_amount = data.payment_amount;
-        this.payment_client_id = data.payment_client_id;
-        this.payment_description = data.payment_description;
-        this.payment_methods = data.payment_methods;
-        this.payment_method_group_id = data.payment_method_group_id;
-        this.payment_settings = data.payment_settings;
-        this.bnpl = data.bnpl;
-        this.total_amount = data.total_amount;
-        this.insurance_amount = data.insurance_amount;
-        this.status = ICheckoutStatus[data.status];
-        this.payment_currency = data.payment_currency;
-        this.mode = data.mode;
-        this.statement_descriptor = data.statement_descriptor;
-        this.application_fees = data.application_fees;
-        this.successful_payment_id = data.successful_payment_id;
-        this.created_at = data.created_at;
-        this.updated_at = data.updated_at;
-        this.completions = (_a = data.completions) === null || _a === void 0 ? void 0 : _a.map((completion) => new Completion(completion));
-    }
-    get payment_mode() {
-        var _a, _b, _c, _d, _e, _f;
-        let paymentMode;
-        if (!this.completions || this.completions.length === 0) {
-            return ICheckoutPaymentMode.unknown;
-        }
-        const sortedCompletions = this.completions.sort((a, b) => {
-            return new Date(b.updated_at).getTime() - new Date(a.updated_at).getTime();
-        });
-        const lastCompletion = sortedCompletions[0];
-        if (lastCompletion.payment_mode) {
-            paymentMode = lastCompletion.payment_mode;
-        }
-        else if ((_c = (_b = (_a = lastCompletion.payment_response) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.payment_method) === null || _c === void 0 ? void 0 : _c.card) {
-            paymentMode = ICheckoutPaymentMode.card;
-        }
-        else if ((_f = (_e = (_d = lastCompletion.payment_response) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.payment_method) === null || _f === void 0 ? void 0 : _f.bank_account) {
-            paymentMode = ICheckoutPaymentMode.bank_account;
-        }
-        return paymentMode;
-    }
-    ;
-    formattedPaymentAmount(amount) {
-        return formatCurrency(amount, this.payment_currency);
-    }
-    ;
-}
-var ICheckoutPaymentMode;
-(function (ICheckoutPaymentMode) {
-    ICheckoutPaymentMode["bnpl"] = "Buy Now Pay Later";
-    ICheckoutPaymentMode["ecom"] = "E-commerce";
-    ICheckoutPaymentMode["card"] = "Card";
-    ICheckoutPaymentMode["bank_account"] = "Bank Account";
-    ICheckoutPaymentMode["card_present"] = "Card Present";
-    ICheckoutPaymentMode["unknown"] = "";
-})(ICheckoutPaymentMode || (ICheckoutPaymentMode = {}));
-var ICheckoutPaymentModeParam;
-(function (ICheckoutPaymentModeParam) {
-    ICheckoutPaymentModeParam["bnpl"] = "bnpl";
-    ICheckoutPaymentModeParam["ecom"] = "ecom";
-})(ICheckoutPaymentModeParam || (ICheckoutPaymentModeParam = {}));
-var ICheckoutStatus;
-(function (ICheckoutStatus) {
-    ICheckoutStatus["created"] = "created";
-    ICheckoutStatus["completed"] = "completed";
-    ICheckoutStatus["attempted"] = "attempted";
-    ICheckoutStatus["expired"] = "expired";
-})(ICheckoutStatus || (ICheckoutStatus = {}));
-var CompletionStatuses;
-(function (CompletionStatuses) {
-    CompletionStatuses["failed"] = "failed";
-    CompletionStatuses["succeeded"] = "succeeded";
-})(CompletionStatuses || (CompletionStatuses = {}));
-
-export { Checkout as C, ICheckoutStatus as I, ICheckoutPaymentModeParam as a };