@justifi/webcomponents 5.7.2 → 5.7.3-rc-02

package/dist/module/checkout-core.js

@@ -1,274 +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, V as checkoutSummary } from './parts.js';
-import { d as defineCustomElement$6, H as Header3 } from './billing-form.js';
-import './details.js';
-import './event-types.js';
-import { d as defineCustomElement$h } from './bank-account-form2.js';
-import { d as defineCustomElement$g } from './card-form2.js';
-import { d as defineCustomElement$f } from './custom-popper2.js';
-import { d as defineCustomElement$e } from './form-control-checkbox2.js';
-import { d as defineCustomElement$d } from './form-control-help-text2.js';
-import { d as defineCustomElement$c } from './form-control-radio2.js';
-import { d as defineCustomElement$b } from './form-control-select2.js';
-import { d as defineCustomElement$a } from './form-control-text2.js';
-import { d as defineCustomElement$9 } from './form-control-tooltip2.js';
-import { d as defineCustomElement$8 } from './hidden-input2.js';
-import { d as defineCustomElement$7 } from './iframe-input2.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"))))));
-    }
-}, [1, "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-billing-form", "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$h();
-            }
-            break;
-        case "card-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$g();
-            }
-            break;
-        case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$f();
-            }
-            break;
-        case "form-control-checkbox":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$e();
-            }
-            break;
-        case "form-control-help-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$d();
-            }
-            break;
-        case "form-control-radio":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$c();
-            }
-            break;
-        case "form-control-select":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "form-control-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "form-control-tooltip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "hidden-input":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "iframe-input":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "justifi-billing-form":
-            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/new-payment-method.js

@@ -1,204 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { W as radioListItem } from './parts.js';
-import { d as defineCustomElement$d } from './bank-account-form2.js';
-import { d as defineCustomElement$c } from './card-form2.js';
-import { d as defineCustomElement$b } from './custom-popper2.js';
-import { d as defineCustomElement$a } from './form-control-checkbox2.js';
-import { d as defineCustomElement$9 } from './form-control-help-text2.js';
-import { d as defineCustomElement$8 } from './form-control-radio2.js';
-import { d as defineCustomElement$7 } from './form-control-select2.js';
-import { d as defineCustomElement$6 } from './form-control-text2.js';
-import { d as defineCustomElement$5 } from './form-control-tooltip2.js';
-import { d as defineCustomElement$4 } from './hidden-input2.js';
-import { d as defineCustomElement$3 } from './iframe-input2.js';
-import { d as defineCustomElement$2 } from './billing-form.js';
-import { d as defineCustomElement$1 } from './save-new-payment-method.js';
-
-const PaymentMethodTypeLabels = {
-    bankAccount: 'New bank account',
-    card: 'New credit or debit card',
-};
-const NewPaymentMethod = /*@__PURE__*/ proxyCustomElement(class NewPaymentMethod extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.paymentMethodOptionSelected = createEvent(this, "paymentMethodOptionSelected", 7);
-        this.saveNewPaymentMethodChecked = false;
-        this.onPaymentMethodOptionClick = (e) => {
-            e.preventDefault();
-            this.paymentMethodOptionSelected.emit(this.paymentMethodOption);
-        };
-    }
-    handleCheckboxChanged(event) {
-        this.saveNewPaymentMethodChecked = event.detail;
-    }
-    async fillBillingForm(fields) {
-        this.billingFormRef.fill(fields);
-    }
-    async resolvePaymentMethod(insuranceValidation) {
-        var _a, _b;
-        if (!this.paymentMethodFormRef || !this.billingFormRef)
-            return;
-        try {
-            const { isValid, errors } = await this.validate();
-            if (!isValid || !insuranceValidation.isValid) {
-                // get propety value from first property in errors object
-                const message = `${Object.values(errors)[0] || 'Validation error'}`;
-                return {
-                    validationError: true,
-                    error: {
-                        code: 'validation_error',
-                        message,
-                        decline_code: undefined
-                    }
-                };
-            }
-            const tokenizeResponse = await this.tokenize();
-            if (tokenizeResponse.error) {
-                return { error: tokenizeResponse.error };
-            }
-            else {
-                const tokenizeRessponseData = tokenizeResponse.data;
-                return {
-                    token: ((_a = tokenizeRessponseData.card) === null || _a === void 0 ? void 0 : _a.token) || ((_b = tokenizeRessponseData.bank_account) === null || _b === void 0 ? void 0 : _b.token),
-                    data: tokenizeRessponseData
-                };
-            }
-        }
-        catch (error) {
-            return { error };
-        }
-    }
-    async validate() {
-        const billingFormValidation = await this.billingFormRef.validate();
-        const paymentMethodFormValidation = await this.paymentMethodFormRef.validate();
-        const isValid = billingFormValidation.isValid && paymentMethodFormValidation.isValid;
-        const errors = Object.assign(Object.assign({}, billingFormValidation.errors), paymentMethodFormValidation.errors);
-        return { isValid, errors };
-    }
-    async tokenize() {
-        try {
-            const billingFormFieldValues = await this.billingFormRef.getValues();
-            let paymentMethodData;
-            if (this.saveNewPaymentMethodChecked) {
-                paymentMethodData = Object.assign(Object.assign({}, billingFormFieldValues), { payment_method_group_id: this.paymentMethodGroupId });
-            }
-            else {
-                paymentMethodData = Object.assign({}, billingFormFieldValues);
-            }
-            const clientId = this.authToken;
-            const tokenizeResponse = await this.paymentMethodFormRef.tokenize(clientId, paymentMethodData, this.accountId);
-            return tokenizeResponse;
-        }
-        catch (error) {
-            return error;
-        }
-    }
-    showNewPaymentMethodForm() {
-        var _a;
-        const paymentMethodType = (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id;
-        return (h("div", { class: "mt-4 pb-4" }, h("hidden-input", null), paymentMethodType === 'card' ? (h("card-form", { ref: (el) => this.paymentMethodFormRef = el })) : (h("bank-account-form", { ref: (el) => this.paymentMethodFormRef = el })), h("justifi-billing-form", { ref: (el) => (this.billingFormRef = el), hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: paymentMethodType }), h("justifi-save-new-payment-method", { hidden: !this.paymentMethodGroupId })));
-    }
-    get hiddenRadioInput() {
-        return !this.showAch || !this.showCard;
-    }
-    render() {
-        var _a, _b;
-        return (h(Host, { key: '137378e62a729bd2287b1bdf89cb85c702cd4e12', class: "payment-method" }, h("div", { key: 'dabfcf5c56169708a8968a16aeaafefb43ca3ab8', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick, hidden: this.hiddenRadioInput }, h("form-control-radio", { key: 'd098e2b8f6e1230fc16fdc2cbfd616559bcf2b89', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: PaymentMethodTypeLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id] })), this.isSelected ? this.showNewPaymentMethodForm() : null));
-    }
-}, [0, "justifi-new-payment-method", {
-        "authToken": [1, "auth-token"],
-        "accountId": [1, "account-id"],
-        "paymentMethodOption": [16, "payment-method-option"],
-        "paymentMethodGroupId": [1, "payment-method-group-id"],
-        "isSelected": [4, "is-selected"],
-        "showCard": [4, "show-card"],
-        "showAch": [4, "show-ach"],
-        "hideCardBillingForm": [4, "hide-card-billing-form"],
-        "hideBankAccountBillingForm": [4, "hide-bank-account-billing-form"],
-        "saveNewPaymentMethodChecked": [32],
-        "fillBillingForm": [64],
-        "resolvePaymentMethod": [64],
-        "validate": [64]
-    }, [[0, "checkboxChanged", "handleCheckboxChanged"]]]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["justifi-new-payment-method", "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-billing-form", "justifi-save-new-payment-method"];
-    components.forEach(tagName => { switch (tagName) {
-        case "justifi-new-payment-method":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, NewPaymentMethod);
-            }
-            break;
-        case "bank-account-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$d();
-            }
-            break;
-        case "card-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$c();
-            }
-            break;
-        case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "form-control-checkbox":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "form-control-help-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "form-control-radio":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "form-control-select":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "form-control-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "form-control-tooltip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "hidden-input":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "iframe-input":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "justifi-billing-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "justifi-save-new-payment-method":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { NewPaymentMethod as N, defineCustomElement as d };

package/dist/module/saved-payment-method.js

@@ -1,79 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { d as snakeToCamel } from './utils2.js';
-import { W as radioListItem } from './parts.js';
-import { d as defineCustomElement$2 } from './form-control-help-text2.js';
-import { d as defineCustomElement$1 } from './form-control-radio2.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 = {}));
-
-const SavedPaymentMethod = /*@__PURE__*/ proxyCustomElement(class SavedPaymentMethod extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.paymentMethodOptionSelected = createEvent(this, "paymentMethodOptionSelected", 7);
-        this.onPaymentMethodOptionClick = (e) => {
-            e.preventDefault();
-            this.paymentMethodOptionSelected.emit(this.paymentMethodOption);
-        };
-    }
-    async resolvePaymentMethod(insuranceValidation) {
-        var _a;
-        if (!insuranceValidation.isValid) {
-            return { validationError: true };
-        }
-        return { token: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id };
-    }
-    ;
-    render() {
-        var _a, _b, _c;
-        return (h(Host, { key: '78487e52f549547f4c89f48a238a8916d77d4f1c', class: "payment-method" }, h("div", { key: 'd437a5f9e79356b1177703da2b5d7f4ca98072ce', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '0dd03b9ebae98c441c63717aba310d77e587b1c8', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: `${CardBrandLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.brand] || ''} *${(_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.acct_last_four}` }))));
-    }
-}, [0, "justifi-saved-payment-method", {
-        "paymentMethodOption": [16, "payment-method-option"],
-        "isSelected": [4, "is-selected"],
-        "resolvePaymentMethod": [64]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["justifi-saved-payment-method", "form-control-help-text", "form-control-radio"];
-    components.forEach(tagName => { switch (tagName) {
-        case "justifi-saved-payment-method":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SavedPaymentMethod);
-            }
-            break;
-        case "form-control-help-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "form-control-radio":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { PaymentMethodOption as P, SavedPaymentMethod as S, defineCustomElement as d };

package/dist/webcomponents/p-16d29d0b.entry.js

@@ -1 +0,0 @@
-import{r as t,c as s,h as i}from"./p-D6FDxSyt.js";import"./p-D4Mv5jCp.js";import"./p-BnE7qgLh.js";import{C as o,a as r}from"./p-SdntD1xf.js";import{C as e}from"./p-DzFysjCc.js";import"./p-CLHwhyvu.js";import"./p-CaGOSFHG.js";import"./p-Bk4gk-f7.js";import"./p-BlJnA265.js";import"./p-BH0Xfn-F.js";import{g as p,a as c}from"./p-C5RuuShs.js";import{c as a,J as n}from"./p-BR7flk4G.js";import{C as h}from"./p-DClC2nMO.js";import{m,S as u}from"./p-_pH3Hg4P.js";import{S as j}from"./p-DuYlA4lj.js";import"./p-CZfYo5-1.js";import{d}from"./p-DnB1x5JE.js";import"./p-Cd06j2SL.js";import"./p-BFTU3MAI.js";import"./p-Dt-vy9Le.js";import"./p-BX8GieXu.js";import"./p-BjMTOtI1.js";import"./p-D2ZiLcDE.js";import"./p-D5XSsLKb.js";import"./p-BrLVc_85.js";const l=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(){a(),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:a,onError:n})=>{var h,m;try{const u=await i.fetchCheckouts(t,s,r);if(u.error)return n({error:c(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);a({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:"c76ca3b186023ebea3ac3fe0cf6599786a2f2ea7"},i("checkouts-list-core",{key:"484d31c0b0434181b3bd69cb9c3b6810aa0f2983",getCheckouts:this.getCheckouts,getSubAccounts:this.getSubAccounts,"onError-event":this.handleErrorEvent,columns:this.columns}))}static get watchers(){return{accountId:["propChanged"],authToken:["propChanged"]}}};export{l as justifi_checkouts_list}

package/dist/webcomponents/p-19b9c96a.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as n,H as i,g as r}from"./p-D6FDxSyt.js";import{c as o,l as a,b as s,R as f,a as c,aw as u,ax as l,ay as h}from"./p-BrLVc_85.js";import{F as d}from"./p-C0IqfGFc.js";import"./p-CZfYo5-1.js";var p="top",v="bottom",b="right",m="left",y="auto",x=[p,v,b,m],w="start",g="end",O="viewport",j="popper",k=x.reduce((function(t,e){return t.concat([e+"-"+w,e+"-"+g])}),[]),C=[].concat(x,[y]).reduce((function(t,e){return t.concat([e,e+"-"+w,e+"-"+g])}),[]),M=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function B(t){return t?(t.nodeName||"").toLowerCase():null}function D(t){if(null==t)return window;if("[object Window]"!==t.toString()){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function q(t){return t instanceof D(t).Element||t instanceof Element}function E(t){return t instanceof D(t).HTMLElement||t instanceof HTMLElement}function L(t){return"undefined"!=typeof ShadowRoot&&(t instanceof D(t).ShadowRoot||t instanceof ShadowRoot)}function V(t){return t.split("-")[0]}var I=Math.max,T=Math.min,_=Math.round;function A(){var t=navigator.userAgentData;return null!=t&&t.brands&&Array.isArray(t.brands)?t.brands.map((function(t){return t.brand+"/"+t.version})).join(" "):navigator.userAgent}function F(){return!/^((?!chrome|android).)*safari/i.test(A())}function P(t,e,n){void 0===e&&(e=!1),void 0===n&&(n=!1);var i=t.getBoundingClientRect(),r=1,o=1;e&&E(t)&&(r=t.offsetWidth>0&&_(i.width)/t.offsetWidth||1,o=t.offsetHeight>0&&_(i.height)/t.offsetHeight||1);var a=(q(t)?D(t):window).visualViewport,s=!F()&&n,f=(i.left+(s&&a?a.offsetLeft:0))/r,c=(i.top+(s&&a?a.offsetTop:0))/o,u=i.width/r,l=i.height/o;return{width:u,height:l,top:c,right:f+u,bottom:c+l,left:f,x:f,y:c}}function R(t){var e=P(t),n=t.offsetWidth,i=t.offsetHeight;return Math.abs(e.width-n)<=1&&(n=e.width),Math.abs(e.height-i)<=1&&(i=e.height),{x:t.offsetLeft,y:t.offsetTop,width:n,height:i}}function S(t,e){var n=e.getRootNode&&e.getRootNode();if(t.contains(e))return!0;if(n&&L(n)){var i=e;do{if(i&&t.isSameNode(i))return!0;i=i.parentNode||i.host}while(i)}return!1}function H(t){return D(t).getComputedStyle(t)}function W(t){return["table","td","th"].indexOf(B(t))>=0}function z(t){return((q(t)?t.ownerDocument:t.document)||window.document).documentElement}function G(t){return"html"===B(t)?t:t.assignedSlot||t.parentNode||(L(t)?t.host:null)||z(t)}function K(t){return E(t)&&"fixed"!==H(t).position?t.offsetParent:null}function U(t){for(var e=D(t),n=K(t);n&&W(n)&&"static"===H(n).position;)n=K(n);return n&&("html"===B(n)||"body"===B(n)&&"static"===H(n).position)?e:n||function(t){var e=/firefox/i.test(A());if(/Trident/i.test(A())&&E(t)&&"fixed"===H(t).position)return null;var n=G(t);for(L(n)&&(n=n.host);E(n)&&["html","body"].indexOf(B(n))<0;){var i=H(n);if("none"!==i.transform||"none"!==i.perspective||"paint"===i.contain||-1!==["transform","perspective"].indexOf(i.willChange)||e&&"filter"===i.willChange||e&&i.filter&&"none"!==i.filter)return n;n=n.parentNode}return null}(t)||e}function Y(t){return["top","bottom"].indexOf(t)>=0?"x":"y"}function Z(t,e,n){return I(t,T(e,n))}function J(t){return Object.assign({},{top:0,right:0,bottom:0,left:0},t)}function N(t,e){return e.reduce((function(e,n){return e[n]=t,e}),{})}function Q(t){return t.split("-")[1]}var X={top:"auto",right:"auto",bottom:"auto",left:"auto"};function $(t){var e,n=t.popper,i=t.popperRect,r=t.placement,o=t.variation,a=t.offsets,s=t.position,f=t.gpuAcceleration,c=t.adaptive,u=t.roundOffsets,l=t.isFixed,h=a.x,d=void 0===h?0:h,y=a.y,x=void 0===y?0:y,w="function"==typeof u?u({x:d,y:x}):{x:d,y:x};d=w.x,x=w.y;var O=a.hasOwnProperty("x"),j=a.hasOwnProperty("y"),k=m,C=p,M=window;if(c){var B=U(n),q="clientHeight",E="clientWidth";B===D(n)&&"static"!==H(B=z(n)).position&&"absolute"===s&&(q="scrollHeight",E="scrollWidth"),(r===p||(r===m||r===b)&&o===g)&&(C=v,x-=(l&&B===M&&M.visualViewport?M.visualViewport.height:B[q])-i.height,x*=f?1:-1),r!==m&&(r!==p&&r!==v||o!==g)||(k=b,d-=(l&&B===M&&M.visualViewport?M.visualViewport.width:B[E])-i.width,d*=f?1:-1)}var L,V=Object.assign({position:s},c&&X),I=!0===u?function(t,e){var n=t.y,i=e.devicePixelRatio||1;return{x:_(t.x*i)/i||0,y:_(n*i)/i||0}}({x:d,y:x},D(n)):{x:d,y:x};return d=I.x,x=I.y,Object.assign({},V,f?((L={})[C]=j?"0":"",L[k]=O?"0":"",L.transform=(M.devicePixelRatio||1)<=1?"translate("+d+"px, "+x+"px)":"translate3d("+d+"px, "+x+"px, 0)",L):((e={})[C]=j?x+"px":"",e[k]=O?d+"px":"",e.transform="",e))}var tt={passive:!0},et={left:"right",right:"left",bottom:"top",top:"bottom"};function nt(t){return t.replace(/left|right|bottom|top/g,(function(t){return et[t]}))}var it={start:"end",end:"start"};function rt(t){return t.replace(/start|end/g,(function(t){return it[t]}))}function ot(t){var e=D(t);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function at(t){return P(z(t)).left+ot(t).scrollLeft}function st(t){var e=H(t);return/auto|scroll|overlay|hidden/.test(e.overflow+e.overflowY+e.overflowX)}function ft(t){return["html","body","#document"].indexOf(B(t))>=0?t.ownerDocument.body:E(t)&&st(t)?t:ft(G(t))}function ct(t,e){var n;void 0===e&&(e=[]);var i=ft(t),r=i===(null==(n=t.ownerDocument)?void 0:n.body),o=D(i),a=r?[o].concat(o.visualViewport||[],st(i)?i:[]):i,s=e.concat(a);return r?s:s.concat(ct(G(a)))}function ut(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function lt(t,e,n){return e===O?ut(function(t,e){var n=D(t),i=z(t),r=n.visualViewport,o=i.clientWidth,a=i.clientHeight,s=0,f=0;if(r){o=r.width,a=r.height;var c=F();(c||!c&&"fixed"===e)&&(s=r.offsetLeft,f=r.offsetTop)}return{width:o,height:a,x:s+at(t),y:f}}(t,n)):q(e)?function(t,e){var n=P(t,!1,"fixed"===e);return n.top=n.top+t.clientTop,n.left=n.left+t.clientLeft,n.bottom=n.top+t.clientHeight,n.right=n.left+t.clientWidth,n.width=t.clientWidth,n.height=t.clientHeight,n.x=n.left,n.y=n.top,n}(e,n):ut(function(t){var e,n=z(t),i=ot(t),r=null==(e=t.ownerDocument)?void 0:e.body,o=I(n.scrollWidth,n.clientWidth,r?r.scrollWidth:0,r?r.clientWidth:0),a=I(n.scrollHeight,n.clientHeight,r?r.scrollHeight:0,r?r.clientHeight:0),s=-i.scrollLeft+at(t),f=-i.scrollTop;return"rtl"===H(r||n).direction&&(s+=I(n.clientWidth,r?r.clientWidth:0)-o),{width:o,height:a,x:s,y:f}}(z(t)))}function ht(t){var e,n=t.reference,i=t.element,r=t.placement,o=r?V(r):null,a=r?Q(r):null,s=n.x+n.width/2-i.width/2,f=n.y+n.height/2-i.height/2;switch(o){case p:e={x:s,y:n.y-i.height};break;case v:e={x:s,y:n.y+n.height};break;case b:e={x:n.x+n.width,y:f};break;case m:e={x:n.x-i.width,y:f};break;default:e={x:n.x,y:n.y}}var c=o?Y(o):null;if(null!=c){var u="y"===c?"height":"width";switch(a){case w:e[c]=e[c]-(n[u]/2-i[u]/2);break;case g:e[c]=e[c]+(n[u]/2-i[u]/2)}}return e}function dt(t,e){void 0===e&&(e={});var n=e.placement,i=void 0===n?t.placement:n,r=e.strategy,o=void 0===r?t.strategy:r,a=e.boundary,s=void 0===a?"clippingParents":a,f=e.rootBoundary,c=void 0===f?O:f,u=e.elementContext,l=void 0===u?j:u,h=e.altBoundary,d=void 0!==h&&h,m=e.padding,y=void 0===m?0:m,w=J("number"!=typeof y?y:N(y,x)),g=t.rects.popper,k=t.elements[d?l===j?"reference":j:l],C=function(t,e,n,i){var r="clippingParents"===e?function(t){var e=ct(G(t)),n=["absolute","fixed"].indexOf(H(t).position)>=0&&E(t)?U(t):t;return q(n)?e.filter((function(t){return q(t)&&S(t,n)&&"body"!==B(t)})):[]}(t):[].concat(e),o=[].concat(r,[n]),a=o.reduce((function(e,n){var r=lt(t,n,i);return e.top=I(r.top,e.top),e.right=T(r.right,e.right),e.bottom=T(r.bottom,e.bottom),e.left=I(r.left,e.left),e}),lt(t,o[0],i));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}(q(k)?k:k.contextElement||z(t.elements.popper),s,c,o),M=P(t.elements.reference),D=ht({reference:M,element:g,placement:i}),L=ut(Object.assign({},g,D)),V=l===j?L:M,_={top:C.top-V.top+w.top,bottom:V.bottom-C.bottom+w.bottom,left:C.left-V.left+w.left,right:V.right-C.right+w.right},A=t.modifiersData.offset;if(l===j&&A){var F=A[i];Object.keys(_).forEach((function(t){var e=[b,v].indexOf(t)>=0?1:-1,n=[p,v].indexOf(t)>=0?"y":"x";_[t]+=F[n]*e}))}return _}function pt(t,e){void 0===e&&(e={});var n=e.boundary,i=e.rootBoundary,r=e.padding,o=e.flipVariations,a=e.allowedAutoPlacements,s=void 0===a?C:a,f=Q(e.placement),c=f?o?k:k.filter((function(t){return Q(t)===f})):x,u=c.filter((function(t){return s.indexOf(t)>=0}));0===u.length&&(u=c);var l=u.reduce((function(e,o){return e[o]=dt(t,{placement:o,boundary:n,rootBoundary:i,padding:r})[V(o)],e}),{});return Object.keys(l).sort((function(t,e){return l[t]-l[e]}))}var vt={name:"flip",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,i=t.name;if(!e.modifiersData[i]._skip){for(var r=n.mainAxis,o=void 0===r||r,a=n.altAxis,s=void 0===a||a,f=n.fallbackPlacements,c=n.padding,u=n.boundary,l=n.rootBoundary,h=n.altBoundary,d=n.flipVariations,x=void 0===d||d,g=n.allowedAutoPlacements,O=e.options.placement,j=V(O),k=f||(j!==O&&x?function(t){if(V(t)===y)return[];var e=nt(t);return[rt(t),e,rt(e)]}(O):[nt(O)]),C=[O].concat(k).reduce((function(t,n){return t.concat(V(n)===y?pt(e,{placement:n,boundary:u,rootBoundary:l,padding:c,flipVariations:x,allowedAutoPlacements:g}):n)}),[]),M=e.rects.reference,B=e.rects.popper,D=new Map,q=!0,E=C[0],L=0;L<C.length;L++){var I=C[L],T=V(I),_=Q(I)===w,A=[p,v].indexOf(T)>=0,F=A?"width":"height",P=dt(e,{placement:I,boundary:u,rootBoundary:l,altBoundary:h,padding:c}),R=A?_?b:m:_?v:p;M[F]>B[F]&&(R=nt(R));var S=nt(R),H=[];if(o&&H.push(P[T]<=0),s&&H.push(P[R]<=0,P[S]<=0),H.every((function(t){return t}))){E=I,q=!1;break}D.set(I,H)}if(q)for(var W=function(t){var e=C.find((function(e){var n=D.get(e);if(n)return n.slice(0,t).every((function(t){return t}))}));if(e)return E=e,"break"},z=x?3:1;z>0&&"break"!==W(z);z--);e.placement!==E&&(e.modifiersData[i]._skip=!0,e.placement=E,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function bt(t,e,n){return void 0===n&&(n={x:0,y:0}),{top:t.top-e.height-n.y,right:t.right-e.width+n.x,bottom:t.bottom-e.height+n.y,left:t.left-e.width-n.x}}function mt(t){return[p,b,v,m].some((function(e){return t[e]>=0}))}function yt(t,e,n){void 0===n&&(n=!1);var i,r,o=E(e),a=E(e)&&function(t){var e=t.getBoundingClientRect(),n=_(e.width)/t.offsetWidth||1,i=_(e.height)/t.offsetHeight||1;return 1!==n||1!==i}(e),s=z(e),f=P(t,a,n),c={scrollLeft:0,scrollTop:0},u={x:0,y:0};return(o||!o&&!n)&&(("body"!==B(e)||st(s))&&(c=(i=e)!==D(i)&&E(i)?{scrollLeft:(r=i).scrollLeft,scrollTop:r.scrollTop}:ot(i)),E(e)?((u=P(e,!0)).x+=e.clientLeft,u.y+=e.clientTop):s&&(u.x=at(s))),{x:f.left+c.scrollLeft-u.x,y:f.top+c.scrollTop-u.y,width:f.width,height:f.height}}function xt(t){var e=new Map,n=new Set,i=[];function r(t){n.add(t.name),[].concat(t.requires||[],t.requiresIfExists||[]).forEach((function(t){if(!n.has(t)){var i=e.get(t);i&&r(i)}})),i.push(t)}return t.forEach((function(t){e.set(t.name,t)})),t.forEach((function(t){n.has(t.name)||r(t)})),i}var wt={placement:"bottom",modifiers:[],strategy:"absolute"};function gt(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return!e.some((function(t){return!(t&&"function"==typeof t.getBoundingClientRect)}))}function Ot(t){void 0===t&&(t={});var e=t.defaultModifiers,n=void 0===e?[]:e,i=t.defaultOptions,r=void 0===i?wt:i;return function(t,e,i){void 0===i&&(i=r);var o,a,s={placement:"bottom",orderedModifiers:[],options:Object.assign({},wt,r),modifiersData:{},elements:{reference:t,popper:e},attributes:{},styles:{}},f=[],c=!1,u={state:s,setOptions:function(i){var o="function"==typeof i?i(s.options):i;l(),s.options=Object.assign({},r,s.options,o),s.scrollParents={reference:q(t)?ct(t):t.contextElement?ct(t.contextElement):[],popper:ct(e)};var a,c,h=function(t){var e=xt(t);return M.reduce((function(t,n){return t.concat(e.filter((function(t){return t.phase===n})))}),[])}((a=[].concat(n,s.options.modifiers),c=a.reduce((function(t,e){var n=t[e.name];return t[e.name]=n?Object.assign({},n,e,{options:Object.assign({},n.options,e.options),data:Object.assign({},n.data,e.data)}):e,t}),{}),Object.keys(c).map((function(t){return c[t]}))));return s.orderedModifiers=h.filter((function(t){return t.enabled})),s.orderedModifiers.forEach((function(t){var e=t.options,n=t.effect;if("function"==typeof n){var i=n({state:s,name:t.name,instance:u,options:void 0===e?{}:e});f.push(i||function(){})}})),u.update()},forceUpdate:function(){if(!c){var t=s.elements,e=t.reference,n=t.popper;if(gt(e,n)){s.rects={reference:yt(e,U(n),"fixed"===s.options.strategy),popper:R(n)},s.reset=!1,s.placement=s.options.placement,s.orderedModifiers.forEach((function(t){return s.modifiersData[t.name]=Object.assign({},t.data)}));for(var i=0;i<s.orderedModifiers.length;i++)if(!0!==s.reset){var r=s.orderedModifiers[i],o=r.fn,a=r.options;"function"==typeof o&&(s=o({state:s,options:void 0===a?{}:a,name:r.name,instance:u})||s)}else s.reset=!1,i=-1}}},update:(o=function(){return new Promise((function(t){u.forceUpdate(),t(s)}))},function(){return a||(a=new Promise((function(t){Promise.resolve().then((function(){a=void 0,t(o())}))}))),a}),destroy:function(){l(),c=!0}};if(!gt(t,e))return u;function l(){f.forEach((function(t){return t()})),f=[]}return u.setOptions(i).then((function(t){!c&&i.onFirstUpdate&&i.onFirstUpdate(t)})),u}}var jt=Ot({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(t){var e=t.state,n=t.instance,i=t.options,r=i.scroll,o=void 0===r||r,a=i.resize,s=void 0===a||a,f=D(e.elements.popper),c=[].concat(e.scrollParents.reference,e.scrollParents.popper);return o&&c.forEach((function(t){t.addEventListener("scroll",n.update,tt)})),s&&f.addEventListener("resize",n.update,tt),function(){o&&c.forEach((function(t){t.removeEventListener("scroll",n.update,tt)})),s&&f.removeEventListener("resize",n.update,tt)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(t){var e=t.state;e.modifiersData[t.name]=ht({reference:e.rects.reference,element:e.rects.popper,placement:e.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(t){var e=t.state,n=t.options,i=n.gpuAcceleration,r=void 0===i||i,o=n.adaptive,a=void 0===o||o,s=n.roundOffsets,f=void 0===s||s,c={placement:V(e.placement),variation:Q(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:r,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,$(Object.assign({},c,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:f})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,$(Object.assign({},c,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:f})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(t){var e=t.state;Object.keys(e.elements).forEach((function(t){var n=e.styles[t]||{},i=e.attributes[t]||{},r=e.elements[t];E(r)&&B(r)&&(Object.assign(r.style,n),Object.keys(i).forEach((function(t){var e=i[t];!1===e?r.removeAttribute(t):r.setAttribute(t,!0===e?"":e)})))}))},effect:function(t){var e=t.state,n={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,n.popper),e.styles=n,e.elements.arrow&&Object.assign(e.elements.arrow.style,n.arrow),function(){Object.keys(e.elements).forEach((function(t){var i=e.elements[t],r=e.attributes[t]||{},o=Object.keys(e.styles.hasOwnProperty(t)?e.styles[t]:n[t]).reduce((function(t,e){return t[e]="",t}),{});E(i)&&B(i)&&(Object.assign(i.style,o),Object.keys(r).forEach((function(t){i.removeAttribute(t)})))}))}},requires:["computeStyles"]},{name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(t){var e=t.state,n=t.name,i=t.options.offset,r=void 0===i?[0,0]:i,o=C.reduce((function(t,n){return t[n]=function(t,e,n){var i=V(t),r=[m,p].indexOf(i)>=0?-1:1,o="function"==typeof n?n(Object.assign({},e,{placement:t})):n,a=o[0],s=o[1];return a=a||0,s=(s||0)*r,[m,b].indexOf(i)>=0?{x:s,y:a}:{x:a,y:s}}(n,e.rects,r),t}),{}),a=o[e.placement],s=a.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=a.x,e.modifiersData.popperOffsets.y+=s),e.modifiersData[n]=o}},vt,{name:"preventOverflow",enabled:!0,phase:"main",fn:function(t){var e=t.state,n=t.options,i=t.name,r=n.mainAxis,o=void 0===r||r,a=n.altAxis,s=void 0!==a&&a,f=n.tether,c=void 0===f||f,u=n.tetherOffset,l=void 0===u?0:u,h=dt(e,{boundary:n.boundary,rootBoundary:n.rootBoundary,padding:n.padding,altBoundary:n.altBoundary}),d=V(e.placement),y=Q(e.placement),x=!y,g=Y(d),O="x"===g?"y":"x",j=e.modifiersData.popperOffsets,k=e.rects.reference,C=e.rects.popper,M="function"==typeof l?l(Object.assign({},e.rects,{placement:e.placement})):l,B="number"==typeof M?{mainAxis:M,altAxis:M}:Object.assign({mainAxis:0,altAxis:0},M),D=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,q={x:0,y:0};if(j){if(o){var E,L="y"===g?p:m,_="y"===g?v:b,A="y"===g?"height":"width",F=j[g],P=F+h[L],S=F-h[_],H=c?-C[A]/2:0,W=y===w?k[A]:C[A],z=y===w?-C[A]:-k[A],G=e.elements.arrow,K=c&&G?R(G):{width:0,height:0},J=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},N=J[L],X=J[_],$=Z(0,k[A],K[A]),tt=x?k[A]/2-H-$-N-B.mainAxis:W-$-N-B.mainAxis,et=x?-k[A]/2+H+$+X+B.mainAxis:z+$+X+B.mainAxis,nt=e.elements.arrow&&U(e.elements.arrow),it=null!=(E=null==D?void 0:D[g])?E:0,rt=F+et-it,ot=Z(c?T(P,F+tt-it-(nt?"y"===g?nt.clientTop||0:nt.clientLeft||0:0)):P,F,c?I(S,rt):S);j[g]=ot,q[g]=ot-F}if(s){var at,st=j[O],ft="y"===O?"height":"width",ct=st+h["x"===g?p:m],ut=st-h["x"===g?v:b],lt=-1!==[p,m].indexOf(d),ht=null!=(at=null==D?void 0:D[O])?at:0,pt=lt?ct:st-k[ft]-C[ft]-ht+B.altAxis,vt=lt?st+k[ft]+C[ft]-ht-B.altAxis:ut,bt=c&&lt?function(t,e,n){var i=Z(t,e,n);return i>n?n:i}(pt,st,vt):Z(c?pt:ct,st,c?vt:ut);j[O]=bt,q[O]=bt-st}e.modifiersData[i]=q}},requiresIfExists:["offset"]},{name:"arrow",enabled:!0,phase:"main",fn:function(t){var e,n=t.state,i=t.name,r=t.options,o=n.elements.arrow,a=n.modifiersData.popperOffsets,s=V(n.placement),f=Y(s),c=[m,b].indexOf(s)>=0?"height":"width";if(o&&a){var u=function(t,e){return J("number"!=typeof(t="function"==typeof t?t(Object.assign({},e.rects,{placement:e.placement})):t)?t:N(t,x))}(r.padding,n),l=R(o),h="y"===f?p:m,d="y"===f?v:b,y=n.rects.reference[c]+n.rects.reference[f]-a[f]-n.rects.popper[c],w=a[f]-n.rects.reference[f],g=U(o),O=g?"y"===f?g.clientHeight||0:g.clientWidth||0:0,j=O/2-l[c]/2+(y/2-w/2),k=Z(u[h],j,O-l[c]-u[d]);n.modifiersData[i]=((e={})[f]=k,e.centerOffset=k-j,e)}},effect:function(t){var e=t.state,n=t.options.element,i=void 0===n?"[data-popper-arrow]":n;null!=i&&("string"!=typeof i||(i=e.elements.popper.querySelector(i)))&&S(e.elements.popper,i)&&(e.elements.arrow=i)},requires:["popperOffsets"],requiresIfExists:["preventOverflow"]},{name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(t){var e=t.state,n=t.name,i=e.rects.reference,r=e.rects.popper,o=e.modifiersData.preventOverflow,a=dt(e,{elementContext:"reference"}),s=dt(e,{altBoundary:!0}),f=bt(a,i),c=bt(s,r,o),u=mt(f),l=mt(c);e.modifiersData[n]={referenceClippingOffsets:f,popperEscapeOffsets:c,isReferenceHidden:u,hasPopperEscaped:l},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":l})}}]});const kt=class{constructor(n){t(this,n),this.showEvent=e(this,"showEvent"),this.hideEvent=e(this,"hideEvent"),this.placement="bottom",this.offset=[0,10],this.strategy="absolute",this.trigger="click",this.isOpen=!1}componentDidLoad(){this.popperInstance=jt(this.anchorRef,this.popperContentRef,this.popperOptions),"click"===this.trigger?window.addEventListener("click",this.handleClick.bind(this)):"hover"===this.trigger?(this.anchorRef.addEventListener("mouseenter",this.show.bind(this)),this.anchorRef.addEventListener("mouseleave",this.hide.bind(this)),this.popperContentRef.addEventListener("mouseenter",this.show.bind(this)),this.popperContentRef.addEventListener("mouseleave",this.hide.bind(this))):"focus"===this.trigger&&(this.anchorRef.addEventListener("focus",this.show.bind(this)),this.anchorRef.addEventListener("blur",this.hide.bind(this)))}disconnectedCallback(){"click"===this.trigger?window.removeEventListener("click",this.handleClick.bind(this)):"hover"===this.trigger?(this.anchorRef.removeEventListener("mouseenter",this.show.bind(this)),this.anchorRef.removeEventListener("mouseleave",this.hide.bind(this)),this.popperContentRef.removeEventListener("mouseenter",this.show.bind(this)),this.popperContentRef.removeEventListener("mouseleave",this.hide.bind(this))):"focus"===this.trigger&&(this.anchorRef.removeEventListener("focus",this.show.bind(this)),this.anchorRef.removeEventListener("blur",this.hide.bind(this)))}handleClick(t){const e=t.composedPath(),n=e.includes(this.anchorRef),i=e.includes(this.popperContentRef);!this.isOpen&&n?this.show():(this.isOpen&&!i||this.isOpen&&n)&&this.hide()}get popperOptions(){return{placement:this.placement,modifiers:[{name:"offset",options:{offset:this.offset}}],strategy:this.strategy}}show(){this.isOpen=!0,this.popperContentRef.setAttribute("data-show",""),this.popperInstance.update(),this.showEvent.emit()}hide(){this.isOpen=!1,this.popperContentRef.removeAttribute("data-show"),this.popperInstance.update(),this.hideEvent.emit()}render(){return n("div",{key:"7ef56b941bf884c5a1416b373372748374bb204a"},n("style",{key:"ac2a710bea0939dd7f279968cfd33d789eba3a08"},"\n          .popper-content {\n            display: none;\n          }\n          .popper-content[data-show] {\n            display: block;\n            z-index: 1030;\n          }\n          "),n("div",{key:"f34a15bd8122833ed8b188cd0519588f2da78bb9",class:"popper-content",ref:t=>this.popperContentRef=t},n("slot",{key:"54d97c9be7fe9c33584156569c927e2108cab331"})))}},Ct=class{constructor(n){t(this,n),this.formControlInput=e(this,"formControlInput"),this.formControlBlur=e(this,"formControlBlur"),this.isFocused=!1,this.handleFormControlInput=t=>{const e=t.target,n=e.getAttribute("name");this.inputHandler(n,e.value),this.formControlInput.emit(e.value)},this.updateInput=t=>{this.selectElement.value=t}}handleDefaultValueChange(t){this.updateInput(t)}componentDidLoad(){this.updateInput(this.defaultValue)}get part(){let t=o;return this.errorText&&(t=s),this.disabled&&(t=f),this.isFocused&&(t=c),t}render(){var t;return n(i,{key:"f55283c73225466b10cec78e6e5ff1c268142d1b"},n("div",{key:"48beb377ca664b867598f8e472a3bb4825aecf9b",class:"form-group d-flex flex-column"},n("div",{key:"13debfb6a725d7f247eb5601e3361a3964b826e9",class:"d-flex align-items-start gap-2"},n("label",{key:"15ac64fb03a5c1cb8f55c18bd7eb41d66328e599",part:a,class:"form-label",htmlFor:this.name},this.label),n("form-control-tooltip",{key:"3d8b43ed6e997234f7c64daf41b2286bec93340e",helpText:this.helpText})),n("select",{key:"1c3eb5699a0b76c694a02fe50e8070483b2960e6",ref:t=>this.selectElement=t,id:this.name,name:this.name,onFocus:()=>this.isFocused=!0,onBlur:()=>{this.isFocused=!1,this.formControlBlur.emit()},onInput:this.handleFormControlInput,part:this.part,class:this.errorText?"form-select is-invalid":"form-select",disabled:this.disabled},null===(t=this.options)||void 0===t?void 0:t.map((t=>n("option",{value:t.value},t.label)))),n(d,{key:"d223fd1fad44de99812b0e3a3429e3931b798c2c",errorText:this.errorText,name:this.name})))}static get watchers(){return{defaultValue:["handleDefaultValueChange"]}}},Mt=class{constructor(n){t(this,n),this.formControlInput=e(this,"formControlInput"),this.formControlBlur=e(this,"formControlBlur"),this.isFocused=!1,this.handleFormControlInput=t=>{const e=t.target,n=e.getAttribute("name");this.inputHandler(n,e.value),this.formControlInput.emit({name:n,value:e.value})},this.updateInput=t=>{const e=this.el.querySelector("input");e&&(e.value=t||"")}}handleDefaultValueChange(t){this.updateInput(t)}componentDidLoad(){this.updateInput(this.defaultValue)}get part(){return this.errorText?s:this.disabled?f:this.isFocused?c:o}render(){return n(i,{key:"9ceda4ac9f8bd1ab572652b1818672948ad7d66f"},n("div",{key:"da631a05be3b84ca86a91a360eb7f6a3a3468b78",class:"form-group d-flex flex-column"},n("div",{key:"d5c5b7fe29e611806c63e43aa99c9831d4e8ba35",class:"d-flex align-items-start gap-2"},n("label",{key:"327ca9d8520ba4814104667da7cd8275489431ee",part:a,class:"form-label",htmlFor:this.name},this.label),n("form-control-tooltip",{key:"32678aefb28b06734c80e1f37b5c4b546ad0770b",helpText:this.helpText})),n("input",{key:"85152fdebfa1081e84e2c8adf760e4f7f6a94ea0",id:this.name,name:this.name,onFocus:()=>this.isFocused=!0,onBlur:()=>{this.isFocused=!1,this.formControlBlur.emit()},onInput:this.handleFormControlInput,onKeyDown:this.keyDownHandler,onPaste:this.keyDownHandler,maxLength:this.maxLength,part:this.part,class:this.errorText?"form-control is-invalid":"form-control",type:"text",disabled:this.disabled}),n(d,{key:"d0d8bd801df53a377010b89167d30ded49bc2cdc",errorText:this.errorText,name:this.name})))}get el(){return r(this)}static get watchers(){return{defaultValue:["handleDefaultValueChange"]}}},Bt=class{constructor(e){t(this,e)}show(){this.tooltip.classList.add("show")}hide(){this.tooltip.classList.remove("show")}render(){return this.helpText?n("div",{class:"tooltip-container"},n("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",fill:"currentColor",class:"bi bi-question-square tooltip-icon",viewBox:"0 0 16 16",ref:t=>this.anchorIcon=t,part:h},n("path",{d:"M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z"}),n("path",{d:"M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286m1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94"})),n("custom-popper",{trigger:"hover",placement:"top",anchorRef:this.anchorIcon},n("div",{class:"tooltip bs-tooltip-top",part:u,role:"tooltip",ref:t=>this.tooltip=t},n("div",{class:"tooltip-inner",part:l},this.helpText)))):null}};export{kt as custom_popper,Ct as form_control_select,Mt as form_control_text,Bt as form_control_tooltip}

package/dist/webcomponents/p-22a0b397.entry.js

@@ -1 +0,0 @@
-import{r as t,c as s,h as e,H as i}from"./p-D6FDxSyt.js";import{Z as a,_ as r,$ as h,a0 as c,a1 as o,l as f}from"./p-BrLVc_85.js";const l=class{constructor(e){t(this,e),this.formControlInput=s(this,"formControlInput"),this.formControlBlur=s(this,"formControlBlur"),this.isFocused=!1,this.handleFormControlInput=t=>{const s=t.target.getAttribute("name");this.inputHandler(s,this.value),this.formControlInput.emit({name:s,value:this.value})}}get part(){return this.errorText?a:this.isFocused&&this.checked?r:this.checked?h:this.isFocused?c:o}render(){return e(i,{key:"c509c9fa1e33816ade27c55f3053cd964f1f1144",class:"form-group d-flex flex-column"},e("div",{key:"7067e770576550bc9627cc57dfff24a7f6f6951c",class:"form-check"},e("input",{key:"9a6d01184eb3be812728dc92ad40d14c1f3e465d",ref:t=>this.radioElement=t,type:"radio",id:`${this.name}-${this.value}`,name:this.name,onFocus:()=>this.isFocused=!0,onBlur:()=>{this.isFocused=!1,this.formControlBlur.emit()},onChange:this.handleFormControlInput,part:this.part,class:this.errorText?"form-check-input is-invalid":"form-check-input",disabled:this.disabled,value:this.value,checked:this.checked}),e("label",{key:"7f54b31c722389a5397e907cc1a400f5da181d21",class:"form-check-label",htmlFor:`${this.name}-${this.value}`,part:f},this.label)),e("form-control-help-text",{key:"1424f36dfba3af3573fa844d86192428afde1082",helpText:this.helpText,name:this.name}),e("form-control-error-text",{key:"4e3d2d14f8f328c8c6278cf474bfc5858c3954f1",errorText:this.errorText,name:this.name}))}};export{l as form_control_radio}

package/dist/webcomponents/p-2c8d7aa9.entry.js

@@ -1 +0,0 @@
-import{r as t,c as s,h as i}from"./p-D6FDxSyt.js";import{C as r,a as o}from"./p-SdntD1xf.js";import{c as e,J as p}from"./p-BR7flk4G.js";import{T as a}from"./p-DvhDilDP.js";import"./p-D4Mv5jCp.js";import"./p-BnE7qgLh.js";import"./p-DzFysjCc.js";import"./p-CLHwhyvu.js";import"./p-CaGOSFHG.js";import{b as n}from"./p-Bk4gk-f7.js";import"./p-BlJnA265.js";import"./p-BH0Xfn-F.js";import{g as c,a as h}from"./p-C5RuuShs.js";import{m,S as j}from"./p-_pH3Hg4P.js";import{S as u}from"./p-DuYlA4lj.js";import"./p-CZfYo5-1.js";import{d as l}from"./p-uSM1EMk-.js";import"./p-BjMTOtI1.js";import"./p-D2ZiLcDE.js";import"./p-Cd06j2SL.js";import"./p-BFTU3MAI.js";import"./p-Dt-vy9Le.js";import"./p-BX8GieXu.js";import"./p-D5XSsLKb.js";import"./p-BrLVc_85.js";const d=class{constructor(i){t(this,i),this.errorEvent=s(this,"error-event"),this.errorMessage=null,this.columns=l,this.handleErrorEvent=t=>{this.errorMessage=t.detail.message,this.errorEvent.emit(t.detail)}}componentWillLoad(){e(),this.analytics=new p(this),this.initializeGetData()}disconnectedCallback(){var t;null===(t=this.analytics)||void 0===t||t.cleanup()}propChanged(){this.initializeGetData()}initializeGetData(){this.initializeGetTerminals(),this.initializeGetSubAccounts()}initializeGetTerminals(){this.accountId&&this.authToken?this.getTerminals=(({id:t,authToken:s,service:i})=>async({params:o,onSuccess:e,onError:p})=>{var a,m;try{const j=await i.fetchTerminals(t,s,o);if(j.error)return p({error:h(j.error),code:c(null===(m=j.error)||void 0===m?void 0:m.code),severity:r.ERROR});{const t=Object.assign({},j.page_info);e({terminals:(null===(a=j.data)||void 0===a?void 0:a.map((t=>new n(t))))||[],pagingInfo:t})}}catch(t){const s=c(null==t?void 0:t.code);return p({error:t.message||t,code:s,severity:r.ERROR})}})({id:this.accountId,authToken:this.authToken,service:new a}):(this.errorMessage="Account ID and Auth Token are required",this.errorEvent.emit({errorCode:o.MISSING_PROPS,message:this.errorMessage,severity:r.ERROR}))}initializeGetSubAccounts(){this.accountId&&this.authToken&&(this.getSubAccounts=m({accountId:this.accountId,authToken:this.authToken,service:new j}))}render(){return i(u,{key:"8c81823f7a3c613fc1725a8c4fe3438f6186f4fe"},i("terminals-list-core",{key:"13c38992d9e101955d39065985b6c6b22b5ace9e",getTerminals:this.getTerminals,getSubAccounts:this.getSubAccounts,"onError-event":this.handleErrorEvent,columns:this.columns}))}static get watchers(){return{accountId:["propChanged"],authToken:["propChanged"]}}};export{d as justifi_terminals_list}