@justifi/webcomponents 6.10.4 → 6.12.0

package/dist/module/justifi-order-terminals.js

@@ -1,11 +1,12 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-import { $ as heading4, ab as heading5, Y as buttonPrimary, t as text } from './parts.js';
+import { $ as heading4, ab as heading5, D as buttonPrimary, j as text } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
-import './details.js';
+import './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
-import { t as TerminalModel, a as ComponentErrorSeverity, s as TerminalOrder, j as TerminalOrderType, C as ComponentErrorCodes } from './Plaid.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
+import { J as JustifiAnalytics } from './Analytics.js';
+import { t as TerminalModel, C as ComponentErrorSeverity, s as TerminalOrder, j as TerminalOrderType, a as ComponentErrorCodes } from './Plaid.js';
 import { B as BusinessService } from './business.service.js';
 import { b as Business } from './Business.js';
 import { m as makeGetBusiness } from './get-business.js';
@@ -14,7 +15,7 @@ import './config-state.js';
 import './dinero.js';
 import './Pagination.js';
 import './ApplePay.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils3.js';
 import { T as TerminalService } from './terminal.service.js';
 import { o as formatPhoneNumber } from './utils2.js';
 import { d as defineCustomElement$4 } from './custom-popper2.js';
@@ -87,7 +88,7 @@ const makeOrderTerminals = ({ authToken, service, apiOrigin = "https://wc-proxy.
     }
 };
 
-const OrderTerminals = /*@__PURE__*/ proxyCustomElement(class OrderTerminals extends HTMLElement {
+const JustifiOrderTerminals$1 = /*@__PURE__*/ proxyCustomElement(class JustifiOrderTerminals extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -206,7 +207,7 @@ const OrderTerminals = /*@__PURE__*/ proxyCustomElement(class OrderTerminals ext
         return (h("div", { class: "mt-3" }, h("div", { class: "text-end" }, "Order limit: ", this.orderLimit), h("div", { class: "d-flex justify-content-end mt-3" }, h("button", { class: "btn btn-primary submit-btn", onClick: this.submitOrder.bind(this), disabled: this.order.totalQuantity === 0 || this.submitting, part: buttonPrimary }, this.submitting ? 'Submitting...' : this.submitButtonText))));
     }
     render() {
-        return (h(StyledHost, { key: 'bb4aaf359b1511f493e10aeb574dfb33a5ca2834' }, h("div", { key: 'd09aef6864ba87fca3556f2e873dcf9ed2f988d4', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
+        return (h(StyledHost, { key: 'b7af1ccc30f56ff64aece6cb8a72ab3936b0a883' }, h("div", { key: '3f8c548c83173ae6e09f681057bf9847c9f0a31d', part: text }, this.renderLoading(), this.renderBusinessDetails(), this.renderTerminals(), this.renderOrderSection())));
     }
 }, [257, "justifi-order-terminals", {
         "businessId": [1, "business-id"],
@@ -231,7 +232,7 @@ function defineCustomElement$1() {
     components.forEach(tagName => { switch (tagName) {
         case "justifi-order-terminals":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, OrderTerminals);
+                customElements.define(tagName, JustifiOrderTerminals$1);
             }
             break;
         case "custom-popper":
@@ -253,7 +254,7 @@ function defineCustomElement$1() {
 }
 defineCustomElement$1();
 
-const JustifiOrderTerminals = OrderTerminals;
+const JustifiOrderTerminals = JustifiOrderTerminals$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiOrderTerminals, defineCustomElement };

package/dist/module/justifi-payment-details.js

@@ -2,12 +2,13 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { P as PaymentService } from './payment.service.js';
 import { m as makeGetPaymentDetails } from './get-payment-details.js';
 import { E as ErrorState } from './utils.js';
-import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './Plaid.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
-import { d as defineCustomElement$3 } from './details.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
+import { J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
+import { d as defineCustomElement$3 } from './justifi-details2.js';
 import { d as defineCustomElement$2 } from './payment-details-core2.js';
 
-const PaymentDetails = /*@__PURE__*/ proxyCustomElement(class PaymentDetails extends HTMLElement {
+const JustifiPaymentDetails$1 = /*@__PURE__*/ proxyCustomElement(class JustifiPaymentDetails extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -86,7 +87,7 @@ function defineCustomElement$1() {
     components.forEach(tagName => { switch (tagName) {
         case "justifi-payment-details":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, PaymentDetails);
+                customElements.define(tagName, JustifiPaymentDetails$1);
             }
             break;
         case "justifi-details":
@@ -103,7 +104,7 @@ function defineCustomElement$1() {
 }
 defineCustomElement$1();
 
-const JustifiPaymentDetails = PaymentDetails;
+const JustifiPaymentDetails = JustifiPaymentDetails$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiPaymentDetails, defineCustomElement };

package/dist/module/justifi-payment-provisioning-core.js

@@ -1,6 +1,6 @@
-import { P as PaymentProvisioningCore, d as defineCustomElement$1 } from './payment-provisioning-core.js';
+import { J as JustifiPaymentProvisioningCore$1, d as defineCustomElement$1 } from './payment-provisioning-core.js';
 
-const JustifiPaymentProvisioningCore = PaymentProvisioningCore;
+const JustifiPaymentProvisioningCore = JustifiPaymentProvisioningCore$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiPaymentProvisioningCore, defineCustomElement };

package/dist/module/justifi-payment-provisioning.js

@@ -1,44 +1,45 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
-import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './Plaid.js';
+import { J as JustifiAnalytics } from './Analytics.js';
+import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
 import { m as makeGetBusiness, g as makePostProvisioning } from './payment-provisioning-actions.js';
 import { B as BusinessService } from './business.service.js';
 import { A as Api } from './Api.js';
 import './Pagination.js';
 import './Business.js';
 import './ApplePay.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
 import { k as isTokenExpired } from './utils2.js';
-import { d as defineCustomElement$x } from './bank-account-document-inputs.js';
-import { d as defineCustomElement$w } from './bank-account-form-inputs2.js';
-import { d as defineCustomElement$v } from './bank-account-form-inputs-canada2.js';
-import { d as defineCustomElement$u } from './bank-account-read-only-value2.js';
-import { d as defineCustomElement$t } from './business-documents-on-file2.js';
-import { d as defineCustomElement$s } from './custom-popper2.js';
-import { d as defineCustomElement$r } from './form-control-checkbox2.js';
-import { d as defineCustomElement$q } from './form-control-date2.js';
-import { d as defineCustomElement$p } from './form-control-file2.js';
-import { d as defineCustomElement$o } from './form-control-monetary-provisioning2.js';
-import { d as defineCustomElement$n } from './form-control-number2.js';
-import { d as defineCustomElement$m } from './form-control-number-masked2.js';
-import { d as defineCustomElement$l } from './form-control-select2.js';
-import { d as defineCustomElement$k } from './form-control-text2.js';
-import { d as defineCustomElement$j } from './form-control-tooltip2.js';
-import { d as defineCustomElement$i } from './business-additional-questions-form-step.js';
-import { d as defineCustomElement$h } from './business-bank-account-form-step.js';
-import { d as defineCustomElement$g } from './business-core-info-form-step.js';
-import { d as defineCustomElement$f } from './business-owners-form-step.js';
-import { d as defineCustomElement$e } from './business-representative-form-inputs.js';
-import { d as defineCustomElement$d } from './business-representative-form-step.js';
-import { d as defineCustomElement$c } from './business-terms-conditions-form-step.js';
-import { d as defineCustomElement$b } from './form-address-fields.js';
-import { d as defineCustomElement$a } from './identity-address-form.js';
-import { d as defineCustomElement$9 } from './legal-address-form-step.js';
-import { d as defineCustomElement$8 } from './owner-form.js';
-import { d as defineCustomElement$7 } from './payment-provisioning-core.js';
-import { d as defineCustomElement$6 } from './payment-provisioning-form-buttons.js';
-import { d as defineCustomElement$5 } from './payment-provisioning-form-steps.js';
-import { d as defineCustomElement$4 } from './owner-form-core2.js';
-import { d as defineCustomElement$3 } from './owner-form-inputs2.js';
+import { d as defineCustomElement$x } from './additional-questions-form-step2.js';
+import { d as defineCustomElement$w } from './bank-account-document-form-inputs2.js';
+import { d as defineCustomElement$v } from './bank-account-form-inputs2.js';
+import { d as defineCustomElement$u } from './bank-account-form-inputs-canada2.js';
+import { d as defineCustomElement$t } from './bank-account-read-only-value2.js';
+import { d as defineCustomElement$s } from './business-bank-account-form-step2.js';
+import { d as defineCustomElement$r } from './business-core-info-form-step2.js';
+import { d as defineCustomElement$q } from './business-documents-on-file2.js';
+import { d as defineCustomElement$p } from './business-owners-form-step2.js';
+import { d as defineCustomElement$o } from './business-representative-form-inputs2.js';
+import { d as defineCustomElement$n } from './business-representative-form-step2.js';
+import { d as defineCustomElement$m } from './business-terms-conditions-form-step2.js';
+import { d as defineCustomElement$l } from './custom-popper2.js';
+import { d as defineCustomElement$k } from './form-address-fields2.js';
+import { d as defineCustomElement$j } from './form-control-checkbox2.js';
+import { d as defineCustomElement$i } from './form-control-date2.js';
+import { d as defineCustomElement$h } from './form-control-file2.js';
+import { d as defineCustomElement$g } from './form-control-monetary-provisioning2.js';
+import { d as defineCustomElement$f } from './form-control-number2.js';
+import { d as defineCustomElement$e } from './form-control-number-masked2.js';
+import { d as defineCustomElement$d } from './form-control-select2.js';
+import { d as defineCustomElement$c } from './form-control-text2.js';
+import { d as defineCustomElement$b } from './form-control-tooltip2.js';
+import { d as defineCustomElement$a } from './identity-address-form2.js';
+import { d as defineCustomElement$9 } from './payment-provisioning-core.js';
+import { d as defineCustomElement$8 } from './legal-address-form-step2.js';
+import { d as defineCustomElement$7 } from './owner-form2.js';
+import { d as defineCustomElement$6 } from './owner-form-core2.js';
+import { d as defineCustomElement$5 } from './owner-form-inputs2.js';
+import { d as defineCustomElement$4 } from './payment-provisioning-form-buttons2.js';
+import { d as defineCustomElement$3 } from './payment-provisioning-form-steps2.js';
 import { d as defineCustomElement$2 } from './plaid-verification2.js';
 
 const api = Api();
@@ -53,7 +54,7 @@ class ProvisionService {
     }
 }
 
-const PaymentProvisioning = /*@__PURE__*/ proxyCustomElement(class PaymentProvisioning extends HTMLElement {
+const JustifiPaymentProvisioning$1 = /*@__PURE__*/ proxyCustomElement(class JustifiPaymentProvisioning extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -107,7 +108,7 @@ const PaymentProvisioning = /*@__PURE__*/ proxyCustomElement(class PaymentProvis
         });
     }
     render() {
-        return (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 }));
+        return (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 }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -128,164 +129,164 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-payment-provisioning", "bank-account-document-form-inputs", "bank-account-form-inputs", "bank-account-form-inputs-canada", "bank-account-read-only-value", "business-documents-on-file", "custom-popper", "form-control-checkbox", "form-control-date", "form-control-file", "form-control-monetary-provisioning", "form-control-number", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-additional-questions-form-step", "justifi-business-bank-account-form-step", "justifi-business-core-info-form-step", "justifi-business-owners-form-step", "justifi-business-representative-form-inputs", "justifi-business-representative-form-step", "justifi-business-terms-conditions-form-step", "justifi-form-address-fields", "justifi-identity-address-form", "justifi-legal-address-form-step", "justifi-owner-form", "justifi-payment-provisioning-core", "justifi-payment-provisioning-form-buttons", "justifi-payment-provisioning-form-steps", "owner-form-core", "owner-form-inputs", "plaid-verification"];
+    const components = ["justifi-payment-provisioning", "additional-questions-form-step", "bank-account-document-form-inputs", "bank-account-form-inputs", "bank-account-form-inputs-canada", "bank-account-read-only-value", "business-bank-account-form-step", "business-core-info-form-step", "business-documents-on-file", "business-owners-form-step", "business-representative-form-inputs", "business-representative-form-step", "business-terms-conditions-form-step", "custom-popper", "form-address-fields", "form-control-checkbox", "form-control-date", "form-control-file", "form-control-monetary-provisioning", "form-control-number", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "identity-address-form", "justifi-payment-provisioning-core", "legal-address-form-step", "owner-form", "owner-form-core", "owner-form-inputs", "payment-provisioning-form-buttons", "payment-provisioning-form-steps", "plaid-verification"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-payment-provisioning":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, PaymentProvisioning);
+                customElements.define(tagName, JustifiPaymentProvisioning$1);
             }
             break;
-        case "bank-account-document-form-inputs":
+        case "additional-questions-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$x();
             }
             break;
-        case "bank-account-form-inputs":
+        case "bank-account-document-form-inputs":
             if (!customElements.get(tagName)) {
                 defineCustomElement$w();
             }
             break;
-        case "bank-account-form-inputs-canada":
+        case "bank-account-form-inputs":
             if (!customElements.get(tagName)) {
                 defineCustomElement$v();
             }
             break;
-        case "bank-account-read-only-value":
+        case "bank-account-form-inputs-canada":
             if (!customElements.get(tagName)) {
                 defineCustomElement$u();
             }
             break;
-        case "business-documents-on-file":
+        case "bank-account-read-only-value":
             if (!customElements.get(tagName)) {
                 defineCustomElement$t();
             }
             break;
-        case "custom-popper":
+        case "business-bank-account-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$s();
             }
             break;
-        case "form-control-checkbox":
+        case "business-core-info-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$r();
             }
             break;
-        case "form-control-date":
+        case "business-documents-on-file":
             if (!customElements.get(tagName)) {
                 defineCustomElement$q();
             }
             break;
-        case "form-control-file":
+        case "business-owners-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$p();
             }
             break;
-        case "form-control-monetary-provisioning":
+        case "business-representative-form-inputs":
             if (!customElements.get(tagName)) {
                 defineCustomElement$o();
             }
             break;
-        case "form-control-number":
+        case "business-representative-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$n();
             }
             break;
-        case "form-control-number-masked":
+        case "business-terms-conditions-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
-        case "form-control-select":
+        case "custom-popper":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "form-control-text":
+        case "form-address-fields":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "form-control-tooltip":
+        case "form-control-checkbox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "justifi-additional-questions-form-step":
+        case "form-control-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "justifi-business-bank-account-form-step":
+        case "form-control-file":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "justifi-business-core-info-form-step":
+        case "form-control-monetary-provisioning":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "justifi-business-owners-form-step":
+        case "form-control-number":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "justifi-business-representative-form-inputs":
+        case "form-control-number-masked":
             if (!customElements.get(tagName)) {
                 defineCustomElement$e();
             }
             break;
-        case "justifi-business-representative-form-step":
+        case "form-control-select":
             if (!customElements.get(tagName)) {
                 defineCustomElement$d();
             }
             break;
-        case "justifi-business-terms-conditions-form-step":
+        case "form-control-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$c();
             }
             break;
-        case "justifi-form-address-fields":
+        case "form-control-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$b();
             }
             break;
-        case "justifi-identity-address-form":
+        case "identity-address-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$a();
             }
             break;
-        case "justifi-legal-address-form-step":
+        case "justifi-payment-provisioning-core":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }
             break;
-        case "justifi-owner-form":
+        case "legal-address-form-step":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "justifi-payment-provisioning-core":
+        case "owner-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "justifi-payment-provisioning-form-buttons":
+        case "owner-form-core":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "justifi-payment-provisioning-form-steps":
+        case "owner-form-inputs":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }
             break;
-        case "owner-form-core":
+        case "payment-provisioning-form-buttons":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }
             break;
-        case "owner-form-inputs":
+        case "payment-provisioning-form-steps":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }
@@ -299,7 +300,7 @@ function defineCustomElement$1() {
 }
 defineCustomElement$1();
 
-const JustifiPaymentProvisioning = PaymentProvisioning;
+const JustifiPaymentProvisioning = JustifiPaymentProvisioning$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiPaymentProvisioning, defineCustomElement };

package/dist/module/justifi-payment-transactions-list.js

@@ -1,20 +1,21 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import './config-state.js';
 import './dinero.js';
-import { q as PaymentBalanceTransaction, a as ComponentErrorSeverity, C as ComponentErrorCodes } from './Plaid.js';
+import { q as PaymentBalanceTransaction, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Business.js';
 import './ApplePay.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
+import { J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils3.js';
 import { P as PaymentService } from './payment.service.js';
 import { T as Table, a as TableWrapper, b as TableComponent, c as TableHead, d as TableHeadRow, e as TableBody, f as TableLoadingState, g as TableEmptyState, h as TableErrorState, i as TableRow, j as TableFoot, k as TableFootRow, l as TableFootCell } from './table.js';
 import { S as StyledHost } from './styled-host.js';
-import './details.js';
+import './justifi-details2.js';
 import { T as TableClickActions } from './event-types.js';
 import './justifi-radio-list-item2.js';
 import { h as convertToLocal } from './utils2.js';
-import { w as tableHeadCell, al as getAlternateTableCellPart } from './parts.js';
+import { B as tableHeadCell, ah as getAlternateTableCellPart } from './parts.js';
 import { d as defineCustomElement$2 } from './pagination-menu2.js';
 
 const makeGetPaymentTransactions = ({ id, authToken, service }) => async ({ params, onSuccess, onError, final }) => {
@@ -96,7 +97,7 @@ const paymentTransactionTableCells = {
     source_type: (balanceTransaction, index) => (h("td", { part: getAlternateTableCellPart(index) }, balanceTransaction.source_type)),
 };
 
-const PaymentTransactionsList = /*@__PURE__*/ proxyCustomElement(class PaymentTransactionsList extends HTMLElement {
+const JustifiPaymentTransactionsList$1 = /*@__PURE__*/ proxyCustomElement(class JustifiPaymentTransactionsList extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -186,7 +187,7 @@ const PaymentTransactionsList = /*@__PURE__*/ proxyCustomElement(class PaymentTr
         return !this.showEmptyState && !this.showErrorState && !this.isLoading;
     }
     render() {
-        return (h(StyledHost, { key: '7aaa611cf9d23ff9244d8df54e57daa3ec08a635' }, h(TableWrapper, { key: 'd3f5244cfe909030c6072c7fdc4a5740029a4c17' }, h(TableComponent, { key: 'b0dc2044e5ee11b5d6a8298ed219c33f2bc42a35' }, h(TableHead, { key: '6a91d2b6968a6e969be3861c85b829c1ca5f899e' }, h(TableHeadRow, { key: 'ae84fd9d80b84054bfa1012137affa5c83b2be39' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '6a5cdec3190bb80ed3f78f295d07271838260fce' }, h(TableLoadingState, { key: '9fef843fa67a8049d77432d75f89446a2abe5ccc', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '3be23e217a98d0b2727dabc783134996ef0f9084', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '791ff61e65fb2f4e6a83f7d5142565b4a89106b5', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '898e2236fbed139f8196452463e3f248c01608d4' }, h(TableFootRow, { key: '9b416e1f6122d095b7516816ed686fe116479512' }, h(TableFootCell, { key: '6a12ce5ee3c5f28058ee5796cb174ef9fa4505b5', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '06984f04a928213ecbb6b3bf5acd3cb3a48e901f', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: 'a19c2fd2ee5e86741dc02524ecfed08b03618fba' }, h(TableWrapper, { key: 'bf3137a2cabba02117b1716bfd8c3c5c67a430d2' }, h(TableComponent, { key: '923ca41a66c00ca874035a5fdbe95b7ed8f9205c' }, h(TableHead, { key: 'd749c9ee6c1f67969ff7270ce69c2d9766823797' }, h(TableHeadRow, { key: 'eade74e1213af11303eaf2141c083cd1178bb31f' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'b046a3dd815360e924d8a4453fdaa2a0511f9d5a' }, h(TableLoadingState, { key: 'e2f8868ce1b0a2a40f2ba747776a17a12abfd61b', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '3a4d16aef99b051db8b4c945b304168b563d604a', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: 'e9e7541ba9089540cc8bae209b4ad74312a9d33c', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '72fac1223a4b9275d67d8600e0b90ba8d9d0e280' }, h(TableFootRow, { key: '7cbc13568ee060be02bef6ee271d2d2d3a8445b9' }, h(TableFootCell, { key: '0c458ce2f24f9327fbd733b828429f77de3590f5', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '6a93bc23fad5490a811c13d69f6d851d33e4a922', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["propChanged"],
@@ -216,7 +217,7 @@ function defineCustomElement$1() {
     components.forEach(tagName => { switch (tagName) {
         case "justifi-payment-transactions-list":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, PaymentTransactionsList);
+                customElements.define(tagName, JustifiPaymentTransactionsList$1);
             }
             break;
         case "pagination-menu":
@@ -228,7 +229,7 @@ function defineCustomElement$1() {
 }
 defineCustomElement$1();
 
-const JustifiPaymentTransactionsList = PaymentTransactionsList;
+const JustifiPaymentTransactionsList = JustifiPaymentTransactionsList$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiPaymentTransactionsList, defineCustomElement };

package/dist/module/justifi-payments-list-filters.js

@@ -1,9 +1,9 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { l as lodashExports } from './lodash.js';
 import { f as filterParams, p as propsParams, c as clearParams } from './payments-list-params-state.js';
-import { am as paymentsListFilterMenu, an as paymentIdPaymentsListFilterParam, ao as terminalIdPaymentsListFilterParam, ap as paymentStatusPaymentsListFilterParam, aq as paymentModePaymentsListFilterParam, ar as checkoutIdPaymentsListFilterParam, as as accountHolderPaymentsListFilterParam, at as createdAfterPaymentsListFilterParam, au as createdBeforePaymentsListFilterParam } from './parts.js';
+import { ad as filterMenu, ae as filterParam } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
-import './details.js';
+import './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 import { e as convertToUTC, h as convertToLocal } from './utils2.js';
@@ -14,7 +14,7 @@ import { d as defineCustomElement$4 } from './form-control-text2.js';
 import { d as defineCustomElement$3 } from './form-control-tooltip2.js';
 import { d as defineCustomElement$2 } from './table-filters-menu2.js';
 
-const PaymentsListFilters = /*@__PURE__*/ proxyCustomElement(class PaymentsListFilters extends HTMLElement {
+const JustifiPaymentsListFilters$1 = /*@__PURE__*/ proxyCustomElement(class JustifiPaymentsListFilters extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -69,9 +69,9 @@ const PaymentsListFilters = /*@__PURE__*/ proxyCustomElement(class PaymentsListF
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '13aa135857848a72567599a2639488287ca39081' }, h("table-filters-menu", { key: 'ed4dd2ea5f26428f41fd54a477893dcb0fc149e1', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: '95eef3a3710f97e04626ebb8bee42229a63f3c5c', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'd803be62dd29001b14343e2c8319a9301c00d8dc', class: "p-2" }, h("form-control-text", { key: 'e7a6da04a9eb9b2d6fdbe4bbb22c98b96ccf5030', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: '3e36de2950a53a3db08f8647573c4032624d453b', class: "p-2" }, h("form-control-text", { key: '28d556adfd29c3d73f59de2cbf8bf78d34ca5766', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: 'e7645f939effafa3d9b300829b53521d4c9c758f', class: "p-2" }, h("form-control-select", { key: 'bb5e03857df5c49fe74fa518c5b81f86d3dd2885', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status || '', disabled: !!this.paymentStatus, part: paymentStatusPaymentsListFilterParam })), h("div", { key: '181a66501584fadb10fee74215086bc215b271eb', class: "p-2" }, h("form-control-select", { key: '1e96d536e0aa91eb31b228710de7a3815717d003', name: "payment_mode", label: "Payment Mode", options: this.paymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: paymentModePaymentsListFilterParam })), h("div", { key: '7512ec47150ba5112486fec46fc99b7c2a04e7dc', class: "p-2" }, h("form-control-text", { key: 'a2065eaa53b1ef12752c3969cb4dd8ff2694bd1d', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: checkoutIdPaymentsListFilterParam })), h("div", { key: 'c7921a2cd0bd2fe17b831052c4114b3e061a584d', class: "p-2" }, h("form-control-text", { key: 'f8176d5b682e37df29d03bc5bd48ab4ded36e179', name: "account_holder", label: "Account Holder", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.accountHolder || filterParams.account_holder, disabled: !!this.accountHolder, part: accountHolderPaymentsListFilterParam })), h("div", { key: 'fca79a82790ae8739872d9178ac1ae44f94a1513', class: "p-2" }, h("form-control-date", { key: 'e1a750350ec30a339c33d0b76bc6b7f045eb198b', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterPaymentsListFilterParam })), h("div", { key: '18c93fdeec815743397ccbf1b8ed59144128d0ef', class: "p-2" }, h("form-control-date", { key: 'ded94e6169a8c3189e059353361b597926721cc1', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
-                convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: createdBeforePaymentsListFilterParam }))))));
+        return (h(StyledHost, { key: '58db842ae1759b5094edf8e435d095b7245ce1d0' }, h("table-filters-menu", { key: '14ddd037f43a36139d6ba360cd380e71d003bff9', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'cbd3a2f65e735f0b87641969b5ecd0b14951f886', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '1965d56f641720e98adf80ecb1dcd7f22a1a28ec', class: "p-2" }, h("form-control-text", { key: '20f901f3b1d19412769b2c50fc3d4fede612afa4', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: filterParam })), h("div", { key: '4f7350e4947b75eea5fe2707f7318ac8f3e187fa', class: "p-2" }, h("form-control-text", { key: '5063baec0022ef94d09013ff212e039ff1ec4b9c', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: filterParam })), h("div", { key: '74d4f02d79738741f03780066394d75e7482db4b', class: "p-2" }, h("form-control-select", { key: 'fd4e649331f7593ebf79de3209a8cde89f55b291', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status || '', disabled: !!this.paymentStatus, part: filterParam })), h("div", { key: '8254027040cc3d7e957d8f106e5d9cce17474db2', class: "p-2" }, h("form-control-select", { key: '9ca53fe90ab689a4e718872a7856b8706cfab705', name: "payment_mode", label: "Payment Mode", options: this.paymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: filterParam })), h("div", { key: 'c1e5d44a266aa2d1d13d8be91616357a3b19a02e', class: "p-2" }, h("form-control-text", { key: '61635cdcca233f137ecdb7ea7c605bd9487cd6a9', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: filterParam })), h("div", { key: '2f8dc8e4e8f1d75efb4487a90e9f00b17f0dc6f1', class: "p-2" }, h("form-control-text", { key: '80267ba174109ed9635f59c275ecadac999838eb', name: "account_holder", label: "Account Holder", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.accountHolder || filterParams.account_holder, disabled: !!this.accountHolder, part: filterParam })), h("div", { key: '55067505b4e93354acdb29e78b823ff908ce9feb', class: "p-2" }, h("form-control-date", { key: 'd4930b8f5d7a71995ee3c5e63e8ffb25f1157340', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: filterParam })), h("div", { key: 'fd92ce3e10a1a48e95c031476df9e4c7723724d1', class: "p-2" }, h("form-control-date", { key: '29818ce8be32260087b26230546627d9cfff72ad', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: filterParam }))))));
     }
 }, [257, "justifi-payments-list-filters", {
         "paymentId": [1, "payment-id"],
@@ -91,7 +91,7 @@ function defineCustomElement$1() {
     components.forEach(tagName => { switch (tagName) {
         case "justifi-payments-list-filters":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, PaymentsListFilters);
+                customElements.define(tagName, JustifiPaymentsListFilters$1);
             }
             break;
         case "custom-popper":
@@ -128,7 +128,7 @@ function defineCustomElement$1() {
 }
 defineCustomElement$1();
 
-const JustifiPaymentsListFilters = PaymentsListFilters;
+const JustifiPaymentsListFilters = JustifiPaymentsListFilters$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiPaymentsListFilters, defineCustomElement };

package/dist/module/justifi-payments-list.js

@@ -2,14 +2,15 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { P as PaymentService } from './payment.service.js';
 import './config-state.js';
 import './dinero.js';
-import { e as Payment, a as ComponentErrorSeverity, C as ComponentErrorCodes } from './Plaid.js';
+import { e as Payment, C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Plaid.js';
 import './Pagination.js';
 import './Business.js';
 import './ApplePay.js';
-import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
+import { g as getErrorCode, a as getErrorMessage } from './utils3.js';
+import { J as JustifiAnalytics } from './Analytics.js';
+import { c as checkPkgVersion } from './check-pkg-version.js';
 import { S as StyledHost } from './styled-host.js';
-import './details.js';
+import './justifi-details2.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 import { d as defineCustomElement$2, a as defaultColumnsKeys } from './payments-list-core2.js';
@@ -47,7 +48,7 @@ const makeGetPayments = ({ id, authToken, service }) => async ({ params, onSucce
     }
 };
 
-const PaymentsList = /*@__PURE__*/ proxyCustomElement(class PaymentsList extends HTMLElement {
+const JustifiPaymentsList$1 = /*@__PURE__*/ proxyCustomElement(class JustifiPaymentsList extends HTMLElement {
     constructor(registerHost) {
         super();
         if (registerHost !== false) {
@@ -93,7 +94,7 @@ const PaymentsList = /*@__PURE__*/ proxyCustomElement(class PaymentsList extends
         }
     }
     render() {
-        return (h(StyledHost, { key: '7e8061d89c07cea6f86c61156bf82be507908bb4' }, h("payments-list-core", { key: '940a26c6b1590e4b95136262a116892281645c1d', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'a8562a3d7d7d1efda16f86c1bccbd3417fe8f198' }, h("payments-list-core", { key: '03a88647d46be6ea09bdd26dc226a4faa1bddf72', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],
@@ -117,7 +118,7 @@ function defineCustomElement$1() {
     components.forEach(tagName => { switch (tagName) {
         case "justifi-payments-list":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, PaymentsList);
+                customElements.define(tagName, JustifiPaymentsList$1);
             }
             break;
         case "pagination-menu":
@@ -134,7 +135,7 @@ function defineCustomElement$1() {
 }
 defineCustomElement$1();
 
-const JustifiPaymentsList = PaymentsList;
+const JustifiPaymentsList = JustifiPaymentsList$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { JustifiPaymentsList, defineCustomElement };