@justifi/webcomponents 6.0.3 → 6.0.5

package/dist/cjs/terminal-orders-list-core.cjs.entry.js

@@ -1,24 +1,24 @@
 'use strict';
 
-var index = require('./index-CaAefsWD.js');
-var table = require('./table-CAWBqvW5.js');
+var index = require('./index-CoKhq0yT.js');
+var table = require('./table-POSNlW0c.js');
 var eventTypes = require('./event-types-YOY5TKUN.js');
-require('./config-state-BeZM7X7J.js');
+require('./config-state-B5-AuTAI.js');
 require('./dinero-BwNN_k7x.js');
 require('./ComponentError-D4OLnOkg.js');
-require('./Refund-BPSBtjQC.js');
+require('./Refund-CFOz9QoU.js');
 var Pagination = require('./Pagination-Dediz133.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var terminalOrdersTable = require('./terminal-orders-table-D9Kwub30.js');
-var terminalOrdersListParamsState = require('./terminal-orders-list-params-state-ARjo40Y9.js');
+var terminalOrdersTable = require('./terminal-orders-table-OBx67Idp.js');
+var terminalOrdersListParamsState = require('./terminal-orders-list-params-state-B3dEHKgs.js');
 require('./parts-9jMf1erK.js');
-require('./spinner-BNWG01hP.js');
-require('./index-D-CfIyoF.js');
+require('./spinner-DP-6z8gb.js');
+require('./index-B8q7TYrk.js');
 require('./utils-ChCUZgUy.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
-require('./badge-BJVdpSU-.js');
+require('./badge-C1lVkjn6.js');
 
 const TerminalOrdersListCore = class {
     constructor(hostRef) {

package/dist/cjs/{checkouts-list-params-state-ARjo40Y9.js → terminal-orders-list-params-state-B3dEHKgs.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-D-CfIyoF.js');
+var index = require('./index-B8q7TYrk.js');
 
 const filterParamsInitialState = {};
 const propsParamsInitialState = {};

package/dist/cjs/{terminal-orders-table-D9Kwub30.js → terminal-orders-table-OBx67Idp.js}

@@ -1,15 +1,15 @@
 'use strict';
 
-var index = require('./index-CaAefsWD.js');
+var index = require('./index-CoKhq0yT.js');
 var parts = require('./parts-9jMf1erK.js');
 var utils = require('./utils-ChCUZgUy.js');
-require('./config-state-BeZM7X7J.js');
+require('./config-state-B5-AuTAI.js');
 require('./ComponentError-D4OLnOkg.js');
-var Refund = require('./Refund-BPSBtjQC.js');
+var Refund = require('./Refund-CFOz9QoU.js');
 require('./Pagination-Dediz133.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var badge = require('./badge-BJVdpSU-.js');
+var badge = require('./badge-C1lVkjn6.js');
 
 const MapTerminalOrderStatusToBadge = (status) => {
     const statusToBadgeProps = {

package/dist/cjs/terminal-quantity-selector.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CaAefsWD.js');
+var index = require('./index-CoKhq0yT.js');
 var parts = require('./parts-9jMf1erK.js');
 
 const TerminalQuantitySelector = class {

package/dist/cjs/{terminal.service-Fi0HP3oG.js → terminal.service-DxxgZygg.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var Api = require('./Api-DqzbA2qk.js');
+var Api = require('./Api-DHhR05W5.js');
 require('./ComponentError-D4OLnOkg.js');
-require('./Refund-BPSBtjQC.js');
+require('./Refund-CFOz9QoU.js');
 require('./Pagination-Dediz133.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');

package/dist/cjs/terminals-list-core.cjs.entry.js

@@ -1,24 +1,24 @@
 'use strict';
 
-var index = require('./index-CaAefsWD.js');
-require('./config-state-BeZM7X7J.js');
+var index = require('./index-CoKhq0yT.js');
+require('./config-state-B5-AuTAI.js');
 require('./dinero-BwNN_k7x.js');
 require('./ComponentError-D4OLnOkg.js');
-require('./Refund-BPSBtjQC.js');
+require('./Refund-CFOz9QoU.js');
 var Pagination = require('./Pagination-Dediz133.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var table = require('./table-CAWBqvW5.js');
+var table = require('./table-POSNlW0c.js');
 var eventTypes = require('./event-types-YOY5TKUN.js');
-var terminalsTable = require('./terminals-table-C2_M7SWl.js');
-var terminalsListParamsState = require('./terminals-list-params-state-ARjo40Y9.js');
-require('./index-D-CfIyoF.js');
+var terminalsTable = require('./terminals-table-ByPkFcIa.js');
+var terminalsListParamsState = require('./terminals-list-params-state-B3dEHKgs.js');
+require('./index-B8q7TYrk.js');
 require('./utils-ChCUZgUy.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 require('./parts-9jMf1erK.js');
-require('./spinner-BNWG01hP.js');
-require('./badge-BJVdpSU-.js');
+require('./spinner-DP-6z8gb.js');
+require('./badge-C1lVkjn6.js');
 
 const TerminalsListCore = class {
     constructor(hostRef) {

package/dist/cjs/terminals-list-params-state-B3dEHKgs.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var index = require('./index-B8q7TYrk.js');
+
+const filterParamsInitialState = {};
+const propsParamsInitialState = {};
+const filterParamsStore = index.createStore(() => filterParamsInitialState);
+const { state: filterParams, on: onQueryParamsChange } = filterParamsStore;
+const propsParamsStore = index.createStore(() => propsParamsInitialState);
+const { state: propsParams } = propsParamsStore;
+const getRequestParams = () => {
+    return Object.assign(Object.assign({}, filterParams), propsParams);
+};
+const clearParams = () => {
+    filterParamsStore.reset();
+};
+
+exports.clearParams = clearParams;
+exports.filterParams = filterParams;
+exports.getRequestParams = getRequestParams;
+exports.onQueryParamsChange = onQueryParamsChange;
+exports.propsParams = propsParams;

package/dist/cjs/{terminals-table-C2_M7SWl.js → terminals-table-ByPkFcIa.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-CaAefsWD.js');
-var badge = require('./badge-BJVdpSU-.js');
+var index = require('./index-CoKhq0yT.js');
+var badge = require('./badge-C1lVkjn6.js');
 var parts = require('./parts-9jMf1erK.js');
 var utils = require('./utils-ChCUZgUy.js');
 
@@ -27,6 +27,11 @@ const MapTerminalStatusToBadge = (status) => {
             title: 'This terminal is pending configuration',
             text: 'Pending configuration',
         },
+        archived: {
+            variant: badge.BadgeVariant.SECONDARY,
+            title: 'This terminal is archived',
+            text: 'Archived',
+        }
     };
     const badgeProps = statusToBadgeProps[status];
     return index.h(badge.Badge, Object.assign({}, badgeProps));

package/dist/cjs/{utils-C6mfHWv-.js → utils-DS7YWKMB.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-CaAefsWD.js');
+var index = require('./index-CoKhq0yT.js');
 var parts = require('./parts-9jMf1erK.js');
 
 const ErrorState = (errorMessage) => (index.h("main", { class: "p-4 d-flex justify-content-center text-center", style: { fontSize: '1.2rem' } }, index.h("p", { part: parts.text }, errorMessage)));
 const DetailSectionTitle = (props) => (index.h("h2", { part: parts.heading2, class: "mt-4 fs-5 border-bottom pb-3" }, props.sectionTitle));
-const DetailItem = ({ title, value, }) => title && value ? (index.h("div", { class: "d-table-row gap-2" }, index.h("span", { class: "fw-bold d-table-cell px-2", part: parts.text }, title), index.h("span", { class: "flex-1 d-table-cell px-2 text-wrap", part: parts.text }, value))) : null;
+const DetailItem = ({ title, value, }) => title && value ? (index.h("div", { class: "row justify-content-between" }, index.h("div", { class: "col-12 col-md-4" }, index.h("span", { class: "fw-bold", part: parts.text }, title)), index.h("div", { class: "col-12 col-md-8" }, index.h("span", { class: "text-wrap", part: parts.text }, value)))) : null;
 const EntityHeadInfoItem = ({ title, value, classes, }) => (index.h("div", { class: `d-flex flex-column ${classes}` }, index.h("span", { class: "fw-bold border-1 border-bottom ps-2 pe-2", part: parts.heading2 }, title), index.h("span", { class: "pt-2 ps-2 pe-2", part: parts.text }, value)));
 const EntityHeadInfo = ({ title, slot, badge }, children) => (index.h("div", { slot: slot, class: "p-2" }, index.h("div", { class: "d-flex flex-row align-items-center gap-2 mb-2" }, index.h("h1", { class: "m-0", part: parts.heading1 }, title), badge), index.h("div", { class: "d-flex flex-row align-items-top", part: parts.text }, children)));
 const CodeBlock = ({ metadata }) => metadata && Object.keys(metadata).length ? (index.h("div", { class: 'mt-4' }, index.h("pre", { class: "p-2", "aria-label": "metadata content" }, index.h("code", null, JSON.stringify(metadata, null, 2))))) : null;

package/dist/cjs/webcomponents.cjs.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-CaAefsWD.js');
+var index = require('./index-CoKhq0yT.js');
 var appGlobals = require('./app-globals-V2Kpy_OQ.js');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 /*
- Stencil Client Patch Browser v4.38.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.38.1 | MIT Licensed | https://stenciljs.com
  */
 
 var patchBrowser = () => {

package/dist/collection/api/Terminal.js

@@ -4,6 +4,7 @@ export var ITerminalStatus;
     ITerminalStatus["disconnected"] = "disconnected";
     ITerminalStatus["unknown"] = "unknown";
     ITerminalStatus["pending_configuration"] = "pending_configuration";
+    ITerminalStatus["archived"] = "archived";
 })(ITerminalStatus || (ITerminalStatus = {}));
 export var TerminalProviders;
 (function (TerminalProviders) {

package/dist/collection/collection-manifest.json

@@ -125,8 +125,8 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.38.0",
-    "typescriptVersion": "5.5.4"
+    "version": "4.38.1",
+    "typescriptVersion": "5.9.3"
   },
   "collections": [],
   "bundles": []

package/dist/collection/components/business-details/additional-questions-details/additional-questions-details.js

@@ -5,7 +5,7 @@ export class AdditionalQuestionsDetails {
     render() {
         if (!this.additionalQuestions || isEmptyObject(this.additionalQuestions))
             return null;
-        return (h("div", null, h(DetailSectionTitle, { sectionTitle: "Additional Questions" }), h("div", { class: "d-table gap-2 w-100 mt-3" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Business Revenue", value: this.additionalQuestions.business_revenue }), h(DetailItem, { title: "Business Payment Volume", value: this.additionalQuestions.business_payment_volume }))))));
+        return (h("div", null, h(DetailSectionTitle, { sectionTitle: "Additional Questions" }), h("div", { class: "d-flex flex-column gap-2 w-100 mt-3" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Business Revenue", value: this.additionalQuestions.business_revenue }), h(DetailItem, { title: "Business Payment Volume", value: this.additionalQuestions.business_payment_volume }))))));
     }
     static get is() { return "additional-questions-details"; }
     static get properties() {

package/dist/collection/components/business-details/owner-details/owner-details.js

@@ -1,18 +1,19 @@
 import { Host, h } from "@stencil/core";
-import { DetailItem, DetailSectionTitle } from "../../../ui-components/details/utils";
+import { DetailItem, DetailSectionTitle, } from "../../../ui-components/details/utils";
 import { formatMediumDate } from "../../../utils/utils";
 export class OwnerDetails {
     render() {
         var _a;
         if (!((_a = this === null || this === void 0 ? void 0 : this.owners) === null || _a === void 0 ? void 0 : _a.length))
             return null;
-        return (h(Host, null, !!(this === null || this === void 0 ? void 0 : this.owners.length) && (this.owners.map(owner => {
-            var _a, _b, _c, _d, _e;
-            return [
-                h(DetailSectionTitle, { sectionTitle: `Owner ${owner === null || owner === void 0 ? void 0 : owner.name}'s Details` }),
-                h("div", { class: "d-table gap-2 w-100 mt-3" }, h(DetailItem, { title: "Name", value: owner === null || owner === void 0 ? void 0 : owner.name }), h(DetailItem, { title: "Title", value: owner === null || owner === void 0 ? void 0 : owner.title }), h(DetailItem, { title: "Email", value: owner === null || owner === void 0 ? void 0 : owner.email }), h(DetailItem, { title: "Phone", value: owner === null || owner === void 0 ? void 0 : owner.phone }), h(DetailItem, { title: "Date of Birth", value: formatMediumDate(new Date(Number(owner === null || owner === void 0 ? void 0 : owner.dob_day), Number(owner === null || owner === void 0 ? void 0 : owner.dob_month), Number(owner === null || owner === void 0 ? void 0 : owner.dob_year))) }), h(DetailItem, { title: "Identification Number", value: `********${owner === null || owner === void 0 ? void 0 : owner.ssn_last4}` }), h(DetailItem, { title: "Line 1", value: (_a = owner === null || owner === void 0 ? void 0 : owner.address) === null || _a === void 0 ? void 0 : _a.line1 }), h(DetailItem, { title: "Line 2", value: (_b = owner === null || owner === void 0 ? void 0 : owner.address) === null || _b === void 0 ? void 0 : _b.line2 }), h(DetailItem, { title: "City", value: (_c = owner === null || owner === void 0 ? void 0 : owner.address) === null || _c === void 0 ? void 0 : _c.city }), h(DetailItem, { title: "State", value: (_d = owner === null || owner === void 0 ? void 0 : owner.address) === null || _d === void 0 ? void 0 : _d.state }), h(DetailItem, { title: "Zip", value: (_e = owner === null || owner === void 0 ? void 0 : owner.address) === null || _e === void 0 ? void 0 : _e.postal_code }))
-            ];
-        }))));
+        return (h(Host, null, !!(this === null || this === void 0 ? void 0 : this.owners.length) &&
+            this.owners.map((owner) => {
+                var _a, _b, _c, _d, _e;
+                return [
+                    h(DetailSectionTitle, { sectionTitle: `Owner ${owner === null || owner === void 0 ? void 0 : owner.name}'s Details` }),
+                    h("div", { class: "d-flex flex-column gap-2 w-100 mt-3" }, h("div", { class: "col-md-6" }, h(DetailItem, { title: "Name", value: owner === null || owner === void 0 ? void 0 : owner.name }), h(DetailItem, { title: "Title", value: owner === null || owner === void 0 ? void 0 : owner.title }), h(DetailItem, { title: "Email", value: owner === null || owner === void 0 ? void 0 : owner.email }), h(DetailItem, { title: "Phone", value: owner === null || owner === void 0 ? void 0 : owner.phone }), h(DetailItem, { title: "Date of Birth", value: formatMediumDate(new Date(Number(owner === null || owner === void 0 ? void 0 : owner.dob_day), Number(owner === null || owner === void 0 ? void 0 : owner.dob_month), Number(owner === null || owner === void 0 ? void 0 : owner.dob_year))) }), h(DetailItem, { title: "Identification Number", value: `********${owner === null || owner === void 0 ? void 0 : owner.ssn_last4}` }), h(DetailItem, { title: "Line 1", value: (_a = owner === null || owner === void 0 ? void 0 : owner.address) === null || _a === void 0 ? void 0 : _a.line1 }), h(DetailItem, { title: "Line 2", value: (_b = owner === null || owner === void 0 ? void 0 : owner.address) === null || _b === void 0 ? void 0 : _b.line2 }), h(DetailItem, { title: "City", value: (_c = owner === null || owner === void 0 ? void 0 : owner.address) === null || _c === void 0 ? void 0 : _c.city }), h(DetailItem, { title: "State", value: (_d = owner === null || owner === void 0 ? void 0 : owner.address) === null || _d === void 0 ? void 0 : _d.state }), h(DetailItem, { title: "Zip", value: (_e = owner === null || owner === void 0 ? void 0 : owner.address) === null || _e === void 0 ? void 0 : _e.postal_code }))),
+                ];
+            })));
     }
     static get is() { return "owner-details"; }
     static get properties() {

package/dist/collection/components/business-details/representative-details/representative-details.js

@@ -6,7 +6,7 @@ export class JustifiRepresentativeDetails {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
         if (!this.representative || isEmptyObject(this.representative))
             return null;
-        return (h("div", null, h(DetailSectionTitle, { sectionTitle: "Representative Details" }), h("div", { class: "d-table gap-2 w-100 mt-3" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Name", value: (_a = this.representative) === null || _a === void 0 ? void 0 : _a.name }), h(DetailItem, { title: "ID", value: (_b = this.representative) === null || _b === void 0 ? void 0 : _b.id }), h(DetailItem, { title: "Address", value: (_d = (_c = this.representative) === null || _c === void 0 ? void 0 : _c.address) === null || _d === void 0 ? void 0 : _d.line1 }), h(DetailItem, { title: "Created At", value: ((_e = this.representative) === null || _e === void 0 ? void 0 : _e.created_at) && formatMediumDate((_f = this.representative) === null || _f === void 0 ? void 0 : _f.created_at) })), h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Title", value: (_g = this.representative) === null || _g === void 0 ? void 0 : _g.title }), h(DetailItem, { title: "Is Owner?", value: (_h = this.representative) === null || _h === void 0 ? void 0 : _h.is_owner.toString() }), h(DetailItem, { title: "Date Of Birth", value: this.representative && formatMediumDate(new Date(Number((_j = this.representative) === null || _j === void 0 ? void 0 : _j.dob_year), Number((_k = this.representative) === null || _k === void 0 ? void 0 : _k.dob_month) - 1, Number((_l = this.representative) === null || _l === void 0 ? void 0 : _l.dob_day))) }), h(DetailItem, { title: "Email", value: (_m = this.representative) === null || _m === void 0 ? void 0 : _m.email }), h(DetailItem, { title: "Phone", value: (_o = this.representative) === null || _o === void 0 ? void 0 : _o.phone }), h(DetailItem, { title: "Updated At", value: this.representative && formatMediumDate((_p = this.representative) === null || _p === void 0 ? void 0 : _p.updated_at) }))))));
+        return (h("div", null, h(DetailSectionTitle, { sectionTitle: "Representative Details" }), h("div", { class: "d-flex flex-column gap-2 w-100 mt-3" }, h("div", { class: "row gy-3" }, h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Name", value: (_a = this.representative) === null || _a === void 0 ? void 0 : _a.name }), h(DetailItem, { title: "ID", value: (_b = this.representative) === null || _b === void 0 ? void 0 : _b.id }), h(DetailItem, { title: "Address", value: (_d = (_c = this.representative) === null || _c === void 0 ? void 0 : _c.address) === null || _d === void 0 ? void 0 : _d.line1 }), h(DetailItem, { title: "Created At", value: ((_e = this.representative) === null || _e === void 0 ? void 0 : _e.created_at) && formatMediumDate((_f = this.representative) === null || _f === void 0 ? void 0 : _f.created_at) })), h("div", { class: "col-12 col-md-6" }, h(DetailItem, { title: "Title", value: (_g = this.representative) === null || _g === void 0 ? void 0 : _g.title }), h(DetailItem, { title: "Is Owner?", value: (_h = this.representative) === null || _h === void 0 ? void 0 : _h.is_owner.toString() }), h(DetailItem, { title: "Date Of Birth", value: this.representative && formatMediumDate(new Date(Number((_j = this.representative) === null || _j === void 0 ? void 0 : _j.dob_year), Number((_k = this.representative) === null || _k === void 0 ? void 0 : _k.dob_month) - 1, Number((_l = this.representative) === null || _l === void 0 ? void 0 : _l.dob_day))) }), h(DetailItem, { title: "Email", value: (_m = this.representative) === null || _m === void 0 ? void 0 : _m.email }), h(DetailItem, { title: "Phone", value: (_o = this.representative) === null || _o === void 0 ? void 0 : _o.phone }), h(DetailItem, { title: "Updated At", value: this.representative && formatMediumDate((_p = this.representative) === null || _p === void 0 ? void 0 : _p.updated_at) }))))));
     }
     static get is() { return "representative-details"; }
     static get properties() {

package/dist/collection/components/checkout/billing-form/billing-form.js

@@ -1,10 +1,11 @@
 import { h, Host } from "@stencil/core";
+import { PAYMENT_METHODS } from "../../..";
 export class BillingForm {
     get showSimpleCardBillingForm() {
-        return this.paymentMethodType === 'card' && this.hideCardBillingForm;
+        return this.paymentMethodType === PAYMENT_METHODS.NEW_CARD && this.hideCardBillingForm;
     }
     get showSimpleBankAccountBillingForm() {
-        return this.paymentMethodType === 'bankAccount' && this.hideBankAccountBillingForm;
+        return this.paymentMethodType === PAYMENT_METHODS.NEW_BANK_ACCOUNT && this.hideBankAccountBillingForm;
     }
     async getValues() {
         var _a;

package/dist/collection/components/checkouts-list/checkouts-list-filters.js

@@ -38,7 +38,7 @@ export class CheckoutsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '5474a09b729c816bafb47101dbf5a25aff92eb1b' }, h("table-filters-menu", { key: '92e46a05e67bdf84b74cd644c1b89d0fc4c86af9', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: 'd8562876f8a0c1d85caa5a298cccdb1143bd7512', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '4162644cf10861d91a79dc07f845dd21a6c8d6a5', class: "p-2" }, h("form-control-select", { key: '2b13ef4af25f6ac3865f3b0edde91929655537bf', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status, disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: '9aee7f453be147b03a548fe9ea9bd9bcc6a233aa', class: "p-2" }, h("form-control-select", { key: '8f375d5660c3414e5f3796e02694fa46ed761871', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode, disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam }))))));
+        return (h(StyledHost, { key: '5474a09b729c816bafb47101dbf5a25aff92eb1b' }, h("table-filters-menu", { key: '92e46a05e67bdf84b74cd644c1b89d0fc4c86af9', params: filterMenuParams, clearParams: clearParams, part: checkoutsListFilterMenu }, h("div", { key: 'd8562876f8a0c1d85caa5a298cccdb1143bd7512', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '4162644cf10861d91a79dc07f845dd21a6c8d6a5', class: "p-2" }, h("form-control-select", { key: '46f6c880cf106b67d916782ed04acd4591077778', name: "status", label: "Status", options: this.checkoutStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.checkoutStatus || filterParams.status || '', disabled: !!this.checkoutStatus, part: statusCheckoutsListFilterParam })), h("div", { key: '788e66921295bd1ec6d62e01ac99422ca1017dae', class: "p-2" }, h("form-control-select", { key: '25669017a60117771986954162effbbd5fc465ef', name: "payment_mode", label: "Payment Mode", options: this.checkoutPaymentModeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentMode || filterParams.payment_mode || '', disabled: !!this.paymentMode, part: paymentModeCheckoutsListFilterParam }))))));
     }
     static get is() { return "justifi-checkouts-list-filters"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dispute-management/dispute-notification.js

@@ -30,7 +30,7 @@ export class DisputeNotification {
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (h(StyledHost, { key: '0f1028825a7a96a06e7219518ffed54bc0db1b2b' }, this.isLoading && (h("div", { key: 'f4b704182a5a7085827854634d38c56423cc2e1b', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'b2062d8b683ab110c26fc30f1600c4500f668d87', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: 'b5d2afe1fdd2e5ee0ec60048a48778bcfa6c78d3', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: '1e87c8936b3f2e26e680786927c5a4609aca0b83', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: '49090493e3921353b7a830397795496bb234d112', part: text }, h("h1", { key: 'fd7b56a7cfeaa6820bf2cc121575314d075b5a83', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '72ba296695928baca8f7c5c3b1f858c596efedb2' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: 'cce733ff1bbca7a9530a442035cbae2995e018e7', class: "h5" }, "Dispute details"), h("div", { key: '28b7f081e345112d99c52d05f205734995617253', class: "d-table gap-2" }, h("div", { key: 'd9476d8d0adfa3c6eccad229e94cd3824a720c7d', class: "d-table-row gap-2" }, h("span", { key: '4d9e0714eee778c326ee1d70a32f79d90d3d4b09', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: 'b227edcf9b4b65b790d8aa98021d2662a12855bc', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_b = this.dispute) === null || _b === void 0 ? void 0 : _b.amount))), h("div", { key: 'b1b1cdaac5482f565a6f26af71c0b526b8c19f4e', class: "d-table-row gap-2" }, h("span", { key: '0a479a9de96cce6e42bec90a17affe2c93ced44f', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '5d5020dda571f4465e2a358880ad5f20bc6171ea', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_c = this.dispute) === null || _c === void 0 ? void 0 : _c.reason)), h("div", { key: 'a5f42c3fcbb5d14f8479d0a576d31a50f8fc6441', class: "d-table-row gap-2" }, h("span", { key: '280fca5a101eb0e823eb9ccc13c746ac7ed62069', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Dispute ID"), h("span", { key: '4dfc0b9a295ffc804b708d3590358256009e5376', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_d = this.dispute) === null || _d === void 0 ? void 0 : _d.id))), h("div", { key: '654e7baccd08628bc90d050bad108011b49f9972', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: 'd0817cdb23bf33086c6ce5122f4ed5388027d96c', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '5446bef44a0ca747692d59fd5490409d00a9e285', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: '17fbc5902badc4230c5485b326f480180c844768' }, h("h1", { key: 'fefa0234306588d9e7f56733872bf8c9793f51dd', class: "h4" }, "This payment is disputed and under review"), h("p", { key: 'eaad72aa8d9f65ca296379a2800180878ec8a7e5' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_f = this.dispute) === null || _f === void 0 ? void 0 : _f.won) && (h("div", { key: 'ec1b0d728a7518f913c2a69976fa1f5fc8f76c74' }, h("h1", { key: '9d42fad15fbeee507e2f364c3a35f143ff7599e2', class: "h4" }, "This payment was disputed"), h("p", { key: '3b728a5544fe17a6c58c12f7e8eef290022945b6' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.lost) && (h("div", { key: '6d1813508a657265546fbef00bd1e8f46ffaf740' }, h("h1", { key: 'de981fc2e06e860f47146647975965a903a39b55', class: "h4" }, "This payment was disputed"), h("p", { key: '4e57ab86518bd678a3a5402b712d40d573b3a970' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
+        return (h(StyledHost, { key: '0f1028825a7a96a06e7219518ffed54bc0db1b2b' }, this.isLoading && (h("div", { key: 'f4b704182a5a7085827854634d38c56423cc2e1b', style: { marginBottom: '8px' } }, h(Skeleton, { key: 'b2062d8b683ab110c26fc30f1600c4500f668d87', height: '28px', width: '70%', styles: { marginBottom: '16px' } }), h(Skeleton, { key: 'b5d2afe1fdd2e5ee0ec60048a48778bcfa6c78d3', height: '18px', styles: { marginBottom: '8px' } }), h(Skeleton, { key: '1e87c8936b3f2e26e680786927c5a4609aca0b83', height: '18px', styles: { marginBottom: '8px' } }))), ((_a = this.dispute) === null || _a === void 0 ? void 0 : _a.needsResponse) && (h("div", { key: '49090493e3921353b7a830397795496bb234d112', part: text }, h("h1", { key: 'fd7b56a7cfeaa6820bf2cc121575314d075b5a83', class: "h4", part: heading4 }, "This payment is disputed"), h("p", { key: '72ba296695928baca8f7c5c3b1f858c596efedb2' }, "The cardholder is disputing this payment. You may accept this dispute, or proceed to provide evidence in a counter dispute."), h("h2", { key: 'cce733ff1bbca7a9530a442035cbae2995e018e7', class: "h5" }, "Dispute details"), h("div", { key: '28b7f081e345112d99c52d05f205734995617253', class: "d-table gap-2" }, h("div", { key: 'd9476d8d0adfa3c6eccad229e94cd3824a720c7d', class: "d-table-row gap-2" }, h("span", { key: '4d9e0714eee778c326ee1d70a32f79d90d3d4b09', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Amount"), h("span", { key: 'b227edcf9b4b65b790d8aa98021d2662a12855bc', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, formatCurrency((_b = this.dispute) === null || _b === void 0 ? void 0 : _b.amount))), h("div", { key: 'b1b1cdaac5482f565a6f26af71c0b526b8c19f4e', class: "d-table-row gap-2" }, h("span", { key: '0a479a9de96cce6e42bec90a17affe2c93ced44f', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Reason"), h("span", { key: '5d5020dda571f4465e2a358880ad5f20bc6171ea', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_c = this.dispute) === null || _c === void 0 ? void 0 : _c.reason)), h("div", { key: 'a5f42c3fcbb5d14f8479d0a576d31a50f8fc6441', class: "d-table-row gap-2" }, h("span", { key: '280fca5a101eb0e823eb9ccc13c746ac7ed62069', part: "detail-section-item-title", class: "fw-bold d-table-cell pe-4" }, "Due Date"), h("span", { key: '5be3e498684a2bcbe1266863e05cbcbdf28d7227', part: "detail-section-item-data", class: "flex-1 d-table-cell text-wrap" }, (_d = this.dispute) === null || _d === void 0 ? void 0 : _d.due_date))), h("div", { key: 'd47683cae7f7b41d13e12f416db9b05fea38bbf3', class: "d-flex gap-2 mt-4 justify-content-end" }, h(Button, { key: '8de67d2d8cb55bed58de4d1fafd45bff65152614', variant: "secondary", onClick: () => this.acceptDispute() }, "Accept dispute"), h(Button, { key: '62ef344863f9847d638a662f99f0a19bd2ac7308', variant: "primary", onClick: () => this.initiateRespondToDispute() }, "Counter dispute")))), ((_e = this.dispute) === null || _e === void 0 ? void 0 : _e.underReview) && (h("div", { key: '9514e933d4092617a811c4a30490368a1bd49458' }, h("h1", { key: 'ab64000b912f16885ca358e050801e774f3d4e26', class: "h4" }, "This payment is disputed and under review"), h("p", { key: '6d56cafcc8e662e160a261e623b5bb1600534bdf' }, "The cardholder is disputing this payment. A counter dispute has been submitted and is under review."))), ((_f = this.dispute) === null || _f === void 0 ? void 0 : _f.won) && (h("div", { key: '024dac1575579a5d1d55466edd0ba6c5a783a43b' }, h("h1", { key: '2e3cc5c52bd13837be0c44a43da09e49b48f77d7', class: "h4" }, "This payment was disputed"), h("p", { key: 'b876f11392a71ee04f8a117b516e112da8a4a9c1' }, "The cardholder disputed this payment and the card issuer has settled it in your favor."))), ((_g = this.dispute) === null || _g === void 0 ? void 0 : _g.lost) && (h("div", { key: '2867b8cb6351b08ecd3d0dc8ffd032aadb1782d5' }, h("h1", { key: '5e903c38e15ed4ad5f8a95d1283cf1367a5acb43', class: "h4" }, "This payment was disputed"), h("p", { key: 'fdaa8f00acecaa6ab159e221705a2ebc924ba519' }, "The cardholder disputed this payment and the card issuer has settled it in their favor.")))));
     }
     static get is() { return "justifi-dispute-notification"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/payment-details/payment-details-core.js

@@ -1,6 +1,7 @@
 import { h } from "@stencil/core";
+import { DisputeStatus, PaymentStatuses } from "../../api";
 import { formatDate, formatTime, snakeCaseToHumanReadable } from "../../utils/utils";
-import { MapPaymentStatusToBadge } from "../payments-list/payments-status";
+import { MapPaymentStatusToBadge, PaymentStatusBadge } from "../payments-list/payments-status";
 import { CodeBlock, DetailItem, DetailSectionTitle, EntityHeadInfo, EntityHeadInfoItem, ErrorState } from "../../ui-components/details/utils";
 import { StyledHost } from "../../ui-components";
 import PaymentDetailsLoading from "./payment-details-loading";
@@ -37,17 +38,26 @@ export class PaymentDetailsCore {
             },
         });
     }
+    get PaymentStatus() {
+        if (this.payment.status === PaymentStatuses.disputed) {
+            const disputeWasLost = this.payment.disputes.some((dispute) => dispute.status === DisputeStatus.lost);
+            if (disputeWasLost) {
+                return PaymentStatusBadge.DISPUTE_LOST;
+            }
+        }
+        return this.payment.status;
+    }
     render() {
-        return (h(StyledHost, { key: 'a94fc292445a0d8d3d77b0702fe5f19efc432634' }, this.loading && h(PaymentDetailsLoading, { key: 'd07e44b295fd5ce424a0a67d21e3c4ceec4634f4' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: 'c6cd0c034c948b4b96415b5bde6a3808dc1686e2', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'cff0b6a11617d68a42f20d6e3631097bafc34971', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.payment.status), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: 'a143d34fd230aa855286b1252b8e032f94fbd9a9', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '96e5af4a6c37667a4be5bf27cdfec6a5ea3978fd', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: '76f2fd4b5569ad4f6463fb36984e3d4309235473', title: "ID", value: this.payment.id })), h("div", { key: '9d5b04c789c248b358ffecfebac6b62a1d8f0a27', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '78f20430c4935b222c954fdc6eba89e715f668fc', sectionTitle: "Details" }), h("div", { key: '77d314983116b6dd2fc9989c1987d2371b5902b7', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '41c4eb6797577967d4ee6bc6a546faf62bca48c6', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '51308e304e515290f1d4e96fda9ed0b7c9523055', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'e6d24cb563963c8a540969437dd70674f04c02fc', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '1640fe0c210efb6193cc791624fd274299516f4e', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '9f2f34ef1aa4e2ec522ceda4bcdf398ede745c65', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: '9f1cf33ce4a80dc55efc2d88882e9f52933e4aaa', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '2ec3eca801e5187912dc8107644270da03679a79', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '14065f819a71be0bee5a7980f66d88852a96a152', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '7c5f72aaf86eaf7ef035cd359822988573a42862', title: "Description", value: this.payment.description }), h(DetailItem, { key: 'b1081bad614684d8205ca3377e16bd2377d6da88', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: 'a3e655f58e6482800dc53e55c5dd17d9e41ad08d', sectionTitle: "Payment Method" }),
-            h("div", { key: '225667fced83ad89e25cfc19c950b870a2558308', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '58c44b427b356a3576584c6a59301efcab0ed67f', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: 'a2b60b522a6fbed58ad06f0df88e551070faf752', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '6e094728a62fcdd01d0fdadab0bce26894dcd4b6', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '3d703d83c3c7a115c6e64227a417997b63cf8748', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: 'cf5dd3615ce5770f071aad7f1144862f00af760d', title: "Cardholder", value: this.payment.payment_method.payersName }))
+        return (h(StyledHost, { key: '8e934b8ca929667ae620d004e9bd85e27d05882c' }, this.loading && h(PaymentDetailsLoading, { key: '2d3fc68b570b3d99cb4bbc38e6f444dda7ae7346' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
+            this.payment && (h("justifi-details", { key: '30686d6dab6b9291263e3b0772ac635231b8befe', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'b4bda838a2481a3e33dffe5bbbddd6688e2ca8e3', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.PaymentStatus), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '64c5c78ec44f3a179d9b4a52e4965c43d3ab0318', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '9a4ab2d2fe3bc4294dd39ffb997d8a2742c5311f', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: 'b89aa9b932a3edb40031d476aafa5c21a45be24f', title: "ID", value: this.payment.id })), h("div", { key: '8a5e2336d1c025771e381b2a20f64b8438b5f883', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '4e9bad001601781c79d5c91978ecbb72561464cf', sectionTitle: "Details" }), h("div", { key: '2211a8b66aa24e39e765fbce2625fa7f6565aa77', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'a6e6b9808e354aef5bebdddcd34c8cf411847a07', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: 'bb06fe55ee0ad85706b53649b99886c64a43e19d', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'b7820333003463da8ee839a64088dc65346b0f08', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: 'a46d77e08d2f47fa430684072fb6b1db8de535ed', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: 'c27ceb638cdaeb255e55a5ea30aae21bb09de5a4', title: "Status", value: MapPaymentStatusToBadge(this.PaymentStatus) }), h(DetailItem, { key: 'f5d906d131d0178d6a305d75efccca7befcfb652', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: 'dde16dfb2e72f54843023243884c7421e35be92b', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'a03c7396fd361cb1eb4f8696aed63b2f40463e0d', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: 'f5de7d086e5aa170ac23b8d881f0b44e0bf9f78b', title: "Description", value: this.payment.description }), h(DetailItem, { key: '681d1cc6073e1d526c1dd69e871ea35ca767a0fc', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
+            h(DetailSectionTitle, { key: 'f52f90c6a72012bb49f68ef2fffc8cad295eee1e', sectionTitle: "Payment Method" }),
+            h("div", { key: '277064f50310d808a90dd34d2a49e9a411dd4254', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '44f1452df21550178c66ad9b1cf23047f22744d1', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: 'f0cd3fbb9d110529b78c11b27837c785f1947f86', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '9dfc4d8101c9bebea745ca89ade09f64ad4d5277', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: 'fa95e5ab6af3f50e3c397fa3499d247b20a10b75', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '31796ca2653c1b6f9e2f9392261a3c7a9aec7824', title: "Cardholder", value: this.payment.payment_method.payersName }))
         ], this.payment.payment_method.bank_account && [
-            h(DetailSectionTitle, { key: '8b167fe0967859af1555245634e4f6cdaae77ccf', sectionTitle: "Payment Method" }),
-            h("div", { key: '3b84740a7e8f792b4f3987a88bff3e85003ea549', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '1ef1e3781ea046145c58c721f1abfb2183e81db1', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '383f4756aac8901eef21786d9c9c6ff5ce097d7d', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '3cbb0f11eaf47b3b3923d3371f33df95ca022bd8', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: 'b122e28ddb446b03b0a70b6cf3ac23fe84fd945d', title: "Account Owner", value: this.payment.payment_method.payersName }))
+            h(DetailSectionTitle, { key: 'c61fbc05f50ca16ca3cb33566759d6ae74e1d034', sectionTitle: "Payment Method" }),
+            h("div", { key: 'dc6ab24ab3d2db546514abe7f8f7f42928c20b19', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '783323e7eedf2a06b94baff13f4846703ec60271', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '0112a0b3ce5b5482b616f61396bc48fd58d944b7', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '1f3f0ff0d8269d23ca0e48b66938040397061cf0', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '43a2d1a130c29c36b4f361aad9c4a054bc06047d', title: "Account Owner", value: this.payment.payment_method.payersName }))
         ], this.payment.metadata && [
-            h(DetailSectionTitle, { key: '5b6d6c2ade6badd80f8b6c4a4c6427710ba9ac66', sectionTitle: 'Metadata' }),
-            h("div", { key: 'a3d59ae07f2601b0895624c0a640693ef076b71e', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'b61349ed2f6536b2131b05ed0e8e337733309117', metadata: this.payment.metadata }))
+            h(DetailSectionTitle, { key: '3b88b0a194d474026f822eda4259990481ddf51c', sectionTitle: 'Metadata' }),
+            h("div", { key: '41a729afab67f7464a7c8f4acaa87182a6269de0', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'd73045901eb3e147477afd2448497fa01cb92084', metadata: this.payment.metadata }))
         ])))));
     }
     static get is() { return "payment-details-core"; }

package/dist/collection/components/payments-list/payments-list-filters.js

@@ -43,8 +43,8 @@ export class PaymentsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'ef06ca5d0df145fd2c7f82fb164a4098b1654e7c' }, h("table-filters-menu", { key: '32739ded26b3a11092e5237d363b5b280c859f0c', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: '2e123d80c45a92944811b9124e13f6cfc2e11cc0', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'd9e5facfe21e0896a4f0542a12592f11c54c0bc8', class: "p-2" }, h("form-control-text", { key: '084cec1084b8be08a5520891479aa4b4ab168ab7', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: 'c86027af0c49931a34e31e185cfc3c0d1093caf9', class: "p-2" }, h("form-control-text", { key: '694b5ddd5f90af1d73320cb6e29ce2e3aafce0b8', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: '4d2e5e1a0e76a58be68255e08a2a4f09dbbbc481', class: "p-2" }, h("form-control-select", { key: 'd4fa79604b6f9a390a63601001bc2ba8f8af425a', 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: '54cc9fb98d5c0f6d96abb592d5e22c037634089c', class: "p-2" }, h("form-control-date", { key: '95001198266f09607e34d0c1fa5c1d0693b67b0a', 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: '3510ccb63020969b2777c65ed82cfab9027dccd8', class: "p-2" }, h("form-control-date", { key: '428a3195efb976842c186aa0b4ec76ebfb1b7836', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: 'ef06ca5d0df145fd2c7f82fb164a4098b1654e7c' }, h("table-filters-menu", { key: '32739ded26b3a11092e5237d363b5b280c859f0c', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: '2e123d80c45a92944811b9124e13f6cfc2e11cc0', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'd9e5facfe21e0896a4f0542a12592f11c54c0bc8', class: "p-2" }, h("form-control-text", { key: '084cec1084b8be08a5520891479aa4b4ab168ab7', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: 'c86027af0c49931a34e31e185cfc3c0d1093caf9', class: "p-2" }, h("form-control-text", { key: '694b5ddd5f90af1d73320cb6e29ce2e3aafce0b8', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: '4d2e5e1a0e76a58be68255e08a2a4f09dbbbc481', class: "p-2" }, h("form-control-select", { key: '8832664cad351841c8f6197301349513c5362cf5', 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: '7a5824830bfde1740e996aa7aa0dbe72c0e76c8f', class: "p-2" }, h("form-control-date", { key: 'df36ada9eaa97c0a8dcfa863a479dc10a8b019e1', 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: '1858bed50336ac5db3f316070ef6cdaa49a8d539', class: "p-2" }, h("form-control-date", { key: '49ce430e831a61e4b0d31268a7be22a137138f23', 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 }))))));
     }
     static get is() { return "justifi-payments-list-filters"; }

package/dist/collection/components/payments-list/payments-status.js

@@ -1,5 +1,18 @@
 import { h } from "@stencil/core";
 import { Badge, BadgeVariant } from "../../ui-components/badge/badge";
+export var PaymentStatusBadge;
+(function (PaymentStatusBadge) {
+    PaymentStatusBadge["SUCCEEDED"] = "succeeded";
+    PaymentStatusBadge["AUTHORIZED"] = "authorized";
+    PaymentStatusBadge["PENDING"] = "pending";
+    PaymentStatusBadge["ACH_FAILED"] = "achFailed";
+    PaymentStatusBadge["FAILED"] = "failed";
+    PaymentStatusBadge["CANCELED"] = "canceled";
+    PaymentStatusBadge["DISPUTED"] = "disputed";
+    PaymentStatusBadge["DISPUTE_LOST"] = "dispute_lost";
+    PaymentStatusBadge["FULLY_REFUNDED"] = "fully_refunded";
+    PaymentStatusBadge["PARTIALLY_REFUNDED"] = "partially_refunded";
+})(PaymentStatusBadge || (PaymentStatusBadge = {}));
 export const MapPaymentStatusToBadge = (status) => {
     const statusToBadgeProps = {
         succeeded: {
@@ -33,10 +46,15 @@ export const MapPaymentStatusToBadge = (status) => {
             text: 'Canceled',
         },
         disputed: {
-            variant: BadgeVariant.SECONDARY,
+            variant: BadgeVariant.WARNING,
             title: 'The account holder disputed this payment. The amount has been returned and a fee assessed.',
             text: 'Disputed',
         },
+        dispute_lost: {
+            variant: BadgeVariant.SECONDARY,
+            title: 'The cardholder has won the dispute.',
+            text: 'Dispute Lost',
+        },
         fully_refunded: {
             variant: BadgeVariant.SECONDARY,
             title: 'The full amount of this payment has been refunded',

package/dist/collection/components/payout-details/payout-details-core.js

@@ -52,9 +52,9 @@ export class PayoutDetailsCore {
     }
     render() {
         var _a;
-        return (h(StyledHost, { key: '142cd93a5538d48542c001dfaf8ecf0a8f0649e1' }, this.loading && h(PayoutDetailsLoading, { key: 'e4a301d09a48776c7cbc3c9b606e42558748301b' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: '65c7a12cf23056d1940d08b0c3ff96368c601720', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'ef299affbf2facfb03f4af8f7d8933fb7cc0dac5', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), this.payout.settlement_priority === 'expedited' ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : (h(Badge, { variant: BadgeVariant.SECONDARY, title: "Standard", text: "Standard" })))), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: '585d7d174f20f6b49e3fce34e0e236a89b90d083', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '6066bfdaef670375ae97453d84422228d2a5eead', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '7e526cbd6e31ca6139c8f31e7946749a59905fea', title: "ID", value: this.payout.id }), h("div", { key: 'eeeab1a03a0097c3c1be036d6f3f2a72dfb376dc', class: "m-4" }, h(Button, { key: 'ac90d236d37a925c157b99e1c348128bb0835060', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '3d01f52695bb407cba4a2166ebbd90d09580cbe9', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'ec7727a7c9a93bd51ae670f20c1453538676a95c', sectionTitle: "Details" }), h("div", { key: '469fad5f27810729811fba91c4a4275d27cbf18e', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '5f32a3e8631fdd2d047f5ccd933e200322d50de2', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '807284a840687b7257176366ff06f5150ba4a0ad', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '908464c42582f596e114c18f873ec3b3eac332ed', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: '736b86cfb1cbfaad58e042e6a936db4237e5fbb7', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '919453e082a6f8534df07f3fd2cd0ffc6bf81539', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '7b033d532fa94ddb0a6e53861d126a50601f8bdf', sectionTitle: "Account" }), h("div", { key: '373c6745a0ab57d21fa88e9a470e63bd8c0ad999', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'ea140c2b46fd503a85c97ec9cd5859fa8c0fc8e3', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: 'd94a8db9bdc0f5ab359e3cb7b9c0cfb1002db550', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '5317a5bef89080a7e70732025ab030674fcb79c3', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'f46e83995276c83361933381bc620336ef44f166', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '933aee12e24e152a5a8628f303b7c7e9709baf64', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), this.payout.metadata && [
-            h(DetailSectionTitle, { key: '1e5233f88f9254c0a5525032470273e2f58ed59c', sectionTitle: 'Metadata' }),
-            h("div", { key: '63678c1f4eb207a4aced6f132e95c7cd646da9a3', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '7e5095e9be051524e8ab17ffe380b1315c5f7c98', metadata: this.payout.metadata }))
+        return (h(StyledHost, { key: '142cd93a5538d48542c001dfaf8ecf0a8f0649e1' }, this.loading && h(PayoutDetailsLoading, { key: 'e4a301d09a48776c7cbc3c9b606e42558748301b' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: '65c7a12cf23056d1940d08b0c3ff96368c601720', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'ef299affbf2facfb03f4af8f7d8933fb7cc0dac5', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), this.payout.settlement_priority === 'expedited' ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : (h(Badge, { variant: BadgeVariant.SECONDARY, title: "Standard", text: "Standard" })))), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: '585d7d174f20f6b49e3fce34e0e236a89b90d083', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '6066bfdaef670375ae97453d84422228d2a5eead', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '7e526cbd6e31ca6139c8f31e7946749a59905fea', title: "ID", value: this.payout.id }), h("div", { key: 'eeeab1a03a0097c3c1be036d6f3f2a72dfb376dc', class: "m-4" }, h(Button, { key: 'ac90d236d37a925c157b99e1c348128bb0835060', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '3d01f52695bb407cba4a2166ebbd90d09580cbe9', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'ec7727a7c9a93bd51ae670f20c1453538676a95c', sectionTitle: "Details" }), h("div", { key: '025fdcac8c222be59e1c1f37a145002ff19ee501', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '4f2111cb66b1fd1181d2f14a03621e66f56e258d', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '2d4aa98c0d35ec1f337d45236eeffd911c2a633f', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: 'dfc64c8446f3abe52634a7b1e7e161f41e27c0d2', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: 'c6fbc3fb7d4ea6b36f269e28a0cd705aa0469620', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: 'aacd74f1ebbbcfc1280ebc0d59bb7e7e931ee8b1', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: 'a520fe8f21e850d86d029149997b9369b0851b06', sectionTitle: "Account" }), h("div", { key: 'e6da924b4e4b297c42de9ddda4af0ceb96eb31bb', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '8ba3bdc8550a0cdbc5710f3670bbbfea2da9224a', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: 'cddf50fd3eb53efacc9b5a17cb5cc7f38c78783b', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '4ba4565f1fdac7b30205b3e1338e38054b1fc0b6', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '95551bceeea750ff642115f58e145f8aa4157760', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: 'ad2c249e362b31507313f08bc7de375b7ff9916f', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), this.payout.metadata && [
+            h(DetailSectionTitle, { key: '128304f72bec542740b523724b0ec94f596021ed', sectionTitle: 'Metadata' }),
+            h("div", { key: '2d9d6d0cd4665811cd6aad3c02f06f254531005b', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'ede678148f87803bf9808c6c7c92eb28cf6c9f29', metadata: this.payout.metadata }))
         ])))));
     }
     static get is() { return "payout-details-core"; }

package/dist/collection/components/terminal-orders-list/terminal-orders-list-filters.js

@@ -47,8 +47,8 @@ export class TerminalOrdersListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '3042752f6f3bf4eb4f379aa256ff2a17d7fe8627' }, h("table-filters-menu", { key: '9a2a446701c17e3aa1ecbc89fa383c3a3c16b3d1', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: '8c5533b280615974883fba9da4b87c066f7af5be', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'bbe71c8c5f2b49da9a38638ac4bda646cc4f7770', class: "p-2" }, h("form-control-select", { key: '235922673a4ef8e7392b3e46b3c0bd326f7abe79', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status, disabled: !!this.orderStatus, part: orderStatusTerminalOrdersListFilterParam })), h("div", { key: 'd66c4305848a6f85867307d0448bfb2d7a80b698', class: "p-2" }, h("form-control-select", { key: '480bd03e3ba6ea595c1602bbdf657f369f133adb', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type, disabled: !!this.orderType, part: orderTypeTerminalOrdersListFilterParam })), h("div", { key: 'ffdbbbac93a6498fe52f21c91a70998ad1094596', class: "p-2" }, h("form-control-date", { key: '60c95da005a50430e5a81d3b14f0b7a627480534', 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: createdAfterTerminalOrdersListFilterParam })), h("div", { key: '7e30fed8bbf9ba6db03d70d7b70a5f669d761ce9', class: "p-2" }, h("form-control-date", { key: 'ce490f4c346a3e455ae6f44e781b126ca46391d5', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: '3042752f6f3bf4eb4f379aa256ff2a17d7fe8627' }, h("table-filters-menu", { key: '9a2a446701c17e3aa1ecbc89fa383c3a3c16b3d1', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: '8c5533b280615974883fba9da4b87c066f7af5be', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'bbe71c8c5f2b49da9a38638ac4bda646cc4f7770', class: "p-2" }, h("form-control-select", { key: '1991c5e0ff5d1a3c47dc48d737e33f1763f616e8', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status || '', disabled: !!this.orderStatus, part: orderStatusTerminalOrdersListFilterParam })), h("div", { key: 'c8eb0f9ed8b4316edb0f9eca3c7efaccc24c78d9', class: "p-2" }, h("form-control-select", { key: '6cb6150ff89ee8d4655095f5b6aad3e4332cafc2', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type || '', disabled: !!this.orderType, part: orderTypeTerminalOrdersListFilterParam })), h("div", { key: '0e73587e47193154eee5486e5a8639eb313051e2', class: "p-2" }, h("form-control-date", { key: '31c2f57a43cd24088b209d4d87f5ac7b2c3caaa4', 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: createdAfterTerminalOrdersListFilterParam })), h("div", { key: 'b3b4176809bef95fc962fe4ee41e4a18fd85232d', class: "p-2" }, h("form-control-date", { key: '49e6903db17b28c0911b5577104307c32f7bdfe3', 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: createdBeforeTerminalOrdersListFilterParam }))))));
     }
     static get is() { return "justifi-terminal-orders-list-filters"; }

package/dist/collection/components/terminals-list/terminals-list-filters.js

@@ -30,12 +30,13 @@ export class TerminalsListFilters {
             { label: 'Connected', value: ITerminalStatus.connected },
             { label: 'Disconnected', value: ITerminalStatus.disconnected },
             { label: 'Unknown', value: ITerminalStatus.unknown },
-            { label: 'Pending Configuration', value: ITerminalStatus.pending_configuration }
+            { label: 'Pending Configuration', value: ITerminalStatus.pending_configuration },
+            { label: 'Archived', value: ITerminalStatus.archived }
         ];
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '5e6f1e8abcc7cffc26c101160bff40ff5092ff90' }, h("table-filters-menu", { key: '6a57cb7deeb0c6927ee557402ef2618a3d3d8a29', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: 'aaa63156c9603aafbe1b9dd4d4f87670b4e0ab66', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'f76ca827834a98595a98d6bb6f982807506fe240', class: "p-2" }, h("form-control-text", { key: 'f9acf97e42e3e5f5ee216a10e116ab1aff2e6390', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: 'c4ac977f7433193e7a9c52be483c65cb5f96f214', class: "p-2" }, h("form-control-text", { key: '035fc59523056240eea5da7b63d75028278d3102', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: terminalOrderIdTerminalsListFilterParam })), h("div", { key: 'ab72f5ef8a0191b1726cd84c36a7cca28a78ecf0', class: "p-2" }, h("form-control-select", { key: '4a684c87e04e11f55c59d45a281f7c258fae4f0d', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status, disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
+        return (h(StyledHost, { key: 'c36472f9f6556df217a39378f33731e08f9e7b33' }, h("table-filters-menu", { key: '1b7a80e34a078c2cd1c810a8b74afb644cae1e5b', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: 'b0bcfc27ef381b55fa13488cab6bee8ff0d838ff', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '6d55ab17ff0927cc1af85f3c2660a4dbbf4ec526', class: "p-2" }, h("form-control-text", { key: '6381502069b6525f1a54cb4d2f8b0f95ae4e0117', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: '85489f923e22368a6c4fbe0f54eccc5f684e9710', class: "p-2" }, h("form-control-text", { key: 'd156dcad3acb5cfc458b0b79a2c4cf6d980e6720', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: terminalOrderIdTerminalsListFilterParam })), h("div", { key: '97b0faf75955feb71e1b8511211845b49667b142', class: "p-2" }, h("form-control-select", { key: 'f50c301454555d889fd4c5c23bc533c2dbdf6054', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status || '', disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
     }
     static get is() { return "justifi-terminals-list-filters"; }
     static get encapsulation() { return "shadow"; }
@@ -84,7 +85,7 @@ export class TerminalsListFilters {
                 "mutable": false,
                 "complexType": {
                     "original": "ITerminalStatus",
-                    "resolved": "ITerminalStatus.connected | ITerminalStatus.disconnected | ITerminalStatus.pending_configuration | ITerminalStatus.unknown",
+                    "resolved": "ITerminalStatus.archived | ITerminalStatus.connected | ITerminalStatus.disconnected | ITerminalStatus.pending_configuration | ITerminalStatus.unknown",
                     "references": {
                         "ITerminalStatus": {
                             "location": "import",

package/dist/collection/components/terminals-list/terminals-status.js

@@ -22,6 +22,11 @@ export const MapTerminalStatusToBadge = (status) => {
             title: 'This terminal is pending configuration',
             text: 'Pending configuration',
         },
+        archived: {
+            variant: BadgeVariant.SECONDARY,
+            title: 'This terminal is archived',
+            text: 'Archived',
+        }
     };
     const badgeProps = statusToBadgeProps[status];
     return h(Badge, Object.assign({}, badgeProps));

package/dist/collection/ui-components/details/utils.js

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 import { heading1, heading2, text } from "../../styles/parts";
 export const ErrorState = (errorMessage) => (h("main", { class: "p-4 d-flex justify-content-center text-center", style: { fontSize: '1.2rem' } }, h("p", { part: text }, errorMessage)));
 export const DetailSectionTitle = (props) => (h("h2", { part: heading2, class: "mt-4 fs-5 border-bottom pb-3" }, props.sectionTitle));
-export const DetailItem = ({ title, value, }) => title && value ? (h("div", { class: "d-table-row gap-2" }, h("span", { class: "fw-bold d-table-cell px-2", part: text }, title), h("span", { class: "flex-1 d-table-cell px-2 text-wrap", part: text }, value))) : null;
+export const DetailItem = ({ title, value, }) => title && value ? (h("div", { class: "row justify-content-between" }, h("div", { class: "col-12 col-md-4" }, h("span", { class: "fw-bold", part: text }, title)), h("div", { class: "col-12 col-md-8" }, h("span", { class: "text-wrap", part: text }, value)))) : null;
 export const EntityHeadInfoItem = ({ title, value, classes, }) => (h("div", { class: `d-flex flex-column ${classes}` }, h("span", { class: "fw-bold border-1 border-bottom ps-2 pe-2", part: heading2 }, title), h("span", { class: "pt-2 ps-2 pe-2", part: text }, value)));
 export const EntityHeadInfo = ({ title, slot, badge }, children) => (h("div", { slot: slot, class: "p-2" }, h("div", { class: "d-flex flex-row align-items-center gap-2 mb-2" }, h("h1", { class: "m-0", part: heading1 }, title), badge), h("div", { class: "d-flex flex-row align-items-top", part: text }, children)));
 export const CodeBlock = ({ metadata }) => metadata && Object.keys(metadata).length ? (h("div", { class: 'mt-4' }, h("pre", { class: "p-2", "aria-label": "metadata content" }, h("code", null, JSON.stringify(metadata, null, 2))))) : null;