@justifi/webcomponents 6.11.0 → 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: 'e4a5a56a6876cbe10a51c95a24eaa7e8681916e0' }, h("div", { key: '094fce0c3c71c1bd09bb8a3052a3a484a20cd421', 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, ah 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: '1d5d3794d15cce7b1c68cffc4f40afc22e4c5fd9' }, h(TableWrapper, { key: '26d9221971caea9439368b54ceae361c270f2ef7' }, h(TableComponent, { key: '82e7f2a431ea4ba39fd1d1ea42acf4a538c5cc8e' }, h(TableHead, { key: 'a24df861980ddc933aafa3547ece4fbb3fee105d' }, h(TableHeadRow, { key: '7f68e8247225c0fd65b84b8654ab8235905ac1d3' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '731ca899b5f99267e7b89ff6c70e5d261712479b' }, h(TableLoadingState, { key: '93a70a44b84d8e84c14524047d4195dd806ce6f5', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '004aa19b82b4cf23d598332cda26668d6365977e', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '7bfe7435981ef111334e10c34d92cf4a9c169416', 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: '054f18c77bde619212b8e66bcb4c94931ba278b4' }, h(TableFootRow, { key: '86ae9230a85986d6183ff17833b90ebde136f7ec' }, h(TableFootCell, { key: '437db60f446879f12bb76a7641ce15aa17053e1b', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: 'f42fb11d7ffcc52e8d7d8ac7e2b5c210444fa765', 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

@@ -3,7 +3,7 @@ import { l as lodashExports } from './lodash.js';
 import { f as filterParams, p as propsParams, c as clearParams } from './payments-list-params-state.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,8 +69,8 @@ const PaymentsListFilters = /*@__PURE__*/ proxyCustomElement(class PaymentsListF
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'c23d82157dd765b66fe543532c6c7e3ff5a08581' }, h("table-filters-menu", { key: 'fe825b9df2a60075e7cf8367368dc6973b74e27a', params: filterMenuParams, clearParams: clearParams, part: filterMenu }, h("div", { key: 'dd0f17dac9f087b1333432c6bbe75acd2b9b7904', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '5e2581a9cd6f3ee954a6c786d068ca257d12a980', class: "p-2" }, h("form-control-text", { key: '2a5a4f455bc13835837c70a59665d05c3757f106', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: filterParam })), h("div", { key: 'b012b5f98e868b3a59f579d7a69c5cc97e83fb3d', class: "p-2" }, h("form-control-text", { key: '2548924366d327f5601b3aa828bbfe1afd7e0e56', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: filterParam })), h("div", { key: 'b83cadc6092c8399cdb7f8f4f377c20bd792bfff', class: "p-2" }, h("form-control-select", { key: '8274570ad09cd5d74a73f5f527d4ea4885ac0790', 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: 'd9310627522415ab816c10052a46768b8d54b274', class: "p-2" }, h("form-control-select", { key: '2f4f5d0ea8a2b463036f954aead00d242078c901', 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: 'd604adc74f83ff5d2f9d9976ca12aa955b267d92', class: "p-2" }, h("form-control-text", { key: '9999c62ae3f576a662c40f0d35937ac8b7b3daa0', name: "checkout_id", label: "Checkout ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.checkoutId || filterParams.checkout_id, disabled: !!this.checkoutId, part: filterParam })), h("div", { key: 'ddc4d4b39c1cb223f862d4340d54c887ba1547f3', class: "p-2" }, h("form-control-text", { key: '62c1d665ec01bdafbb591ede396826dfa3fd7ae1', name: "account_holder", label: "Account Holder", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.accountHolder || filterParams.account_holder, disabled: !!this.accountHolder, part: filterParam })), h("div", { key: '8d2dae722e41ef80d71c039c75898c4ebf1a5399', class: "p-2" }, h("form-control-date", { key: '9474a5d13ccbdd6361958abbe1dcc4565db49089', 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: '27338b915e79abd1966ed0953e8c5ee56a2d54c4', class: "p-2" }, h("form-control-date", { key: '21d865141256cb25d83c3de4d1623b3db8a1f27a', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        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", {
@@ -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: 'bd9c796ee69445e241256843411b451e572d5321' }, h("payments-list-core", { key: '9521c57de8fbc5e854de042ce720841e769446af', 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 };