@justifi/webcomponents 4.19.3-rc-2 → 4.19.3

package/dist/esm/Analytics-a8eb7344.js

@@ -1,77 +0,0 @@
-import { p as packageJson } from './package-ccb774a9.js';
-import { A as Api } from './Api-b09a2f6a.js';
-
-class AnalyticsService {
-    async record(body) {
-        const endpoint = 'analytics';
-        return Api({ apiOrigin: "" }).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/esm/package-ccb774a9.js

@@ -1,79 +0,0 @@
-const name = "@justifi/webcomponents";
-const version = "4.19.3-rc-2";
-const description = "JustiFi Web Components";
-const collection = "dist/collection/collection-manifest.json";
-const main = "dist/index.cjs.js";
-const module = "dist/module/index.js";
-const types = "dist/module/index.d.ts";
-const repository = {
-	type: "git",
-	url: "git+https://github.com/justifi-tech/web-component-library.git"
-};
-const homepage = "https://storybook.justifi.ai/?path=/docs/introduction--docs";
-const publishConfig = {
-	registry: "https://registry.npmjs.org"
-};
-const files = [
-	"dist/"
-];
-const scripts = {
-	build: "stencil build --docs",
-	dev: "stencil build --watch",
-	lint: "eslint . --max-warnings 0",
-	clean: "rm -rf .turbo && rm -rf node_modules && rm -rf dist",
-	generate: "stencil generate",
-	test: "TZ=utc stencil test --spec",
-	"test:watch": "TZ=utc stencil test --spec --watchAll",
-	"test:file": "stencil test --spec --watch --"
-};
-const dependencies = {
-	"@stencil/core": "^4.0.5",
-	"@stencil/store": "^2.0.8",
-	bootstrap: "^5.2.3",
-	"chart.js": "^4.4.1",
-	"date-fns": "^2.29.3",
-	"dinero.js": "^1.9.1",
-	"iframe-resizer": "^4.3.7",
-	imask: "^7.6.0",
-	rxjs: "^7.8.1",
-	"ts-dedent": "^2.2.0",
-	uuid: "^9.0.0",
-	yup: "^1.0.0"
-};
-const devDependencies = {
-	"@babel/preset-env": "^7.21.5",
-	"@babel/preset-react": "^7.18.6",
-	"@babel/preset-typescript": "^7.21.5",
-	"@rollup/plugin-replace": "^5.0.7",
-	"@stencil/sass": "^3.0.1",
-	"@types/jest": "27.0.3",
-	"@types/react": "^18.0.37",
-	"@types/react-dom": "^18.0.11",
-	dotenv: "^16.3.1",
-	jest: "^29.7.0",
-	"jest-cli": "^29.7.0",
-	"jest-environment-node": "^29.7.0",
-	"ts-jest": "^29.1.2"
-};
-const license = "MIT";
-const gitHead = "507bac1d941eae6e1f56e185ecd9bc9d22637783";
-const packageJson = {
-	name: name,
-	version: version,
-	description: description,
-	collection: collection,
-	main: main,
-	module: module,
-	types: types,
-	repository: repository,
-	homepage: homepage,
-	publishConfig: publishConfig,
-	files: files,
-	scripts: scripts,
-	dependencies: dependencies,
-	devDependencies: devDependencies,
-	license: license,
-	gitHead: gitHead
-};
-
-export { packageJson as p };

package/dist/module/payload-parsers.js

@@ -1,43 +0,0 @@
-// These props should not be sent to the server
-// This function is for the larger business form. 
-const parseBusiness = (values, initialValues) => {
-    var _a;
-    parseCoreInfo(values);
-    parseAddressInfo(values.legal_address);
-    parseIdentityInfo(values.representative);
-    ((_a = initialValues.owners) === null || _a === void 0 ? void 0 : _a.length) && delete values.owners;
-    return values;
-};
-// These functions are for the stepped business form.
-const parseCoreInfo = (values) => {
-    delete values.id;
-    delete values.documents;
-    delete values.bank_accounts;
-    delete values.product_categories;
-    delete values.created_at;
-    delete values.updated_at;
-    delete values.associated_accounts;
-    delete values.terms_conditions_accepted;
-    return values;
-};
-const parseAddressInfo = (values) => {
-    delete values.id;
-    delete values.created_at;
-    delete values.updated_at;
-    return values;
-};
-const parseIdentityInfo = (values) => {
-    delete values.id;
-    delete values.documents;
-    delete values.created_at;
-    delete values.updated_at;
-    delete values.address.id;
-    delete values.address.created_at;
-    delete values.address.updated_at;
-    delete values.business_id;
-    delete values.dob_full;
-    delete values.ssn_last4;
-    return values;
-};
-
-export { parseBusiness as a, parseIdentityInfo as b, parseAddressInfo as c, parseCoreInfo as p };

package/dist/types/components/business-forms/utils/payload-parsers.d.ts

@@ -1,4 +0,0 @@
-export declare const parseBusiness: (values: any, initialValues: any) => any;
-export declare const parseCoreInfo: (values: any) => any;
-export declare const parseAddressInfo: (values: any) => any;
-export declare const parseIdentityInfo: (values: any) => any;

package/dist/webcomponents/p-01a404ca.entry.js

@@ -1,44 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './p-fad19d75.js';
-
-const FileInput = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.formControlInput = createEvent(this, "formControlInput", 7);
-        this.formControlBlur = createEvent(this, "formControlBlur", 7);
-        this.fileSelected = createEvent(this, "fileSelected", 7);
-        this.handleFormControlInput = (event) => {
-            const target = event.target;
-            const name = target.getAttribute('name');
-            this.inputHandler(name, target.value);
-            this.formControlInput.emit({ name, value: target.value });
-        };
-        this.changeHandler = () => {
-            const inputFileList = this.fileInput.files;
-            if (inputFileList) {
-                this.fileSelected.emit({
-                    fileList: inputFileList,
-                    document_type: this.documentType
-                });
-            }
-        };
-        this.files = undefined;
-        this.fileString = undefined;
-        this.label = undefined;
-        this.name = undefined;
-        this.helpText = undefined;
-        this.errorText = undefined;
-        this.multiple = undefined;
-        this.documentType = undefined;
-        this.inputHandler = undefined;
-        this.disabled = undefined;
-    }
-    componentDidLoad() {
-        this.fileInput = this.el.querySelector('input');
-    }
-    render() {
-        return (h(Host, { key: 'ed29128c1c4c811aa030697347adb88e0143b031', exportparts: "label,input,input-invalid" }, h("div", { key: '6c924bdbbccae8e98a382a92e54c5b9c288de8d4', class: "form-group d-flex flex-column" }, h("label", { key: 'dbacccea94e39815737683495e3df83b514b79af', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'a7eef53c9fff54eace8c6960b8c62a833d30bfa3', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: `input ${this.errorText ? 'input-invalid ' : ''}${this.disabled ? ' input-disabled' : ''}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onBlur: () => this.formControlBlur.emit() }), h("form-control-help-text", { key: 'a5abacb92bdb3fb59d0a2265114e858540f2c4b7', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '6eeeef347237d363d3bc6616d58f19a7f0be7e3c', errorText: this.errorText, name: this.name }))));
-    }
-    get el() { return getElement(this); }
-};
-
-export { FileInput as form_control_file };

package/dist/webcomponents/p-03d35880.entry.js

@@ -1,130 +0,0 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './p-fad19d75.js';
-import { I as IMask } from './p-1ad5995e.js';
-import { S as StateOptions } from './p-6078a370.js';
-import { n as numberOnlyHandler } from './p-8df7bde8.js';
-
-const DateInput = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.formControlInput = createEvent(this, "formControlInput", 7);
-        this.formControlBlur = createEvent(this, "formControlBlur", 7);
-        this.handleFormControlInput = (event) => {
-            const target = event.target;
-            const name = target.getAttribute('name');
-            this.inputHandler(name, target.value);
-            this.formControlInput.emit({ name, value: target.value });
-        };
-        this.label = undefined;
-        this.name = undefined;
-        this.helpText = undefined;
-        this.errorText = undefined;
-        this.defaultValue = undefined;
-        this.inputHandler = undefined;
-        this.disabled = undefined;
-    }
-    handleDefaultValueChange(newValue) {
-        this.updateInput(newValue);
-    }
-    componentDidLoad() {
-        this.updateInput(this.defaultValue);
-    }
-    updateInput(value) {
-        this.dateInput.value = value;
-    }
-    render() {
-        return (h(Host, { key: 'fa61a426a5a070d951fa425ae42a59add69a9d96', exportparts: "label,input,input-invalid" }, h("label", { key: 'e7679e6a66277a130414b59421b01d1f8e328cf2', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'b3fb4afd3181fec3eef3dfb851ab8965cb7bbfe7', type: "date", ref: el => (this.dateInput = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), h("form-control-help-text", { key: 'dbc9ac76d75521a7d1ee5cc34393471521ffa1c2', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '0f9731278250bde69dd7dee9a7b44e339d919774', errorText: this.errorText, name: this.name })));
-    }
-    static get watchers() { return {
-        "defaultValue": ["handleDefaultValueChange"]
-    }; }
-};
-
-const NumberInputMasked = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.formControlInput = createEvent(this, "formControlInput", 7);
-        this.formControlBlur = createEvent(this, "formControlBlur", 7);
-        this.imask = null;
-        this.initializeIMask = () => {
-            if (!this.textInput)
-                return;
-            this.imask = IMask(this.textInput, {
-                mask: this.mask,
-            });
-            this.imask.on('accept', () => {
-                var _a;
-                const rawValue = (_a = this.imask) === null || _a === void 0 ? void 0 : _a.unmaskedValue;
-                if (rawValue !== undefined) {
-                    this.inputHandler(this.name, rawValue);
-                }
-            });
-            this.textInput.addEventListener('blur', () => this.formControlBlur.emit());
-        };
-        this.handleFormControlInput = (event) => {
-            const target = event.target;
-            const name = target.getAttribute('name');
-            this.formControlInput.emit({ name: name, value: target.value });
-        };
-        this.updateInput = (newValue) => {
-            if (this.imask && newValue) {
-                this.imask.value = String(newValue);
-            }
-        };
-        this.label = undefined;
-        this.name = undefined;
-        this.helpText = undefined;
-        this.errorText = undefined;
-        this.defaultValue = undefined;
-        this.inputHandler = undefined;
-        this.mask = undefined;
-        this.disabled = undefined;
-    }
-    handleDefaultValueChange(newValue) {
-        this.initializeIMask();
-        this.updateInput(newValue);
-    }
-    disconnectedCallback() {
-        var _a;
-        (_a = this.imask) === null || _a === void 0 ? void 0 : _a.destroy();
-    }
-    componentDidLoad() {
-        if (this.textInput) {
-            this.initializeIMask();
-            this.updateInput(this.defaultValue);
-        }
-    }
-    render() {
-        return (h(Host, { key: 'e0a59308376055c019233f3d4649c9a37af963d2', exportparts: "label,input,input-invalid" }, h("div", { key: '52d9440421342fed6a4f97b57586a43d517ded7d', class: "form-group d-flex flex-column" }, h("label", { key: '8302a9fa1111d3b72600304cd0b1fb2c6239d895', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '86653c7b7f4efb9609bae2ecf69bd5e396bd342b', ref: el => (this.textInput = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), h("form-control-help-text", { key: '71d4d44ff91d06229ccc22e70bc92e0a2050da90', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'b7d42462ae9165acbde68cf59da07eb956a91fd6', errorText: this.errorText, name: this.name }))));
-    }
-    static get watchers() { return {
-        "defaultValue": ["handleDefaultValueChange"]
-    }; }
-};
-
-const IdentityAddressForm = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.inputHandler = (name, value) => {
-            this.address[name] = value;
-            this.address = Object.assign({}, this.address);
-        };
-        this.handleFormUpdate = undefined;
-        this.errors = undefined;
-        this.defaultValues = undefined;
-        this.address = {};
-    }
-    handleAddressChange(newValues) {
-        this.handleFormUpdate(newValues);
-    }
-    render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-        return (h(Host, { key: 'd090676d3bb1d9de9ae947ff25d94b5985ace914', exportparts: "label,input,input-invalid" }, h("div", { key: '64ddec6db508d27b709ad551f60fe58494631fe3', class: "row gy-3" }, h("div", { key: '7e0f89b7b8d5a466b89efad75498c5d1f2cac8ea', class: "col-12 col-md-8" }, h("form-control-text", { key: 'ea6055fb3457e28666b11b72173ad70b83a87659', name: "line1", label: "Street Address", defaultValue: (_a = this.defaultValues) === null || _a === void 0 ? void 0 : _a.line1, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.line1, inputHandler: this.inputHandler })), h("div", { key: '5f6f456c573fb9318e58976decb67274b209fa23', class: "col-12 col-md-4" }, h("form-control-text", { key: '86fffd4641953d0445a7c24d332cda513121b65e', name: "line2", label: "Apartment, Suite, etc. (optional)", defaultValue: (_c = this.defaultValues) === null || _c === void 0 ? void 0 : _c.line2, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.line2, inputHandler: this.inputHandler })), h("div", { key: 'e06339cefebe37ae0629631fbc5101c9dbc040a6', class: "col-12" }, h("form-control-text", { key: 'd2af696b33092247b6741c8034aaf12ab51aa878', name: "city", label: "City", defaultValue: (_e = this.defaultValues) === null || _e === void 0 ? void 0 : _e.city, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.city, inputHandler: this.inputHandler })), h("div", { key: 'b655a66fb68f059fa91ae5f9f60fdebe0ae04fad', class: "col-12 col-md-6" }, h("form-control-select", { key: '50a65861a5a39daac199571c5a0273340556e476', name: "state", label: "State", defaultValue: (_g = this.defaultValues) === null || _g === void 0 ? void 0 : _g.state, options: StateOptions, errorText: (_h = this.errors) === null || _h === void 0 ? void 0 : _h.state, inputHandler: this.inputHandler })), h("div", { key: '30255517e0fa1ede35d7b2525625ebc389c44525', class: "col-12 col-md-6" }, h("form-control-text", { key: 'b7b0a773c7b2dbe05c4bf8e9fc7235a01bf36832', name: "postal_code", label: "Postal Code", defaultValue: (_j = this.defaultValues) === null || _j === void 0 ? void 0 : _j.postal_code, errorText: (_k = this.errors) === null || _k === void 0 ? void 0 : _k.postal_code, maxLength: 5, keyDownHandler: numberOnlyHandler, inputHandler: this.inputHandler })), h("div", { key: '804e9aa1ca7b4ae167ae64969107ad6352559ed7', class: "col-12" }, h("form-control-select", { key: '1aa3734e10502bc8f1732f386b60135b8a7d94a6', name: "country", label: "Country", options: [{ label: 'United States', value: 'USA' }], inputHandler: this.inputHandler, defaultValue: (_l = this.defaultValues) === null || _l === void 0 ? void 0 : _l.country, errorText: (_m = this.errors) === null || _m === void 0 ? void 0 : _m.country,
-            // just for now so we skip handling country specificities
-            disabled: true })))));
-    }
-    static get watchers() { return {
-        "address": ["handleAddressChange"]
-    }; }
-};
-
-export { DateInput as form_control_date, NumberInputMasked as form_control_number_masked, IdentityAddressForm as justifi_identity_address_form };

package/dist/webcomponents/p-06ff0429.entry.js

@@ -1,65 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './p-fad19d75.js';
-import { d as MapPayoutStatusToBadge, f as formatCurrency, b as formatDate, c as formatTime } from './p-83125497.js';
-import { a as EntityHeadInfo, b as EntityHeadInfoItem, D as DetailSectionTitle, c as DetailItem, C as CodeBlock, E as ErrorState, L as LoadingState } from './p-dce846bf.js';
-import { S as StyledHost } from './p-ba4bae6f.js';
-
-const PayoutDetailsCore = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.errorEvent = createEvent(this, "error-event", 7);
-        this.downloadCSV = () => {
-            this.getPayoutCSV({
-                payoutId: this.payout.id,
-                onError: ({ error, code, severity }) => {
-                    this.errorMessage = error;
-                    this.errorEvent.emit({
-                        message: error,
-                        errorCode: code,
-                        severity,
-                    });
-                },
-            });
-        };
-        this.getPayout = undefined;
-        this.getPayoutCSV = undefined;
-        this.payout = undefined;
-        this.loading = true;
-        this.errorMessage = null;
-    }
-    componentWillLoad() {
-        if (this.getPayout) {
-            this.fetchData();
-        }
-    }
-    getPayoutWatcher() {
-        this.fetchData();
-    }
-    fetchData() {
-        this.loading = true;
-        this.getPayout({
-            onSuccess: (payout) => {
-                this.errorMessage = null;
-                this.payout = payout;
-                this.loading = false;
-            },
-            onError: ({ error, code, severity }) => {
-                this.errorMessage = error;
-                this.errorEvent.emit({
-                    message: error,
-                    errorCode: code,
-                    severity,
-                });
-                this.loading = false;
-            },
-        });
-    }
-    render() {
-        var _a;
-        return (h(StyledHost, { key: 'fdf7905cdc7696414b765d61d0f78c7193cbbc76' }, this.loading && LoadingState(), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'f79827c287d68484a87232ae956a1c15e3d7044d', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'dfa9c228f2cd1b0b2d14dc6ce44478ee8fc35d00', slot: "head-info", badge: h("span", { slot: 'badge', innerHTML: MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status) }), title: `${formatCurrency(this.payout.amount)} ${this.payout.currency.toUpperCase()}` }, h(EntityHeadInfoItem, { key: '6b5907e3f7753d4e2f6ba59bfe509d97e2a4c1c0', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '63b7497217a00268190eaea1475639fc5e0b43ca', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: 'e26e56abbac3e12584c187f6f1b560b0f4b33a6f', title: "ID", value: this.payout.id }), h("div", { key: 'e84dd653fb1adc566b0afbfdfc87cce40ed47280', class: "m-4" }, h("button", { key: 'fac0022786dc03349a65dc54729dc2f508c9441f', class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '9cf642b803c59146895b762eaff40f5026c9f94b', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '90ed8aafabf9eebb47da15c6c8b8d1f527d23557', sectionTitle: "Details" }), h("div", { key: '592b8489fa30441bbf11a52d3daf6a2debcc121f', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '0885f3ece509936d1e1bad64d4a998fbc487ee3a', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: 'b8a7da2bfeada94c8c7c080b516c1bc7fc26f414', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: 'd8928341e89161d4bafc2940f1aa738b345779dd', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: '570bd2a2d44f094870e61debca61c2b5aa772679', title: "Amount", value: formatCurrency(this.payout.amount) }), h(DetailItem, { key: '2882865db185d1668103d819e62cf61edc711697', title: "Fee", value: formatCurrency(this.payout.fees_total) })), h(DetailSectionTitle, { key: 'f9735ff73c650ad318d771df5c22c7d8834a09f6', sectionTitle: "Account" }), h("div", { key: 'd7d53fd77e704035a19dc15bc04ee06dfaa0c51a', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '486ae1c4ae990928bf24cc687cb4456bbc6e18ea', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: '528d7d6a299aa1019125f34fc903ea622d09de53', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'eafb132e84de81d41bd154aec55974d8496995dd', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '7f565f8dfacab4cf8edc7025d839dff1d8de2719', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '61338f5ed539d70b4caa08ffa200d8e47f52ebde', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), h(DetailSectionTitle, { key: 'cea128826f004ece9e6c29c97c07e98a3d45706c', sectionTitle: 'Metadata' }), h("div", { key: 'bf884c3dafa50cd1b8e0d98711f0fe5fc9d60391', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '2d92e2f8d6f032cbaff741da43ca97424b8decaf', metadata: this.payout.metadata })))))));
-    }
-    static get watchers() { return {
-        "getPayout": ["getPayoutWatcher"]
-    }; }
-};
-
-export { PayoutDetailsCore as payout_details_core };

package/dist/webcomponents/p-0e1bc91e.js

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

package/dist/webcomponents/p-10875f3d.entry.js

@@ -1,97 +0,0 @@
-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-15eafa87.js';
-import './p-2e8f4937.js';
-
-class ReportsService {
-    async fetchGrossVolumeChartData(accountId, authToken) {
-        const api = Api({ authToken: authToken, apiOrigin: "" });
-        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 };