@justifi/webcomponents 5.7.6-rc-20 → 5.7.6-rc-21

package/dist/esm/justifi-saved-payment-methods_2.entry.js

@@ -1,113 +0,0 @@
-import { r as registerInstance, h, c as createEvent } from './index-kpoIU4v_.js';
-import { r as radioListItem } from './parts-D3G5aVLy.js';
-import { S as StyledHost } from './styled-host-B_XBaM7z.js';
-import './event-types-CZfYo5-1.js';
-import { c as checkoutStore } from './checkout.store-QrBBYQfi.js';
-import { C as CardBrandLabels } from './payment-method-option-utils-Cm6lAaP1.js';
-import { f as formatCurrency } from './utils-B7jE0g5_.js';
-import './index-B9me4yN2.js';
-
-const SavedPaymentMethods = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.onPaymentMethodOptionClick = (paymentMethodId) => (e) => {
-            e.preventDefault();
-            checkoutStore.selectedPaymentMethod = paymentMethodId;
-        };
-        this.isAllowedPaymentMethod = (paymentMethod) => {
-            if (paymentMethod.type === 'card' && checkoutStore.disableCreditCard) {
-                return false;
-            }
-            if (paymentMethod.type === 'bank_account' && checkoutStore.disableBankAccount) {
-                return false;
-            }
-            return true;
-        };
-    }
-    componentWillLoad() {
-        if (!checkoutStore.paymentMethods.length) {
-            console.warn('No saved payment methods available.');
-        }
-        if (checkoutStore.disablePaymentMethodGroup) {
-            console.warn('Payment method group is disabled.');
-        }
-    }
-    render() {
-        if (checkoutStore.disablePaymentMethodGroup) {
-            return null;
-        }
-        return (h(StyledHost, null, h("div", { class: "saved-payment-methods" }, checkoutStore.paymentMethods.length ? checkoutStore.paymentMethods
-            .filter(this.isAllowedPaymentMethod)
-            .map((paymentMethod) => (h("div", { class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick(paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id) }, h("form-control-radio", { name: "paymentMethodType", value: paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id, checked: checkoutStore.selectedPaymentMethod === (paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id), label: `${CardBrandLabels[paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.brand] || ''} *${paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.acct_last_four}` })))) : null)));
-    }
-};
-
-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',
-    } }));
-const SezzlePaymentMethod = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.paymentMethodOptionSelected = createEvent(this, "paymentMethodOptionSelected");
-        this.paymentMethodOptionId = 'sezzle';
-        this.onPaymentMethodOptionClick = (e) => {
-            e.preventDefault();
-            checkoutStore.selectedPaymentMethod = this.paymentMethodOptionId;
-            this.paymentMethodOptionSelected.emit(this.paymentMethodOptionId);
-        };
-        this.initializeSezzleCheckout = () => {
-            let resolveSezzlePromise;
-            this.sezzlePromise = new Promise((resolve) => { resolveSezzlePromise = resolve; });
-            const amount = Number(checkoutStore.paymentAmount);
-            const Checkout = window.Checkout;
-            const checkout = new Checkout({
-                mode: 'popup',
-                publicKey: checkoutStore.bnplProviderClientId,
-                apiMode: checkoutStore.bnplProviderMode,
-                apiVersion: checkoutStore.bnplProviderApiVersion,
-            });
-            checkout.sezzleButtonElement = this.sezzleButtonRef;
-            checkout.init({
-                onClick: function (event) {
-                    event.preventDefault();
-                    checkout.startCheckout({
-                        checkout_url: checkoutStore.bnplProviderCheckoutUrl,
-                    });
-                },
-                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() {
-        if (!this.scriptRef)
-            return;
-        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;
-        if (!checkoutStore.bnplEnabled || checkoutStore.disableBnpl) {
-            console.warn('justifi-sezzle-payment-method: BNPL is not enabled for this account.');
-            return null;
-        }
-        return (h(StyledHost, { class: "payment-method" }, h("script", { src: "https://checkout-sdk.sezzle.com/checkout.min.js", async: true, ref: (el) => (this.scriptRef = el) }), h("div", { class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { name: "paymentMethodType", value: this.paymentMethodOptionId, checked: checkoutStore.selectedPaymentMethod === this.paymentMethodOptionId, label: h("div", null, h("div", null, "Buy now, pay later with ", sezzleLogo), this.installmentPlan && (h("small", null, h("span", null, (_a = this.installmentPlan) === null || _a === void 0 ? void 0 : _a.installments.length), "\u00A0", h("span", null, this.installmentPlan.schedule, " payments of"), "\u00A0", h("span", { class: "fw-bold" }, formatCurrency((_b = this.installmentPlan) === null || _b === void 0 ? void 0 : _b.installments[0].amountInCents))))) }))));
-    }
-};
-
-export { SavedPaymentMethods as justifi_saved_payment_methods, SezzlePaymentMethod as justifi_sezzle_payment_method };

package/dist/esm/justifi-season-interruption-insurance-core.entry.js

@@ -1,121 +0,0 @@
-import { h, r as registerInstance, c as createEvent } from './index-kpoIU4v_.js';
-import { p as processHTML, f as formatCurrency, r as removeAttribute, h as addAttribute } from './utils-B7jE0g5_.js';
-import { v as validateInsuranceValues, i as insuranceValues, a as insuranceErrors, H as Header2 } from './insurance-state-DQH40x6F.js';
-import { z as text, A as textDanger } from './parts-D3G5aVLy.js';
-import { S as StyledHost } from './styled-host-B_XBaM7z.js';
-import './event-types-CZfYo5-1.js';
-import { S as Skeleton } from './skeleton-CZfDofm6.js';
-import './index-B9me4yN2.js';
-
-const SeasonInterruptionInsuranceLoading = () => (h("div", { class: "row gap-3" },
-    h("div", { class: "col-12" },
-        h(Skeleton, { width: "35%", height: "30px" })),
-    h("div", { class: "col-12" },
-        h(Skeleton, { width: "70%" })),
-    h("div", { class: "col-12" },
-        h(Skeleton, { width: "40%" })),
-    h("div", { class: "col-12" },
-        h(Skeleton, { width: "40%" })),
-    h("div", { class: "col-12" },
-        h(Skeleton, { width: "100%" })),
-    h("div", { class: "col-12" },
-        h(Skeleton, { width: "80%" }))));
-
-const SeasonInterruptionInsuranceCore = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.insuranceUpdated = createEvent(this, "insurance-updated");
-        this.errorEvent = createEvent(this, "error-event");
-        this.isLoading = true;
-    }
-    async validate() {
-        return validateInsuranceValues();
-    }
-    componentWillLoad() {
-        if (this.getQuote) {
-            this.fetchData();
-        }
-    }
-    ;
-    fetchData() {
-        this.isLoading = true;
-        this.getQuote({
-            payload: {
-                checkout_id: this.checkoutId,
-                policy_type: "season_interruption",
-                primary_identity: {
-                    state: this.primaryIdentityState,
-                    email: this.primaryIdentityEmailAddress,
-                    first_name: this.primaryIdentityFirstName,
-                    last_name: this.primaryIdentityLastName,
-                    postal_code: this.primaryIdentityPostalCode,
-                    country: this.primaryIdentityCountry
-                },
-                policy_attributes: {
-                    insurable_amount: this.policyAttributesInsurableAmount,
-                    start_date: this.policyAttributesStartDate,
-                    end_date: this.policyAttributesEndDate,
-                    covered_identity: {
-                        first_name: this.coveredIdentityFirstName,
-                        last_name: this.coveredIdentityLastName
-                    }
-                }
-            },
-            onSuccess: ({ quote }) => {
-                this.quote = quote;
-                this.quote.product.description = processHTML(this.quote.product.description, [
-                    (html) => removeAttribute(html, 'style'),
-                    (html) => addAttribute(html, 'a', 'part', text)
-                ]);
-                this.quote.product.legal_disclaimer = processHTML(this.quote.product.legal_disclaimer, [
-                    (html) => removeAttribute(html, 'style'),
-                    (html) => addAttribute(html, 'a', 'part', text)
-                ]);
-                insuranceValues[quote.policy_type] = quote.accepted;
-                this.isLoading = false;
-            },
-            onError: ({ error, code, severity }) => {
-                this.isLoading = false;
-                this.errorEvent.emit({
-                    errorCode: code,
-                    message: error,
-                    severity,
-                });
-            }
-        });
-    }
-    ;
-    onChangeHandler(_name, value) {
-        this.accepted = value;
-        insuranceErrors[this.quote.policy_type] = false;
-        this.toggleCoverage({
-            quoteId: this.quote.id,
-            payload: { accepted: this.accepted },
-            onSuccess: () => {
-                this.insuranceUpdated.emit();
-                insuranceValues[this.quote.policy_type] = this.accepted;
-            },
-            onError: ({ error, code, severity }) => {
-                this.errorEvent.emit({
-                    errorCode: code,
-                    message: error,
-                    severity,
-                });
-            }
-        });
-    }
-    get error() {
-        var _a;
-        return insuranceErrors[(_a = this.quote) === null || _a === void 0 ? void 0 : _a.policy_type];
-    }
-    render() {
-        var _a, _b, _c, _d;
-        if (this.isLoading)
-            return (h(StyledHost, null, h(SeasonInterruptionInsuranceLoading, null)));
-        return (h(StyledHost, null, h(Header2, { text: (_a = this.quote) === null || _a === void 0 ? void 0 : _a.product.title, class: "fs-5 fw-bold pb-3" }), h("small", { innerHTML: (_b = this.quote) === null || _b === void 0 ? void 0 : _b.product.description, part: text }), h("form-control-radio", { label: `Accept coverage for ${formatCurrency((_c = this.quote) === null || _c === void 0 ? void 0 : _c.total_cents)}`, name: "opt-in", value: 'true', checked: this.accepted === 'true', inputHandler: this.onChangeHandler.bind(this),
-            // don't wanna show error message, but need to show the red border
-            errorText: this.error ? ' ' : undefined }), h("form-control-radio", { label: "Decline coverage", name: "opt-in", value: 'false', checked: this.accepted === 'false', inputHandler: this.onChangeHandler.bind(this), errorText: this.error ? ' ' : undefined }), h("div", { class: "invalid-feedback", style: { display: this.error ? 'block' : 'none' }, part: textDanger }, "Please select an option"), h("small", { innerHTML: (_d = this.quote) === null || _d === void 0 ? void 0 : _d.product.legal_disclaimer, part: text })));
-    }
-};
-
-export { SeasonInterruptionInsuranceCore as justifi_season_interruption_insurance_core };

package/dist/esm/justifi-tokenize-payment-method.entry.js

@@ -1,84 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './index-kpoIU4v_.js';
-import { B as Button } from './button-DxM4-mlD.js';
-import { S as StyledHost } from './styled-host-B_XBaM7z.js';
-import './event-types-CZfYo5-1.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-BZNENotR.js';
-import './config-state-BrllxiM0.js';
-import './utils-B7jE0g5_.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
-import './Refund-4B3c-kLz.js';
-import './Pagination-CLHwhyvu.js';
-import './Payment-Bs0-9Lnt.js';
-import './Business-BCoP0TAV.js';
-import './Dispute-7MWRbTXI.js';
-import { c as checkoutStore } from './checkout.store-QrBBYQfi.js';
-import './parts-D3G5aVLy.js';
-import './package-Byn89EGB.js';
-import './Api-DQM93PRm.js';
-import './index-B9me4yN2.js';
-import './helpers-Mu7LQT-w.js';
-import './state-options-BX8GieXu.js';
-
-const TokenizePaymentMethod = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.errorEvent = createEvent(this, "error-event");
-        this.submitEvent = createEvent(this, "submit-event");
-        this.submitButtonText = 'Submit';
-        this.isLoading = false;
-    }
-    componentWillLoad() {
-        checkPkgVersion();
-        this.analytics = new JustifiAnalytics(this);
-        if (!this.authToken) {
-            this.authToken = checkoutStore.authToken;
-        }
-        if (!this.accountId) {
-            this.accountId = checkoutStore.accountId;
-        }
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
-    }
-    ;
-    async tokenizePaymentMethod(event) {
-        event && event.preventDefault();
-        this.isLoading = true;
-        let tokenizeResponse;
-        try {
-            tokenizeResponse = await this.paymentMethodOptionsRef.resolvePaymentMethod({ isValid: true });
-            if (tokenizeResponse.error) {
-                this.errorEvent.emit({
-                    errorCode: tokenizeResponse.error.code,
-                    message: tokenizeResponse.error.message,
-                    severity: ComponentErrorSeverity.ERROR,
-                });
-            }
-        }
-        catch (error) {
-            const errorData = {
-                errorCode: ComponentErrorCodes.TOKENIZE_ERROR,
-                message: error.message,
-                severity: ComponentErrorSeverity.ERROR,
-            };
-            this.errorEvent.emit(errorData);
-        }
-        finally {
-            this.submitEvent.emit({ response: tokenizeResponse });
-            this.isLoading = false;
-            return tokenizeResponse;
-        }
-    }
-    async fillBillingForm(fields) {
-        this.paymentMethodOptionsRef.fillBillingForm(fields);
-    }
-    async validate() {
-        return this.paymentMethodOptionsRef.validate();
-    }
-    render() {
-        return (h(StyledHost, { key: 'b122a82d00045609c3aadb38780451c56fed3986' }, h("form", { key: '65ccc13977bfc61fae403a9e49fb796cda58c5a5' }, h("fieldset", { key: '7e2b545334a7b8951c491f04d1cb3b356095e1da' }, h("div", { key: 'e78e3b896d8b5e3b67017f5f214d9b2c224c6650', class: "row gy-3" }, h("div", { key: '679f6b00bb91a7551082e10dfc849d62070c0a72', class: "col-12" }, h("justifi-payment-method-options", { key: '41d9590b7a0d6476ae1774e8064e3813f485965f', ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": false, paymentMethodGroupId: this.paymentMethodGroupId, "show-saved-payment-methods": false, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, authToken: this.authToken, "account-id": this.accountId })), h("div", { key: '2d7a9a0d13009f836bd05da27fc5400b194b105c', class: "col-12" }, h(Button, { key: '9d1e28220380560e92a895eecd714849cbbf06a3', variant: "primary", type: "submit", onClick: event => this.tokenizePaymentMethod(event), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.hideSubmitButton }, this.submitButtonText)))))));
-    }
-};
-
-export { TokenizePaymentMethod as justifi_tokenize_payment_method };

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, Payment as P, DisputeStatus as a, PaymentMethodTypes as b };

package/dist/module/billing-information-form.js

@@ -1,97 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { b as billingFormSchema } from './billing-form-schema.js';
-import { V as billingForm } from './parts.js';
-import { n as numberOnlyHandler } from './utils3.js';
-import { S as StateOptions } from './state-options.js';
-import { F as FormController } from './form.js';
-import { S as StyledHost } from './styled-host.js';
-import './details.js';
-import './event-types.js';
-import { o as onChange } from './checkout.store.js';
-import { d as defineCustomElement$4 } from './custom-popper2.js';
-import { d as defineCustomElement$3 } from './form-control-select2.js';
-import { d as defineCustomElement$2 } from './form-control-text2.js';
-import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
-
-const BillingInformationForm = /*@__PURE__*/ proxyCustomElement(class BillingInformationForm extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.errors = {};
-        this.inputHandler = (name, value) => {
-            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
-        };
-    }
-    connectedCallback() {
-        this.unsubscribe = onChange('billingFormFields', (newValue) => {
-            this.formController.setInitialValues(newValue);
-        });
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.unsubscribe) === null || _a === void 0 ? void 0 : _a.call(this);
-    }
-    componentWillLoad() {
-        this.formController = new FormController(billingFormSchema());
-    }
-    componentDidLoad() {
-        this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
-        this.formController.errors.subscribe(errors => {
-            this.errors = Object.assign({}, errors);
-        });
-    }
-    async getValues() {
-        return this.formController.values.getValue();
-    }
-    async validate() {
-        let isValid = await this.formController.validate();
-        return { isValid: isValid };
-    }
-    render() {
-        const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h(StyledHost, { key: 'a6ce1995bc8f0bc79b52c692d71bde1235d90622' }, h("div", { key: '5ce8118beaf6cfc090c3b6858fb2888741aa7e53', part: billingForm }, h("form", { key: '15a9035e31659a0ce08d675d1868afea612811d5' }, h("fieldset", { key: '9c57ae450cc38e0fe50a6e0d2949b18d945ace1c' }, h("div", { key: '0f6dfd8c20b64e60f22fed232ab56cc0d2509b82', class: "row gy-3" }, h("div", { key: '40024642467bd869d4e1b926e6dde10a4f200f8b', class: "col-12" }, h("form-control-text", { key: 'ead74011aa5097a6c3ae9634a149ded0399729ef', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'c31e9d4cf5285a0113f4d931035534949709a1ca', class: "col-12" }, h("form-control-text", { key: '1cef8e3f7fd41d46046a214b1d442923074f7a41', name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), h("div", { key: '9d6dd8dd7894866ecbffeb7dfb347e0ea4099946', class: "col-12" }, h("form-control-text", { key: 'a65736751e7d8a6470c3eb2d04cf4ff173e660b6', name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), h("div", { key: '1c0ba7f2720bc71434b69cb285ddf6214932d063', class: "col-12" }, h("form-control-text", { key: 'de507ce3010e4cb09d3b659823b097fd9c9d9d63', name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), h("div", { key: '31421327f01601abe6aaaae8ac2391afcdc485d9', class: "col-12" }, h("form-control-select", { key: '30be012a7b96e75b57808922bc689f31a056e8d7', name: 'address_state', label: 'State', options: StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), h("div", { key: 'f24ba6174800f8f57a02a295e71fb0b018249634', class: "col-12" }, h("form-control-text", { key: 'cf69224b9af53ad11971ccea42756dbacebb104d', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler }))))))));
-    }
-}, [257, "justifi-billing-information-form", {
-        "formController": [32],
-        "billingInfo": [32],
-        "errors": [32],
-        "getValues": [64],
-        "validate": [64]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["justifi-billing-information-form", "custom-popper", "form-control-select", "form-control-text", "form-control-tooltip"];
-    components.forEach(tagName => { switch (tagName) {
-        case "justifi-billing-information-form":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, BillingInformationForm);
-            }
-            break;
-        case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "form-control-select":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "form-control-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "form-control-tooltip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { BillingInformationForm as B, defineCustomElement as d };

package/dist/module/justifi-apple-pay.d.ts

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