@justifi/webcomponents 5.7.3-rc-01 → 5.7.4

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

@@ -1,219 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { s as state } from './checkout.store.js';
-import { J as JustifiAnalytics, c as checkPkgVersion } from './Analytics.js';
-import './config-state.js';
-import './utils2.js';
-import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Checkout.js';
-import './Pagination.js';
-import './Payment.js';
-import './Refund.js';
-import './Document.js';
-import './Business.js';
-import { m as makeGetCheckout, a as makeCheckoutComplete } from './checkout-actions.js';
-import { C as CheckoutService } from './checkout.service.js';
-
-const CheckoutWrapper = /*@__PURE__*/ proxyCustomElement(class CheckoutWrapper extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.errorEvent = createEvent(this, "error-event", 7);
-        this.checkoutComplete = createEvent(this, "checkout-complete-event", 7);
-        this.savePaymentMethod = false;
-    }
-    connectedCallback() {
-        this.observer = new MutationObserver(() => {
-            this.queryFormRefs();
-        });
-        this.observer.observe(this.hostEl, {
-            childList: true,
-            subtree: true
-        });
-        state.checkoutId = this.checkoutId;
-        const config = {
-            authToken: this.authToken,
-            checkoutId: this.checkoutId,
-            service: new CheckoutService()
-        };
-        this.getCheckout = makeGetCheckout(config);
-        this.completeCheckout = makeCheckoutComplete(config);
-    }
-    componentWillLoad() {
-        this.analytics = new JustifiAnalytics(this);
-        checkPkgVersion();
-        state.authToken = this.authToken;
-        state.accountId = this.accountId;
-        this.fetchCheckout();
-    }
-    componentDidLoad() {
-        this.queryFormRefs();
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
-    }
-    fetchCheckout() {
-        if (this.getCheckout) {
-            this.getCheckout({
-                onSuccess: ({ checkout }) => {
-                    var _a, _b, _c, _d;
-                    state.paymentMethods = checkout.payment_methods;
-                    state.paymentMethodGroupId = checkout.payment_method_group_id;
-                    state.paymentDescription = checkout.payment_description;
-                    state.totalAmount = checkout.total_amount;
-                    state.paymentAmount = checkout.payment_amount;
-                    state.bnplEnabled = checkout.payment_settings.bnpl_payments;
-                    state.bnplProviderClientId = (_a = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _a === void 0 ? void 0 : _a.provider_client_id;
-                    state.bnplProviderMode = (_b = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _b === void 0 ? void 0 : _b.provider_mode;
-                    state.bnplProviderApiVersion = (_c = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _c === void 0 ? void 0 : _c.provider_api_version;
-                    state.bnplProviderCheckoutUrl = (_d = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _d === void 0 ? void 0 : _d.provider_checkout_url;
-                },
-                onError: (error) => {
-                    this.errorEvent.emit({
-                        message: error.message,
-                        errorCode: ComponentErrorCodes.FETCH_ERROR,
-                        severity: ComponentErrorSeverity.ERROR,
-                    });
-                }
-            });
-        }
-    }
-    queryFormRefs() {
-        this.paymentMethodFormRef = this.hostEl.querySelector('justifi-card-form, justifi-bank-account-form');
-        this.billingInformationFormRef = this.hostEl.querySelector('justifi-billing-information-form, justifi-postal-code-form');
-        this.insuranceFormRef = this.hostEl.querySelector('justifi-season-interruption-insurance');
-        this.sezzlePaymentMethodRef = this.hostEl.querySelector('justifi-sezzle-payment-method');
-    }
-    async tokenizePaymentMethod(tokenizeArgs) {
-        var _a, _b;
-        const billingInfoValues = (_b = await ((_a = this.billingInformationFormRef) === null || _a === void 0 ? void 0 : _a.getValues())) !== null && _b !== void 0 ? _b : {};
-        const combinedBillingInfo = Object.assign(Object.assign({}, tokenizeArgs), billingInfoValues);
-        const paymentMethodMetadata = Object.assign({ accountId: this.accountId, payment_method_group_id: undefined }, combinedBillingInfo);
-        if (this.savePaymentMethod) {
-            paymentMethodMetadata.payment_method_group_id = state.paymentMethodGroupId;
-        }
-        return this.paymentMethodFormRef.tokenize({
-            clientId: this.authToken,
-            paymentMethodMetadata,
-            account: this.accountId,
-        });
-    }
-    async getPaymentMethod(submitCheckoutArgs) {
-        if (!this.paymentMethodFormRef) {
-            return state.selectedPaymentMethod;
-        }
-        const { error, id: token } = await this.tokenizePaymentMethod(submitCheckoutArgs);
-        if (error) {
-            this.errorEvent.emit({
-                errorCode: error.code,
-                message: error.message,
-                severity: ComponentErrorSeverity.ERROR,
-            });
-            return undefined;
-        }
-        return token;
-    }
-    async validate() {
-        var _a, _b;
-        const promises = [
-            (_a = this.paymentMethodFormRef) === null || _a === void 0 ? void 0 : _a.validate(),
-            (_b = this.billingInformationFormRef) === null || _b === void 0 ? void 0 : _b.validate()
-        ];
-        if (this.insuranceFormRef) {
-            promises.push(this.insuranceFormRef.validate());
-        }
-        const validationResults = await Promise.all(promises);
-        return validationResults.every(result => (result === null || result === void 0 ? void 0 : result.isValid) !== false);
-    }
-    async submitCheckout(submitCheckoutArgs) {
-        var _a;
-        const isValid = await this.validate();
-        if (!isValid) {
-            this.errorEvent.emit({
-                message: 'Please fill in all required fields.',
-                errorCode: ComponentErrorCodes.VALIDATION_ERROR,
-                severity: ComponentErrorSeverity.ERROR,
-            });
-            return;
-        }
-        let payment;
-        if (state.selectedPaymentMethod === 'sezzle') {
-            const insuranceValidation = this.insuranceFormRef ? await this.insuranceFormRef.validate() : { isValid: true };
-            const sezzleResult = await this.sezzlePaymentMethodRef.resolvePaymentMethod(insuranceValidation);
-            if (sezzleResult.error) {
-                this.errorEvent.emit({
-                    message: sezzleResult.error.message,
-                    errorCode: ComponentErrorCodes.TOKENIZE_ERROR,
-                    severity: ComponentErrorSeverity.ERROR,
-                });
-                return;
-            }
-            else if (((_a = sezzleResult.bnpl) === null || _a === void 0 ? void 0 : _a.status) === 'success') {
-                payment = {
-                    payment_mode: 'bnpl',
-                    payment_token: undefined,
-                };
-            }
-        }
-        else {
-            const paymentMethod = await this.getPaymentMethod(submitCheckoutArgs);
-            if (!paymentMethod) {
-                this.errorEvent.emit({
-                    message: 'Payment method tokenization failed.',
-                    errorCode: ComponentErrorCodes.TOKENIZE_ERROR,
-                    severity: ComponentErrorSeverity.ERROR,
-                });
-                return;
-            }
-            payment = {
-                payment_mode: 'ecom',
-                payment_token: paymentMethod,
-            };
-        }
-        this.completeCheckout({
-            payment,
-            onSuccess: ({ checkout }) => {
-                this.checkoutComplete.emit({
-                    checkout,
-                    message: 'Checkout completed successfully',
-                });
-            },
-            onError: (error) => {
-                this.errorEvent.emit({
-                    message: error.message,
-                    errorCode: ComponentErrorCodes.COMPLETE_CHECKOUT_ERROR,
-                    severity: ComponentErrorSeverity.ERROR,
-                });
-            },
-        });
-    }
-    render() {
-        return (h(Host, { key: '12db8b2a4ea3308772604d50e9223e48dda0f26f' }));
-    }
-    get hostEl() { return this; }
-}, [0, "justifi-modular-checkout", {
-        "authToken": [1, "auth-token"],
-        "accountId": [1, "account-id"],
-        "checkoutId": [1, "checkout-id"],
-        "savePaymentMethod": [4, "save-payment-method"],
-        "validate": [64],
-        "submitCheckout": [64]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["justifi-modular-checkout"];
-    components.forEach(tagName => { switch (tagName) {
-        case "justifi-modular-checkout":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, CheckoutWrapper);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const JustifiModularCheckout = CheckoutWrapper;
-const defineCustomElement = defineCustomElement$1;
-
-export { JustifiModularCheckout, defineCustomElement };

package/dist/module/justifi-postal-code-form.d.ts

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

package/dist/module/justifi-postal-code-form.js

@@ -1,86 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { S as StyledHost } from './styled-host.js';
-import './details.js';
-import './event-types.js';
-import { n as numberOnlyHandler } from './utils3.js';
-import { F as FormController } from './form.js';
-import { b as billingFormSchema } from './billing-form-schema.js';
-import { d as defineCustomElement$4 } from './custom-popper2.js';
-import { d as defineCustomElement$3 } from './form-control-text2.js';
-import { d as defineCustomElement$2 } from './form-control-tooltip2.js';
-
-const PostalCodeForm = /*@__PURE__*/ proxyCustomElement(class PostalCodeForm 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 }));
-        };
-    }
-    componentWillLoad() {
-        this.formController = new FormController(billingFormSchema(true));
-    }
-    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 fill(fields) {
-        this.formController.setInitialValues(fields);
-    }
-    async validate() {
-        let isValid = await this.formController.validate();
-        return { isValid: isValid };
-    }
-    render() {
-        const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h(StyledHost, { key: 'e5cdb9b21be1e5f4ee6fd21a2d919b2d9271b163' }, h("form", { key: '29c0a3edaad9877d50ecc9e4424ca2f5e667dc30' }, h("form-control-text", { key: '00e8688c8a8e9b91df5089e2fb97c8b71673a3fd', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler }))));
-    }
-}, [1, "justifi-postal-code-form", {
-        "formController": [32],
-        "billingInfo": [32],
-        "errors": [32],
-        "getValues": [64],
-        "fill": [64],
-        "validate": [64]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["justifi-postal-code-form", "custom-popper", "form-control-text", "form-control-tooltip"];
-    components.forEach(tagName => { switch (tagName) {
-        case "justifi-postal-code-form":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, PostalCodeForm);
-            }
-            break;
-        case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "form-control-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "form-control-tooltip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const JustifiPostalCodeForm = PostalCodeForm;
-const defineCustomElement = defineCustomElement$1;
-
-export { JustifiPostalCodeForm, defineCustomElement };

package/dist/module/justifi-saved-payment-methods.d.ts

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

package/dist/module/justifi-saved-payment-methods.js

@@ -1,58 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { W as radioListItem } from './parts.js';
-import { S as StyledHost } from './styled-host.js';
-import './details.js';
-import './event-types.js';
-import { s as state } from './checkout.store.js';
-import { C as CardBrandLabels } from './payment-method-option-utils.js';
-import { d as defineCustomElement$3 } from './form-control-help-text2.js';
-import { d as defineCustomElement$2 } from './form-control-radio2.js';
-
-const SavedPaymentMethods = /*@__PURE__*/ proxyCustomElement(class SavedPaymentMethods extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.onPaymentMethodOptionClick = (paymentMethodId) => (e) => {
-            e.preventDefault();
-            state.selectedPaymentMethod = paymentMethodId;
-        };
-    }
-    componentWillLoad() {
-        if (!state.paymentMethods.length) {
-            console.warn('No saved payment methods available.');
-        }
-    }
-    render() {
-        return (h(StyledHost, { key: '7bebb3f8ff2a2abe400e1d099154a1729913140c' }, h("div", { key: '3a5798c5ceba63160dceecb0dc65f8a211bb5110', class: "saved-payment-methods" }, state.paymentMethods.length ? state.paymentMethods.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: state.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)));
-    }
-}, [1, "justifi-saved-payment-methods"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["justifi-saved-payment-methods", "form-control-help-text", "form-control-radio"];
-    components.forEach(tagName => { switch (tagName) {
-        case "justifi-saved-payment-methods":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SavedPaymentMethods);
-            }
-            break;
-        case "form-control-help-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "form-control-radio":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const JustifiSavedPaymentMethods = SavedPaymentMethods;
-const defineCustomElement = defineCustomElement$1;
-
-export { JustifiSavedPaymentMethods, defineCustomElement };

package/dist/module/payment-method-option-utils.js

@@ -1,23 +0,0 @@
-import { d as snakeToCamel } from './utils2.js';
-
-class PaymentMethodOption {
-    constructor(paymentMethod) {
-        this.id = paymentMethod.id;
-        this.brand = paymentMethod.brand;
-        this.acct_last_four = paymentMethod.acct_last_four;
-        this.type = snakeToCamel(paymentMethod.type);
-    }
-}
-var CardBrandLabels;
-(function (CardBrandLabels) {
-    CardBrandLabels["american_express"] = "American Express";
-    CardBrandLabels["diners_club"] = "Diners Club";
-    CardBrandLabels["discover"] = "Discover";
-    CardBrandLabels["jcb"] = "JCB";
-    CardBrandLabels["mastercard"] = "Mastercard";
-    CardBrandLabels["china_unionpay"] = "UnionPay";
-    CardBrandLabels["visa"] = "Visa";
-    CardBrandLabels["unknown"] = "Unknown";
-})(CardBrandLabels || (CardBrandLabels = {}));
-
-export { CardBrandLabels as C, PaymentMethodOption as P };

package/dist/types/api/BillingInformation.d.ts

@@ -1,13 +0,0 @@
-type IBankAccountBillingInfo = {
-    name: string;
-    address_line1: string;
-    address_line2: string;
-    address_city: string;
-    address_state: string;
-    address_postal_code: string;
-};
-type IPostalCode = {
-    address_postal_code: number;
-};
-export type IBillingInfo = IPostalCode | IBankAccountBillingInfo;
-export {};

package/dist/types/api/PaymentMethod.d.ts

@@ -1,21 +0,0 @@
-export interface ISavedPaymentMethod {
-    payment_method_group_id?: string;
-}
-export interface IPaymentMethodCard {
-    address_postal_code: number;
-    number: string;
-    month: string;
-    year: string;
-    verification: string;
-}
-export interface IPaymentMethodBankAccount {
-    account_number: string;
-    routing_number: string;
-    account_type: string;
-    account_holder_name: string;
-    account_holder_type: string;
-    country: string;
-    currency: string;
-}
-export type ISubmitCheckoutArgs = IPaymentMethodCard | IPaymentMethodBankAccount;
-export type IPaymentMethodMetadata = ISavedPaymentMethod & ISubmitCheckoutArgs;

package/dist/types/components/modular-checkout/modular-checkout.d.ts

@@ -1,31 +0,0 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import JustifiAnalytics from "../../api/Analytics";
-import { IBillingInfo } from "../../api/BillingInformation";
-export declare class CheckoutWrapper {
-    analytics: JustifiAnalytics;
-    private observer?;
-    private paymentMethodFormRef?;
-    private billingInformationFormRef?;
-    private insuranceFormRef?;
-    private sezzlePaymentMethodRef?;
-    private getCheckout;
-    private completeCheckout;
-    authToken: string;
-    accountId: string;
-    checkoutId: string;
-    savePaymentMethod?: boolean;
-    hostEl: HTMLElement;
-    errorEvent: EventEmitter;
-    checkoutComplete: EventEmitter;
-    connectedCallback(): void;
-    componentWillLoad(): void;
-    componentDidLoad(): void;
-    disconnectedCallback(): void;
-    private fetchCheckout;
-    private queryFormRefs;
-    private tokenizePaymentMethod;
-    private getPaymentMethod;
-    validate(): Promise<boolean>;
-    submitCheckout(submitCheckoutArgs: IBillingInfo): Promise<void>;
-    render(): any;
-}

package/dist/types/components/modular-checkout-parts/bank-account-skeleton.d.ts

@@ -1,6 +0,0 @@
-import { FunctionalComponent } from "../../stencil-public-runtime";
-interface BankAccountFormSkeletonProps {
-    isReady: boolean;
-}
-declare const BankAccountFormSkeleton: FunctionalComponent<BankAccountFormSkeletonProps>;
-export default BankAccountFormSkeleton;

package/dist/types/components/modular-checkout-parts/bank-account.d.ts

@@ -1,18 +0,0 @@
-import JustifiAnalytics from "../../api/Analytics";
-export declare class BankAccountForm {
-    private accountNumberIframeElement;
-    private routingNumberIframeElement;
-    analytics: JustifiAnalytics;
-    iframeOrigin: string;
-    isReady: boolean;
-    componentWillLoad(): void;
-    componentDidRender(): void;
-    disconnectedCallback(): void;
-    validate(): Promise<any>;
-    tokenize({ clientId, paymentMethodMetadata, account }: {
-        clientId: string;
-        paymentMethodMetadata: any;
-        account?: string;
-    }): Promise<any>;
-    render(): any;
-}

package/dist/types/components/modular-checkout-parts/billing-form-schema.d.ts

@@ -1,23 +0,0 @@
-export interface BillingFormFields {
-    name: string;
-    address_line1: string;
-    address_line2?: string;
-    address_city: string;
-    address_state: string;
-    address_postal_code: string;
-}
-export declare const billingFormSchema: (postalOnly?: boolean) => import("yup").ObjectSchema<{
-    name: string;
-    address_line1: string;
-    address_line2: string;
-    address_city: string;
-    address_state: string;
-    address_postal_code: string;
-}, import("yup").AnyObject, {
-    name: undefined;
-    address_line1: undefined;
-    address_line2: undefined;
-    address_city: undefined;
-    address_state: undefined;
-    address_postal_code: undefined;
-}, "">;

package/dist/types/components/modular-checkout-parts/billing-form.d.ts

@@ -1,16 +0,0 @@
-import { BillingFormFields } from './billing-form-schema';
-import { FormController } from '../../ui-components/form/form';
-export declare class BillingInformationForm {
-    formController: FormController;
-    billingInfo: {};
-    errors: any;
-    componentWillLoad(): void;
-    componentDidLoad(): void;
-    inputHandler: (name: string, value: string) => void;
-    getValues(): Promise<BillingFormFields>;
-    fill(fields: BillingFormFields): Promise<void>;
-    validate(): Promise<{
-        isValid: boolean;
-    }>;
-    render(): any;
-}

package/dist/types/components/modular-checkout-parts/card-form-skeleton.d.ts

@@ -1,6 +0,0 @@
-import { FunctionalComponent } from "../../stencil-public-runtime";
-interface CardFormSkeletonProps {
-    isReady: boolean;
-}
-declare const CardFormSkeleton: FunctionalComponent<CardFormSkeletonProps>;
-export default CardFormSkeleton;

package/dist/types/components/modular-checkout-parts/card-form.d.ts

@@ -1,20 +0,0 @@
-import JustifiAnalytics from "../../api/Analytics";
-export declare class JustifiCardForm {
-    iframeOrigin?: string;
-    isReady: boolean;
-    private cardNumberIframeElement;
-    private expirationMonthIframeElement;
-    private expirationYearIframeElement;
-    private cvvIframeElement;
-    analytics: JustifiAnalytics;
-    componentWillLoad(): void;
-    componentDidRender(): void;
-    disconnectedCallback(): void;
-    validate(): Promise<any>;
-    tokenize({ clientId, paymentMethodMetadata, account, }: {
-        clientId: string;
-        paymentMethodMetadata: any;
-        account?: string;
-    }): Promise<any>;
-    render(): any;
-}

package/dist/types/components/modular-checkout-parts/postal-code-form.d.ts

@@ -1,16 +0,0 @@
-import { FormController } from "../../ui-components/form/form";
-import { BillingFormFields } from "./billing-form-schema";
-export declare class PostalCodeForm {
-    formController: FormController;
-    billingInfo: {};
-    errors: any;
-    componentWillLoad(): void;
-    componentDidLoad(): void;
-    inputHandler: (name: string, value: string) => void;
-    getValues(): Promise<BillingFormFields>;
-    fill(fields: BillingFormFields): Promise<void>;
-    validate(): Promise<{
-        isValid: boolean;
-    }>;
-    render(): any;
-}

package/dist/types/components/modular-checkout-parts/saved-payment-methods.d.ts

@@ -1,5 +0,0 @@
-export declare class SavedPaymentMethods {
-    componentWillLoad(): void;
-    onPaymentMethodOptionClick: (paymentMethodId: string) => (e: Event) => void;
-    render(): any;
-}

package/dist/types/components/modular-checkout-parts/summary.d.ts

@@ -1,3 +0,0 @@
-export declare class Summary {
-    render(): any;
-}

package/dist/types/store/checkout.store.d.ts

@@ -1,19 +0,0 @@
-import { ICheckoutPaymentMethod } from '../api';
-interface IInitialState {
-    authToken: string;
-    accountId: string;
-    paymentMethods: ICheckoutPaymentMethod[];
-    paymentMethodGroupId: string;
-    paymentDescription: string;
-    totalAmount: number;
-    paymentAmount: number;
-    selectedPaymentMethod: string;
-    checkoutId: string;
-    bnplEnabled: boolean;
-    bnplProviderClientId: string;
-    bnplProviderMode: string;
-    bnplProviderApiVersion: string;
-    bnplProviderCheckoutUrl: string;
-}
-declare const state: IInitialState;
-export default state;

package/dist/webcomponents/p-00900e52.entry.js

@@ -1 +0,0 @@
-import{r as t,c as s,h as i}from"./p-Bta_r52Z.js";import"./p-CBs671Ol.js";import"./p-9REosSLu.js";import{C as o,a as r}from"./p-BhrFjjAs.js";import{C as e}from"./p-D7js9xfx.js";import"./p-CLHwhyvu.js";import"./p-DddGO-XR.js";import"./p-BPCw4WEY.js";import"./p-Ct-uNz2r.js";import"./p-BlJnA265.js";import"./p-7MWRbTXI.js";import{g as p,a}from"./p-NqdaxjDT.js";import{c,J as n}from"./p-DzPrenCi.js";import{C as h}from"./p-DaS3t0DL.js";import{m,S as u}from"./p-Czro_9VO.js";import{S as j}from"./p-BEDtXmpq.js";import"./p-CZfYo5-1.js";import{d}from"./p-D3SYNGyb.js";import"./p-D3BIZZrc.js";import"./p-BFTU3MAI.js";import"./p-Dt-vy9Le.js";import"./p-BX8GieXu.js";import"./p-CyXXks-Q.js";import"./p-Yj41tobi.js";import"./p-B4MIwTdb.js";import"./p-_6eQgwfE.js";const f=class{constructor(i){t(this,i),this.errorEvent=s(this,"error-event"),this.errorMessage=null,this.columns=d,this.handleErrorEvent=t=>{this.errorMessage=t.detail.message,this.errorEvent.emit(t.detail)}}componentWillLoad(){c(),this.analytics=new n(this),this.initializeGetData()}disconnectedCallback(){var t;null===(t=this.analytics)||void 0===t||t.cleanup()}propChanged(){this.initializeGetData()}initializeGetData(){this.initializeGetCheckouts(),this.initializeGetSubAccounts()}initializeGetCheckouts(){this.accountId&&this.authToken?this.getCheckouts=(({accountId:t,authToken:s,service:i})=>async({params:r,onSuccess:c,onError:n})=>{var h,m;try{const u=await i.fetchCheckouts(t,s,r);if(u.error)return n({error:a(u.error),code:p(null===(m=u.error)||void 0===m?void 0:m.code),severity:o.ERROR});{const t=Object.assign({},u.page_info);c({checkouts:(null===(h=u.data)||void 0===h?void 0:h.map((t=>new e(t))))||[],pagingInfo:t})}}catch(t){const s=p(null==t?void 0:t.code);return n({error:t.message||t,code:s,severity:o.ERROR})}})({accountId:this.accountId,authToken:this.authToken,service:new h}):(this.errorMessage="Account ID and Auth Token are required",this.errorEvent.emit({errorCode:r.MISSING_PROPS,message:this.errorMessage,severity:o.ERROR}))}initializeGetSubAccounts(){this.accountId&&this.authToken&&(this.getSubAccounts=m({accountId:this.accountId,authToken:this.authToken,service:new u}))}render(){return i(j,{key:"0e9e50e18983dad43cfab19f2271678d3f5e6abd"},i("checkouts-list-core",{key:"6f128cc756477ff64638625d9a9ff9a5b4533948",getCheckouts:this.getCheckouts,getSubAccounts:this.getSubAccounts,"onError-event":this.handleErrorEvent,columns:this.columns}))}static get watchers(){return{accountId:["propChanged"],authToken:["propChanged"]}}};export{f as justifi_checkouts_list}

package/dist/webcomponents/p-025ae692.entry.js

@@ -1 +0,0 @@
-import{h as s,r as i,c as t}from"./p-Bta_r52Z.js";import{am as e,aj as r,af as o,t as l}from"./p-_6eQgwfE.js";import{S as d}from"./p-BEDtXmpq.js";import"./p-CZfYo5-1.js";import{c as n,J as a}from"./p-DzPrenCi.js";import{C as h,a as c}from"./p-BhrFjjAs.js";import{B as p}from"./p-BpEw7AJl.js";import{B as u}from"./p-BlJnA265.js";import{m as v}from"./p-DKClunJd.js";import{S as m}from"./p-DOB09NZD.js";import"./p-CBs671Ol.js";import{k as f}from"./p-9REosSLu.js";import"./p-D7js9xfx.js";import"./p-CLHwhyvu.js";import"./p-DddGO-XR.js";import{f as j,e as w,a as x}from"./p-BPCw4WEY.js";import"./p-Ct-uNz2r.js";import"./p-7MWRbTXI.js";import{g as y,a as g}from"./p-NqdaxjDT.js";import{T as b}from"./p-YDuIVoos.js";import"./p-CyXXks-Q.js";import"./p-Yj41tobi.js";import"./p-Dt-vy9Le.js";import"./p-BX8GieXu.js";import"./p-D3BIZZrc.js";import"./p-BFTU3MAI.js";const B=()=>s("div",{class:"row gap-3"},s("div",{class:"col-12"},s(m,{width:"25%"})),s("div",{class:"col-12"},s(m,{width:"100%"})),s("div",{class:"col-12 d-flex gap-3"},s(m,{width:"50%"}),s(m,{width:"50%"})),s("div",{class:"col-12 d-flex gap-3"},s(m,{width:"65%"}),s(m,{width:"35%"}))),C=()=>s("div",{class:"row gap-5"},s("div",{class:"col-12"},s(m,{width:"40%",height:"40px"})),s(B,null)),S=()=>s("div",{class:"terminal-selector-skeleton mt-4 rounded shadow-sm"},s("div",{class:"d-flex align-items-center gap-3"},s(m,{width:"125px",height:"125px",styles:{borderRadius:"8px"}}),s("div",{class:"flex-grow-1"},s("div",{class:"d-flex row flex-row"},s("div",{class:"col-6 flex-column"},s(m,null),s(m,{width:"60%"})),s("div",{class:"d-flex justify-content-end align-items-center gap-2 col-6"},s(m,{width:"32px",height:"32px",styles:{borderRadius:"50%"}}),s(m,{width:"80px",height:"32px"}),s(m,{width:"32px",height:"32px",styles:{borderRadius:"50%"}}))),s("div",{class:"mt-4"},s("div",{class:"d-flex flex-column gap-2"},s(m,null),s(m,null)))))),k=class{constructor(s){i(this,s),this.errorEvent=t(this,"error-event"),this.submitted=t(this,"submit-event"),this.shipping=!1,this.submitButtonText="Submit Order",this.loading={business:!0,terminals:!0},this.submitting=!1,this.error=null,this.totalQuantity=0}componentWillLoad(){this.order=new w({business_id:this.businessId,sub_account_id:this.accountId,order_type:this.shipping?x.boardingShipping:x.boardingOnly}),n(),this.analytics=new a(this),this.loadData()}disconnectedCallback(){var s;null===(s=this.analytics)||void 0===s||s.cleanup()}handleError(s,i,t){this.error={message:s,code:i,severity:t},this.errorEvent.emit({errorCode:i,message:s,severity:t})}loadData(){this.businessId&&this.authToken?(this.initializeGetBusiness(),this.initializeGetTerminalModels()):this.handleError("Invalid business id or auth token",c.MISSING_PROPS,h.ERROR)}initializeGetBusiness(){v({id:this.businessId,authToken:this.authToken,service:new p})({onSuccess:({business:s})=>{this.business=new u(s),this.loading.business=!1},onError:({error:s,code:i,severity:t})=>{this.handleError(s,i,t),this.loading.business=!1}})}initializeGetTerminalModels(){(({id:s,authToken:i,service:t})=>async({onSuccess:e,onError:r})=>{var o,l,d,n;try{const a=await t.fetchTerminalModels(s,i);if(a.error)return r({error:g(a.error),code:y(null===(n=a.error)||void 0===n?void 0:n.code),severity:h.ERROR});e({terminals:(null===(l=null===(o=a.data)||void 0===o?void 0:o.terminal_order_models)||void 0===l?void 0:l.map((s=>new j(s))))||[],orderLimit:null===(d=a.data)||void 0===d?void 0:d.order_limit})}catch(s){const i=y(null==s?void 0:s.code);return r({error:s.message||s,code:i,severity:h.ERROR})}})({id:this.accountId,authToken:this.authToken,service:new b})({onSuccess:({terminals:s,orderLimit:i})=>{this.terminalModels=s,this.orderLimit=i,this.loading.terminals=!1},onError:({error:s,code:i,severity:t})=>{this.handleError(s,i,t),this.loading.terminals=!1}})}submitOrder(){const s=(({authToken:s,service:i,apiOrigin:t="https://wc-proxy.justifi.ai"})=>async({terminalOrder:e,onSuccess:r,onError:o})=>{var l;try{const d=await i.orderTerminals(s,e,t);if(d.error)return o({error:g(d.error),code:y(null===(l=d.error)||void 0===l?void 0:l.code),severity:h.ERROR});{const{data:s}=d;r({data:s})}}catch(s){const i=y(null==s?void 0:s.code);return o({error:s.message||s,code:i,severity:h.ERROR})}})({authToken:this.authToken,service:new b});this.submitting=!0,s({terminalOrder:this.order.payload,onSuccess:({data:s})=>{this.submitted.emit(s),this.submitting=!1},onError:({error:s,code:i,severity:t})=>{this.handleError(s,i,t),this.submitting=!1}})}onSelectedQuantityChange(s){this.order.updateTerminal(s.detail.modelName,s.detail.quantity),this.totalQuantity=this.order.totalQuantity}renderLoading(){return s("div",null,this.loading.business&&s(C,null),this.loading.terminals&&s("div",{class:"mt-5"},s(S,null),s(S,null),s(S,null)))}renderBusinessDetails(){var i,t,o,l,d,n,a,h;if(!this.loading.business&&this.business)return s("div",{class:"d-flex flex-column gap-4 mb-5 pt-5"},s("div",{class:"row"},s("div",{class:"col-12"},s("h2",{part:r},this.business.legal_name))),s("div",{class:"row"},s("div",{class:"col-6"},s("h5",{part:e},"Representative:"),s("div",null,s("div",null,null===(t=null===(i=this.business)||void 0===i?void 0:i.representative)||void 0===t?void 0:t.name),s("div",null,null===(l=null===(o=this.business)||void 0===o?void 0:o.representative)||void 0===l?void 0:l.title),s("div",null,null===(n=null===(d=this.business)||void 0===d?void 0:d.representative)||void 0===n?void 0:n.email),s("div",null,f(null===(h=null===(a=this.business)||void 0===a?void 0:a.representative)||void 0===h?void 0:h.phone)))),s("div",{class:"col-6"},s("h5",{part:e},this.shipping?"Shipping Address:":"Business Address:"),s("div",null,this.business.legal_address.line1,this.business.legal_address.line2?`, ${this.business.legal_address.line2}`:"",s("br",null),this.business.legal_address.city,", ",this.business.legal_address.state," ",this.business.legal_address.postal_code))))}renderTerminals(){if(!this.loading.terminals&&this.terminalModels)return s("div",{class:"d-flex flex-column gap-2 mt-5"},this.terminalModels.map((i=>s("terminal-quantity-selector",{modelName:i.model_name,description:i.description,imageUrl:i.image_url,helpUrl:i.help_url,limit:this.orderLimit-this.order.totalQuantity,onSelectedQuantityChange:this.onSelectedQuantityChange.bind(this)}))))}renderOrderSection(){return s("div",{class:"mt-3"},s("div",{class:"text-end"},"Order limit: ",this.orderLimit),s("div",{class:"d-flex justify-content-end mt-3"},s("button",{class:"btn btn-primary submit-btn",onClick:this.submitOrder.bind(this),disabled:0===this.order.totalQuantity||this.submitting,part:o},this.submitting?"Submitting...":this.submitButtonText)))}render(){return s(d,{key:"80d01331179298720ebc453702a6db644ea51ff4"},s("div",{key:"895f5315bf90607eae80c6cd471d8adcab542d14",part:l},this.renderLoading(),this.renderBusinessDetails(),this.renderTerminals(),this.renderOrderSection()))}};export{k as justifi_order_terminals}