@justifi/webcomponents 6.12.0 → 6.12.1-rc.2

package/dist/cjs/justifi-order-terminals.cjs.entry.js

@@ -4,22 +4,21 @@ var index = require('./index-p7cvUYAE.js');
 var parts = require('./parts-BXshb_S-.js');
 var styledHost = require('./styled-host-DAi5SuFa.js');
 require('./event-types-YOY5TKUN.js');
-var checkPkgVersion = require('./check-pkg-version-CUhnNGii.js');
-var Analytics = require('./Analytics-DZCXB2Za.js');
-var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var business_service = require('./business.service-mliLE8kX.js');
+var checkPkgVersion = require('./check-pkg-version-DKEv2rPI.js');
+var Analytics = require('./Analytics-DN1vWC6J.js');
+var Plaid = require('./Plaid-6JK8xPnG.js');
+var business_service = require('./business.service-XXjIL3rT.js');
 var Business = require('./Business-oBifyXkW.js');
-var getBusiness = require('./get-business-DF-XBH8G.js');
+var getBusiness = require('./get-business-Dk1gjO4B.js');
 var skeleton = require('./skeleton-DvRCiQlA.js');
 require('./config-state-BIgGhhe9.js');
 require('./dinero-BwNN_k7x.js');
-var Plaid = require('./Plaid-DR9WDZ98.js');
 require('./Pagination-Dediz133.js');
 require('./Dispute-CruQTF6_.js');
-var utils = require('./utils-DvUQQLmR.js');
-var terminal_service = require('./terminal.service-UUoIe0IR.js');
+var utils = require('./utils-C4CgQd55.js');
+var terminal_service = require('./terminal.service-YAuPfEGz.js');
 var utils$1 = require('./utils-BHi4j5rB.js');
-require('./package-CJg8qLYd.js');
+require('./package-EwQYAMPH.js');
 require('./Api-Bukk55YZ.js');
 require('./index-W-zoNiyM.js');
 
@@ -47,7 +46,7 @@ const makeGetTerminalModels = ({ id, authToken, service }) => async ({ onSuccess
             return onError({
                 error: responseError,
                 code,
-                severity: ComponentError.ComponentErrorSeverity.ERROR,
+                severity: Plaid.ComponentErrorSeverity.ERROR,
             });
         }
     }
@@ -56,7 +55,7 @@ const makeGetTerminalModels = ({ id, authToken, service }) => async ({ onSuccess
         return onError({
             error: error.message || error,
             code,
-            severity: ComponentError.ComponentErrorSeverity.ERROR,
+            severity: Plaid.ComponentErrorSeverity.ERROR,
         });
     }
 };
@@ -75,7 +74,7 @@ const makeOrderTerminals = ({ authToken, service, apiOrigin = "https://wc-proxy.
             return onError({
                 error: responseError,
                 code,
-                severity: ComponentError.ComponentErrorSeverity.ERROR,
+                severity: Plaid.ComponentErrorSeverity.ERROR,
             });
         }
     }
@@ -84,7 +83,7 @@ const makeOrderTerminals = ({ authToken, service, apiOrigin = "https://wc-proxy.
         return onError({
             error: error.message || error,
             code,
-            severity: ComponentError.ComponentErrorSeverity.ERROR,
+            severity: Plaid.ComponentErrorSeverity.ERROR,
         });
     }
 };
@@ -125,7 +124,7 @@ const JustifiOrderTerminals = class {
     }
     loadData() {
         if (!this.businessId || !this.authToken) {
-            this.handleError("Invalid business id or auth token", ComponentError.ComponentErrorCodes.MISSING_PROPS, ComponentError.ComponentErrorSeverity.ERROR);
+            this.handleError("Invalid business id or auth token", Plaid.ComponentErrorCodes.MISSING_PROPS, Plaid.ComponentErrorSeverity.ERROR);
             return;
         }
         this.initializeGetBusiness();
@@ -204,7 +203,7 @@ const JustifiOrderTerminals = class {
         return (index.h("div", { class: "mt-3" }, index.h("div", { class: "text-end" }, "Order limit: ", this.orderLimit), index.h("div", { class: "d-flex justify-content-end mt-3" }, index.h("button", { class: "btn btn-primary submit-btn", onClick: this.submitOrder.bind(this), disabled: this.order.totalQuantity === 0 || this.submitting, part: parts.buttonPrimary }, this.submitting ? 'Submitting...' : this.submitButtonText))));
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'b7af1ccc30f56ff64aece6cb8a72ab3936b0a883' }, index.h("div", { key: '3f8c548c83173ae6e09f681057bf9847c9f0a31d', part: parts.text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (index.h(styledHost.StyledHost, { key: '383551442ee3c73ff4df3ffcca06f9c98519ee1a' }, index.h("div", { key: 'acc977cf9e43949c0c33c25ee9a4d449c5ece404', part: parts.text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
     }
 };
 

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

@@ -1,24 +1,23 @@
 'use strict';
 
 var index = require('./index-p7cvUYAE.js');
-var payment_service = require('./payment.service-Dl9UExDw.js');
-var getPaymentDetails = require('./get-payment-details-DNpOyUyR.js');
+var payment_service = require('./payment.service-DC2FVlv-.js');
+var getPaymentDetails = require('./get-payment-details-Cvi1hHGJ.js');
 var utils = require('./utils-8RGQVADu.js');
-var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var Analytics = require('./Analytics-DZCXB2Za.js');
-var checkPkgVersion = require('./check-pkg-version-CUhnNGii.js');
+var Plaid = require('./Plaid-6JK8xPnG.js');
+var Analytics = require('./Analytics-DN1vWC6J.js');
+var checkPkgVersion = require('./check-pkg-version-DKEv2rPI.js');
 require('./Api-Bukk55YZ.js');
 require('./config-state-BIgGhhe9.js');
 require('./index-W-zoNiyM.js');
 require('./utils-BHi4j5rB.js');
 require('./dinero-BwNN_k7x.js');
-require('./Plaid-DR9WDZ98.js');
-require('./Dispute-CruQTF6_.js');
 require('./Pagination-Dediz133.js');
 require('./Business-oBifyXkW.js');
-require('./utils-DvUQQLmR.js');
+require('./Dispute-CruQTF6_.js');
+require('./utils-C4CgQd55.js');
 require('./parts-BXshb_S-.js');
-require('./package-CJg8qLYd.js');
+require('./package-EwQYAMPH.js');
 
 const JustifiPaymentDetails = class {
     constructor(hostRef) {
@@ -63,8 +62,8 @@ const JustifiPaymentDetails = class {
             this.errorMessage = 'Payment ID and Auth Token are required';
             this.errorEvent.emit({
                 message: this.errorMessage,
-                errorCode: ComponentError.ComponentErrorCodes.MISSING_PROPS,
-                severity: ComponentError.ComponentErrorSeverity.ERROR,
+                errorCode: Plaid.ComponentErrorCodes.MISSING_PROPS,
+                severity: Plaid.ComponentErrorSeverity.ERROR,
             });
         }
     }

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

@@ -1,22 +1,28 @@
 'use strict';
 
 var index = require('./index-p7cvUYAE.js');
-var Analytics = require('./Analytics-DZCXB2Za.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-DN1vWC6J.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-CUhnNGii.js');
+var checkPkgVersion = require('./check-pkg-version-DKEv2rPI.js');
 var utils = require('./utils-BHi4j5rB.js');
-require('./package-CJg8qLYd.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-EwQYAMPH.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 {
@@ -30,57 +36,167 @@ class ProvisionService {
     }
 }
 
+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 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: 'e0e707c564262573b709f427a31f6d532b0e82c3', 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"],

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

@@ -3,22 +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 Analytics = require('./Analytics-DZCXB2Za.js');
-var checkPkgVersion = require('./check-pkg-version-CUhnNGii.js');
-var utils = require('./utils-DvUQQLmR.js');
-var payment_service = require('./payment.service-Dl9UExDw.js');
+var Analytics = require('./Analytics-DN1vWC6J.js');
+var checkPkgVersion = require('./check-pkg-version-DKEv2rPI.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-CJg8qLYd.js');
+require('./package-EwQYAMPH.js');
 require('./Api-Bukk55YZ.js');
 require('./spinner-C6ZGOB2P.js');
 
@@ -37,7 +36,7 @@ const makeGetPaymentTransactions = ({ id, authToken, service }) => async ({ para
             onError({
                 error: responseError,
                 code,
-                severity: ComponentError.ComponentErrorSeverity.ERROR,
+                severity: Plaid.ComponentErrorSeverity.ERROR,
             });
         }
     }
@@ -46,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 {
@@ -171,7 +170,7 @@ const JustifiPaymentTransactionsList = 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() {
@@ -187,7 +186,7 @@ const JustifiPaymentTransactionsList = class {
         return !this.showEmptyState && !this.showErrorState && !this.isLoading;
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'a19c2fd2ee5e86741dc02524ecfed08b03618fba' }, index.h(table.TableWrapper, { key: 'bf3137a2cabba02117b1716bfd8c3c5c67a430d2' }, index.h(table.TableComponent, { key: '923ca41a66c00ca874035a5fdbe95b7ed8f9205c' }, index.h(table.TableHead, { key: 'd749c9ee6c1f67969ff7270ce69c2d9766823797' }, index.h(table.TableHeadRow, { key: 'eade74e1213af11303eaf2141c083cd1178bb31f' }, this.transactionsTable.columnData.map((column) => column))), index.h(table.TableBody, { key: 'b046a3dd815360e924d8a4453fdaa2a0511f9d5a' }, index.h(table.TableLoadingState, { key: 'e2f8868ce1b0a2a40f2ba747776a17a12abfd61b', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), index.h(table.TableEmptyState, { key: '3a4d16aef99b051db8b4c945b304168b563d604a', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), index.h(table.TableErrorState, { key: 'e9e7541ba9089540cc8bae209b4ad74312a9d33c', 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: '72fac1223a4b9275d67d8600e0b90ba8d9d0e280' }, index.h(table.TableFootRow, { key: '7cbc13568ee060be02bef6ee271d2d2d3a8445b9' }, index.h(table.TableFootCell, { key: '0c458ce2f24f9327fbd733b828429f77de3590f5', colSpan: this.transactionsTable.columnData.length }, index.h("pagination-menu", { key: '6a93bc23fad5490a811c13d69f6d851d33e4a922', 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"],

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

@@ -62,8 +62,8 @@ const JustifiPaymentsListFilters = class {
     }
     render() {
         const filterMenuParams = Object.assign({}, paymentsListParamsState.filterParams);
-        return (index.h(styledHost.StyledHost, { key: '58db842ae1759b5094edf8e435d095b7245ce1d0' }, index.h("table-filters-menu", { key: '14ddd037f43a36139d6ba360cd380e71d003bff9', params: filterMenuParams, clearParams: paymentsListParamsState.clearParams, part: parts.filterMenu }, index.h("div", { key: 'cbd3a2f65e735f0b87641969b5ecd0b14951f886', class: "grid-cols-2 gap-3 p-1" }, index.h("div", { key: '1965d56f641720e98adf80ecb1dcd7f22a1a28ec', class: "p-2" }, index.h("form-control-text", { key: '20f901f3b1d19412769b2c50fc3d4fede612afa4', 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: '4f7350e4947b75eea5fe2707f7318ac8f3e187fa', class: "p-2" }, index.h("form-control-text", { key: '5063baec0022ef94d09013ff212e039ff1ec4b9c', 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: '74d4f02d79738741f03780066394d75e7482db4b', class: "p-2" }, index.h("form-control-select", { key: 'fd4e649331f7593ebf79de3209a8cde89f55b291', 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: '8254027040cc3d7e957d8f106e5d9cce17474db2', class: "p-2" }, index.h("form-control-select", { key: '9ca53fe90ab689a4e718872a7856b8706cfab705', 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: 'c1e5d44a266aa2d1d13d8be91616357a3b19a02e', class: "p-2" }, index.h("form-control-text", { key: '61635cdcca233f137ecdb7ea7c605bd9487cd6a9', 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: '2f8dc8e4e8f1d75efb4487a90e9f00b17f0dc6f1', class: "p-2" }, index.h("form-control-text", { key: '80267ba174109ed9635f59c275ecadac999838eb', 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: '55067505b4e93354acdb29e78b823ff908ce9feb', class: "p-2" }, index.h("form-control-date", { key: 'd4930b8f5d7a71995ee3c5e63e8ffb25f1157340', 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: 'fd92ce3e10a1a48e95c031476df9e4c7723724d1', class: "p-2" }, index.h("form-control-date", { key: '29818ce8be32260087b26230546627d9cfff72ad', 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 }))))));
     }
 };

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

@@ -1,24 +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 Analytics = require('./Analytics-DZCXB2Za.js');
-var checkPkgVersion = require('./check-pkg-version-CUhnNGii.js');
+var utils = require('./utils-C4CgQd55.js');
+var Analytics = require('./Analytics-DN1vWC6J.js');
+var checkPkgVersion = require('./check-pkg-version-DKEv2rPI.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-CJg8qLYd.js');
+require('./package-EwQYAMPH.js');
 require('./payments-status-Bj_bCKUP.js');
 require('./badge-GBNtUypt.js');
 require('./parts-BXshb_S-.js');
@@ -38,7 +37,7 @@ const makeGetPayments = ({ id, authToken, service }) => async ({ params, onSucce
             return onError({
                 error: responseError,
                 code,
-                severity: ComponentError.ComponentErrorSeverity.ERROR,
+                severity: Plaid.ComponentErrorSeverity.ERROR,
             });
         }
     }
@@ -47,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 {
@@ -90,14 +89,14 @@ const JustifiPaymentsList = 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: 'a8562a3d7d7d1efda16f86c1bccbd3417fe8f198' }, index.h("payments-list-core", { key: '03a88647d46be6ea09bdd26dc226a4faa1bddf72', 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"],

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

@@ -1,24 +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 Analytics = require('./Analytics-DZCXB2Za.js');
-var getPayoutCsv = require('./get-payout-csv-DE_D9y08.js');
-var checkPkgVersion = require('./check-pkg-version-CUhnNGii.js');
+var Analytics = require('./Analytics-DN1vWC6J.js');
+var getPayoutCsv = require('./get-payout-csv-CFsWBUNg.js');
+var checkPkgVersion = require('./check-pkg-version-DKEv2rPI.js');
 require('./Api-Bukk55YZ.js');
 require('./utils-BHi4j5rB.js');
 require('./index-W-zoNiyM.js');
 require('./parts-BXshb_S-.js');
-require('./package-CJg8qLYd.js');
+require('./package-EwQYAMPH.js');
 
 const makeGetPayoutDetails = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a;
@@ -34,7 +33,7 @@ const makeGetPayoutDetails = ({ id, authToken, service }) => async ({ onSuccess,
             onError({
                 error: errorMessage,
                 code,
-                severity: ComponentError.ComponentErrorSeverity.ERROR,
+                severity: Plaid.ComponentErrorSeverity.ERROR,
             });
         }
     }
@@ -44,7 +43,7 @@ const makeGetPayoutDetails = ({ id, authToken, service }) => async ({ onSuccess,
         onError({
             error: errorMessage,
             code,
-            severity: ComponentError.ComponentErrorSeverity.ERROR,
+            severity: Plaid.ComponentErrorSeverity.ERROR,
         });
     }
 };
@@ -89,8 +88,8 @@ const JustifiPayoutDetails = 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
             });
         }
     }

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

@@ -3,22 +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 Analytics = require('./Analytics-DZCXB2Za.js');
-var checkPkgVersion = require('./check-pkg-version-CUhnNGii.js');
-var utils = require('./utils-DvUQQLmR.js');
-var payout_service = require('./payout.service-kaFewwx4.js');
+var Analytics = require('./Analytics-DN1vWC6J.js');
+var checkPkgVersion = require('./check-pkg-version-DKEv2rPI.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-CJg8qLYd.js');
+require('./package-EwQYAMPH.js');
 require('./Api-Bukk55YZ.js');
 require('./spinner-C6ZGOB2P.js');
 
@@ -37,7 +36,7 @@ const makeGetPayoutTransactions = ({ accountId, authToken, service }) => async (
             onError({
                 error: responseError,
                 code,
-                severity: ComponentError.ComponentErrorSeverity.ERROR,
+                severity: Plaid.ComponentErrorSeverity.ERROR,
             });
         }
     }
@@ -46,7 +45,7 @@ const makeGetPayoutTransactions = ({ accountId, authToken, service }) => async (
         onError({
             error: utils.getErrorMessage(error),
             code,
-            severity: ComponentError.ComponentErrorSeverity.ERROR,
+            severity: Plaid.ComponentErrorSeverity.ERROR,
         });
     }
     finally {
@@ -169,7 +168,7 @@ const JustifiPayoutTransactionsList = 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() {
@@ -188,7 +187,7 @@ const JustifiPayoutTransactionsList = class {
         return Object.assign({ payout_id: this.payoutId, limit: '15' }, this.pagingParams);
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: '417f224dbed2219cfffc1d51ed1610f8c17251cf' }, index.h(table.TableWrapper, { key: '79cec94e004bd1e0ddbc98856a51db756d22c870' }, index.h(table.TableComponent, { key: '4f1fc1cca1cbd21895a7b44b765f2f19481fe11e' }, index.h(table.TableHead, { key: '6b9f02ab6fc0e05cfed7b596c5fbe0090caa1c5b' }, index.h(table.TableHeadRow, { key: '4d6af26a445e4e4be884e254aee56ca3a2f5e928' }, this.transactionsTable.columnData.map((column) => column))), index.h(table.TableBody, { key: 'dc3847e822b42ad1ec3276a765e550010b3494ba' }, index.h(table.TableLoadingState, { key: 'e1d7dc0671c53340bac10fb6a8cba21d3491565d', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), index.h(table.TableEmptyState, { key: '5c0cb4eea3003c0d2b46fd8fa76b2e3cd6e06d1f', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), index.h(table.TableErrorState, { key: '271edb981660d808298f3cd38c5b56bb975e20cf', 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: '0413ee414642f7201e2de86b683d53ea8ecdcf3e' }, index.h(table.TableFootRow, { key: 'cb9f2f5a9343dd12a2a6ab8294e2d545ad553836' }, index.h(table.TableFootCell, { key: 'fcdcae20878346b0dd0225b9ef22083fb0d1dddd', colSpan: this.transactionsTable.columnData.length }, index.h("pagination-menu", { key: 'c6a2062f2bf46bddf452e72c18cc31e8d8628721', 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"],