@justifi/webcomponents 5.3.4 → 5.3.5

package/dist/module/product-or-service.js

@@ -1,8 +1,9 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as create$3, a as create$6, F as FormController } from './form.js';
-import { D as DisputeEvidenceDocument, a as DisputeResponseFormStep } from './dispute-response-form-types.js';
+import { D as DisputeResponseFormStep, f as fileInputHandler } from './file-input-handler.js';
 import { T as heading5 } from './parts.js';
-import { d as defineCustomElement$4 } from './custom-popper2.js';
+import { d as defineCustomElement$5 } from './custom-popper2.js';
+import { d as defineCustomElement$4 } from './form-control-date2.js';
 import { d as defineCustomElement$3 } from './form-control-file-v22.js';
 import { d as defineCustomElement$2 } from './form-control-text2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
@@ -16,24 +17,18 @@ const ProductOrService = /*@__PURE__*/ proxyCustomElement(class ProductOrService
     constructor() {
         super();
         this.__registerHost();
-        this.handleFileSelection = (e) => {
-            const target = e.target;
-            const name = target.name;
-            const files = target.files;
-            for (const file of files) {
-                this.documentList.push(new DisputeEvidenceDocument(file, name));
-            }
-        };
         this.inputHandler = (name, value) => {
             this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
         };
         this.disputeResponse = undefined;
+        this.documentErrors = {};
         this.form = undefined;
         this.errors = {};
-        this.documentList = [];
+        this.documents = { service_documentation: [] };
     }
     async validateAndSubmit(onSuccess) {
-        this.form.validateAndSubmit((formData) => onSuccess(formData, this.documentList, DisputeResponseFormStep.productOrService));
+        const documentList = Object.values(this.documents).flat();
+        this.form.validateAndSubmit((formData) => onSuccess(formData, documentList, DisputeResponseFormStep.productOrService));
     }
     ;
     componentWillLoad() {
@@ -45,21 +40,22 @@ const ProductOrService = /*@__PURE__*/ proxyCustomElement(class ProductOrService
         });
     }
     render() {
-        var _a, _b;
-        return (h("div", { key: '5a6f2b3a9c40e31c2be9a0c98abb64793ac37996' }, h("div", { key: '7ff77c4cba89dad5195aed658a13f559953f9632', class: "row gy-3" }, h("div", { key: '407d0c1d31ec876fcd1a7ba0f160caeecf8ea2f6', class: "col-12" }, h("h2", { key: '6da19469c4d0570d666e7d57144f60a7c2ec0a53', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: '35c1de85ef91b00d26231c836f9ea56cb1b83a44', class: "col-12" }, h("form-control-text", { key: '48027fd45015c44bf0a15b53bba6976422002d4f', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), h("div", { key: '96966b5a210ac7c21b7c39d12967619044227055', class: "col-12" }, h("form-control-text", { key: 'ed1d72fd0768e58df68f3df48f1e7d4ed2c6a9ed', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), h("div", { key: '74b8735faf5261fd631539c0447903b9c94abd1b', class: "col-12" }, h("form-control-file-v2", { key: '24273cc84eded001b7224aa3c413c444f8697798', label: "Service Documentation", name: "service_documentation", onChange: this.handleFileSelection, errorText: this.errors.service_documentation })))));
+        var _a, _b, _c;
+        return (h("div", { key: '0e2648d399af18f7959bed2e0fff56fd63b541df' }, h("div", { key: '4322c227617147721ab7cf33a5e75a09bc370a0c', class: "row gy-3" }, h("div", { key: 'e2bc9f0642356a864e7fa323262ead13d4825fdc', class: "col-12" }, h("h2", { key: '88af660c9add83da7edc7758d4645db796c80fdf', class: "h5", part: heading5 }, "Product & Service Details")), h("div", { key: 'dcfb0f64e1b611eb8d53f97950d5922f7358a64c', class: "col-12" }, h("form-control-text", { key: '42959d4b7c03d14fdef29a656a5f18d0d89d3b2e', label: "Product Description", name: "product_description", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.product_description, inputHandler: this.inputHandler, errorText: this.errors.product_description })), h("div", { key: '1f4173e79f10a6ac32b860ecbd62fe5c612cc5b2', class: "col-12" }, h("form-control-date", { key: '6e8bab228b3a23655cbf71fe6dc72a850b38947c', label: "Service Date", name: "service_date", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.service_date, inputHandler: this.inputHandler, errorText: this.errors.service_date })), h("div", { key: '2e32f65cc5388302d067fb1a8db34e3e529435c2', class: "col-12" }, h("form-control-file-v2", { key: 'f9fb2ac0c6a2f37a7584eeda2460702b1e0d6cc0', label: "Service Documentation", name: "service_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.service_documentation })))));
     }
 }, [0, "justifi-product-or-service", {
         "disputeResponse": [8, "dispute-response"],
+        "documentErrors": [8, "document-errors"],
         "form": [32],
         "errors": [32],
-        "documentList": [32],
+        "documents": [32],
         "validateAndSubmit": [64]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-product-or-service", "custom-popper", "form-control-file-v2", "form-control-text", "form-control-tooltip"];
+    const components = ["justifi-product-or-service", "custom-popper", "form-control-date", "form-control-file-v2", "form-control-text", "form-control-tooltip"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-product-or-service":
             if (!customElements.get(tagName)) {
@@ -67,6 +63,11 @@ function defineCustomElement() {
             }
             break;
         case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "form-control-date":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }

package/dist/module/refund-policy.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as create$3, a as create$6, F as FormController } from './form.js';
-import { D as DisputeEvidenceDocument, a as DisputeResponseFormStep } from './dispute-response-form-types.js';
+import { D as DisputeResponseFormStep, f as fileInputHandler } from './file-input-handler.js';
 import { T as heading5 } from './parts.js';
 import { d as defineCustomElement$5 } from './custom-popper2.js';
 import { d as defineCustomElement$4 } from './form-control-file-v22.js';
@@ -20,21 +20,15 @@ const RefundPolicy = /*@__PURE__*/ proxyCustomElement(class RefundPolicy extends
         this.inputHandler = (name, value) => {
             this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
         };
-        this.handleFileSelection = (e) => {
-            const target = e.target;
-            const name = target.name;
-            const files = target.files;
-            for (const file of files) {
-                this.documentList.push(new DisputeEvidenceDocument(file, name));
-            }
-        };
         this.disputeResponse = undefined;
+        this.documentErrors = {};
         this.form = undefined;
         this.errors = {};
-        this.documentList = [];
+        this.documents = { refund_policy: [], receipt: [] };
     }
     async validateAndSubmit(onSuccess) {
-        this.form.validateAndSubmit((formData) => onSuccess(formData, this.documentList, DisputeResponseFormStep.refundPolicy));
+        const documentList = Object.values(this.documents).flat();
+        this.form.validateAndSubmit((formData) => onSuccess(formData, documentList, DisputeResponseFormStep.refundPolicy));
     }
     ;
     componentWillLoad() {
@@ -46,14 +40,15 @@ const RefundPolicy = /*@__PURE__*/ proxyCustomElement(class RefundPolicy extends
         });
     }
     render() {
-        var _a, _b;
-        return (h("div", { key: '703c5efe2968f84e6cc83ee725c23170076d43b5' }, h("div", { key: 'c04272ce41b0591b3f03f469ff531bc90de82c73', class: "row gy-3" }, h("div", { key: 'e50b1bfe25275aafcbc1ba2a78e1c64957744808', class: "col-12" }, h("h2", { key: '0f61003e430d370024f9f81b67755feb24646b62', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: 'e6e6b3154767c841dcdcd77766fccd2403d19512', class: "col-12" }, h("form-control-textarea", { key: '2d57333ac337dd0045dbfc764e85a9d5ae3a4d7e', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), h("div", { key: 'bf37aa030c4d45a75899a7933bb3fe13729a5507', class: "col-12" }, h("form-control-textarea", { key: 'cd5c88fc04d6b8f0489b080eacc81b2e301e0480', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), h("div", { key: '7bad042eda98c6f94772734708046de75946b48f', class: "col-12" }, h("form-control-file-v2", { key: 'ff350d9ea2dc50b7b306c2127384732816576865', label: "Upload Refund Policy", name: "refund_policy", onChange: this.handleFileSelection })), h("div", { key: '3dbd9e591e6a38ba57fa4bddb5f876c50b480a78', class: "col-12" }, h("form-control-file-v2", { key: 'fd6df99ca40e36ba36be6ab127f104506697e623', label: "Upload Receipt", name: "receipt", onChange: this.handleFileSelection })))));
+        var _a, _b, _c, _d;
+        return (h("div", { key: '882eb01880bcfdde30abe10465fecd7390654ed6' }, h("div", { key: 'de2f238310e4b80976888d147e90047688ad5ada', class: "row gy-3" }, h("div", { key: '305af62aa762ae6abff0678998132e8f56707550', class: "col-12" }, h("h2", { key: '6e224996b82639c426d129bfd28633f3d3839f6f', class: "h5", part: heading5 }, "Refund Policy and Receipt")), h("div", { key: 'b2b8d444c594bf92d04fed6640230745c5fb49ba', class: "col-12" }, h("form-control-textarea", { key: 'f75c6c360c485ac5253164be5d4941d859deb902', label: "Refund Policy Disclosure", name: "refund_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.refund_policy_disclosure, inputHandler: this.inputHandler })), h("div", { key: '1788d1e6ba1ddbe82795ce1a41b901a81c055f6d', class: "col-12" }, h("form-control-textarea", { key: 'f47fac9b8e0d6b9766311b13c760129bb6335ddd', label: "Refund Refusal Explanation", name: "refund_refusal_explanation", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.refund_refusal_explanation, inputHandler: this.inputHandler })), h("div", { key: 'd96552fee8b4cdddf31148b2d3783a4e1dfb031b', class: "col-12" }, h("form-control-file-v2", { key: '3c6c06201ef3a730aed41ab6b8cb62d5ee8d8128', label: "Upload Refund Policy", name: "refund_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.refund_policy })), h("div", { key: 'ec2271dd9646596df3106f56c6e96f618196046a', class: "col-12" }, h("form-control-file-v2", { key: '48f956f2580187fc7baecc5426d5ed0a1050150b', label: "Upload Receipt", name: "receipt", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.receipt })))));
     }
 }, [0, "justifi-refund-policy", {
         "disputeResponse": [8, "dispute-response"],
+        "documentErrors": [8, "document-errors"],
         "form": [32],
         "errors": [32],
-        "documentList": [32],
+        "documents": [32],
         "validateAndSubmit": [64]
     }]);
 function defineCustomElement() {

package/dist/module/shipping-details.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { c as create$3, a as create$6, F as FormController } from './form.js';
-import { D as DisputeEvidenceDocument, a as DisputeResponseFormStep } from './dispute-response-form-types.js';
+import { D as DisputeResponseFormStep, f as fileInputHandler } from './file-input-handler.js';
 import { T as heading5 } from './parts.js';
 import { d as defineCustomElement$7 } from './custom-popper2.js';
 import { d as defineCustomElement$6 } from './form-control-date2.js';
@@ -24,21 +24,16 @@ const ShippingDetails = /*@__PURE__*/ proxyCustomElement(class ShippingDetails e
         this.inputHandler = (name, value) => {
             this.form.setValues(Object.assign(Object.assign({}, this.form.values.getValue()), { [name]: value }));
         };
-        this.handleFileSelection = (e) => {
-            const target = e.target;
-            const name = target.name;
-            const files = target.files;
-            for (const file of files) {
-                this.documentList.push(new DisputeEvidenceDocument(file, name));
-            }
-        };
         this.disputeResponse = undefined;
+        this.documentErrors = {};
         this.form = undefined;
         this.errors = {};
+        this.documents = { shipping_documentation: [] };
         this.documentList = [];
     }
     async validateAndSubmit(onSuccess) {
-        this.form.validateAndSubmit((formData) => onSuccess(formData, this.documentList, DisputeResponseFormStep.shippingDetails));
+        const documentList = Object.values(this.documents).flat();
+        this.form.validateAndSubmit((formData) => onSuccess(formData, documentList, DisputeResponseFormStep.shippingDetails));
     }
     ;
     componentWillLoad() {
@@ -50,13 +45,15 @@ const ShippingDetails = /*@__PURE__*/ proxyCustomElement(class ShippingDetails e
         });
     }
     render() {
-        var _a, _b, _c, _d;
-        return (h("div", { key: '67cfe365cdb518bfd098502e11d24fff63581052' }, h("div", { key: '6adf6e14084452e52cfa6bce8433c3531e7e5a95', class: "row gy-3" }, h("div", { key: '2ea11029c2d0c3f7c1bd75ea52f50a84cf4a23c7', class: "col-12" }, h("h2", { key: 'ca0e8158b9c7b31bd627ad48dab5c6f59e8c33b9', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '71a3ff8825b1d824d262cf78e1ce226cc265453b', class: "col-12" }, h("form-control-text", { key: 'b1436af6043ec687d245b923d0df7605a47bb9d5', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: '3d163ebab9371d6ba03f7859c851518c2b9c42e0', class: "col-12" }, h("form-control-text", { key: 'b37976e6a54dc322cfbfb44081dd57e6425cba9c', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: '3476796fbca30f969fe71da1c049dc83ed691891', class: "col-12" }, h("form-control-date", { key: 'ba734764e4702ee2f1846f3f580cdbf0e7156ff6', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: '8f2690c1f1fddaad3915f1b8aca5f934a45b5f71', class: "col-12" }, h("form-control-textarea", { key: 'dd26eedba648b038e2b414825d7f26c1a326db2f', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: 'ce3e63025adfe560a466522411d93968d8abd420', class: "col-12" }, h("form-control-file-v2", { key: '099d48a3c6b2b7999442e1a0609c4fdac2f67c66', label: "Shipping Documentation", name: "shipping_documentation", onChange: this.handleFileSelection })))));
+        var _a, _b, _c, _d, _e;
+        return (h("div", { key: '90641cea619de697d7a90e6e397790f79ceb9376' }, h("div", { key: '52d939e26bd26e99240d100897a530b89553e727', class: "row gy-3" }, h("div", { key: '01755fbca3430bd3066377e9481038370c49b2d8', class: "col-12" }, h("h2", { key: 'd273fbe6ff8b7815ba5c2369748a3a20548b0a4d', class: "h5", part: heading5 }, "Shipping Details")), h("div", { key: '595f4e63dff85591713a4c895acb6628c8ef8214', class: "col-12" }, h("form-control-text", { key: '958169d07544237a72facdc016d4d12ac64a4c48', label: "Shipping Carrier Name", name: "shipping_carrier", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.shipping_carrier, inputHandler: this.inputHandler, errorText: this.errors.shipping_carrier })), h("div", { key: '1d3020a30f95c5ced652871a635aba0152bbc4e3', class: "col-12" }, h("form-control-text", { key: '088af20353ec2efcb65a4e597a1fb4aec23cfcbb', label: "Tracking Number", name: "shipping_tracking_number", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.shipping_tracking_number, inputHandler: this.inputHandler, errorText: this.errors.shipping_tracking_number })), h("div", { key: '536ee74c42d326d7f7f698274c846bfebf0d34dd', class: "col-12" }, h("form-control-date", { key: '71ef44bd4c810a567162b7fe92199eceff9be470', label: "Date Shipped", name: "shipping_date", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.shipping_date, inputHandler: this.inputHandler, errorText: this.errors.shipping_date })), h("div", { key: '8887e0daf44be31486563e85cd989eef1da5f5ce', class: "col-12" }, h("form-control-textarea", { key: 'c34093bc4ee65f4fb092c377a98e01cd69bdbc7c', label: "Shipping Address", name: "shipping_address", defaultValue: (_d = this.disputeResponse) === null || _d === void 0 ? void 0 : _d.shipping_address, inputHandler: this.inputHandler, errorText: this.errors.shipping_address })), h("div", { key: '469a5d8c7e28fa2ad430f104f08f387448f70048', class: "col-12" }, h("form-control-file-v2", { key: 'a2b6c6c0c1cf32430582b97efe6bcc1d4c47147d', label: "Shipping Documentation", name: "shipping_documentation", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.shipping_documentation })))));
     }
 }, [0, "justifi-shipping-details", {
         "disputeResponse": [8, "dispute-response"],
+        "documentErrors": [8, "document-errors"],
         "form": [32],
         "errors": [32],
+        "documents": [32],
         "documentList": [32],
         "validateAndSubmit": [64]
     }]);

package/dist/module/terminal-orders-list-core2.js

@@ -8,16 +8,101 @@ import { p as pagingDefaults } from './Pagination.js';
 import './Payment.js';
 import './SubAccount.js';
 import './Document.js';
+import { h as convertToLocal } from './utils2.js';
+import { B as Badge, a as BadgeVariant } from './badge.js';
 import { d as defineCustomElement$1 } from './pagination-menu2.js';
 
-const defaultColumnsKeys = 'id,status';
+const MapTerminalOrderStatusToBadge = (status) => {
+    const statusToBadgeProps = {
+        submitted: {
+            variant: BadgeVariant.PRIMARY,
+            title: 'This order is submitted',
+            text: 'Submitted',
+        },
+        completed: {
+            variant: BadgeVariant.SUCCESS,
+            title: 'This order has been completed',
+            text: 'Completed',
+        }
+    };
+    const badgeProps = statusToBadgeProps[status];
+    return h(Badge, Object.assign({}, badgeProps));
+};
+
+const defaultColumnsKeys = 'created_at,updated_at,order_status,quantity';
 const terminalOrdersTableColumns = {
-    id: () => (h("th", { part: tableHeadCell, scope: "col", title: "The ID of the terminal order" }, "ID")),
-    status: () => (h("th", { part: tableHeadCell, scope: "col", title: "The status of the terminal order" }, "Status")),
+    created_at: () => (h("th", { part: tableHeadCell, scope: "col", title: "The date and time the order was created" }, "Created At")),
+    updated_at: () => (h("th", { part: tableHeadCell, scope: "col", title: "The date and time the order was last updated" }, "Updated At")),
+    order_status: () => (h("th", { part: tableHeadCell, scope: "col", title: "The current status of the order" }, "Order Status")),
+    business_id: () => (h("th", { part: tableHeadCell, scope: "col", title: "The business ID associated with the order" }, "Business ID")),
+    provider: () => (h("th", { part: tableHeadCell, scope: "col", title: "The provider associated with the order" }, "Provider")),
+    order_type: () => (h("th", { part: tableHeadCell, scope: "col", title: "The type of order" }, "Order Type")),
+    quantity: () => (h("th", { part: tableHeadCell, scope: "col", title: "The number of terminals associated with the order" }, "Order Quantity")),
 };
 const terminalOrdersTableCells = {
-    id: (terminalOrder, index) => (h("td", { part: getAlternateTableCellPart(index) }, terminalOrder.id)),
-    status: (terminalOrder, index) => (h("td", { part: getAlternateTableCellPart(index) }, terminalOrder.status)),
+    created_at: (terminalOrder, index) => (h("td", { part: getAlternateTableCellPart(index) },
+        h("div", { class: "fw-bold" }, convertToLocal(terminalOrder.created_at, { showDisplayDate: true })),
+        h("div", { class: "fw-bold" }, convertToLocal(terminalOrder.created_at, { showTime: true })))),
+    updated_at: (terminalOrder, index) => (h("td", { part: getAlternateTableCellPart(index) },
+        h("div", { class: "fw-bold" }, convertToLocal(terminalOrder.updated_at, { showDisplayDate: true })),
+        h("div", { class: "fw-bold" }, convertToLocal(terminalOrder.updated_at, { showTime: true })))),
+    order_status: (terminalOrder, index) => (h("td", { part: getAlternateTableCellPart(index) }, MapTerminalOrderStatusToBadge(terminalOrder.order_status))),
+    business_id: (terminalOrder, index) => (h("td", { part: getAlternateTableCellPart(index) }, terminalOrder.business_id)),
+    provider: (terminalOrder, index) => (h("td", { part: getAlternateTableCellPart(index) }, terminalOrder.provider)),
+    order_type: (terminalOrder, index) => (h("td", { part: getAlternateTableCellPart(index) }, terminalOrder.order_type)),
+    quantity: (terminalOrder, index) => (h("td", { part: getAlternateTableCellPart(index) }, terminalOrder.terminals.length)),
+};
+
+const id = null;
+const type = "array";
+const page_info = {
+	has_previous: false,
+	has_next: false,
+	start_cursor: "mockCursorPage1",
+	end_cursor: "mockCursorPage2",
+	amount: 2
+};
+const data = [
+	{
+		id: "tord_ABCD1234",
+		business_id: "biz_0987",
+		account_id: "acc_5678",
+		provider: "verifone",
+		order_type: "boarding_only",
+		order_status: "submitted",
+		terminals: [
+			{
+				terminal_id: "tmn_QWER",
+				terminal_did: "11112222",
+				model_name: "v400"
+			}
+		],
+		created_at: "2025-01-02T10:30:00Z",
+		updated_at: "2025-01-02T10:45:00Z"
+	},
+	{
+		id: "tord_WXYZ5678",
+		business_id: "biz_1234",
+		account_id: "acc_4321",
+		provider: "verifone",
+		order_type: "boarding_shipping",
+		order_status: "completed",
+		terminals: [
+			{
+				terminal_id: "tmn_ASDF",
+				terminal_did: "33334444",
+				model_name: "e355"
+			}
+		],
+		created_at: "2025-02-10T09:20:00Z",
+		updated_at: "2025-02-10T09:25:00Z"
+	}
+];
+const mockTerminalOrders = {
+	id: id,
+	type: type,
+	page_info: page_info,
+	data: data
 };
 
 const TerminalOrdersListCore = /*@__PURE__*/ proxyCustomElement(class TerminalOrdersListCore extends HTMLElement {
@@ -39,7 +124,7 @@ const TerminalOrdersListCore = /*@__PURE__*/ proxyCustomElement(class TerminalOr
         };
         this.getTerminalOrders = undefined;
         this.columns = undefined;
-        this.terminalOrders = [];
+        this.terminalOrders = mockTerminalOrders.data;
         this.terminalOrdersTable = undefined;
         this.loading = true;
         this.errorMessage = undefined;
@@ -73,7 +158,7 @@ const TerminalOrdersListCore = /*@__PURE__*/ proxyCustomElement(class TerminalOr
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: '0985e60932d09dafc25f5d98415a7dc0b56d64a8' }, h("div", { key: '390633346017eaced1704ea7b5c800aae0f9df57', class: "table-wrapper" }, h("table", { key: '56959798f3fab7ff46d410908f7cf0e889940a51', class: "table table-hover", part: table }, h("thead", { key: '25fab5c7217777cd10ef8515ce5745748d8cdb22', class: "table-head sticky-top" }, h("tr", { key: '6c5606a186e0a3bacda194cd348d92798d63b9e4', class: "table-light text-nowrap" }, this.terminalOrdersTable.columnData.map((column) => column))), h("tbody", { key: 'cff51b485040873e6bde770269d4aa4a161c4c82', class: "table-body" }, h(TableLoadingState, { key: 'f38917eb02c8f537496b2465e5b64da302e8c19a', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '2f7ee4c2c1a9d37134df4a955f92a33ef2ac6ca3', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: 'c9bbb80471f1ad7ef04199949cfd0583852a5a26', columnSpan: this.terminalOrdersTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalOrdersTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: 'c476e3245d5365d6facff461ea921c18c3001caf', class: "sticky-bottom" }, h("tr", { key: 'ae0d4344538d1f3ee7c2702c1475e730e1d25b8c', class: "table-light align-middle" }, h("td", { key: 'f5c8fa258bcc8d0853f9f419722d7e995f2a771b', part: tableCell, colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '2e73c5c292533441692ed97ee065448426c43f85', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h("div", { key: 'e07bb592d2d419079a00fe017789c98dc5814202' }, h("div", { key: '1090df8ad75e0fdcd07a625c608c2fc0d38391d9', class: "table-wrapper" }, h("table", { key: '31637db0926f2cd88d1333d5f512842406b1e0ef', class: "table table-hover", part: table }, h("thead", { key: '2af2d35a486433b2cb2bab0b7d61d4be9e8d70ab', class: "table-head sticky-top" }, h("tr", { key: 'a42e578f3369b6466a331abeb34d63d9c09c0122', class: "table-light text-nowrap" }, this.terminalOrdersTable.columnData.map((column) => column))), h("tbody", { key: '16c4a9e940268fe2da49a9b14680d34a0f160ccc', class: "table-body" }, h(TableLoadingState, { key: 'a1ce6dcc9799bdd215b5d686d05e3014e594d975', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '135df5499de4e17855643d8ce4ebeb7f71aa5e85', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '00d2f0bc0bceb46178970c1eb0a0eb87c6fa6054', columnSpan: this.terminalOrdersTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalOrdersTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: '49ce37b7ea5e979c8d754d48b9c803a163623387', class: "sticky-bottom" }, h("tr", { key: 'b73f32023e01d82c3eb91120c7eae907a9367517', class: "table-light align-middle" }, h("td", { key: 'cae073d169507d459d60f150fecbaad287996c74', part: tableCell, colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '9a9fa1cd2c520ee09814adf6d060d048bd77dcc1', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/module/terminal-quantity-selector.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface TerminalQuantitySelector extends Components.TerminalQuantitySelector, HTMLElement {}
+export const TerminalQuantitySelector: {
+    prototype: TerminalQuantitySelector;
+    new (): TerminalQuantitySelector;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/module/terminal-quantity-selector.js

@@ -0,0 +1,6 @@
+import { T as TerminalQuantitySelector$1, d as defineCustomElement$1 } from './terminal-quantity-selector2.js';
+
+const TerminalQuantitySelector = TerminalQuantitySelector$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { TerminalQuantitySelector, defineCustomElement };

package/dist/module/terminal-quantity-selector2.js

@@ -0,0 +1,66 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { t as text, a6 as image, v as buttonLink } from './parts.js';
+import { d as defineCustomElement$2 } from './custom-popper2.js';
+import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
+
+const TerminalQuantitySelector = /*@__PURE__*/ proxyCustomElement(class TerminalQuantitySelector extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.selectedQuantityChange = createEvent(this, "selectedQuantityChange", 7);
+        this.removeUnit = () => {
+            if (this.selectedQuantity > 0) {
+                this.selectedQuantity--;
+                this.selectedQuantityChange.emit({ modelName: this.modelName, quantity: this.selectedQuantity });
+            }
+        };
+        this.addUnit = () => {
+            if (this.limit > 0) {
+                this.selectedQuantity++;
+                this.selectedQuantityChange.emit({ modelName: this.modelName, quantity: this.selectedQuantity });
+            }
+        };
+        this.modelName = undefined;
+        this.imageUrl = undefined;
+        this.description = undefined;
+        this.helpUrl = undefined;
+        this.limit = Infinity;
+        this.selectedQuantity = 0;
+    }
+    render() {
+        return (h("div", { key: 'a357a6bd3454287325a10d381d4587c39552e2a6', class: "rounded shadow-sm", part: text }, h("div", { key: '9e34e99cf6f5cefd4ef28c0fb98ad163d331c5d8', class: "d-flex gap-3" }, h("div", { key: '2dad93d7ad2cdecfd0848862bfc6a30bf0900ae6', class: "d-flex align-items-center" }, h("img", { key: '91929adc5f870eb024226a90d699ae68705f80ec', src: this.imageUrl, alt: this.modelName, height: 125, width: 125, part: image })), h("div", { key: '2fdd8c22699c09830f20f39a86a1e306702dc435', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: 'f25c1fbe3b6bc4cb2f262e7acce3232e3a726d7d', class: "row" }, h("div", { key: 'b18358391814b283ee5f9f4984301a3c44340986', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: '2c2dc0b58140144b63be06ad273b9567ca107d9a', helpText: this.description })), h("div", { key: '7b20f58d55f9413d04185df7ecc04ebe37a3854e', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: '27d472613a8146985bfb2f7f9149ac97d71039a5', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '45136a5b9dcb7aeeb58407f51fbb76c0f924ff93', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: 'e07c48829ebe9106d4a26e9a17728ecef01574b6', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
+    }
+}, [0, "terminal-quantity-selector", {
+        "modelName": [1, "model-name"],
+        "imageUrl": [1, "image-url"],
+        "description": [1],
+        "helpUrl": [1, "help-url"],
+        "limit": [2],
+        "selectedQuantity": [32]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["terminal-quantity-selector", "custom-popper", "form-control-tooltip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "terminal-quantity-selector":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, TerminalQuantitySelector);
+            }
+            break;
+        case "custom-popper":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "form-control-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { TerminalQuantitySelector as T, defineCustomElement as d };

package/dist/module/terminal.service.js

@@ -0,0 +1,28 @@
+import { A as Api } from './Api.js';
+import './ComponentError.js';
+import './Checkout.js';
+import './Pagination.js';
+import './Payment.js';
+import './SubAccount.js';
+import './Document.js';
+
+class TerminalService {
+    async fetchTerminals(accountId, authToken, params, apiOrigin = "https://wc-proxy.justifi.ai") {
+        const headers = { Account: accountId };
+        const api = Api({ authToken, apiOrigin });
+        const endpoint = 'terminals';
+        return api.get(endpoint, params, null, headers);
+    }
+    async fetchTerminal(terminalId, authToken, apiOrigin = "https://wc-proxy.justifi.ai") {
+        const endpoint = `terminals/${terminalId}`;
+        return Api({ authToken, apiOrigin: apiOrigin }).get(endpoint);
+    }
+    async fetchTerminalModels(accountId, authToken, apiOrigin = "") {
+        const headers = { 'sub-account': accountId };
+        const api = Api({ authToken, apiOrigin });
+        const endpoint = 'terminals/order_models';
+        return api.get(endpoint, null, null, headers);
+    }
+}
+
+export { TerminalService as T };

package/dist/module/terminals-list-core2.js

@@ -35,15 +35,17 @@ const MapTerminalStatusToBadge = (status) => {
     return h(Badge, Object.assign({}, badgeProps));
 };
 
-const defaultColumnsKeys = 'nickname,provider_id,status';
+const defaultColumnsKeys = 'nickname,provider_serial_number,status';
 const terminalTableColumns = {
     nickname: () => (h("th", { part: tableHeadCell, scope: "col", title: "The nickname associated with the terminal" }, "Nickname")),
-    provider_id: () => (h("th", { part: tableHeadCell, scope: "col", title: "The serial number / provider ID of the terminal" }, "Serial Number")),
+    provider_serial_number: () => (h("th", { part: tableHeadCell, scope: "col", title: "The serial number of the terminal" }, "Serial Number")),
+    provider_id: () => (h("th", { part: tableHeadCell, scope: "col", title: "The provider ID of the terminal" }, "Provider ID")),
     sub_account_name: () => (h("th", { part: tableHeadCell, scope: "col", title: "The sub account associated with the terminal" }, "Sub Account")),
     status: () => (h("th", { part: tableHeadCell, scope: "col", title: "The current status of each terminal" }, "Status")),
 };
 const terminalTableCells = {
     nickname: (terminal, index) => (h("td", { part: getAlternateTableCellPart(index) }, terminal.nickname)),
+    provider_serial_number: (terminal, index) => (h("td", { part: getAlternateTableCellPart(index) }, terminal.provider_serial_number)),
     provider_id: (terminal, index) => (h("td", { part: getAlternateTableCellPart(index) }, terminal.provider_id)),
     sub_account_name: (terminal, index) => (h("td", { part: getAlternateTableCellPart(index) }, terminal.sub_account_name)),
     status: (terminal, index) => (h("td", { part: getAlternateTableCellPart(index) }, MapTerminalStatusToBadge(terminal.status))),
@@ -171,7 +173,7 @@ const TerminalsListCore = /*@__PURE__*/ proxyCustomElement(class TerminalsListCo
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: '074b9925b7092b69d4073b86e926bc6e627ba8cd' }, h("div", { key: '195acd38db8ecc931e86e517a5e626ced44ce66f', class: "table-wrapper" }, h("table", { key: '6534aba9b68490de5a7bd03d9760021db02e3f61', class: "table table-hover", part: table }, h("thead", { key: 'bf8dc807e1b31ed1e8040f952b5bfc3cfa77116d', class: "table-head sticky-top" }, h("tr", { key: 'b6828dbb38504d1f410f4c1199ea12d03b66292a', class: "table-light text-nowrap" }, this.terminalsTable.columnData.map((column) => column))), h("tbody", { key: '2080463e7f6ac9995b30e38e52f1650f75983dab', class: "table-body" }, h(TableLoadingState, { key: '36b61e1fb8c23dea61aa3a41b2749f80dbfb34bb', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'c2a11b7e3ebb37538522026854faf3f10e405271', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: 'a40dd753552ee8ad3fae2655a4e890e67a8c14f0', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: '0af6b6aefe2160a36e773deabed1c6d006d0cde2', class: "sticky-bottom" }, h("tr", { key: '8576eee95c757c41d6b0a6838933e9c123f519d3', class: "table-light align-middle" }, h("td", { key: '87ca55905ecb734ddb059dce080256af6a7f1be1', part: tableCell, colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '08f29c2415998948e4dc020487fe10215bf10c3d', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h("div", { key: 'd700224838a23855b9cce179c23d40da07fd37ce' }, h("div", { key: '0a03d361d4482342edc5db06209f87a83735791f', class: "table-wrapper" }, h("table", { key: '690d3b7ea58065281171e005252d4969f6284719', class: "table table-hover", part: table }, h("thead", { key: 'c92fc6c7514afc995e0d4e148d715b69c96118cd', class: "table-head sticky-top" }, h("tr", { key: 'bfeff664d29eac8f52e12adf40841b74711e9de2', class: "table-light text-nowrap" }, this.terminalsTable.columnData.map((column) => column))), h("tbody", { key: '0e8c69e12b8a64020e1b10af92ce05f7e1864d28', class: "table-body" }, h(TableLoadingState, { key: '3fef62d6146938773a52c88f178438004d46f1eb', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'caec9eb5131fd8037e5cdccaf6c29d2f7f91ed7e', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: 'bd597887c2441bc070ff8ca9ec8d03564e62b9eb', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: 'ec61caec8ae1de6f106221f21827a89dfcad5b05', class: "sticky-bottom" }, h("tr", { key: 'e99c4133f365a7fefdc18d4a8bae9ac67b877fbd', class: "table-light align-middle" }, h("td", { key: 'ed22056d675baa32eef0bcc7fd2a4ae659d563aa', part: tableCell, colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '8dffd0065bb7d74b43d2a56a5c0356d84301e58b', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/types/actions/terminal/get-terminal-models.d.ts

@@ -0,0 +1,8 @@
+export declare const makeGetTerminalModels: ({ id, authToken, service }: {
+    id: any;
+    authToken: any;
+    service: any;
+}) => ({ onSuccess, onError }: {
+    onSuccess: any;
+    onError: any;
+}) => Promise<any>;

package/dist/types/api/Checkout.d.ts

@@ -133,6 +133,10 @@ export declare enum ICheckoutPaymentMode {
     card_present = "Card Present",
     unknown = ""
 }
+export declare enum ICheckoutPaymentModeParam {
+    bnpl = "bnpl",
+    ecom = "ecom"
+}
 export declare enum ICheckoutStatus {
     created = "created",
     completed = "completed",

package/dist/types/api/Terminal.d.ts

@@ -15,6 +15,7 @@ export interface ITerminal {
     gateway_ref_id?: string | null;
     provider?: string | null;
     provider_id?: string | null;
+    provider_serial_number?: string | null;
     created_at?: string | null;
     updated_at?: string | null;
     verified_at?: string | null;
@@ -30,6 +31,7 @@ export declare class Terminal implements ITerminal {
     platform_account_id: string;
     provider: string;
     provider_id: string;
+    provider_serial_number: string;
     created_at: string;
     updated_at: string;
     verified_at: string;

package/dist/types/api/TerminalModel.d.ts

@@ -0,0 +1,31 @@
+export declare enum TerminalModelName {
+    v400 = "v400",
+    p400 = "p400+",
+    e285 = "e285"
+}
+export interface ITerminalModel {
+    id: string;
+    model_name: TerminalModelName;
+    description: string;
+    image_url: string;
+    help_url: string;
+}
+export interface ITerminalModelApiResponse {
+    id: string;
+    model_name: TerminalModelName;
+    description: string;
+    image_url: string;
+    help_url: string;
+}
+export interface iTerminalModelsApiResponse {
+    terminal_models: ITerminalModelApiResponse[];
+    order_limit: number;
+}
+export declare class TerminalModel implements ITerminalModel {
+    id: string;
+    model_name: TerminalModelName;
+    description: string;
+    image_url: string;
+    help_url: string;
+    constructor(data: ITerminalModelApiResponse);
+}

package/dist/types/api/TerminalOrder.d.ts

@@ -0,0 +1,53 @@
+import { TerminalProviders } from './Terminal';
+import { TerminalModelName } from './TerminalModel';
+declare enum TerminalOrderType {
+    boardingOnly = "boarding_only",
+    boardingShipping = "boarding_shipping"
+}
+export declare enum TerminalOrderStatus {
+    submitted = "submitted",
+    completed = "completed"
+}
+interface OrderedTerminal {
+    terminal_id: string;
+    terminal_did: string;
+    model_name: TerminalModelName;
+}
+interface TerminalOrderItem {
+    model_name: TerminalModelName;
+    quantity: number;
+}
+export interface ITerminalOrder {
+    id?: string;
+    business_id?: string;
+    account_id?: string;
+    provider?: TerminalProviders;
+    order_type?: TerminalOrderType;
+    order_status?: TerminalOrderStatus;
+    terminals?: OrderedTerminal[];
+    created_at?: string;
+    updated_at?: string;
+}
+export declare class TerminalOrder {
+    id: string;
+    business_id: string;
+    account_id: string;
+    provider: TerminalProviders;
+    order_type: TerminalOrderType;
+    order_status: TerminalOrderStatus;
+    terminals: OrderedTerminal[];
+    order_items: TerminalOrderItem[];
+    created_at: string;
+    updated_at: string;
+    constructor(data: ITerminalOrder);
+    get payload(): {
+        business_id: string;
+        account_id: string;
+        provider: TerminalProviders;
+        order_type: TerminalOrderType;
+        order_items: TerminalOrderItem[];
+    };
+    get totalQuantity(): number;
+    updateTerminal(model_name: TerminalModelName, quantity: number): void;
+}
+export {};

package/dist/types/api/index.d.ts

@@ -8,6 +8,8 @@ export * from './Pagination';
 export * from './Payment';
 export * from './Payout';
 export * from './Terminal';
+export * from './TerminalOrder';
+export * from './TerminalModel';
 export * from './SubAccount';
 export * from './Document';
 export { BankAccount, IBankAccount } from './BankAccount';