@justifi/webcomponents 5.3.4 → 5.3.6

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

@@ -1,5 +1,5 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
-import { T as Table, a as TableLoadingState, b as TableEmptyState, c as TableErrorState } from './table.js';
+import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types2.js';
 import { o as tableHeadCell, q as getAlternateTableCellPart, n as table, p as tableCell } from './parts.js';
 import './details.js';
 import './ComponentError.js';
@@ -8,34 +8,76 @@ 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',
+        },
+        created: {
+            variant: BadgeVariant.SECONDARY,
+            title: 'This order is created',
+            text: 'Created',
+        },
+    };
+    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 TerminalOrdersListCore = /*@__PURE__*/ proxyCustomElement(class TerminalOrdersListCore extends HTMLElement {
     constructor() {
         super();
         this.__registerHost();
+        this.clickEvent = createEvent(this, "click-event", 7);
         this.errorEvent = createEvent(this, "error-event", 7);
         this.handleClickPrevious = (beforeCursor) => {
             this.pagingParams = { before_cursor: beforeCursor };
+            this.clickEvent.emit({ name: TableClickActions.previous });
         };
         this.handleClickNext = (afterCursor) => {
             this.pagingParams = { after_cursor: afterCursor };
+            this.clickEvent.emit({ name: TableClickActions.next });
         };
         this.rowClickHandler = (e) => {
             const clickedOrderId = e.target.closest('tr').dataset.rowEntityId;
             if (!clickedOrderId)
                 return;
-            console.log('clickedOrderId', clickedOrderId);
+            const orderData = this.terminalOrders.find((order) => order.id === clickedOrderId);
+            this.clickEvent.emit({ name: TableClickActions.row, data: orderData });
         };
         this.getTerminalOrders = undefined;
         this.columns = undefined;
@@ -57,8 +99,23 @@ const TerminalOrdersListCore = /*@__PURE__*/ proxyCustomElement(class TerminalOr
     }
     fetchData() {
         this.loading = true;
-        console.log('fetching terminal orders');
-        this.loading = false;
+        this.getTerminalOrders({
+            params: {},
+            onSuccess: async ({ terminalOrders, pagingInfo }) => {
+                this.terminalOrders = terminalOrders;
+                this.paging = pagingInfo;
+                this.terminalOrdersTable.collectionData = this.terminalOrders;
+            },
+            onError: ({ error, code, severity }) => {
+                this.errorMessage = error;
+                this.errorEvent.emit({
+                    errorCode: code,
+                    message: error,
+                    severity,
+                });
+            },
+            final: () => { this.loading = false; },
+        });
     }
     get entityId() {
         return this.terminalOrders.map((terminalOrder) => terminalOrder.id);
@@ -73,7 +130,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: 'ceeaed5590e1586fdbb568ae3e3efd0b9569bfe2' }, h("div", { key: '1324282d71ced0bc43e73722f0286ce35141d122', class: "table-wrapper" }, h("table", { key: '15648ceb92e0a0461809e8a64539935c6b095515', class: "table table-hover", part: table }, h("thead", { key: '15aff763ff1b972c8f578ae927459afdbd6544f9', class: "table-head sticky-top" }, h("tr", { key: '912564fcbdc5e827beacd09832fe0bb69408aee2', class: "table-light text-nowrap" }, this.terminalOrdersTable.columnData.map((column) => column))), h("tbody", { key: '2aa023da48163f637eabf32ed662e722e1ea0129', class: "table-body" }, h(TableLoadingState, { key: 'db59bd7cdbd9d955a7310134ffa7133a1aecac61', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '7396924a0bb453d13c709ff692c09a5d42a29389', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '7d53ab680cd832c4b8b58297b9aa7e4d35c28fd1', 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: 'b4a1ca8efb71e67a5d41cebbf45367abe53a8943', class: "sticky-bottom" }, h("tr", { key: 'b3b2e69b93316738593fc6e30101266dc30a5af9', class: "table-light align-middle" }, h("td", { key: '5a2782c37a1606b34b1055088eb943dc2f93cce8', part: tableCell, colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '015d4d7aef4ab85b5dd3dac7563520d498747c04', 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, a4 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: '5bbf669ab479523290b2d8a9f5b6ec2000ff0f96', class: "rounded shadow-sm card p-2", part: text }, h("div", { key: '47ead96654c97aeae6b24058a4f7759918d3d0ad', class: "d-flex gap-3" }, h("div", { key: '3763eda68e7849c87f0e67b905e09267c10481c8', class: "d-flex align-items-center" }, h("img", { key: 'ef0a61d5c1d27c600fd93813b594ec2ec2fadec3', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '5a632f69e2045fbfcd35932af3c5fd027dcca66f', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: 'be00d142f07945a15e882d2da4c505ffbf67fe88', class: "row" }, h("div", { key: '1c434628ae872d22efa7d2adb611b04868c85eb1', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: '21f571a1b0e5ba7d528727f6476e134b9657e124', helpText: this.description })), h("div", { key: 'f4077bfa6beb4f0070bdbf4bd28021f88bcaf5b1', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: '7dc6853fb7641b99a9a9ee82dcb3db8fce1d6c01', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: 'faab14e72773f12f69ea69e855bafb27ef3328b8', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: '390e6b4b049fa64e2b7354a3676621844291feb0', 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,33 @@
+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);
+    }
+    async orderTerminals(authToken, terminalOrder, apiOrigin = "") {
+        const api = Api({ authToken, apiOrigin });
+        const endpoint = 'terminals/orders';
+        return api.post(endpoint, terminalOrder);
+    }
+}
+
+export { TerminalService as T };

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

@@ -6,11 +6,10 @@ import './Payment.js';
 import './SubAccount.js';
 import './Document.js';
 import { o as tableHeadCell, q as getAlternateTableCellPart, n as table, p as tableCell } from './parts.js';
-import { T as Table, a as TableLoadingState, b as TableEmptyState, c as TableErrorState } from './table.js';
+import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types2.js';
 import './details.js';
 import { B as Badge, a as BadgeVariant } from './badge.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './terminals-list-params-state.js';
-import { T as TableClickActions } from './event-types2.js';
 import { d as defineCustomElement$1 } from './pagination-menu2.js';
 
 const MapTerminalStatusToBadge = (status) => {
@@ -35,15 +34,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 +172,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: '8831cfa38f962ba4dcf8903eca44931a800a9285' }, h("div", { key: '01d26a4aff98204ccc0fd4db8beb2cc2b021e386', class: "table-wrapper" }, h("table", { key: '036d4a14c61db9b406157425504112dabf4b04bd', class: "table table-hover", part: table }, h("thead", { key: '3782f1b66e447836d93e8b3cc28c09e4fe466ac7', class: "table-head sticky-top" }, h("tr", { key: '3842ccaaadbc3acf0c6caf8e8407aad17d91cae4', class: "table-light text-nowrap" }, this.terminalsTable.columnData.map((column) => column))), h("tbody", { key: 'e9f5f7ef0eca1da8ba7e684ba937f7357c8b341a', class: "table-body" }, h(TableLoadingState, { key: '2902cbb3cfa87cdc2ae242ef2cd1001b9b491503', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'f596f3498b67dd40d3a93cd6dfa091cbc67a4cc1', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: 'e6e67b174a7d8ca353990ae85decbe89539ea504', 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: '353ba88161fe40528c8ef21271b0ec1a23237264', class: "sticky-bottom" }, h("tr", { key: '6f16d82697452ef4bc1aafa27bb5076e1bb1af54', class: "table-light align-middle" }, h("td", { key: 'bec74cc91feea7eef3bdcd290c2d2e77f6852ad1', part: tableCell, colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: 'a7667abca02d28a40ef4c58d8b869b48f9746105', 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/actions/terminal/get-terminal-orders.d.ts

@@ -0,0 +1,11 @@
+export declare const makeGetTerminalOrders: ({ id, authToken, service, apiOrigin }: {
+    id: any;
+    authToken: any;
+    service: any;
+    apiOrigin: any;
+}) => ({ params, onSuccess, onError, final }: {
+    params: any;
+    onSuccess: any;
+    onError: any;
+    final: any;
+}) => Promise<any>;

package/dist/types/actions/terminal/order-terminals.d.ts

@@ -0,0 +1,8 @@
+export declare const makeOrderTerminals: ({ authToken, service }: {
+    authToken: any;
+    service: any;
+}) => ({ terminalOrder, onSuccess, onError }: {
+    terminalOrder: any;
+    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';
+export declare enum TerminalOrderType {
+    boardingOnly = "boarding_only",
+    boardingShipping = "boarding_shipping"
+}
+export declare enum TerminalOrderStatus {
+    created = "created",
+    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;
+        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';

package/dist/types/api/services/terminal.service.d.ts

@@ -2,8 +2,12 @@ import { IApiResponse, IApiResponseCollection, ITerminal } from '..';
 export interface ITerminalService {
     fetchTerminals(accountId: string, authToken: string, params: any, apiOrigin?: string): Promise<IApiResponseCollection<ITerminal[]>>;
     fetchTerminal(terminalId: string, authToken: string, apiOrigin?: string): Promise<IApiResponse<ITerminal>>;
+    fetchTerminalModels(accountId: string, authToken: string, params: any, apiOrigin?: string): Promise<IApiResponseCollection<ITerminal>>;
+    orderTerminals(authToken: string, terminalOrder: any, apiOrigin?: string): Promise<IApiResponse<ITerminal>>;
 }
 export declare class TerminalService implements ITerminalService {
     fetchTerminals(accountId: string, authToken: string, params: any, apiOrigin?: string): Promise<IApiResponseCollection<ITerminal[]>>;
     fetchTerminal(terminalId: string, authToken: string, apiOrigin?: string): Promise<IApiResponse<ITerminal>>;
+    fetchTerminalModels(accountId: string, authToken: string, apiOrigin?: string): Promise<IApiResponseCollection<ITerminal>>;
+    orderTerminals(authToken: string, terminalOrder: any, apiOrigin?: string): Promise<IApiResponse<ITerminal>>;
 }

package/dist/types/api/services/terminal_orders.service.d.ts

@@ -0,0 +1,7 @@
+import { IApiResponseCollection, ITerminalOrder } from '..';
+export interface ITerminalOrderService {
+    fetchTerminalOrders(accountId: string, authToken: string, params: any, apiOrigin?: string): Promise<IApiResponseCollection<ITerminalOrder[]>>;
+}
+export declare class TerminalOrderService implements ITerminalOrderService {
+    fetchTerminalOrders(accountId: string, authToken: string, params: any, apiOrigin?: string): Promise<IApiResponseCollection<ITerminalOrder[]>>;
+}

package/dist/types/components/business-forms/payment-provisioning/payment-provisioning-core.d.ts

@@ -24,7 +24,6 @@ export declare class PaymentProvisioningCore {
     private representativeRef;
     private ownersRef;
     private bankAccountRef;
-    private documentUploadRef;
     private termsRef;
     private refs;
     get businessEndpoint(): string;

package/dist/types/components/checkouts-list/checkouts-list-filters.d.ts

@@ -1,7 +1,7 @@
-import { ICheckoutPaymentMode, ICheckoutStatus } from '../../api';
+import { ICheckoutPaymentModeParam, ICheckoutStatus } from '../../api';
 export declare class CheckoutsListFilters {
     checkoutStatus?: ICheckoutStatus;
-    paymentMode?: ICheckoutPaymentMode;
+    paymentMode?: ICheckoutPaymentModeParam;
     componentWillLoad(): void;
     setParamsOnChange: (name: string, value: string) => void;
     get checkoutStatusOptions(): {
@@ -10,7 +10,7 @@ export declare class CheckoutsListFilters {
     }[];
     get checkoutPaymentModeOptions(): {
         label: string;
-        value: ICheckoutPaymentMode | '';
+        value: ICheckoutPaymentModeParam | '';
     }[];
     render(): any;
 }

package/dist/types/components/dispute-management/dispute-response/additional-statement.d.ts

@@ -3,15 +3,17 @@ import { DisputeEvidenceDocument } from "../../../api/DisputeEvidenceDocument";
 import { DisputeResponseFormStep } from "./dispute-response-form-types";
 export declare class AdditionalStatement {
     disputeResponse: any;
+    documentErrors: any;
     form: FormController;
     errors: any;
-    documentList: DisputeEvidenceDocument[];
     acceptedTerms: boolean;
     acceptedTermsErrorText: string;
+    documents: {
+        uncategorized_file: DisputeEvidenceDocument[];
+    };
     validateAndSubmit(onSuccess: (formData: any, documentList: DisputeEvidenceDocument[], formStep: DisputeResponseFormStep) => void): Promise<void>;
     componentWillLoad(): void;
     componentDidLoad(): void;
     private inputHandler;
-    private handleFileSelection;
     render(): any;
 }

package/dist/types/components/dispute-management/dispute-response/cancellation-policy.d.ts

@@ -3,13 +3,15 @@ import { DisputeEvidenceDocument } from "../../../api/DisputeEvidenceDocument";
 import { DisputeResponseFormStep } from "./dispute-response-form-types";
 export declare class CancellationPolicy {
     disputeResponse: any;
+    documentErrors: any;
     form: FormController;
     errors: any;
-    documentList: DisputeEvidenceDocument[];
+    documents: {
+        cancellation_policy: DisputeEvidenceDocument[];
+    };
     validateAndSubmit(onSuccess: (formData: any, documentList: DisputeEvidenceDocument[], formStep: DisputeResponseFormStep) => void): Promise<void>;
     componentWillLoad(): void;
     componentDidLoad(): void;
     private inputHandler;
-    private handleFileSelection;
     render(): any;
 }

package/dist/types/components/dispute-management/dispute-response/customer-details.d.ts

@@ -3,13 +3,16 @@ import { DisputeEvidenceDocument } from "../../../api/DisputeEvidenceDocument";
 import { DisputeResponseFormStep } from "./dispute-response-form-types";
 export declare class CustomerDetails {
     disputeResponse: any;
+    documentErrors: any;
     form: FormController;
     errors: any;
-    documentList: any[];
+    documents: {
+        customer_signature: DisputeEvidenceDocument[];
+        customer_communication: DisputeEvidenceDocument[];
+    };
     validateAndSubmit(onSuccess: (formData: any, documentList: DisputeEvidenceDocument[], formStep: DisputeResponseFormStep) => void): Promise<void>;
     componentWillLoad(): void;
     componentDidLoad(): void;
     private inputHandler;
-    private handleFileSelection;
     render(): any;
 }

package/dist/types/components/dispute-management/dispute-response/dispute-response-core.d.ts

@@ -22,6 +22,7 @@ export declare class DisputeResponseCore {
     disputeResponse: any;
     isLoading: boolean;
     documentList: any[];
+    documentErrors: {};
     currentStep: number;
     currentStepComponentRef: any;
     clickEvent: EventEmitter<ComponentClickEvent>;
@@ -29,16 +30,16 @@ export declare class DisputeResponseCore {
     stepCompleteEvent: EventEmitter<ComponentFormStepCompleteEvent>;
     submitEvent: EventEmitter<ComponentSubmitEvent>;
     componentStepMapping: (() => any)[];
+    get currentStepComponent(): any;
+    get isLastStep(): boolean;
+    get isFirstStep(): boolean;
     saveData: (formData: any, formStep: any) => Promise<IApiResponse<IDispute>>;
     initializeMakePresignedURLs: () => Promise<IApiResponse<any>[]>;
     initializeFileUploads: () => Promise<Response[]>;
     getPresignedFileUrl: (document: DisputeEvidenceDocument) => Promise<IApiResponse<any>>;
     uploadDocument: (document: DisputeEvidenceDocument) => Promise<Response>;
-    get currentStepComponent(): any;
-    get isLastStep(): boolean;
-    get isFirstStep(): boolean;
-    private onCancel;
     private handleSubmit;
+    private onCancel;
     private onBack;
     private onNext;
     private onSubmit;

package/dist/types/components/dispute-management/dispute-response/duplicate-charge.d.ts

@@ -3,13 +3,15 @@ import { DisputeEvidenceDocument } from "../../../api/DisputeEvidenceDocument";
 import { DisputeResponseFormStep } from "./dispute-response-form-types";
 export declare class DuplicateCharge {
     disputeResponse: any;
+    documentErrors: any;
     form: FormController;
     errors: any;
-    documentList: DisputeEvidenceDocument[];
+    documents: {
+        duplicate_charge_documentation: DisputeEvidenceDocument[];
+    };
     validateAndSubmit(onSuccess: (formData: any, documentList: DisputeEvidenceDocument[], formStep: DisputeResponseFormStep) => void): Promise<void>;
     componentWillLoad(): void;
     componentDidLoad(): void;
     private inputHandler;
-    private handleFileSelection;
     render(): any;
 }

package/dist/types/components/dispute-management/dispute-response/electronic-evidence.d.ts

@@ -3,13 +3,15 @@ import { DisputeEvidenceDocument } from "../../../api/DisputeEvidenceDocument";
 import { DisputeResponseFormStep } from "./dispute-response-form-types";
 export declare class ElectronicEvidence {
     disputeResponse: any;
+    documentErrors: any;
     form: FormController;
     errors: any;
-    documentList: any[];
+    documents: {
+        activity_log: DisputeEvidenceDocument[];
+    };
     validateAndSubmit(onSuccess: (formData: any, documentList: DisputeEvidenceDocument[], formStep: DisputeResponseFormStep) => void): Promise<void>;
     componentWillLoad(): void;
     componentDidLoad(): void;
-    private handleFileSelection;
     private inputHandler;
     render(): any;
 }