@justifi/webcomponents 4.19.0 → 4.19.1-rc-3

package/dist/webcomponents/p-33272d05.entry.js

@@ -0,0 +1,94 @@
+import { r as registerInstance, c as createEvent, h } from './p-fad19d75.js';
+import { P as PaymentService } from './p-cb26f708.js';
+import './p-56f6ce4c.js';
+import { P as Payment } from './p-df21aaad.js';
+import './p-e3fab0e2.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './p-14c91ffd.js';
+import { g as getErrorMessage, a as getErrorCode } from './p-8115b2f4.js';
+import { E as ErrorState } from './p-dce846bf.js';
+import { J as JustifiAnalytics } from './p-387450f6.js';
+import './p-29c0b182.js';
+import './p-2dabeb5a.js';
+
+const makeGetPayments = ({ id, authToken, service }) => async ({ params, onSuccess, onError }) => {
+    var _a, _b;
+    try {
+        const response = await service.fetchPayments(id, authToken, params);
+        if (!response.error) {
+            const pagingInfo = Object.assign({}, response.page_info);
+            const payments = ((_a = response.data) === null || _a === void 0 ? void 0 : _a.map((dataItem) => new Payment(dataItem))) || [];
+            onSuccess({ payments, pagingInfo });
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_b = response.error) === null || _b === void 0 ? void 0 : _b.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+};
+
+const PaymentsList = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.handleErrorEvent = (event) => {
+            this.errorMessage = event.detail.message;
+            this.errorEvent.emit(event.detail);
+        };
+        this.accountId = undefined;
+        this.authToken = undefined;
+        this.getPayments = undefined;
+        this.errorMessage = null;
+    }
+    componentWillLoad() {
+        this.analytics = new JustifiAnalytics(this);
+        this.initializeGetPayments();
+    }
+    disconnectedCallback() {
+        this.analytics.cleanup();
+    }
+    propChanged() {
+        this.initializeGetPayments();
+    }
+    initializeGetPayments() {
+        if (this.accountId && this.authToken) {
+            this.getPayments = makeGetPayments({
+                id: this.accountId,
+                authToken: this.authToken,
+                service: new PaymentService(),
+            });
+        }
+        else {
+            this.errorMessage = 'Account ID and Auth Token are required';
+            this.errorEvent.emit({
+                errorCode: ComponentErrorCodes.MISSING_PROPS,
+                message: this.errorMessage,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    render() {
+        if (this.errorMessage) {
+            return ErrorState(this.errorMessage);
+        }
+        return (h("payments-list-core", { getPayments: this.getPayments, "onError-event": this.handleErrorEvent }));
+    }
+    static get watchers() { return {
+        "accountId": ["propChanged"],
+        "authToken": ["propChanged"]
+    }; }
+};
+
+export { PaymentsList as justifi_payments_list };

package/dist/webcomponents/p-3642ad71.entry.js

@@ -0,0 +1,145 @@
+import { r as registerInstance, c as createEvent, h } from './p-fad19d75.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './p-14c91ffd.js';
+import { g as getErrorMessage, a as getErrorCode } from './p-8115b2f4.js';
+import { A as Api } from './p-29c0b182.js';
+import './p-56f6ce4c.js';
+import './p-df21aaad.js';
+import './p-e3fab0e2.js';
+import { J as JustifiAnalytics } from './p-387450f6.js';
+import './p-2dabeb5a.js';
+
+const makeGetCheckout = ({ authToken, checkoutId, service }) => async ({ onSuccess, onError }) => {
+    var _a;
+    try {
+        const response = await service.fetchCheckout(authToken, checkoutId);
+        if (!response.error) {
+            const checkout = response.data;
+            onSuccess({ checkout });
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+};
+const makeCheckoutComplete = ({ authToken, checkoutId, service }) => async ({ payment, onSuccess, onError }) => {
+    var _a;
+    try {
+        const response = await service.complete(authToken, checkoutId, payment);
+        if (!response.error) {
+            onSuccess(response);
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+};
+
+class CheckoutService {
+    async fetchCheckout(authToken, checkoutId) {
+        const endpoint = `checkouts/${checkoutId}`;
+        return Api({ authToken, apiOrigin: undefined }).get(endpoint);
+    }
+    async complete(authToken, checkoutId, payment) {
+        const endpoint = `checkouts/${checkoutId}/complete`;
+        const payload = {
+            payment_mode: payment.payment_mode,
+        };
+        if (payment.payment_token) {
+            payload.payment_token = payment.payment_token;
+        }
+        return Api({ authToken, apiOrigin: undefined }).post(endpoint, JSON.stringify(payload));
+    }
+}
+
+const Checkout = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.loadedEvent = createEvent(this, "loaded", 7);
+        this.iframeOrigin = undefined;
+        this.authToken = undefined;
+        this.checkoutId = undefined;
+        this.disableCreditCard = undefined;
+        this.disableBankAccount = undefined;
+        this.disableBnpl = undefined;
+        this.disablePaymentMethodGroup = undefined;
+        this.getCheckout = undefined;
+        this.complete = undefined;
+        this.errorMessage = '';
+    }
+    componentWillLoad() {
+        this.analytics = new JustifiAnalytics(this);
+        this.initializeGetCheckout();
+    }
+    disconnectedCallback() {
+        this.analytics.cleanup();
+    }
+    initializeGetCheckout() {
+        if (this.authToken && this.checkoutId) {
+            this.getCheckout = makeGetCheckout({
+                authToken: this.authToken,
+                checkoutId: this.checkoutId,
+                service: new CheckoutService()
+            });
+            this.complete = makeCheckoutComplete({
+                authToken: this.authToken,
+                checkoutId: this.checkoutId,
+                service: new CheckoutService()
+            });
+        }
+        else {
+            this.errorEvent.emit({
+                message: 'auth-token and checkout-id are required',
+                errorCode: ComponentErrorCodes.MISSING_PROPS,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    propChanged() {
+        this.initializeGetCheckout();
+    }
+    async fillBillingForm(fields) {
+        this.checkoutCoreRef.fillBillingForm(fields);
+    }
+    render() {
+        return (h("justifi-checkout-core", { key: 'd2f6bfed1be767edcf4ba21cddc503ff5efbec1a', getCheckout: this.getCheckout, authToken: this.authToken, complete: this.complete, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, disableBnpl: this.disableBnpl, disablePaymentMethodGroup: this.disablePaymentMethodGroup, ref: el => {
+                if (el) {
+                    this.checkoutCoreRef = el;
+                }
+            } }, h("div", { key: '45ac1bea74ca8ef7999211b51fe7791225d61f00', slot: "insurance" }, h("slot", { key: '13e051844cc7cb4aed98076ccd64954b2dd68228', name: "insurance" }))));
+    }
+    static get watchers() { return {
+        "authToken": ["propChanged"],
+        "checkoutId": ["propChanged"]
+    }; }
+};
+
+export { Checkout as justifi_checkout };

package/dist/webcomponents/p-387450f6.js

@@ -0,0 +1,77 @@
+import { p as packageJson } from './p-2dabeb5a.js';
+import { A as Api } from './p-29c0b182.js';
+
+class AnalyticsService {
+    async record(body) {
+        const endpoint = 'analytics';
+        return Api({ apiOrigin: undefined }).post(endpoint, JSON.stringify(body));
+    }
+}
+
+/**
+ * @class JustifiAnalytics
+ * @description A class to track analytics for a component
+ * @param { component } ComponentInterface - The component to track
+ *
+ */
+class JustifiAnalytics {
+    constructor(component) {
+        this.handleCustomEvent = async (data) => {
+            // Track the event
+            await this.service.record(data);
+        };
+        this.service = new AnalyticsService();
+        this.componentInstance = component;
+        this.setUpBasicData();
+        this.setupLifecycleTracking();
+        this.trackCustomEvents();
+    }
+    get resourceId() {
+        return (this.componentInstance.accountId ||
+            this.componentInstance.businessId ||
+            this.componentInstance.paymentId ||
+            this.componentInstance.payoutId ||
+            this.componentInstance.checkoutId);
+    }
+    setUpBasicData() {
+        this.basicData = {
+            component_name: this.componentInstance.tagName,
+            component_version: packageJson.version,
+            client_user_agent: navigator.userAgent,
+            // navigator.platform is deprecated, use navigator.userAgent instead
+            client_platform: navigator.userAgent,
+            client_origin: window.location.origin,
+            resource_id: this.resourceId,
+        };
+    }
+    trackCustomEvents() {
+        this.eventEmitters = ['submitted', 'error-event'];
+        // for each event, add an event listener
+        this.eventEmitters.forEach((eventName) => {
+            // if this.componentInstance.addEventListener is a function add the event listener
+            if (typeof this.componentInstance.addEventListener === 'function') {
+                this.componentInstance.addEventListener(eventName, (event) => this.handleCustomEvent({
+                    event_type: eventName,
+                    data: Object.assign(Object.assign({}, this.basicData), { error: event.detail }),
+                }));
+            }
+        });
+    }
+    setupLifecycleTracking() {
+        const originalComponentDidLoad = this.componentInstance.componentDidLoad;
+        this.componentInstance.componentDidLoad = () => {
+            this.service.record({ event_type: 'init', data: this.basicData });
+            if (originalComponentDidLoad) {
+                return originalComponentDidLoad.apply(this.componentInstance);
+            }
+        };
+    }
+    cleanup() {
+        // Remove event listeners
+        this.eventEmitters.forEach((event) => {
+            this.componentInstance.removeEventListener(event, this.handleCustomEvent);
+        });
+    }
+}
+
+export { JustifiAnalytics as J };

package/dist/webcomponents/p-3e9ef4a8.js

@@ -0,0 +1,28 @@
+import { A as Api } from './p-29c0b182.js';
+
+class BusinessService {
+    async fetchBusiness(businessId, authToken) {
+        const endpoint = `entities/business/${businessId}`;
+        return Api({ authToken, apiOrigin: undefined }).get(endpoint);
+    }
+    async patchBusiness(authToken, businessId, payload) {
+        const endpoint = `entities/business/${businessId}`;
+        return Api({ authToken, apiOrigin: undefined }).patch(endpoint, payload);
+    }
+}
+class IdentityService {
+    async fetchIdentity(identityId, authToken) {
+        const endpoint = `entities/identity/${identityId}`;
+        return Api({ authToken, apiOrigin: undefined }).get(endpoint);
+    }
+    async patchIdentity(authToken, identityId, payload) {
+        const endpoint = `entities/identity/${identityId}`;
+        return Api({ authToken, apiOrigin: undefined }).patch(endpoint, payload);
+    }
+    async postIdentity(authToken, payload) {
+        const endpoint = `entities/identity`;
+        return Api({ authToken, apiOrigin: undefined }).post(endpoint, payload);
+    }
+}
+
+export { BusinessService as B, IdentityService as I };

package/dist/webcomponents/p-3fd13ca3.js

@@ -1 +1,52 @@
-import{c as e}from"./p-2eab3c90.js";import{h as s,w as n,e as a,d as i,j as r,k as t,m as u,t as _,n as o,r as c,o as b,q as l,u as m,v as p,x as d,y as g}from"./p-89887332.js";const y=c=>{const b=e({legal_name:s.required("Enter legal name"),website_url:n.required("Enter business website url"),email:a.required("Enter business email"),phone:i.required("Enter phone number"),doing_business_as:r.required("Enter doing business as"),classification:t.required("Select business classification"),industry:u.required("Enter a business industry"),tax_id:_.required("Enter tax id, SSN, or EIN"),date_of_incorporation:o.required("Enter date of incorporation")}),l=e({legal_name:s.required("Enter legal name"),website_url:n.nullable(),email:a.nullable(),phone:i.nullable(),doing_business_as:r.nullable(),classification:t.nullable(),industry:u.nullable(),tax_id:_.nullable(),date_of_incorporation:o.nullable()});return c?l:b},v=s=>{const n=e({business_revenue:c.required("Enter business revenue"),business_payment_volume:b.required("Enter business payment volume"),business_when_service_received:l.required("Select when service is received"),business_recurring_payments:m.required("Select recurring payments"),business_recurring_payments_percentage:p,business_seasonal:d.required("Select business seasonal"),business_other_payment_details:g.nullable()}),a=e({business_revenue:c.nullable(),business_payment_volume:b.nullable(),business_when_service_received:l.nullable(),business_recurring_payments:m.nullable(),business_recurring_payments_percentage:p,business_seasonal:d.nullable(),business_other_payment_details:g.nullable()});return s?a:n};export{v as a,y as b}
+import { c as create$3 } from './p-2eab3c90.js';
+import { h as businessNameValidation, w as websiteUrlValidation, e as emailValidation, d as phoneValidation, j as doingBusinessAsValidation, k as businessClassificationValidation, m as industryValidation, t as taxIdValidation, n as dateOfIncorporationValidation, r as revenueValidation, o as paymentVolumeValidation, q as whenServiceReceivedValidation, u as recurringPaymentsValidation, v as recurringPaymentsPercentageValidation, x as seasonalBusinessValidation, y as otherPaymentDetailsValidation } from './p-89887332.js';
+
+const businessCoreInfoSchema = (allowOptionalFields) => {
+    const schema = create$3({
+        legal_name: businessNameValidation.required('Enter legal name'),
+        website_url: websiteUrlValidation.required('Enter business website url'),
+        email: emailValidation.required('Enter business email'),
+        phone: phoneValidation.required('Enter phone number'),
+        doing_business_as: doingBusinessAsValidation.required('Enter doing business as'),
+        classification: businessClassificationValidation.required('Select business classification'),
+        industry: industryValidation.required('Enter a business industry'),
+        tax_id: taxIdValidation.required('Enter tax id, SSN, or EIN'),
+        date_of_incorporation: dateOfIncorporationValidation.required('Enter date of incorporation'),
+    });
+    const easySchema = create$3({
+        legal_name: businessNameValidation.required('Enter legal name'),
+        website_url: websiteUrlValidation.nullable(),
+        email: emailValidation.nullable(),
+        phone: phoneValidation.nullable(),
+        doing_business_as: doingBusinessAsValidation.nullable(),
+        classification: businessClassificationValidation.nullable(),
+        industry: industryValidation.nullable(),
+        tax_id: taxIdValidation.nullable(),
+        date_of_incorporation: dateOfIncorporationValidation.nullable(),
+    });
+    return allowOptionalFields ? easySchema : schema;
+};
+
+const additionalQuestionsSchema = (allowOptionalFields) => {
+    const schema = create$3({
+        business_revenue: revenueValidation.required('Enter business revenue'),
+        business_payment_volume: paymentVolumeValidation.required('Enter business payment volume'),
+        business_when_service_received: whenServiceReceivedValidation.required('Select when service is received'),
+        business_recurring_payments: recurringPaymentsValidation.required('Select recurring payments'),
+        business_recurring_payments_percentage: recurringPaymentsPercentageValidation,
+        business_seasonal: seasonalBusinessValidation.required('Select business seasonal'),
+        business_other_payment_details: otherPaymentDetailsValidation.nullable(),
+    });
+    const easySchema = create$3({
+        business_revenue: revenueValidation.nullable(),
+        business_payment_volume: paymentVolumeValidation.nullable(),
+        business_when_service_received: whenServiceReceivedValidation.nullable(),
+        business_recurring_payments: recurringPaymentsValidation.nullable(),
+        business_recurring_payments_percentage: recurringPaymentsPercentageValidation,
+        business_seasonal: seasonalBusinessValidation.nullable(),
+        business_other_payment_details: otherPaymentDetailsValidation.nullable(),
+    });
+    return allowOptionalFields ? easySchema : schema;
+};
+
+export { additionalQuestionsSchema as a, businessCoreInfoSchema as b };

package/dist/webcomponents/p-41bc7c5c.entry.js

@@ -0,0 +1,97 @@
+import { r as registerInstance, c as createEvent, h } from './p-fad19d75.js';
+import { A as Api } from './p-29c0b182.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './p-14c91ffd.js';
+import { g as getErrorMessage, a as getErrorCode } from './p-8115b2f4.js';
+import { E as ErrorState } from './p-dce846bf.js';
+import { J as JustifiAnalytics } from './p-387450f6.js';
+import './p-2dabeb5a.js';
+
+class ReportsService {
+    async fetchGrossVolumeChartData(accountId, authToken) {
+        const api = Api({ authToken: authToken, apiOrigin: undefined });
+        const endpoint = `account/${accountId}/reports/gross_volume`;
+        return api.get(endpoint);
+    }
+}
+
+const makeGetGrossPaymentChartData = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
+    var _a;
+    try {
+        const response = await service.fetchGrossVolumeChartData(id, authToken);
+        if (!response.error) {
+            onSuccess(response.data);
+        }
+        else {
+            const errorMessage = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            onError({
+                error: errorMessage,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        const errorMessage = getErrorMessage(error);
+        onError({
+            error: errorMessage,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+};
+
+const GrossPaymentChart = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.handleErrorEvent = (event) => {
+            this.errorMessage = event.detail.message;
+            this.errorEvent.emit(event.detail);
+        };
+        this.accountId = undefined;
+        this.authToken = undefined;
+        this.getGrossPayment = undefined;
+        this.errorMessage = null;
+    }
+    componentWillLoad() {
+        this.analytics = new JustifiAnalytics(this);
+        this.initializeGetGrossPayment();
+    }
+    disconnectedCallback() {
+        this.analytics.cleanup();
+    }
+    propChanged() {
+        this.initializeGetGrossPayment();
+    }
+    initializeGetGrossPayment() {
+        if (this.accountId && this.authToken) {
+            this.getGrossPayment = makeGetGrossPaymentChartData({
+                id: this.accountId,
+                authToken: this.authToken,
+                service: new ReportsService(),
+            });
+        }
+        else {
+            this.errorMessage = 'Account ID and Auth Token are required';
+            this.errorEvent.emit({
+                errorCode: ComponentErrorCodes.MISSING_PROPS,
+                message: this.errorMessage,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    render() {
+        if (this.errorMessage) {
+            return ErrorState(this.errorMessage);
+        }
+        return (h("gross-payment-chart-core", { getGrossPayment: this.getGrossPayment, "onError-event": this.handleErrorEvent }));
+    }
+    static get watchers() { return {
+        "accountId": ["propChanged"],
+        "authToken": ["propChanged"]
+    }; }
+};
+
+export { GrossPaymentChart as justifi_gross_payment_chart };

package/dist/webcomponents/p-4d8b45c6.entry.js

@@ -0,0 +1,98 @@
+import { r as registerInstance, c as createEvent, h, H as Host } from './p-fad19d75.js';
+import { t as tableExportedParts } from './p-2b6c9c4f.js';
+import { m as makeGetPayoutCSV, P as PayoutService } from './p-a6d04afc.js';
+import './p-56f6ce4c.js';
+import './p-df21aaad.js';
+import { P as Payout } from './p-e3fab0e2.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './p-14c91ffd.js';
+import { g as getErrorMessage, a as getErrorCode } from './p-8115b2f4.js';
+import { E as ErrorState } from './p-dce846bf.js';
+import { J as JustifiAnalytics } from './p-387450f6.js';
+import './p-29c0b182.js';
+import './p-2dabeb5a.js';
+
+const makeGetPayouts = ({ id, authToken, service }) => async ({ params, onSuccess, onError }) => {
+    var _a, _b;
+    try {
+        const response = await service.fetchPayouts(id, authToken, params);
+        if (!response.error) {
+            const pagingInfo = Object.assign({}, response.page_info);
+            const payouts = ((_a = response.data) === null || _a === void 0 ? void 0 : _a.map((dataItem) => new Payout(dataItem))) || [];
+            onSuccess({ payouts, pagingInfo });
+        }
+        else {
+            const error = getErrorMessage(response.error);
+            const code = getErrorCode((_b = response.error) === null || _b === void 0 ? void 0 : _b.code);
+            return onError({
+                error,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const message = getErrorMessage(error);
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: message,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+};
+
+const PayoutsList = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.handleOnError = (event) => {
+            this.errorMessage = event.detail.message;
+            this.errorEvent.emit(event.detail);
+        };
+        this.accountId = undefined;
+        this.authToken = undefined;
+        this.getPayouts = undefined;
+        this.getPayoutCSV = undefined;
+        this.errorMessage = null;
+    }
+    componentWillLoad() {
+        this.analytics = new JustifiAnalytics(this);
+        this.initializeServices();
+    }
+    disconnectedCallback() {
+        this.analytics.cleanup();
+    }
+    propChanged() {
+        this.initializeServices();
+    }
+    initializeServices() {
+        if (this.accountId && this.authToken) {
+            const serviceParams = {
+                id: this.accountId,
+                authToken: this.authToken,
+                service: new PayoutService(),
+            };
+            this.getPayouts = makeGetPayouts(serviceParams);
+            this.getPayoutCSV = makeGetPayoutCSV(serviceParams);
+        }
+        else {
+            this.errorMessage = 'Account ID and Auth Token are required';
+            this.errorEvent.emit({
+                errorCode: ComponentErrorCodes.MISSING_PROPS,
+                message: 'Account ID and Auth Token are required',
+            });
+        }
+    }
+    render() {
+        if (this.errorMessage) {
+            return ErrorState(this.errorMessage);
+        }
+        return (h(Host, { exportedparts: tableExportedParts }, h("payouts-list-core", { getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, "onError-event": this.handleOnError })));
+    }
+    static get watchers() { return {
+        "accountId": ["propChanged"],
+        "authToken": ["propChanged"]
+    }; }
+};
+
+export { PayoutsList as justifi_payouts_list };

package/dist/webcomponents/p-525db3e8.js

@@ -1 +1,22 @@
-const a={US:"(000) 000-0000"},s={US:"00-0000000"},r="000-00-0000",o={WHOLE:{mask:Number,thousandsSeparator:",",normalizeZeros:!0},DECIMAL:{mask:Number,scale:2,thousandsSeparator:",",padFractionalZeros:!0,normalizeZeros:!0,radix:"."}};export{o as C,a as P,r as S,s as T}
+const PHONE_MASKS = {
+    US: '(000) 000-0000',
+};
+const TAX_ID_MASKS = { US: '00-0000000' };
+const SSN_MASK = '000-00-0000';
+const CURRENCY_MASK = {
+    WHOLE: {
+        mask: Number,
+        thousandsSeparator: ',',
+        normalizeZeros: true,
+    },
+    DECIMAL: {
+        mask: Number,
+        scale: 2,
+        thousandsSeparator: ',',
+        padFractionalZeros: true,
+        normalizeZeros: true,
+        radix: '.',
+    }
+};
+
+export { CURRENCY_MASK as C, PHONE_MASKS as P, SSN_MASK as S, TAX_ID_MASKS as T };

package/dist/webcomponents/p-5482d030.entry.js

@@ -0,0 +1,21 @@
+import { r as registerInstance, h, H as Host } from './p-fad19d75.js';
+import { E as ExtendedPagingDefaults } from './p-56f6ce4c.js';
+
+const PaginationMenu = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.paging = ExtendedPagingDefaults;
+        this.params = {};
+    }
+    render() {
+        return (h(Host, { key: '645df5028861aa714a814f908ccace8dcd0986f8', exportparts: `page-arrow,page-button,page-button-disabled,page-button-text` }, h("nav", { key: '6cb86ce01c625db9c31204f63258570f8a5d0a0f', "aria-label": "Table pagination", class: "d-flex justify-content-end gap-3" }, h("ul", { key: '7ffb5771a1c51553d64735721b937e53c699949d', class: "pagination m-0" }, h("li", { key: 'b439c2f7fe81ccdfa29670a6fc04715681ed5ab3', class: `page-item ${this.paging.has_previous ? '' : ' disabled'}` }, h("a", { key: 'dc59152e834a3076f09304f6fcd0195058ebefec', href: "#", class: "page-link", onClick: (e) => {
+                e.preventDefault();
+                this.paging.handleClickPrevious(this.paging.start_cursor);
+            }, part: `page-button${this.paging.has_previous ? '' : ' page-button-disabled'}` }, h("span", { key: 'fc640fb9ae2ca672bfed89d23c5641cb346c673d', class: "me-1", part: "page-arrow" }, "\u00AB"), h("span", { key: 'fb6fcd31ebd4d194b37f53a071537133b8c4d369', part: "page-button-text" }, "Previous"))), h("li", { key: 'b10e12ec7bc4a89cd897e868ec7b303c62599cd3', class: `page-item ${this.paging.has_next ? '' : ' disabled'}` }, h("a", { key: '51f91eb7cfef91dcbcfd9f11522213308bf717b5', href: "#", class: "page-link", onClick: (e) => {
+                e.preventDefault();
+                this.paging.handleClickNext(this.paging.end_cursor);
+            }, part: `page-button${this.paging.has_next ? '' : ' page-button-disabled'}` }, h("span", { key: 'd89f50a44dead676d19b8862a92ba636947fe6b1', part: "page-button-text" }, "Next"), h("span", { key: 'f5dd2ddddef86931d935df56101f1fed8118e4f6', class: "ms-1", part: "page-arrow" }, "\u00BB")))))));
+    }
+};
+
+export { PaginationMenu as pagination_menu };

package/dist/webcomponents/p-56f6ce4c.js

@@ -1 +1,10 @@
-const e={amount:25,start_cursor:"",end_cursor:"",has_previous:!1,has_next:!1},s=Object.assign(Object.assign({},e),{handleClickNext:()=>{},handleClickPrevious:()=>{}});export{s as E,e as p}
+const pagingDefaults = {
+    amount: 25,
+    start_cursor: '',
+    end_cursor: '',
+    has_previous: false,
+    has_next: false,
+};
+const ExtendedPagingDefaults = Object.assign(Object.assign({}, pagingDefaults), { handleClickNext: () => { }, handleClickPrevious: () => { } });
+
+export { ExtendedPagingDefaults as E, pagingDefaults as p };