@justifi/webcomponents 5.7.6 → 6.0.0-rc.1

package/dist/module/Payment.js

@@ -1,204 +0,0 @@
-import { c as formatCurrency } from './utils2.js';
-
-var DisputeStatus;
-(function (DisputeStatus) {
-    DisputeStatus["won"] = "won";
-    DisputeStatus["lost"] = "lost";
-    DisputeStatus["underReview"] = "under_review";
-    DisputeStatus["needsResponse"] = "needs_response";
-})(DisputeStatus || (DisputeStatus = {}));
-class Dispute {
-    get needsResponse() {
-        return this.status == DisputeStatus.needsResponse;
-    }
-    get underReview() {
-        return this.status == DisputeStatus.underReview;
-    }
-    get won() {
-        return this.status == DisputeStatus.won;
-    }
-    get lost() {
-        return this.status == DisputeStatus.lost;
-    }
-    constructor(dispute) {
-        this.id = dispute.id;
-        this.amount = dispute.amount;
-        this.currency = dispute.currency;
-        this.payment_id = dispute.payment_id;
-        this.reason = dispute.reason;
-        this.due_date = dispute.due_date;
-        this.status = dispute.status;
-        this.metadata = dispute.metadata;
-        this.created_at = dispute.created_at;
-        this.updated_at = dispute.updated_at;
-        this.dispute_response = dispute.dispute_response ? new DisputeResponse(dispute.dispute_response) : undefined;
-    }
-}
-class DisputeResponse {
-    constructor(response) {
-        this.additional_statement = response.additional_statement;
-        this.cancellation_policy_disclosure = response.cancellation_policy_disclosure;
-        this.cancellation_rebuttal = response.cancellation_rebuttal;
-        this.customer_billing_address = response.customer_billing_address;
-        this.customer_email_address = response.customer_email_address;
-        this.customer_name = response.customer_name;
-        this.customer_purchase_ip_address = response.customer_purchase_ip_address;
-        this.duplicate_charge_explanation = response.duplicate_charge_explanation;
-        this.product_description = response.product_description;
-        this.refund_policy_disclosure = response.refund_policy_disclosure;
-        this.refund_refusal_explanation = response.refund_refusal_explanation;
-        this.service_date = response.service_date;
-        this.shipping_address = response.shipping_address;
-        this.shipping_carrier = response.shipping_carrier;
-        this.shipping_date = response.shipping_date;
-        this.shipping_tracking_number = response.shipping_tracking_number;
-        this.duplicate_charge_original_payment_id = response.duplicate_charge_original_payment_id;
-    }
-}
-
-var CaptureStrategy;
-(function (CaptureStrategy) {
-    CaptureStrategy["automatic"] = "automatic";
-    CaptureStrategy["manual"] = "manual";
-})(CaptureStrategy || (CaptureStrategy = {}));
-var PaymentMethodTypes;
-(function (PaymentMethodTypes) {
-    PaymentMethodTypes["card"] = "card";
-    PaymentMethodTypes["bankAccount"] = "bankAccount";
-    PaymentMethodTypes["sezzle"] = "sezzle";
-    PaymentMethodTypes["saved"] = "saved";
-})(PaymentMethodTypes || (PaymentMethodTypes = {}));
-var PaymentTypes;
-(function (PaymentTypes) {
-    PaymentTypes["card"] = "Card";
-    PaymentTypes["bankAccount"] = "ACH";
-    PaymentTypes["unknown"] = "Unknown";
-})(PaymentTypes || (PaymentTypes = {}));
-var PaymentStatuses;
-(function (PaymentStatuses) {
-    PaymentStatuses["pending"] = "pending";
-    PaymentStatuses["automatic"] = "automatic";
-    PaymentStatuses["authorized"] = "authorized";
-    PaymentStatuses["succeeded"] = "succeeded";
-    PaymentStatuses["failed"] = "failed";
-    PaymentStatuses["canceled"] = "canceled";
-    PaymentStatuses["disputed"] = "disputed";
-    PaymentStatuses["fully_refunded"] = "fully_refunded";
-    PaymentStatuses["partially_refunded"] = "partially_refunded";
-})(PaymentStatuses || (PaymentStatuses = {}));
-var CurrencyTypes;
-(function (CurrencyTypes) {
-    CurrencyTypes["usd"] = "usd";
-    CurrencyTypes["cad"] = "cad";
-})(CurrencyTypes || (CurrencyTypes = {}));
-class PaymentMethod {
-    constructor(paymentMethod) {
-        this.card = paymentMethod.card ? new Card(paymentMethod.card) : undefined;
-        this.bank_account = paymentMethod.bank_account
-            ? new BankAccount(paymentMethod.bank_account)
-            : undefined;
-    }
-    get payersName() {
-        if (this.card) {
-            return this.card.name;
-        }
-        else if (this.bank_account) {
-            return this.bank_account.name;
-        }
-        return null;
-    }
-    get lastFourDigits() {
-        if (this.card) {
-            return `**** ${this.card.acct_last_four}`;
-        }
-        else if (this.bank_account) {
-            return `**** ${this.bank_account.acct_last_four}`;
-        }
-        return null;
-    }
-}
-class BankAccount {
-    constructor(bankAccount) {
-        this.id = bankAccount.id;
-        this.acct_last_four = bankAccount.acct_last_four;
-        this.name = bankAccount.name;
-        this.brand = bankAccount.brand;
-        this.token = bankAccount.token;
-        this.created_at = bankAccount.created_at;
-        this.updated_at = bankAccount.updated_at;
-    }
-}
-class Card {
-    constructor(card) {
-        this.id = card.id || '';
-        this.acct_last_four = card.acct_last_four;
-        this.name = card.name;
-        this.brand = card.brand;
-        this.token = card.token;
-        this.created_at = card.created_at;
-        this.updated_at = card.updated_at;
-    }
-}
-class Payment {
-    constructor(payment) {
-        this.id = payment.id;
-        this.account_id = payment.account_id;
-        this.currency = payment.currency;
-        this.amount = payment.amount;
-        this.amount_disputed = payment.amount_disputed;
-        this.amount_refundable = payment.amount_refundable;
-        this.amount_refunded = payment.amount_refunded;
-        this.balance = payment.balance;
-        this.captured = payment.captured;
-        this.capture_strategy = payment.capture_strategy;
-        this.description = payment.description;
-        this.disputed = payment.disputed;
-        this.disputes = payment.disputes;
-        this.error_code = payment.error_code;
-        this.error_description = payment.error_description;
-        this.expedited = payment.expedited;
-        this.fee_amount = payment.fee_amount;
-        this.is_test = payment.is_test;
-        this.metadata = payment.metadata;
-        this.payment_method = new PaymentMethod(payment.payment_method);
-        this.payment_intent_id = payment.payment_intent_id;
-        this.refunded = payment.refunded;
-        this.status = payment.status;
-        this.created_at = payment.created_at;
-        this.updated_at = payment.updated_at;
-    }
-    get disputedStatus() {
-        const lost = this.disputes.some((dispute) => dispute.status === DisputeStatus.lost);
-        // if a dispute is 'won', we don't show a dispute status, just general status
-        // TODO: update this logic to work with new DisputeStatus enum
-        // (cast 'open' as DisputeStatus in the meantime to keep existing functionality)
-        if (!this.disputed) {
-            return null;
-        }
-        else if (lost) {
-            return DisputeStatus.lost;
-        }
-        else {
-            return 'open';
-        }
-    }
-    get payment_type() {
-        if (this.payment_method) {
-            return this.payment_method.card ? PaymentTypes.card : PaymentTypes.bankAccount;
-        }
-        else {
-            return PaymentTypes.unknown;
-        }
-    }
-    get payers_name() {
-        return this.payment_method.payersName;
-    }
-    get last_four_digits() {
-        return this.payment_method.lastFourDigits;
-    }
-    formattedPaymentAmount(amount) {
-        return formatCurrency(amount, this.currency);
-    }
-}
-
-export { Dispute as D, PaymentMethodTypes as P, DisputeStatus as a, Payment as b };

package/dist/module/checkout-core.js

@@ -1,292 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { c as formatCurrency } from './utils2.js';
-import { b as Checkout, C as ComponentErrorSeverity } from './Checkout.js';
-import { v as validateInsuranceValues, i as insuranceValuesOn, a as insuranceValues, H as Header2 } from './insurance-state.js';
-import { B as Button } from './button.js';
-import { S as StyledHost } from './styled-host.js';
-import { S as Skeleton } from './skeleton.js';
-import { t as text, W as checkoutSummary } from './parts.js';
-import { d as defineCustomElement$7, H as Header3 } from './billing-form-full.js';
-import './details.js';
-import './event-types.js';
-import { d as defineCustomElement$k } from './bank-account-form2.js';
-import { d as defineCustomElement$j } from './card-form2.js';
-import { d as defineCustomElement$i } from './custom-popper2.js';
-import { d as defineCustomElement$h } from './form-control-checkbox2.js';
-import { d as defineCustomElement$g } from './form-control-help-text2.js';
-import { d as defineCustomElement$f } from './form-control-radio2.js';
-import { d as defineCustomElement$e } from './form-control-select2.js';
-import { d as defineCustomElement$d } from './form-control-text2.js';
-import { d as defineCustomElement$c } from './form-control-tooltip2.js';
-import { d as defineCustomElement$b } from './hidden-input2.js';
-import { d as defineCustomElement$a } from './iframe-input2.js';
-import { d as defineCustomElement$9 } from './bank-account-billing-form-simple.js';
-import { d as defineCustomElement$8 } from './billing-form.js';
-import { d as defineCustomElement$6 } from './card-billing-form-simple.js';
-import { d as defineCustomElement$5 } from './new-payment-method.js';
-import { d as defineCustomElement$4 } from './payment-method-options.js';
-import { d as defineCustomElement$3 } from './save-new-payment-method.js';
-import { d as defineCustomElement$2 } from './saved-payment-method.js';
-import { d as defineCustomElement$1 } from './sezzle-payment-method.js';
-
-const CheckoutCore = /*@__PURE__*/ proxyCustomElement(class CheckoutCore extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.submitEvent = createEvent(this, "submit-event", 7);
-        this.errorEvent = createEvent(this, "error-event", 7);
-        this.loaded = createEvent(this, "loaded", 7);
-        this.hasLoadedFonts = false;
-        this.renderState = 'loading';
-        this.creatingNewPaymentMethod = false;
-        this.insuranceToggled = false;
-        this.completeCheckout = async (payment) => {
-            this.complete({
-                payment,
-                onSuccess: this.onSubmitted,
-                onError: this.onError,
-            });
-        };
-        this.onSubmitted = (response) => {
-            this.submitEvent.emit({ response: response });
-            this.renderState = 'success';
-        };
-        this.onError = ({ error, code, severity }) => {
-            this.serverError = error;
-            this.errorEvent.emit({
-                errorCode: code,
-                message: error,
-                severity,
-            });
-            this.renderState = 'error';
-        };
-    }
-    async fillBillingForm(fields) {
-        this.paymentMethodOptionsRef.fillBillingForm(fields);
-    }
-    async validate() {
-        const insuranceValidation = validateInsuranceValues();
-        const { isValid } = await this.paymentMethodOptionsRef.validate();
-        if (!insuranceValidation.isValid || !isValid) {
-            return { isValid: false };
-        }
-        else {
-            return { isValid: true };
-        }
-    }
-    componentWillLoad() {
-        if (this.getCheckout) {
-            this.fetchData();
-            // Refresh the checkout data when insurance is added or removed
-            insuranceValuesOn('set', (key) => {
-                const value = insuranceValues[key];
-                if (value !== undefined) {
-                    this.insuranceToggled = value;
-                    this.fetchData();
-                }
-            });
-        }
-    }
-    fetchData() {
-        this.renderState = 'loading';
-        this.getCheckout({
-            onSuccess: ({ checkout }) => {
-                this.checkout = new Checkout(checkout);
-                const { status } = this.checkout;
-                this.loaded.emit({ checkout_status: status });
-                this.renderState = 'success';
-            },
-            onError: ({ error, code, severity }) => {
-                this.serverError = error;
-                this.renderState = 'error';
-                this.errorEvent.emit({
-                    errorCode: code,
-                    message: error,
-                    severity,
-                });
-            }
-        });
-    }
-    ;
-    async submit(event) {
-        var _a;
-        event.preventDefault();
-        this.renderState = 'loading';
-        const insuranceValidation = validateInsuranceValues();
-        const payload = await this.paymentMethodOptionsRef.resolvePaymentMethod(insuranceValidation);
-        if (payload.validationError) {
-            this.renderState = 'error';
-        }
-        else if (payload.error) {
-            this.renderState = 'error';
-            this.serverError = payload.error.message;
-            this.onError({
-                code: payload.error.code,
-                error: payload.error.message,
-                severity: ComponentErrorSeverity.ERROR,
-            });
-        }
-        else if (payload.token) {
-            this.completeCheckout({ payment_mode: 'ecom', payment_token: payload.token });
-        }
-        else if (((_a = payload.bnpl) === null || _a === void 0 ? void 0 : _a.status) === 'success') {
-            this.completeCheckout({ payment_mode: 'bnpl' });
-        }
-        else {
-            this.renderState = 'error';
-        }
-    }
-    get isLoading() {
-        return this.renderState === 'loading';
-    }
-    get isError() {
-        return this.renderState === 'error';
-    }
-    get paymentType() {
-        var _a, _b, _c, _d, _e;
-        return (h("section", null, h("div", { class: !this.isLoading && 'visually-hidden' }, h(Skeleton, { height: "300px" })), h("div", { class: this.isLoading && 'visually-hidden' }, h("justifi-payment-method-options", { ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": !this.disableBnpl, paymentMethodGroupId: (_a = this.checkout) === null || _a === void 0 ? void 0 : _a.payment_method_group_id, "show-saved-payment-methods": !this.disablePaymentMethodGroup, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, bnpl: (_b = this.checkout) === null || _b === void 0 ? void 0 : _b.bnpl, authToken: this.authToken, "account-id": (_c = this.checkout) === null || _c === void 0 ? void 0 : _c.account_id, savedPaymentMethods: ((_d = this.checkout) === null || _d === void 0 ? void 0 : _d.payment_methods) || [], paymentAmount: (_e = this.checkout) === null || _e === void 0 ? void 0 : _e.payment_amount, insuranceToggled: this.insuranceToggled }))));
-    }
-    get summary() {
-        var _a, _b;
-        return (h("section", null, h("div", { class: !this.isLoading && 'visually-hidden' }, h(Skeleton, { height: "24px" })), h("div", { class: this.isLoading && 'visually-hidden' }, h("div", { part: text }, (_a = this.checkout) === null || _a === void 0 ? void 0 : _a.payment_description), h("div", null, h("span", { part: text }, "Total"), "\u00A0", h("span", { part: text }, formatCurrency(+((_b = this.checkout) === null || _b === void 0 ? void 0 : _b.total_amount)))))));
-    }
-    render() {
-        return (h(StyledHost, { key: '2fb8b2c2b543712023c74cf9b41dc57675c89237' }, h("div", { key: 'caba36e076e4162d9c92844f7c0632b5bf678de6', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '6a27d64005d785815d5567894d6e2a6e1e515cf8', class: "col-12", part: checkoutSummary }, h(Header2, { key: '645fe4250331805e86811700b453458f065188bd', text: "Summary", class: "fs-5 fw-bold pb-3" }), this.summary), h("div", { key: 'c49c73eb3462ad17e0344e74be508abe958a9358', class: "col-12" }, h("slot", { key: 'be626bff57c95b92f9853e2e9b63dd9279834142', name: "insurance" })), h("div", { key: '025b0400164935f10d6c79d445bfdcf157290fd6', class: "col-12 mt-4" }, h(Header2, { key: '483b5d53b5cea3ae6fccfbb3aa9d3efe0dc8fcab', text: "Payment", class: "fs-5 fw-bold pb-3" }), h(Header3, { key: '21abbd4d669e351c8ad0a87b7b408a4998948b46', text: "Select payment type", class: "fs-6 fw-bold lh-lg" }), h("div", { key: '9441e97e1bd64b796ebcf1404d4ca04964990982', class: "d-flex flex-column" }, this.paymentType)), h("div", { key: '9db2e4fccff5b868e7d329d9b0be864942adcc3d', class: "col-12" }, h("div", { key: '2eaef4ed6062b27de2516de7b71a056c829f8cab', class: "d-flex justify-content-end" }, h(Button, { key: '505869afa61094d628b58a32749c44f678e4fda3', type: "submit", variant: "primary", onClick: (e) => this.submit(e), disabled: this.isLoading, isLoading: this.isLoading, style: { width: '100%' } }, "Pay"))))));
-    }
-}, [257, "justifi-checkout-core", {
-        "authToken": [1, "auth-token"],
-        "getCheckout": [16, "get-checkout"],
-        "complete": [16],
-        "checkoutId": [1, "checkout-id"],
-        "disableCreditCard": [4, "disable-credit-card"],
-        "disableBankAccount": [4, "disable-bank-account"],
-        "disableBnpl": [4, "disable-bnpl"],
-        "disablePaymentMethodGroup": [4, "disable-payment-method-group"],
-        "hideCardBillingForm": [4, "hide-card-billing-form"],
-        "hideBankAccountBillingForm": [4, "hide-bank-account-billing-form"],
-        "hasLoadedFonts": [32],
-        "checkout": [32],
-        "serverError": [32],
-        "renderState": [32],
-        "creatingNewPaymentMethod": [32],
-        "insuranceToggled": [32],
-        "fillBillingForm": [64],
-        "validate": [64]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["justifi-checkout-core", "bank-account-form", "card-form", "custom-popper", "form-control-checkbox", "form-control-help-text", "form-control-radio", "form-control-select", "form-control-text", "form-control-tooltip", "hidden-input", "iframe-input", "justifi-bank-account-billing-form-simple", "justifi-billing-form", "justifi-billing-form-full", "justifi-card-billing-form-simple", "justifi-new-payment-method", "justifi-payment-method-options", "justifi-save-new-payment-method", "justifi-saved-payment-method", "justifi-sezzle-payment-method"];
-    components.forEach(tagName => { switch (tagName) {
-        case "justifi-checkout-core":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, CheckoutCore);
-            }
-            break;
-        case "bank-account-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$k();
-            }
-            break;
-        case "card-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$j();
-            }
-            break;
-        case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$i();
-            }
-            break;
-        case "form-control-checkbox":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$h();
-            }
-            break;
-        case "form-control-help-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$g();
-            }
-            break;
-        case "form-control-radio":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$f();
-            }
-            break;
-        case "form-control-select":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$e();
-            }
-            break;
-        case "form-control-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$d();
-            }
-            break;
-        case "form-control-tooltip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$c();
-            }
-            break;
-        case "hidden-input":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "iframe-input":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "justifi-bank-account-billing-form-simple":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "justifi-billing-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "justifi-billing-form-full":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "justifi-card-billing-form-simple":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "justifi-new-payment-method":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "justifi-payment-method-options":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "justifi-save-new-payment-method":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "justifi-saved-payment-method":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "justifi-sezzle-payment-method":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { CheckoutCore as C, defineCustomElement as d };

package/dist/module/justifi-checkout-core.js

@@ -1,6 +0,0 @@
-import { C as CheckoutCore, d as defineCustomElement$1 } from './checkout-core.js';
-
-const JustifiCheckoutCore = CheckoutCore;
-const defineCustomElement = defineCustomElement$1;
-
-export { JustifiCheckoutCore, defineCustomElement };

package/dist/module/justifi-new-payment-method.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface JustifiNewPaymentMethod extends Components.JustifiNewPaymentMethod, HTMLElement {}
-export const JustifiNewPaymentMethod: {
-    prototype: JustifiNewPaymentMethod;
-    new (): JustifiNewPaymentMethod;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/module/justifi-new-payment-method.js

@@ -1,6 +0,0 @@
-import { N as NewPaymentMethod, d as defineCustomElement$1 } from './new-payment-method.js';
-
-const JustifiNewPaymentMethod = NewPaymentMethod;
-const defineCustomElement = defineCustomElement$1;
-
-export { JustifiNewPaymentMethod, defineCustomElement };

package/dist/module/justifi-payment-method-options.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface JustifiPaymentMethodOptions extends Components.JustifiPaymentMethodOptions, HTMLElement {}
-export const JustifiPaymentMethodOptions: {
-    prototype: JustifiPaymentMethodOptions;
-    new (): JustifiPaymentMethodOptions;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/module/justifi-payment-method-options.js

@@ -1,6 +0,0 @@
-import { P as PaymentMethodOptions, d as defineCustomElement$1 } from './payment-method-options.js';
-
-const JustifiPaymentMethodOptions = PaymentMethodOptions;
-const defineCustomElement = defineCustomElement$1;
-
-export { JustifiPaymentMethodOptions, defineCustomElement };

package/dist/module/justifi-season-interruption-insurance-core.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface JustifiSeasonInterruptionInsuranceCore extends Components.JustifiSeasonInterruptionInsuranceCore, HTMLElement {}
-export const JustifiSeasonInterruptionInsuranceCore: {
-    prototype: JustifiSeasonInterruptionInsuranceCore;
-    new (): JustifiSeasonInterruptionInsuranceCore;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/module/justifi-season-interruption-insurance-core.js

@@ -1,6 +0,0 @@
-import { S as SeasonInterruptionInsuranceCore, d as defineCustomElement$1 } from './season-interruption-insurance-core.js';
-
-const JustifiSeasonInterruptionInsuranceCore = SeasonInterruptionInsuranceCore;
-const defineCustomElement = defineCustomElement$1;
-
-export { JustifiSeasonInterruptionInsuranceCore, defineCustomElement };