@justifi/webcomponents 6.11.0 → 6.12.1-rc.1

package/dist/cjs/justifi-payment-provisioning.cjs.entry.js

@@ -1,21 +1,28 @@
 'use strict';
 
 var index = require('./index-p7cvUYAE.js');
-var checkPkgVersion = require('./check-pkg-version-Di4JmtKX.js');
-var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var paymentProvisioningActions = require('./payment-provisioning-actions-J6TGZZb9.js');
-var business_service = require('./business.service-mliLE8kX.js');
+var Analytics = require('./Analytics-D72yBqoQ.js');
+var Plaid = require('./Plaid-6JK8xPnG.js');
+var paymentProvisioningActions = require('./payment-provisioning-actions-DscyasDY.js');
+var business_service = require('./business.service-XXjIL3rT.js');
 var Api = require('./Api-Bukk55YZ.js');
-require('./Plaid-DR9WDZ98.js');
 require('./Pagination-Dediz133.js');
-require('./Business-oBifyXkW.js');
+var Business = require('./Business-oBifyXkW.js');
 require('./Dispute-CruQTF6_.js');
+var checkPkgVersion = require('./check-pkg-version-EI9MxE9j.js');
 var utils = require('./utils-BHi4j5rB.js');
-require('./package-D8NG-zuY.js');
-require('./utils-DvUQQLmR.js');
+var parts = require('./parts-BXshb_S-.js');
+var styledHost = require('./styled-host-DAi5SuFa.js');
+var header1 = require('./header-1-CsBQoo1f.js');
+require('./event-types-YOY5TKUN.js');
+var eventTypes = require('./event-types-DNOUef41.js');
+var paymentProvisioningLoading = require('./payment-provisioning-loading-tM9WWmxv.js');
+require('./package-U1Mz5_qn.js');
+require('./utils-C4CgQd55.js');
 require('./config-state-BIgGhhe9.js');
 require('./index-W-zoNiyM.js');
 require('./dinero-BwNN_k7x.js');
+require('./skeleton-DvRCiQlA.js');
 
 const api = Api.Api();
 class ProvisionService {
@@ -29,57 +36,167 @@ class ProvisionService {
     }
 }
 
-const PaymentProvisioning = class {
+const PaymentProvisioningAlreadyProvisioned = () => {
+    return (index.h("div", { class: "row gap-3 p-5" }, index.h("div", { class: "col-12" }, index.h(header1.Header1, { text: "Business Already Provisioned" })), index.h("div", { class: "col-12", part: parts.text }, index.h("p", null, "We have already received the onboarding information for this business."))));
+};
+
+const PaymentProvisioningSubmissionComplete = () => {
+    return (index.h("div", { class: "row gap-3 p5" }, index.h("div", { class: "col-12" }, index.h(header1.Header1, { text: "You're all set for now" })), index.h("div", { class: "col-12", part: parts.text }, index.h("p", null, "We're reviewing your information and working on your approval. We'll be in touch to let you know once you've been approved (or if we find anything that needs fixing). Have a good one!"))));
+};
+
+const JustifiPaymentProvisioning = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.clickEvent = index.createEvent(this, "click-event", 7);
         this.errorEvent = index.createEvent(this, "error-event", 7);
+        this.submitEvent = index.createEvent(this, "submit-event", 7);
+        this.loading = false;
+        this.businessLoading = true;
+        this.businessProvisioned = false;
+        this.formSubmitted = false;
+        this.currentStep = 0;
+        this.country = Business.CountryCode.USA;
         this.allowOptionalFields = false;
         this.formTitle = 'Business Information';
+        this.refs = [];
+        this.setBusinessProvisioned = () => {
+            return new Promise((resolve) => {
+                this.getBusiness({
+                    onSuccess: (response) => {
+                        const business = new Business.Business(response.data);
+                        this.businessProvisioned = Business.checkProvisioningStatus(business);
+                        this.country = business.country_of_establishment;
+                        if (this.businessProvisioned) {
+                            this.errorEvent.emit({
+                                message: 'A request to provision payments for this business has already been submitted.',
+                                errorCode: Plaid.ComponentErrorCodes.PROVISIONING_REQUESTED,
+                                severity: Plaid.ComponentErrorSeverity.INFO,
+                            });
+                        }
+                        this.businessLoading = false;
+                        resolve();
+                    },
+                    onError: ({ error, code, severity }) => {
+                        this.errorEvent.emit({
+                            message: error,
+                            errorCode: code,
+                            severity: severity,
+                        });
+                        this.businessLoading = false;
+                        resolve();
+                    },
+                });
+            });
+        };
+        this.postProvisioningData = () => {
+            this.postProvisioning({
+                onSuccess: (response) => {
+                    this.formSubmitted = true;
+                    this.submitEvent.emit({ response: response });
+                },
+                onError: ({ error, code, severity }) => {
+                    this.submitEvent.emit({ response: { error } });
+                    this.errorEvent.emit({
+                        message: error,
+                        errorCode: code,
+                        severity: severity,
+                    });
+                },
+            });
+        };
+        this.incrementSteps = () => {
+            if (this.currentStep < this.totalSteps) {
+                return this.currentStep++;
+            }
+        };
+        this.decrementSteps = () => {
+            return this.currentStep--;
+        };
+        this.previousStepButtonOnClick = () => {
+            this.clickEvent.emit({ name: eventTypes.BusinessFormClickActions.previousStep });
+            this.decrementSteps();
+        };
+        this.nextStepButtonOnClick = (e, clickEventName) => {
+            e.preventDefault();
+            this.clickEvent.emit({ name: clickEventName });
+            const currentStep = this.refs[this.currentStep];
+            currentStep.validateAndSubmit({ onSuccess: this.incrementSteps });
+        };
     }
     propChanged() {
         this.initializeApi();
     }
-    componentWillLoad() {
+    handleFormCompleted() {
+        this.postProvisioningData();
+    }
+    handleFormLoading(event) {
+        this.loading = event.detail;
+    }
+    async componentWillLoad() {
         checkPkgVersion.checkPkgVersion();
-        this.analytics = new checkPkgVersion.JustifiAnalytics(this);
+        this.analytics = new Analytics.JustifiAnalytics(this);
         this.initializeApi();
+        if (this.getBusiness) {
+            await this.setBusinessProvisioned();
+        }
+        else {
+            this.businessLoading = false;
+        }
+        this.refs = new Array(7);
     }
     disconnectedCallback() {
         var _a;
         (_a = this.analytics) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
-    ;
     initializeApi() {
         if (!this.authToken || !this.businessId) {
             this.errorEvent.emit({
                 message: 'auth-token and business-id are required',
-                errorCode: ComponentError.ComponentErrorCodes.MISSING_PROPS,
-                severity: ComponentError.ComponentErrorSeverity.ERROR,
+                errorCode: Plaid.ComponentErrorCodes.MISSING_PROPS,
+                severity: Plaid.ComponentErrorSeverity.ERROR,
             });
             return;
         }
         if (utils.isTokenExpired(this.authToken)) {
             this.errorEvent.emit({
                 message: 'auth-token is expired',
-                errorCode: ComponentError.ComponentErrorCodes.NOT_AUTHENTICATED,
-                severity: ComponentError.ComponentErrorSeverity.ERROR,
+                errorCode: Plaid.ComponentErrorCodes.NOT_AUTHENTICATED,
+                severity: Plaid.ComponentErrorSeverity.ERROR,
             });
             return;
         }
         this.getBusiness = paymentProvisioningActions.makeGetBusiness({
             authToken: this.authToken,
             businessId: this.businessId,
-            service: new business_service.BusinessService()
+            service: new business_service.BusinessService(),
         });
         this.postProvisioning = paymentProvisioningActions.makePostProvisioning({
             authToken: this.authToken,
             businessId: this.businessId,
             product: 'payment',
-            service: new ProvisionService()
+            service: new ProvisionService(),
         });
     }
+    get formDisabled() {
+        return this.loading || this.businessProvisioned;
+    }
+    get totalSteps() {
+        return this.refs.length - 1;
+    }
+    get stepCounter() {
+        return `Step ${this.currentStep + 1} of ${this.totalSteps + 1}`;
+    }
     render() {
-        return (index.h("justifi-payment-provisioning-core", { key: '8df2a722a6c7150950cbc0a2d923bb1a107170ee', businessId: this.businessId, authToken: this.authToken, allowOptionalFields: this.allowOptionalFields, formTitle: this.formTitle, getBusiness: this.getBusiness, postProvisioning: this.postProvisioning }));
+        if (this.businessLoading) {
+            return (index.h(styledHost.StyledHost, null, index.h(paymentProvisioningLoading.PaymentProvisioningLoading, null)));
+        }
+        if (this.businessProvisioned) {
+            return (index.h(styledHost.StyledHost, null, index.h(PaymentProvisioningAlreadyProvisioned, null)));
+        }
+        if (this.formSubmitted) {
+            return (index.h(styledHost.StyledHost, null, index.h(PaymentProvisioningSubmissionComplete, null)));
+        }
+        return (index.h(styledHost.StyledHost, null, index.h("div", { class: "row gap-3" }, index.h(header1.Header1, { text: this.formTitle }), index.h("payment-provisioning-form-steps", { businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, country: this.country, handleFormLoading: this.handleFormLoading }), index.h("div", { class: "d-flex justify-content-between align-items-center" }, index.h("div", { class: "d-flex align-items-center", part: parts.text }, this.stepCounter), index.h("payment-provisioning-form-buttons", { currentStep: this.currentStep, totalSteps: this.totalSteps, formLoading: this.loading, formDisabled: this.formDisabled, previousStepButtonOnClick: this.previousStepButtonOnClick, nextStepButtonOnClick: this.nextStepButtonOnClick })))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -87,4 +204,4 @@ const PaymentProvisioning = class {
     }; }
 };
 
-exports.justifi_payment_provisioning = PaymentProvisioning;
+exports.justifi_payment_provisioning = JustifiPaymentProvisioning;

package/dist/cjs/justifi-payment-transactions-list.cjs.entry.js

@@ -3,21 +3,21 @@
 var index = require('./index-p7cvUYAE.js');
 require('./config-state-BIgGhhe9.js');
 require('./dinero-BwNN_k7x.js');
-var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var Plaid = require('./Plaid-DR9WDZ98.js');
+var Plaid = require('./Plaid-6JK8xPnG.js');
 var Pagination = require('./Pagination-Dediz133.js');
 require('./Business-oBifyXkW.js');
 require('./Dispute-CruQTF6_.js');
-var checkPkgVersion = require('./check-pkg-version-Di4JmtKX.js');
-var utils = require('./utils-DvUQQLmR.js');
-var payment_service = require('./payment.service-Dl9UExDw.js');
+var Analytics = require('./Analytics-D72yBqoQ.js');
+var checkPkgVersion = require('./check-pkg-version-EI9MxE9j.js');
+var utils = require('./utils-C4CgQd55.js');
+var payment_service = require('./payment.service-DC2FVlv-.js');
 var table = require('./table-DjbNv28p.js');
 var styledHost = require('./styled-host-DAi5SuFa.js');
 var eventTypes = require('./event-types-YOY5TKUN.js');
 var utils$1 = require('./utils-BHi4j5rB.js');
 var parts = require('./parts-BXshb_S-.js');
 require('./index-W-zoNiyM.js');
-require('./package-D8NG-zuY.js');
+require('./package-U1Mz5_qn.js');
 require('./Api-Bukk55YZ.js');
 require('./spinner-C6ZGOB2P.js');
 
@@ -36,7 +36,7 @@ const makeGetPaymentTransactions = ({ id, authToken, service }) => async ({ para
             onError({
                 error: responseError,
                 code,
-                severity: ComponentError.ComponentErrorSeverity.ERROR,
+                severity: Plaid.ComponentErrorSeverity.ERROR,
             });
         }
     }
@@ -45,7 +45,7 @@ const makeGetPaymentTransactions = ({ id, authToken, service }) => async ({ para
         onError({
             error: utils.getErrorMessage(error),
             code,
-            severity: ComponentError.ComponentErrorSeverity.ERROR,
+            severity: Plaid.ComponentErrorSeverity.ERROR,
         });
     }
     finally {
@@ -100,7 +100,7 @@ const paymentTransactionTableCells = {
     source_type: (balanceTransaction, index$1) => (index.h("td", { part: parts.getAlternateTableCellPart(index$1) }, balanceTransaction.source_type)),
 };
 
-const PaymentTransactionsList = class {
+const JustifiPaymentTransactionsList = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.clickEvent = index.createEvent(this, "click-event", 7);
@@ -130,7 +130,7 @@ const PaymentTransactionsList = class {
     componentWillLoad() {
         this.transactionsTable = new table.Table(this.balanceTransactions, this.columns, paymentTransactionTableColumns, paymentTransactionTableCells);
         checkPkgVersion.checkPkgVersion();
-        this.analytics = new checkPkgVersion.JustifiAnalytics(this);
+        this.analytics = new Analytics.JustifiAnalytics(this);
         this.initializeApi();
     }
     disconnectedCallback() {
@@ -170,7 +170,7 @@ const PaymentTransactionsList = class {
         }
         else {
             this.errorMessage = 'payment-id and auth-token props are required';
-            this.handleError(ComponentError.ComponentErrorCodes.MISSING_PROPS, this.errorMessage, ComponentError.ComponentErrorSeverity.ERROR);
+            this.handleError(Plaid.ComponentErrorCodes.MISSING_PROPS, this.errorMessage, Plaid.ComponentErrorSeverity.ERROR);
         }
     }
     get entityId() {
@@ -186,7 +186,7 @@ const PaymentTransactionsList = class {
         return !this.showEmptyState && !this.showErrorState && !this.isLoading;
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '1d5d3794d15cce7b1c68cffc4f40afc22e4c5fd9' }, index.h(table.TableWrapper, { key: '26d9221971caea9439368b54ceae361c270f2ef7' }, index.h(table.TableComponent, { key: '82e7f2a431ea4ba39fd1d1ea42acf4a538c5cc8e' }, index.h(table.TableHead, { key: 'a24df861980ddc933aafa3547ece4fbb3fee105d' }, index.h(table.TableHeadRow, { key: '7f68e8247225c0fd65b84b8654ab8235905ac1d3' }, this.transactionsTable.columnData.map((column) => column))), index.h(table.TableBody, { key: '731ca899b5f99267e7b89ff6c70e5d261712479b' }, index.h(table.TableLoadingState, { key: '93a70a44b84d8e84c14524047d4195dd806ce6f5', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), index.h(table.TableEmptyState, { key: '004aa19b82b4cf23d598332cda26668d6365977e', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), index.h(table.TableErrorState, { key: '7bfe7435981ef111334e10c34d92cf4a9c169416', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index$1) => (index.h(table.TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h(table.TableFoot, { key: '054f18c77bde619212b8e66bcb4c94931ba278b4' }, index.h(table.TableFootRow, { key: '86ae9230a85986d6183ff17833b90ebde136f7ec' }, index.h(table.TableFootCell, { key: '437db60f446879f12bb76a7641ce15aa17053e1b', colSpan: this.transactionsTable.columnData.length }, index.h("pagination-menu", { key: 'f42fb11d7ffcc52e8d7d8ac7e2b5c210444fa765', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (index.h(styledHost.StyledHost, { key: 'e37b6e324069ec5ecac70b34058d476c661d36e3' }, index.h(table.TableWrapper, { key: 'cd7291ea2f1ce756fd90c877ad9378f0323ac8ca' }, index.h(table.TableComponent, { key: '52daba4c8aa7a918a5d126b64912d6784324a5a8' }, index.h(table.TableHead, { key: 'b73c79df19722ad10de0ce5f604dbdb7ccb7cdda' }, index.h(table.TableHeadRow, { key: '7ca076370634e96a8b356a10acea69d9e80bd482' }, this.transactionsTable.columnData.map((column) => column))), index.h(table.TableBody, { key: '52c751a3204c0df4829eaf9d60efaa64e2c9c09c' }, index.h(table.TableLoadingState, { key: 'f23c6b0f585cf2bf1a62d75c6b652941a4cad9fd', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), index.h(table.TableEmptyState, { key: '283c12b30f62396e3cf551360b7dc3a1e2079d03', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), index.h(table.TableErrorState, { key: '02501dfbb91e079b6eecc0260104f6b02a62b6d3', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index$1) => (index.h(table.TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h(table.TableFoot, { key: '2465201b12d25fbe1c8d7f23a5178b2b1aaa9896' }, index.h(table.TableFootRow, { key: '98b72bb125ba8db7d879cfd10bdeb3b2d7566951' }, index.h(table.TableFootCell, { key: '7f9c06cc8e60fa0e848db2fa9f2cfff465254a7b', colSpan: this.transactionsTable.columnData.length }, index.h("pagination-menu", { key: '14a74894ca178e16c627c7d0b8ced3ade5a7a5cb', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["propChanged"],
@@ -195,4 +195,4 @@ const PaymentTransactionsList = class {
     }; }
 };
 
-exports.justifi_payment_transactions_list = PaymentTransactionsList;
+exports.justifi_payment_transactions_list = JustifiPaymentTransactionsList;

package/dist/cjs/justifi-payments-list-filters.cjs.entry.js

@@ -11,7 +11,7 @@ require('./_commonjsHelpers-BJu3ubxk.js');
 require('./index-W-zoNiyM.js');
 require('./dinero-BwNN_k7x.js');
 
-const PaymentsListFilters = class {
+const JustifiPaymentsListFilters = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.setParamsOnChange = (name, value) => {
@@ -62,10 +62,10 @@ const PaymentsListFilters = class {
     }
     render() {
         const filterMenuParams = Object.assign({}, paymentsListParamsState.filterParams);
-        return (index.h(styledHost.StyledHost, { key: 'c23d82157dd765b66fe543532c6c7e3ff5a08581' }, index.h("table-filters-menu", { key: 'fe825b9df2a60075e7cf8367368dc6973b74e27a', params: filterMenuParams, clearParams: paymentsListParamsState.clearParams, part: parts.filterMenu }, index.h("div", { key: 'dd0f17dac9f087b1333432c6bbe75acd2b9b7904', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: '5e2581a9cd6f3ee954a6c786d068ca257d12a980', class: "p-2" }, index.h("form-control-text", { key: '2a5a4f455bc13835837c70a59665d05c3757f106', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || paymentsListParamsState.filterParams.payment_id, disabled: !!this.paymentId, part: parts.filterParam })), index.h("div", { key: 'b012b5f98e868b3a59f579d7a69c5cc97e83fb3d', class: "p-2" }, index.h("form-control-text", { key: '2548924366d327f5601b3aa828bbfe1afd7e0e56', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || paymentsListParamsState.filterParams.terminal_id, disabled: !!this.terminalId, part: parts.filterParam })), index.h("div", { key: 'b83cadc6092c8399cdb7f8f4f377c20bd792bfff', class: "p-2" }, index.h("form-control-select", { key: '8274570ad09cd5d74a73f5f527d4ea4885ac0790', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || paymentsListParamsState.filterParams.payment_status || '', disabled: !!this.paymentStatus, part: parts.filterParam })), index.h("div", { key: 'd9310627522415ab816c10052a46768b8d54b274', class: "p-2" }, index.h("form-control-select", { key: '2f4f5d0ea8a2b463036f954aead00d242078c901', name: "payment_mode", label: "Payment Mode", options: this.paymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || paymentsListParamsState.filterParams.payment_mode || '', disabled: !!this.paymentMode, part: parts.filterParam })), index.h("div", { key: 'd604adc74f83ff5d2f9d9976ca12aa955b267d92', class: "p-2" }, index.h("form-control-text", { key: '9999c62ae3f576a662c40f0d35937ac8b7b3daa0', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || paymentsListParamsState.filterParams.checkout_id, disabled: !!this.checkoutId, part: parts.filterParam })), index.h("div", { key: 'ddc4d4b39c1cb223f862d4340d54c887ba1547f3', class: "p-2" }, index.h("form-control-text", { key: '62c1d665ec01bdafbb591ede396826dfa3fd7ae1', name: "account_holder", label: "Account Holder", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.accountHolder || paymentsListParamsState.filterParams.account_holder, disabled: !!this.accountHolder, part: parts.filterParam })), index.h("div", { key: '8d2dae722e41ef80d71c039c75898c4ebf1a5399', class: "p-2" }, index.h("form-control-date", { key: '9474a5d13ccbdd6361958abbe1dcc4565db49089', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                utils.convertToLocal(paymentsListParamsState.filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: parts.filterParam })), index.h("div", { key: '27338b915e79abd1966ed0953e8c5ee56a2d54c4', class: "p-2" }, index.h("form-control-date", { key: '21d865141256cb25d83c3de4d1623b3db8a1f27a', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (index.h(styledHost.StyledHost, { key: '207e63a2da8b81ab308d51a2253d68296c92cc25' }, index.h("table-filters-menu", { key: 'cbac700ee156ab458ecf0d3f247daf47f312b22f', params: filterMenuParams, clearParams: paymentsListParamsState.clearParams, part: parts.filterMenu }, index.h("div", { key: 'f30ae88dbbf58d82f9346b5446162cb7bc9eb941', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: 'b145a12bbf125e21cd7a509af7f8f469b0b12632', class: "p-2" }, index.h("form-control-text", { key: 'ca232fee8aae5b9dde54d0d1aeb434b94bc9f051', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || paymentsListParamsState.filterParams.payment_id, disabled: !!this.paymentId, part: parts.filterParam })), index.h("div", { key: 'bdb153b7aa40dae43cf263a570a64e2bc2864ec8', class: "p-2" }, index.h("form-control-text", { key: '5c51c88a7233d06a6b3614b244d2185eb1aba840', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || paymentsListParamsState.filterParams.terminal_id, disabled: !!this.terminalId, part: parts.filterParam })), index.h("div", { key: '67039d13a6c999feeb93ae79ca1ad822869e15de', class: "p-2" }, index.h("form-control-select", { key: '18e5d4e0dab9b2127a5308e7b0f5b689e68caead', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || paymentsListParamsState.filterParams.payment_status || '', disabled: !!this.paymentStatus, part: parts.filterParam })), index.h("div", { key: 'f4af14ee692a80e7d8ccdd0a35375d70035ee542', class: "p-2" }, index.h("form-control-select", { key: 'fa9600ca81d8ad37bea6f1c665853c6faa439b75', name: "payment_mode", label: "Payment Mode", options: this.paymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || paymentsListParamsState.filterParams.payment_mode || '', disabled: !!this.paymentMode, part: parts.filterParam })), index.h("div", { key: '6daa2ccec1eedd117b5d71c3d6bf25f02aea1801', class: "p-2" }, index.h("form-control-text", { key: '27fabe15bcc2c3b9fe1694c6a637523c5676eee4', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || paymentsListParamsState.filterParams.checkout_id, disabled: !!this.checkoutId, part: parts.filterParam })), index.h("div", { key: 'edbf45a5e54a3968eb6b12ece0084cfdad166b2a', class: "p-2" }, index.h("form-control-text", { key: 'fe1c023959280bf3e8ea087d8bd1f9fb63800637', name: "account_holder", label: "Account Holder", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.accountHolder || paymentsListParamsState.filterParams.account_holder, disabled: !!this.accountHolder, part: parts.filterParam })), index.h("div", { key: '73851511ecefbca4abfae459284571c077f4aef2', class: "p-2" }, index.h("form-control-date", { key: 'c0f34a0eded3ed2b941fdb1ec6f62d73d4d3e86b', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                utils.convertToLocal(paymentsListParamsState.filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: parts.filterParam })), index.h("div", { key: '98441cb89498d7e7174fac584b48d05eafd43cce', class: "p-2" }, index.h("form-control-date", { key: '56cb9cd19f1cf5534b168da26d96100608859bd7', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: utils.convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
                 utils.convertToLocal(paymentsListParamsState.filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: parts.filterParam }))))));
     }
 };
 
-exports.justifi_payments_list_filters = PaymentsListFilters;
+exports.justifi_payments_list_filters = JustifiPaymentsListFilters;

package/dist/cjs/justifi-payments-list.cjs.entry.js

@@ -1,23 +1,23 @@
 'use strict';
 
 var index = require('./index-p7cvUYAE.js');
-var payment_service = require('./payment.service-Dl9UExDw.js');
+var payment_service = require('./payment.service-DC2FVlv-.js');
 require('./config-state-BIgGhhe9.js');
 require('./dinero-BwNN_k7x.js');
-var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var Plaid = require('./Plaid-DR9WDZ98.js');
+var Plaid = require('./Plaid-6JK8xPnG.js');
 require('./Pagination-Dediz133.js');
 require('./Business-oBifyXkW.js');
 require('./Dispute-CruQTF6_.js');
-var utils = require('./utils-DvUQQLmR.js');
-var checkPkgVersion = require('./check-pkg-version-Di4JmtKX.js');
+var utils = require('./utils-C4CgQd55.js');
+var Analytics = require('./Analytics-D72yBqoQ.js');
+var checkPkgVersion = require('./check-pkg-version-EI9MxE9j.js');
 var styledHost = require('./styled-host-DAi5SuFa.js');
 require('./event-types-YOY5TKUN.js');
 var paymentsTable = require('./payments-table-CUxpxNnc.js');
 require('./Api-Bukk55YZ.js');
 require('./utils-BHi4j5rB.js');
 require('./index-W-zoNiyM.js');
-require('./package-D8NG-zuY.js');
+require('./package-U1Mz5_qn.js');
 require('./payments-status-Bj_bCKUP.js');
 require('./badge-GBNtUypt.js');
 require('./parts-BXshb_S-.js');
@@ -37,7 +37,7 @@ const makeGetPayments = ({ id, authToken, service }) => async ({ params, onSucce
             return onError({
                 error: responseError,
                 code,
-                severity: ComponentError.ComponentErrorSeverity.ERROR,
+                severity: Plaid.ComponentErrorSeverity.ERROR,
             });
         }
     }
@@ -46,7 +46,7 @@ const makeGetPayments = ({ id, authToken, service }) => async ({ params, onSucce
         return onError({
             error: error.message || error,
             code,
-            severity: ComponentError.ComponentErrorSeverity.ERROR,
+            severity: Plaid.ComponentErrorSeverity.ERROR,
         });
     }
     finally {
@@ -54,7 +54,7 @@ const makeGetPayments = ({ id, authToken, service }) => async ({ params, onSucce
     }
 };
 
-const PaymentsList = class {
+const JustifiPaymentsList = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.errorEvent = index.createEvent(this, "error-event", 7);
@@ -67,7 +67,7 @@ const PaymentsList = class {
     }
     componentWillLoad() {
         checkPkgVersion.checkPkgVersion();
-        this.analytics = new checkPkgVersion.JustifiAnalytics(this);
+        this.analytics = new Analytics.JustifiAnalytics(this);
         this.initializeGetPayments();
     }
     disconnectedCallback() {
@@ -89,14 +89,14 @@ const PaymentsList = class {
         else {
             this.errorMessage = 'Account ID and Auth Token are required';
             this.errorEvent.emit({
-                errorCode: ComponentError.ComponentErrorCodes.MISSING_PROPS,
+                errorCode: Plaid.ComponentErrorCodes.MISSING_PROPS,
                 message: this.errorMessage,
-                severity: ComponentError.ComponentErrorSeverity.ERROR,
+                severity: Plaid.ComponentErrorSeverity.ERROR,
             });
         }
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'bd9c796ee69445e241256843411b451e572d5321' }, index.h("payments-list-core", { key: '9521c57de8fbc5e854de042ce720841e769446af', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (index.h(styledHost.StyledHost, { key: '1eb44d7abbd8ad6964538435786007fcd1792b41' }, index.h("payments-list-core", { key: '6e178dfa35e107c2d0653a9fc1e0d1247ef99bb0', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],
@@ -104,4 +104,4 @@ const PaymentsList = class {
     }; }
 };
 
-exports.justifi_payments_list = PaymentsList;
+exports.justifi_payments_list = JustifiPaymentsList;

package/dist/cjs/justifi-payout-details.cjs.entry.js

@@ -1,23 +1,23 @@
 'use strict';
 
 var index = require('./index-p7cvUYAE.js');
-var payout_service = require('./payout.service-kaFewwx4.js');
+var payout_service = require('./payout.service-Bjbt6USA.js');
 require('./config-state-BIgGhhe9.js');
 require('./dinero-BwNN_k7x.js');
-var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var Plaid = require('./Plaid-DR9WDZ98.js');
+var Plaid = require('./Plaid-6JK8xPnG.js');
 require('./Pagination-Dediz133.js');
 require('./Business-oBifyXkW.js');
 require('./Dispute-CruQTF6_.js');
-var utils = require('./utils-DvUQQLmR.js');
+var utils = require('./utils-C4CgQd55.js');
 var utils$1 = require('./utils-8RGQVADu.js');
-var checkPkgVersion = require('./check-pkg-version-Di4JmtKX.js');
-var getPayoutCsv = require('./get-payout-csv-DE_D9y08.js');
+var Analytics = require('./Analytics-D72yBqoQ.js');
+var getPayoutCsv = require('./get-payout-csv-CFsWBUNg.js');
+var checkPkgVersion = require('./check-pkg-version-EI9MxE9j.js');
 require('./Api-Bukk55YZ.js');
 require('./utils-BHi4j5rB.js');
 require('./index-W-zoNiyM.js');
 require('./parts-BXshb_S-.js');
-require('./package-D8NG-zuY.js');
+require('./package-U1Mz5_qn.js');
 
 const makeGetPayoutDetails = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a;
@@ -33,7 +33,7 @@ const makeGetPayoutDetails = ({ id, authToken, service }) => async ({ onSuccess,
             onError({
                 error: errorMessage,
                 code,
-                severity: ComponentError.ComponentErrorSeverity.ERROR,
+                severity: Plaid.ComponentErrorSeverity.ERROR,
             });
         }
     }
@@ -43,12 +43,12 @@ const makeGetPayoutDetails = ({ id, authToken, service }) => async ({ onSuccess,
         onError({
             error: errorMessage,
             code,
-            severity: ComponentError.ComponentErrorSeverity.ERROR,
+            severity: Plaid.ComponentErrorSeverity.ERROR,
         });
     }
 };
 
-const PayoutDetails = class {
+const JustifiPayoutDetails = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.errorEvent = index.createEvent(this, "error-event", 7);
@@ -61,7 +61,7 @@ const PayoutDetails = class {
     }
     componentWillLoad() {
         checkPkgVersion.checkPkgVersion();
-        this.analytics = new checkPkgVersion.JustifiAnalytics(this);
+        this.analytics = new Analytics.JustifiAnalytics(this);
         this.initializeServices();
     }
     disconnectedCallback() {
@@ -88,8 +88,8 @@ const PayoutDetails = class {
             this.errorMessage = 'Failed to load payout details. payoutId or authToken is not provided.';
             this.errorEvent.emit({
                 message: this.errorMessage,
-                errorCode: ComponentError.ComponentErrorCodes.MISSING_PROPS,
-                severity: ComponentError.ComponentErrorSeverity.ERROR
+                errorCode: Plaid.ComponentErrorCodes.MISSING_PROPS,
+                severity: Plaid.ComponentErrorSeverity.ERROR
             });
         }
     }
@@ -105,4 +105,4 @@ const PayoutDetails = class {
     }; }
 };
 
-exports.justifi_payout_details = PayoutDetails;
+exports.justifi_payout_details = JustifiPayoutDetails;

package/dist/cjs/justifi-payout-transactions-list.cjs.entry.js

@@ -3,21 +3,21 @@
 var index = require('./index-p7cvUYAE.js');
 var configState = require('./config-state-BIgGhhe9.js');
 require('./dinero-BwNN_k7x.js');
-var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var Plaid = require('./Plaid-DR9WDZ98.js');
+var Plaid = require('./Plaid-6JK8xPnG.js');
 var Pagination = require('./Pagination-Dediz133.js');
 require('./Business-oBifyXkW.js');
 require('./Dispute-CruQTF6_.js');
-var checkPkgVersion = require('./check-pkg-version-Di4JmtKX.js');
-var utils = require('./utils-DvUQQLmR.js');
-var payout_service = require('./payout.service-kaFewwx4.js');
+var Analytics = require('./Analytics-D72yBqoQ.js');
+var checkPkgVersion = require('./check-pkg-version-EI9MxE9j.js');
+var utils = require('./utils-C4CgQd55.js');
+var payout_service = require('./payout.service-Bjbt6USA.js');
 var table = require('./table-DjbNv28p.js');
 var styledHost = require('./styled-host-DAi5SuFa.js');
 var eventTypes = require('./event-types-YOY5TKUN.js');
 var utils$1 = require('./utils-BHi4j5rB.js');
 var parts = require('./parts-BXshb_S-.js');
 require('./index-W-zoNiyM.js');
-require('./package-D8NG-zuY.js');
+require('./package-U1Mz5_qn.js');
 require('./Api-Bukk55YZ.js');
 require('./spinner-C6ZGOB2P.js');
 
@@ -36,7 +36,7 @@ const makeGetPayoutTransactions = ({ accountId, authToken, service }) => async (
             onError({
                 error: responseError,
                 code,
-                severity: ComponentError.ComponentErrorSeverity.ERROR,
+                severity: Plaid.ComponentErrorSeverity.ERROR,
             });
         }
     }
@@ -45,7 +45,7 @@ const makeGetPayoutTransactions = ({ accountId, authToken, service }) => async (
         onError({
             error: utils.getErrorMessage(error),
             code,
-            severity: ComponentError.ComponentErrorSeverity.ERROR,
+            severity: Plaid.ComponentErrorSeverity.ERROR,
         });
     }
     finally {
@@ -98,7 +98,7 @@ const payoutTransactionTableCells = {
     updated_at: (transaction) => (index.h("td", { part: parts.getAlternateTableCellPart(transaction.updated_at) }, index.h("div", { class: "fw-bold" }, utils$1.convertToLocal(transaction.updated_at, { showDisplayDate: true })), index.h("div", { class: "fw-bold" }, utils$1.convertToLocal(transaction.updated_at, { showTime: true })))),
 };
 
-const PayoutTransactionsList = class {
+const JustifiPayoutTransactionsList = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.clickEvent = index.createEvent(this, "click-event", 7);
@@ -128,7 +128,7 @@ const PayoutTransactionsList = class {
     componentWillLoad() {
         this.transactionsTable = new table.Table(this.balanceTransactions, this.columns, payoutTransactionTableColumns, payoutTransactionTableCells);
         checkPkgVersion.checkPkgVersion();
-        this.analytics = new checkPkgVersion.JustifiAnalytics(this);
+        this.analytics = new Analytics.JustifiAnalytics(this);
         this.initializeApi();
     }
     disconnectedCallback() {
@@ -168,7 +168,7 @@ const PayoutTransactionsList = class {
         }
         else {
             this.errorMessage = 'payout-id and auth-token props are required';
-            this.handleError(ComponentError.ComponentErrorCodes.MISSING_PROPS, this.errorMessage, ComponentError.ComponentErrorSeverity.ERROR);
+            this.handleError(Plaid.ComponentErrorCodes.MISSING_PROPS, this.errorMessage, Plaid.ComponentErrorSeverity.ERROR);
         }
     }
     get entityId() {
@@ -187,7 +187,7 @@ const PayoutTransactionsList = class {
         return Object.assign({ payout_id: this.payoutId, limit: '15' }, this.pagingParams);
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '5720eed99cb9b95399c46e2472b02a70c1fa775a' }, index.h(table.TableWrapper, { key: '8b24888a5220944ab6be99421246e903ad9de6d9' }, index.h(table.TableComponent, { key: 'cb18148644180e357c8aca3eb5b4fc966ea2d9d5' }, index.h(table.TableHead, { key: 'e8fb0fceb3471ed1d96e3bf26c76664fc0992c98' }, index.h(table.TableHeadRow, { key: 'dee86ce853830c030a5a60e2d4d6ef9f8d5d8246' }, this.transactionsTable.columnData.map((column) => column))), index.h(table.TableBody, { key: 'd0621d65657ffdc545a10191b0debee1d1784d08' }, index.h(table.TableLoadingState, { key: 'd4d096bc66340ca51e4d8fe4e4a59c510f6d8b51', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), index.h(table.TableEmptyState, { key: '9262dcbbe2d7a43e04b241af7ca826531ee629eb', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), index.h(table.TableErrorState, { key: '93eb78fda887c0e893bc5e5042675c9e5606c8ff', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index$1) => (index.h(table.TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h(table.TableFoot, { key: '91b3c39985b8612ba62e6453f31e1ba1a05a842a' }, index.h(table.TableFootRow, { key: 'c37b899c8c3f5c944f4d75e5c633284aae5b8f57' }, index.h(table.TableFootCell, { key: '51730c9cb9d7affb7fcd5199a499183b5ad6aec7', colSpan: this.transactionsTable.columnData.length }, index.h("pagination-menu", { key: 'e338f5882afb1a71a8095f48fff5a599286a6994', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (index.h(styledHost.StyledHost, { key: '11a6336fb75a4286c102b935c7b175ce69c21521' }, index.h(table.TableWrapper, { key: '86f55e7840af3698d87965f638d7871d894110ec' }, index.h(table.TableComponent, { key: '2551d91ac0085cb5c0b15de9b3929b3dea004645' }, index.h(table.TableHead, { key: '97b793a3fb5f076618566253298bf315b67f0cdd' }, index.h(table.TableHeadRow, { key: '817fa7f9950e56a76661e8ff987c5c7035244907' }, this.transactionsTable.columnData.map((column) => column))), index.h(table.TableBody, { key: '367eb4f20acc3dc9a59dfb0389f296d687380e1b' }, index.h(table.TableLoadingState, { key: '594684a6762fd79fc797b195d5f6d296e893fd10', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), index.h(table.TableEmptyState, { key: '19b8983d2ea0c4a9fba4f44b404bd6901cc62137', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), index.h(table.TableErrorState, { key: '552c7c8291dde9f2a4fe0d15a999d077ef663c8f', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index$1) => (index.h(table.TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h(table.TableFoot, { key: '4486862a5aaa488014414e586d5f77d03ba7176c' }, index.h(table.TableFootRow, { key: '27a019583305eea31f402a8b3655686370f93c66' }, index.h(table.TableFootCell, { key: '6f42b298a2b2f8a5eeac49cd5bf4ca944d0be8a3', colSpan: this.transactionsTable.columnData.length }, index.h("pagination-menu", { key: 'c62634fb0f4b18c07334b99a9c083f398e8c2ecc', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["propChanged"],
@@ -196,4 +196,4 @@ const PayoutTransactionsList = class {
     }; }
 };
 
-exports.justifi_payout_transactions_list = PayoutTransactionsList;
+exports.justifi_payout_transactions_list = JustifiPayoutTransactionsList;