@justifi/webcomponents 4.19.3-rc → 4.19.3-rc-2

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

@@ -27,6 +27,9 @@ const NewPaymentMethod = /*@__PURE__*/ proxyCustomElement(class NewPaymentMethod
         this.isSelected = undefined;
         this.saveNewPaymentMethodChecked = false;
     }
+    componentWillLoad() {
+        console.log('NewPaymentMethod: componentWillLoad iframeOrigin', this, this.iframeOrigin);
+    }
     handleCheckboxChanged(event) {
         this.saveNewPaymentMethodChecked = event.detail;
     }
@@ -79,7 +82,7 @@ const NewPaymentMethod = /*@__PURE__*/ proxyCustomElement(class NewPaymentMethod
     }
     render() {
         var _a, _b, _c, _d;
-        return (h("div", { key: '55a43467070e4981a6fda7b529f329122f33dda8', class: "payment-method" }, h("div", { key: 'b86a20d2e51883dab9f2c46e6787417d498af17e', class: `payment-method-header p-3`, onClick: () => this.onPaymentMethodOptionClick() }, h("input", { key: '900b836be24e83816d1e6c915855b11ba3b605ee', type: "radio", name: "paymentMethodType", id: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, value: (_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id, onClick: (event) => event.preventDefault(), checked: this.isSelected, class: "form-check-input me-2" }), h("label", { key: 'b1976293de17845cba7671606c50698b90878bcb', htmlFor: (_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.id, class: "form-check-label" }, PaymentMethodTypeLabels[(_d = this.paymentMethodOption) === null || _d === void 0 ? void 0 : _d.id])), this.isSelected ? this.showNewPaymentMethodForm() : null));
+        return (h("div", { key: 'd597ba8b0ac2a650a14a79d002a91ef3edf604a4', class: "payment-method" }, h("div", { key: 'a287f7ffd480f17f0f1093d71b9d02fe3db39e0f', class: `payment-method-header p-3`, onClick: () => this.onPaymentMethodOptionClick() }, h("input", { key: 'f53d08d048cc242414fcf6794614ad2334db81bb', type: "radio", name: "paymentMethodType", id: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, value: (_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id, onClick: (event) => event.preventDefault(), checked: this.isSelected, class: "form-check-input me-2" }), h("label", { key: '01712a80a30df19a7b540434532cffb4cb3b61e8', htmlFor: (_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.id, class: "form-check-label" }, PaymentMethodTypeLabels[(_d = this.paymentMethodOption) === null || _d === void 0 ? void 0 : _d.id])), this.isSelected ? this.showNewPaymentMethodForm() : null));
     }
 }, [0, "justifi-new-payment-method", {
         "iframeOrigin": [1025, "iframe-origin"],

package/dist/module/package.js

@@ -1,5 +1,5 @@
 const name = "@justifi/webcomponents";
-const version = "4.19.3-rc";
+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";

package/dist/types/components/checkout/new-payment-method.d.ts

@@ -13,6 +13,7 @@ export declare class NewPaymentMethod {
     paymentMethodOptionSelected: EventEmitter;
     private billingFormRef?;
     private paymentMethodFormRef?;
+    componentWillLoad(): void;
     handleCheckboxChanged(event: CustomEvent<boolean>): void;
     fillBillingForm(fields: BillingFormFields): Promise<void>;
     resolvePaymentMethod(insuranceValidation: any): Promise<PaymentMethodPayload>;

package/dist/webcomponents/index.esm.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,44 @@
+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

@@ -0,0 +1,130 @@
+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

@@ -0,0 +1,65 @@
+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-08b0fb31.js

@@ -1 +1,41 @@
-import{h as t}from"./p-fad19d75.js";const e=({component:e="div",height:r,width:o,variant:a="text",componentClassName:s,styles:n={}})=>{const i=Object.assign(Object.assign(Object.assign({},n),"text"===a?{marginTop:0,marginBottom:0,height:"auto",transformOrigin:"0 55%",transform:"scale(1, 0.60)",borderRadius:"4px/6.67px","::before":{content:'"\\00a0"'}}:"circular"===a?{borderRadius:"50%"}:"rounded"===a?{borderRadius:"4px"}:{}),{width:o,height:r});return t(e,{class:s,style:i,part:"skeleton"})};export{e as S}
+import { h } from './p-fad19d75.js';
+
+// This component relies on "src/styles/animations.css" 
+// where it is defined the pulsation animation.
+// Because of shadow-dom, it's not possible to add it to the root.css.
+// Don't forget to include this file in the `styleUrls` 
+// property of the web component that will render the Skeleton
+const Skeleton = ({ component = 'div', height, width, variant = 'text', componentClassName, styles = {}, }) => {
+    const getVariantStyle = () => {
+        if (variant === 'text') {
+            return {
+                marginTop: 0,
+                marginBottom: 0,
+                height: 'auto',
+                transformOrigin: '0 55%',
+                transform: 'scale(1, 0.60)',
+                borderRadius: '4px/6.67px',
+                '::before': {
+                    content: '"\\00a0"',
+                },
+            };
+        }
+        else if (variant === 'circular') {
+            return {
+                borderRadius: '50%',
+            };
+        }
+        else if (variant === 'rounded') {
+            return {
+                borderRadius: '4px',
+            };
+        }
+        return {};
+    };
+    const combinedStyle = Object.assign(Object.assign(Object.assign({}, styles), getVariantStyle()), { width,
+        height });
+    const TagType = component;
+    return (h(TagType, { class: componentClassName, style: combinedStyle, part: "skeleton" }));
+};
+
+export { Skeleton as S };

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

@@ -1 +1,28 @@
-import{A as t}from"./p-29c0b182.js";class i{async fetchBusiness(i,n){const s=`entities/business/${i}`;return t({authToken:n,apiOrigin:""}).get(s)}async patchBusiness(i,n,s){const e=`entities/business/${n}`;return t({authToken:i,apiOrigin:""}).patch(e,s)}}class n{async fetchIdentity(i,n){const s=`entities/identity/${i}`;return t({authToken:n,apiOrigin:""}).get(s)}async patchIdentity(i,n,s){const e=`entities/identity/${n}`;return t({authToken:i,apiOrigin:""}).patch(e,s)}async postIdentity(i,n){return t({authToken:i,apiOrigin:""}).post("entities/identity",n)}}export{i as B,n as I}
+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

@@ -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-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 };

package/dist/webcomponents/p-14c91ffd.js

@@ -1 +1,20 @@
-var r,e;!function(r){r.MISSING_PROPS="missing-props",r.FETCH_ERROR="fetch-error",r.PATCH_ERROR="patch-error",r.POST_ERROR="post-error",r.UNKNOWN_ERROR="unknown-error",r.TOKENIZE_ERROR="tokenize-error",r.NOT_AUTHENTICATED="not-authenticated",r.INVALID_PARAMETER="invalid-parameter",r.PROVISIONING_REQUESTED="provisioning-already-requested"}(r||(r={})),function(r){r.INFO="info",r.WARNING="warning",r.ERROR="error"}(e||(e={}));export{e as C,r as a}
+var ComponentErrorCodes;
+(function (ComponentErrorCodes) {
+    ComponentErrorCodes["MISSING_PROPS"] = "missing-props";
+    ComponentErrorCodes["FETCH_ERROR"] = "fetch-error";
+    ComponentErrorCodes["PATCH_ERROR"] = "patch-error";
+    ComponentErrorCodes["POST_ERROR"] = "post-error";
+    ComponentErrorCodes["UNKNOWN_ERROR"] = "unknown-error";
+    ComponentErrorCodes["TOKENIZE_ERROR"] = "tokenize-error";
+    ComponentErrorCodes["NOT_AUTHENTICATED"] = "not-authenticated";
+    ComponentErrorCodes["INVALID_PARAMETER"] = "invalid-parameter";
+    ComponentErrorCodes["PROVISIONING_REQUESTED"] = "provisioning-already-requested";
+})(ComponentErrorCodes || (ComponentErrorCodes = {}));
+var ComponentErrorSeverity;
+(function (ComponentErrorSeverity) {
+    ComponentErrorSeverity["INFO"] = "info";
+    ComponentErrorSeverity["WARNING"] = "warning";
+    ComponentErrorSeverity["ERROR"] = "error";
+})(ComponentErrorSeverity || (ComponentErrorSeverity = {}));
+
+export { ComponentErrorSeverity as C, ComponentErrorCodes as a };

package/dist/webcomponents/p-157acba8.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-b4b8b531.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-15eafa87.js';
+import './p-29c0b182.js';
+import './p-2e8f4937.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 };