@artaio/arta-browser 2.15.0 → 2.15.1-add-multiple-shipments-trackingdeaad00440cb99f26c53b08202bee5bcc63b9f19

package/dist/components/TrackingDrawer/index.js

@@ -1,15 +1,4 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -20,8 +9,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
@@ -54,45 +43,42 @@ var helper_1 = require("../../helper");
 var DrawerHeader_1 = require("../DrawerHeader");
 require("./index.css");
 var requests_1 = require("../../requests");
-var ShipToFrom_1 = require("../ShipToFrom");
-var Package_1 = require("../Package");
-var Timeline_1 = require("../Timeline");
-var TrackingTop_1 = require("../TrackingTop");
 var DrawerFooter_1 = require("../DrawerFooter");
-var DrawerInsurance_1 = require("../DrawerInsurance");
-var Summary_1 = require("../Summary");
-var ShipmentException_1 = require("../ShipmentException");
-var PackageEvents_1 = require("../PackageEvents");
+var TrackingShipment_1 = require("../TrackingShipment");
+var SelectTrackingShipment_1 = require("../SelectTrackingShipment");
 var TrackingDrawer = function (_a) {
-    var shipmentId = _a.shipmentId, config = _a.config, onClose = _a.onClose;
+    var shipmentIds = _a.shipmentIds, config = _a.config, onClose = _a.onClose;
     var position = config.style.position;
     var style = (0, helper_1.getTrackingStyle)(config);
-    var _b = (0, hooks_1.useState)(null), shipment = _b[0], setShipment = _b[1];
-    var _c = (0, hooks_1.useState)([]), packagesWithObjects = _c[0], setPackagesWithObjects = _c[1];
-    var _d = (0, hooks_1.useState)(null), packageId = _d[0], setPackageId = _d[1];
-    var hasActiveException = function (shipment) {
-        // TODO check with Dylan about status here
-        return (shipment.shipment_exceptions.some(function (ex) { return ex.status !== 'resolved'; }) &&
-            shipment.status !== 'completed');
-    };
+    var _b = (0, hooks_1.useState)(null), shipments = _b[0], setShipments = _b[1];
+    var _c = (0, hooks_1.useState)(null), selectedShipment = _c[0], setSelectedShipment = _c[1];
     (0, hooks_1.useEffect)(function () {
         (function () { return __awaiter(void 0, void 0, void 0, function () {
-            var ship;
+            var ships;
             return __generator(this, function (_a) {
                 switch (_a.label) {
-                    case 0: return [4 /*yield*/, (0, requests_1.loadShipment)(config, shipmentId)];
+                    case 0: return [4 /*yield*/, Promise.all(shipmentIds.map(function (shipmentId) { return __awaiter(void 0, void 0, void 0, function () {
+                            return __generator(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0: return [4 /*yield*/, (0, requests_1.loadShipment)(config, shipmentId)];
+                                    case 1: return [2 /*return*/, _a.sent()];
+                                }
+                            });
+                        }); }))];
                     case 1:
-                        ship = _a.sent();
-                        setShipment(ship);
-                        //TODO should we ship.packages.filter(pkg => pkg.objects?.length)); ??
-                        setPackagesWithObjects(ship.packages);
+                        ships = _a.sent();
+                        setShipments(ships);
                         return [2 /*return*/];
                 }
             });
         }); })();
-    }, [shipmentId]);
-    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs" }, { children: [config.style.backdropEnabled && ((0, jsx_runtime_1.jsx)("div", { onClick: onClose, style: style, class: "artajs__drawer__backdrop" })), (0, jsx_runtime_1.jsx)("div", __assign({ style: style, class: "artajs__drawer ".concat(position === 'left'
+    }, [shipmentIds]);
+    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)("div", { class: "artajs", children: [config.style.backdropEnabled && ((0, jsx_runtime_1.jsx)("div", { onClick: onClose, style: style, class: "artajs__drawer__backdrop" })), (0, jsx_runtime_1.jsx)("div", { style: style, class: "artajs__drawer ".concat(position === 'left'
                         ? 'artajs__drawer__left'
-                        : 'artajs__drawer__right') }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__out__wrapper" }, { children: [(0, jsx_runtime_1.jsx)(DrawerHeader_1.DrawerHeader, { title: config.text.header.title, onClose: onClose }), shipment != null ? (packageId ? ((0, jsx_runtime_1.jsx)(PackageEvents_1.PackageEvents, { shipment: shipment, config: config, packageId: packageId, setPackageId: setPackageId })) : ((0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__body" }, { children: [(0, jsx_runtime_1.jsx)(Timeline_1.Timeline, { shipment: shipment, config: config }), (0, jsx_runtime_1.jsx)("div", { class: "artajs__tracking__timeline__divider" }), hasActiveException(shipment) && ((0, jsx_runtime_1.jsx)(ShipmentException_1.ShipmentException, { shipment: shipment, config: config })), (0, jsx_runtime_1.jsx)(TrackingTop_1.TrackingTop, { config: config, shipment: shipment }), (0, jsx_runtime_1.jsx)(ShipToFrom_1.ShipToFrom, { config: config, shipment: shipment }), packagesWithObjects.map(function (pkg, index) { return ((0, jsx_runtime_1.jsx)(Package_1.Package, { title: "#".concat(index + 1), pkg: pkg, shipment: shipment, config: config, setPackageId: setPackageId })); }), shipment.insurance_policy != null && (0, jsx_runtime_1.jsx)(DrawerInsurance_1.DrawerInsurance, {}), (0, jsx_runtime_1.jsx)(Summary_1.Summary, { config: config, shipment: shipment }), (0, jsx_runtime_1.jsx)(DrawerFooter_1.DrawerFooter, {})] })))) : ((0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__body" }, { children: [(0, jsx_runtime_1.jsx)("div", { class: "artajs__drawer__loading" }), (0, jsx_runtime_1.jsx)(DrawerFooter_1.DrawerFooter, {})] })))] })) }))] })) }));
+                        : 'artajs__drawer__right'), children: (0, jsx_runtime_1.jsxs)("div", { class: "artajs__tracking__out__wrapper", children: [(0, jsx_runtime_1.jsx)(DrawerHeader_1.DrawerHeader, { title: selectedShipment
+                                    ? config.text.header.titleShipmentDetail
+                                    : shipments && shipments.length > 1
+                                        ? config.text.header.titleShipmentList
+                                        : config.text.header.title, onClose: onClose, setSelectedShipment: setSelectedShipment, multiple: !!selectedShipment, config: config }), (shipments === null || shipments === void 0 ? void 0 : shipments.length) ? (shipments.length === 1 || selectedShipment ? ((0, jsx_runtime_1.jsx)(TrackingShipment_1.TrackingShipment, { shipment: selectedShipment !== null && selectedShipment !== void 0 ? selectedShipment : shipments[0], config: config })) : ((0, jsx_runtime_1.jsx)(SelectTrackingShipment_1.SelectTrackingShipment, { shipments: shipments, config: config, setSelectedShipment: setSelectedShipment }))) : ((0, jsx_runtime_1.jsxs)("div", { class: "artajs__tracking__body", children: [(0, jsx_runtime_1.jsx)("div", { class: "artajs__drawer__loading" }), (0, jsx_runtime_1.jsx)(DrawerFooter_1.DrawerFooter, {})] }))] }) })] }) }));
 };
 exports.TrackingDrawer = TrackingDrawer;

package/dist/components/TrackingShipment/index.d.ts

@@ -0,0 +1,9 @@
+import { TrackingFullConfig } from '../../trackingConfig';
+import type { Shipment } from '../TrackingDrawer';
+interface TrackingShipmentsProps {
+    shipment: Shipment;
+    config: TrackingFullConfig;
+}
+export declare const hasActiveException: (shipment: Shipment) => boolean;
+export declare const TrackingShipment: ({ shipment, config, }: TrackingShipmentsProps) => import("preact").JSX.Element;
+export {};

package/dist/components/TrackingShipment/index.js

@@ -0,0 +1,73 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TrackingShipment = exports.hasActiveException = void 0;
+var jsx_runtime_1 = require("preact/jsx-runtime");
+var hooks_1 = require("preact/hooks");
+var ShipToFrom_1 = require("../ShipToFrom");
+var Package_1 = require("../Package");
+var Timeline_1 = require("../Timeline");
+var TrackingTop_1 = require("../TrackingTop");
+var DrawerFooter_1 = require("../DrawerFooter");
+var DrawerInsurance_1 = require("../DrawerInsurance");
+var Summary_1 = require("../Summary");
+var ShipmentException_1 = require("../ShipmentException");
+var PackageEvents_1 = require("../PackageEvents");
+var hasActiveException = function (shipment) {
+    return (shipment.shipment_exceptions.some(function (ex) { return ex.status !== 'resolved'; }) &&
+        shipment.status !== 'completed');
+};
+exports.hasActiveException = hasActiveException;
+var TrackingShipment = function (_a) {
+    var shipment = _a.shipment, config = _a.config;
+    var _b = (0, hooks_1.useState)([]), packagesWithObjects = _b[0], setPackagesWithObjects = _b[1];
+    var _c = (0, hooks_1.useState)(null), packageId = _c[0], setPackageId = _c[1];
+    (0, hooks_1.useEffect)(function () {
+        (function () { return __awaiter(void 0, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                setPackagesWithObjects(shipment.packages);
+                return [2 /*return*/];
+            });
+        }); })();
+    }, [shipment]);
+    if (packageId != null) {
+        return ((0, jsx_runtime_1.jsx)(PackageEvents_1.PackageEvents, { packageId: packageId, shipment: shipment, config: config, setPackageId: setPackageId }));
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { class: "artajs__tracking__body", children: [(0, jsx_runtime_1.jsx)(Timeline_1.Timeline, { shipment: shipment, config: config }), (0, jsx_runtime_1.jsx)("div", { class: "artajs__tracking__timeline__divider" }), (0, exports.hasActiveException)(shipment) && ((0, jsx_runtime_1.jsx)(ShipmentException_1.ShipmentException, { shipment: shipment, config: config })), (0, jsx_runtime_1.jsx)(TrackingTop_1.TrackingTop, { config: config, shipment: shipment }), (0, jsx_runtime_1.jsx)(ShipToFrom_1.ShipToFrom, { config: config, shipment: shipment }), packagesWithObjects.map(function (pkg, index) { return ((0, jsx_runtime_1.jsx)(Package_1.Package, { title: "#".concat(index + 1), pkg: pkg, shipment: shipment, config: config, setPackageId: setPackageId })); }), shipment.insurance_policy != null && (0, jsx_runtime_1.jsx)(DrawerInsurance_1.DrawerInsurance, {}), (0, jsx_runtime_1.jsx)(Summary_1.Summary, { config: config, shipment: shipment }), (0, jsx_runtime_1.jsx)(DrawerFooter_1.DrawerFooter, {})] }));
+};
+exports.TrackingShipment = TrackingShipment;

package/dist/components/TrackingTop/index.d.ts

@@ -4,4 +4,8 @@ export interface TrackingTopProps {
     shipment: Shipment;
     config: TrackingConfig;
 }
+export declare const getLabelAndDates: (shipment: Shipment, config: TrackingConfig) => {
+    label: string;
+    dates: Date[] | null;
+};
 export declare const TrackingTop: ({ shipment, config }: TrackingTopProps) => import("preact").JSX.Element;

package/dist/components/TrackingTop/index.js

@@ -1,76 +1,64 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TrackingTop = void 0;
+exports.TrackingTop = exports.getLabelAndDates = void 0;
 var jsx_runtime_1 = require("preact/jsx-runtime");
 var Date_1 = require("../Date");
-var TrackingTop = function (_a) {
-    var shipment = _a.shipment, config = _a.config;
-    var getLabelAndDates = function (shipment, config) {
-        if (shipment.status === 'completed') {
-            return {
-                label: config.text.completedCTA,
-                dates: shipment.completed_at ? [new Date(shipment.completed_at)] : null,
-            };
-        }
-        if (shipment.status === 'cancelled') {
-            return {
-                label: config.text.cancelledMessage,
-                // TODO: maybe we want to check for cancelled_at here?
-                dates: null,
-            };
-        }
-        var start = shipment.delivery_start != null
-            ? new Date(shipment.delivery_start)
-            : null;
-        var end = shipment.delivery_end != null ? new Date(shipment.delivery_end) : null;
-        if (start == null && end == null) {
-            return {
-                label: config.text.checkBackLater,
-                dates: null,
-            };
-        }
-        if (start != null && end != null) {
-            if (start.toDateString() === end.toDateString()) {
-                return {
-                    label: config.text.inTransitCTAOnLabel,
-                    dates: [start],
-                };
-            }
-            return {
-                label: config.text.inTransitCTABetweenLabel,
-                dates: [start, end],
-            };
-        }
-        if (start == null && end != null) {
-            return {
-                label: config.text.inTransitCTABeforeLabel,
-                dates: [end],
-            };
-        }
-        if (start != null && end == null) {
+var getLabelAndDates = function (shipment, config) {
+    if (shipment.status === 'completed') {
+        return {
+            label: config.text.completedCTA,
+            dates: shipment.completed_at ? [new Date(shipment.completed_at)] : null,
+        };
+    }
+    if (shipment.status === 'cancelled') {
+        return {
+            label: config.text.cancelledMessage,
+            // TODO: maybe we want to check for cancelled_at here?
+            dates: null,
+        };
+    }
+    var start = shipment.delivery_start != null ? new Date(shipment.delivery_start) : null;
+    var end = shipment.delivery_end != null ? new Date(shipment.delivery_end) : null;
+    if (start == null && end == null) {
+        return {
+            label: config.text.checkBackLater,
+            dates: null,
+        };
+    }
+    if (start != null && end != null) {
+        if (start.toDateString() === end.toDateString()) {
             return {
-                label: config.text.inTransitCTAAfterLabel,
+                label: config.text.inTransitCTAOnLabel,
                 dates: [start],
             };
         }
         return {
-            label: config.text.checkBackLater,
-            dates: null,
+            label: config.text.inTransitCTABetweenLabel,
+            dates: [start, end],
         };
+    }
+    if (start == null && end != null) {
+        return {
+            label: config.text.inTransitCTABeforeLabel,
+            dates: [end],
+        };
+    }
+    if (start != null && end == null) {
+        return {
+            label: config.text.inTransitCTAAfterLabel,
+            dates: [start],
+        };
+    }
+    return {
+        label: config.text.checkBackLater,
+        dates: null,
     };
-    var _b = getLabelAndDates(shipment, config), label = _b.label, dates = _b.dates;
+};
+exports.getLabelAndDates = getLabelAndDates;
+var TrackingTop = function (_a) {
+    var shipment = _a.shipment, config = _a.config;
+    var _b = (0, exports.getLabelAndDates)(shipment, config), label = _b.label, dates = _b.dates;
     var parsedDates = dates === null || dates === void 0 ? void 0 : dates.map(Date_1.parseStringDate);
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__top__wrapper" }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__top__divider" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__top__cta" }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__top__text" }, { children: label })) })), parsedDates != null && parsedDates.length === 1 && ((0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__top__date__wrapper" }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__top__date__aligner" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__top__date__day" }, { children: "".concat(config.text.dates.weekdays[parsedDates[0].weekday], ", ").concat(config.text.dates.months[parsedDates[0].month]) })), (0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__top__date__day__numeric" }, { children: "".concat(parsedDates[0].day).padStart(2, '0') }))] })) }))), parsedDates != null && parsedDates.length === 2 && ((0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__top__date__wrapper" }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__top__date__aligner" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__top__date__day" }, { children: "".concat(config.text.dates.weekdays[parsedDates[0].weekday], ", ").concat(config.text.dates.months[parsedDates[0].month]) })), (0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__top__date__day__numeric" }, { children: "".concat(parsedDates[0].day).padStart(2, '0') }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__top__date__aligner" }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ class: "artajas__tracking__top__date__and" }, { children: config.text.inTransitCTAAndLabel })) })), (0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__top__date__aligner" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__top__date__day" }, { children: "".concat(config.text.dates.weekdays[parsedDates[1].weekday], ", ").concat(config.text.dates.months[parsedDates[1].month]) })), (0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__top__date__day__numeric" }, { children: "".concat(parsedDates[1].day).padStart(2, '0') }))] }))] })))] })) })));
+    return ((0, jsx_runtime_1.jsx)("div", { class: "artajs__tracking__top__wrapper", children: (0, jsx_runtime_1.jsxs)("div", { class: "artajs__tracking__top__divider", children: [(0, jsx_runtime_1.jsx)("div", { class: "artajs__tracking__top__cta", children: (0, jsx_runtime_1.jsx)("div", { class: "artajs__tracking__top__text", children: label }) }), parsedDates != null && parsedDates.length === 1 && ((0, jsx_runtime_1.jsx)("div", { class: "artajs__tracking__top__date__wrapper", children: (0, jsx_runtime_1.jsxs)("div", { class: "artajs__tracking__top__date__aligner", children: [(0, jsx_runtime_1.jsx)("div", { class: "artajs__tracking__top__date__day", children: "".concat(config.text.dates.weekdays[parsedDates[0].weekday], ", ").concat(config.text.dates.months[parsedDates[0].month]) }), (0, jsx_runtime_1.jsx)("div", { class: "artajs__tracking__top__date__day__numeric", children: "".concat(parsedDates[0].day).padStart(2, '0') })] }) })), parsedDates != null && parsedDates.length === 2 && ((0, jsx_runtime_1.jsxs)("div", { class: "artajs__tracking__top__date__wrapper", children: [(0, jsx_runtime_1.jsxs)("div", { class: "artajs__tracking__top__date__aligner", children: [(0, jsx_runtime_1.jsx)("div", { class: "artajs__tracking__top__date__day", children: "".concat(config.text.dates.weekdays[parsedDates[0].weekday], ", ").concat(config.text.dates.months[parsedDates[0].month]) }), (0, jsx_runtime_1.jsx)("div", { class: "artajs__tracking__top__date__day__numeric", children: "".concat(parsedDates[0].day).padStart(2, '0') })] }), (0, jsx_runtime_1.jsx)("div", { class: "artajs__tracking__top__date__aligner", children: (0, jsx_runtime_1.jsx)("div", { class: "artajas__tracking__top__date__and", children: config.text.inTransitCTAAndLabel }) }), (0, jsx_runtime_1.jsxs)("div", { class: "artajs__tracking__top__date__aligner", children: [(0, jsx_runtime_1.jsx)("div", { class: "artajs__tracking__top__date__day", children: "".concat(config.text.dates.weekdays[parsedDates[1].weekday], ", ").concat(config.text.dates.months[parsedDates[1].month]) }), (0, jsx_runtime_1.jsx)("div", { class: "artajs__tracking__top__date__day__numeric", children: "".concat(parsedDates[1].day).padStart(2, '0') })] })] }))] }) }));
 };
 exports.TrackingTop = TrackingTop;

package/dist/estimate.js

@@ -9,8 +9,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");

package/dist/helper.d.ts

@@ -48,6 +48,12 @@ export declare const getTrackingStyle: (config: TrackingFullConfig) => {
     '--location-flex': string;
     '--backdrop-color': string;
     '--animationIn': string;
+    '--button-background': string;
+    '--button-background-hover': string;
+    '--button-border': string;
+    '--button-text': string;
+    '--button-text-hover': string;
+    '--button-border-hover': string;
 };
 export declare function isSmallMobile(): boolean;
 export declare function applySmallMobileStyling(finalConfig: EstimateFullConfig): void;

package/dist/helper.js

@@ -11,7 +11,11 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.deepClone = exports.nestedObjectAssign = exports.applySmallMobileStyling = exports.isSmallMobile = exports.getTrackingStyle = exports.getEstimateStyle = exports.getDestinationConfig = exports.getDisqualifiedConfig = exports.getQuoteConfig = exports.parseErrors = exports.parseEstimatedLocation = void 0;
+exports.getTrackingStyle = exports.getEstimateStyle = exports.getDestinationConfig = exports.getDisqualifiedConfig = exports.getQuoteConfig = exports.parseErrors = exports.parseEstimatedLocation = void 0;
+exports.isSmallMobile = isSmallMobile;
+exports.applySmallMobileStyling = applySmallMobileStyling;
+exports.nestedObjectAssign = nestedObjectAssign;
+exports.deepClone = deepClone;
 var parseEstimatedLocation = function (loc) {
     if (!loc) {
         return '';
@@ -96,6 +100,12 @@ var getTrackingStyle = function (config) {
         '--location-flex': config.style.variant === 'default' ? '1 0 0' : '0 1 auto',
         '--backdrop-color': config.style.backdropColor,
         '--animationIn': getAnimationStyleIn(config.animation.in, config),
+        '--button-background': config.style.color.buttonBackground,
+        '--button-background-hover': config.style.color.buttonBackgroundHover,
+        '--button-border': config.style.color.buttonBorder,
+        '--button-text': config.style.color.buttonText,
+        '--button-text-hover': config.style.color.buttonTextHover,
+        '--button-border-hover': config.style.color.buttonBorderHover,
     };
 };
 exports.getTrackingStyle = getTrackingStyle;
@@ -115,7 +125,6 @@ var MINIMUM_RENDERING_HEIGHT = 467;
 function isSmallMobile() {
     return window.innerWidth <= 800 && window.innerHeight <= 600;
 }
-exports.isSmallMobile = isSmallMobile;
 function applySmallMobileStyling(finalConfig) {
     if (isSmallMobile()) {
         finalConfig.style.position = 'center';
@@ -123,7 +132,6 @@ function applySmallMobileStyling(finalConfig) {
         finalConfig.style.height = Math.max(window.screen.availHeight, MINIMUM_RENDERING_HEIGHT);
     }
 }
-exports.applySmallMobileStyling = applySmallMobileStyling;
 function nestedObjectAssign(target) {
     var sources = [];
     for (var _i = 1; _i < arguments.length; _i++) {
@@ -146,8 +154,6 @@ function nestedObjectAssign(target) {
     });
     return target;
 }
-exports.nestedObjectAssign = nestedObjectAssign;
 function deepClone(obj) {
     return JSON.parse(JSON.stringify(obj));
 }
-exports.deepClone = deepClone;

package/dist/requests.js

@@ -20,8 +20,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
@@ -46,6 +46,15 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadPackageEvents = exports.validateShipment = exports.loadShipment = exports.validateEstimateBody = exports.loadQuoteRequests = exports.loadHostedSessions = void 0;
 var AUTH_KEY = 'ARTA_APIKey';
@@ -73,10 +82,14 @@ var logError = function (_a) {
         console.error('Unkonwn error', status, errors);
     }
 };
-var artaRequest = function (path, config, body, headers, method) {
-    if (method === void 0) { method = 'POST'; }
-    return __awaiter(void 0, void 0, void 0, function () {
+var artaRequest = function (path_1, config_1, body_1, headers_1) {
+    var args_1 = [];
+    for (var _i = 4; _i < arguments.length; _i++) {
+        args_1[_i - 4] = arguments[_i];
+    }
+    return __awaiter(void 0, __spreadArray([path_1, config_1, body_1, headers_1], args_1, true), void 0, function (path, config, body, headers, method) {
         var schema, res, resBody, err;
+        if (method === void 0) { method = 'POST'; }
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:

package/dist/tracking.d.ts

@@ -1,12 +1,13 @@
 import type { TrackingFullConfig } from './trackingConfig';
 export default class Tracking {
-    private readonly shipmentId;
+    private readonly shipmentIdOrIds;
     private readonly config;
     private readonly el;
     isReady: boolean;
     isOpen: boolean;
+    private shipmentIds;
     private fadeOut;
-    constructor(shipmentId: string, config: TrackingFullConfig, el: HTMLDivElement);
+    constructor(shipmentIdOrIds: string | string[], config: TrackingFullConfig, el: HTMLDivElement);
     open(): void;
     private render;
     close(): void;

package/dist/tracking.js

@@ -9,8 +9,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
@@ -40,13 +40,15 @@ var jsx_runtime_1 = require("preact/jsx-runtime");
 var preact_1 = require("preact");
 var TrackingDrawer_1 = require("./components/TrackingDrawer");
 var requests_1 = require("./requests");
+var SHIPMENT_LIMIT_IDX = 100;
 var Tracking = /** @class */ (function () {
-    function Tracking(shipmentId, config, el) {
-        this.shipmentId = shipmentId;
+    function Tracking(shipmentIdOrIds, config, el) {
+        this.shipmentIdOrIds = shipmentIdOrIds;
         this.config = config;
         this.el = el;
         this.isReady = false;
         this.isOpen = false;
+        this.shipmentIds = [];
         this.fadeOut = {
             fade: {
                 left: [{ opacity: 1 }, { opacity: 0 }],
@@ -63,6 +65,23 @@ var Tracking = /** @class */ (function () {
                 ],
             },
         };
+        if (Array.isArray(this.shipmentIdOrIds)) {
+            if (this.shipmentIdOrIds.length === 0) {
+                throw new Error('Shipment id array is empty');
+            }
+            if (this.shipmentIdOrIds.some(function (shipmentId) { return typeof shipmentId !== 'string'; })) {
+                throw new Error('Shipment id array contains non-string values');
+            }
+            if (this.shipmentIdOrIds.some(function (shipmentId) { return shipmentId.length === 0; })) {
+                throw new Error('Shipment id array contains empty strings');
+            }
+            if (this.shipmentIdOrIds.length > SHIPMENT_LIMIT_IDX) {
+                throw new Error("Shipment id array contains more than ".concat(SHIPMENT_LIMIT_IDX, " shipment ids"));
+            }
+        }
+        this.shipmentIds = Array.isArray(this.shipmentIdOrIds)
+            ? this.shipmentIdOrIds
+            : [this.shipmentIdOrIds];
     }
     Tracking.prototype.open = function () {
         this.render();
@@ -70,7 +89,7 @@ var Tracking = /** @class */ (function () {
     };
     Tracking.prototype.render = function () {
         var _a;
-        (0, preact_1.render)((0, jsx_runtime_1.jsx)(TrackingDrawer_1.TrackingDrawer, { shipmentId: this.shipmentId, config: this.config, onClose: (_a = this.config.onClose) !== null && _a !== void 0 ? _a : this.onClose.bind(this) }), this.el);
+        (0, preact_1.render)((0, jsx_runtime_1.jsx)(TrackingDrawer_1.TrackingDrawer, { shipmentIds: this.shipmentIds, config: this.config, onClose: (_a = this.config.onClose) !== null && _a !== void 0 ? _a : this.onClose.bind(this) }), this.el);
     };
     Tracking.prototype.close = function () {
         var _this = this;
@@ -100,14 +119,38 @@ var Tracking = /** @class */ (function () {
     };
     Tracking.prototype.validate = function () {
         return __awaiter(this, void 0, void 0, function () {
-            var errors;
+            var shipmentIdsOrErrors, newShipmentIds, _i, shipmentIdsOrErrors_1, shipmentIdOrError;
+            var _this = this;
             return __generator(this, function (_a) {
                 switch (_a.label) {
-                    case 0: return [4 /*yield*/, (0, requests_1.validateShipment)(this.config, this.shipmentId)];
+                    case 0: return [4 /*yield*/, Promise.all(this.shipmentIds.map(function (shipmentId) { return __awaiter(_this, void 0, void 0, function () {
+                            var errors;
+                            return __generator(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0: return [4 /*yield*/, (0, requests_1.validateShipment)(this.config, shipmentId)];
+                                    case 1:
+                                        errors = _a.sent();
+                                        if (errors && Object.keys(errors).length > 0) {
+                                            return [2 /*return*/, errors];
+                                        }
+                                        return [2 /*return*/, shipmentId];
+                                }
+                            });
+                        }); }))];
                     case 1:
-                        errors = _a.sent();
-                        if (errors && Object.keys(errors).length > 0) {
-                            return [2 /*return*/, Promise.reject(errors)];
+                        shipmentIdsOrErrors = _a.sent();
+                        newShipmentIds = [];
+                        for (_i = 0, shipmentIdsOrErrors_1 = shipmentIdsOrErrors; _i < shipmentIdsOrErrors_1.length; _i++) {
+                            shipmentIdOrError = shipmentIdsOrErrors_1[_i];
+                            if (typeof shipmentIdOrError === 'object') {
+                                console.error('Shipment validation failed', shipmentIdOrError);
+                            }
+                            else {
+                                newShipmentIds.push(shipmentIdOrError);
+                            }
+                        }
+                        if (newShipmentIds.length === 0) {
+                            return [2 /*return*/, Promise.reject('No valid shipment ids')];
                         }
                         this.isReady = true;
                         return [2 /*return*/];

package/dist/trackingConfig.d.ts

@@ -52,6 +52,12 @@ export interface TrackingConfig {
             iconSecondary: string;
             iconTertiary: string;
             exceptionIcon: string;
+            buttonBackground: string;
+            buttonBackgroundHover: string;
+            buttonBorder: string;
+            buttonText: string;
+            buttonTextHover: string;
+            buttonBorderHover: string;
         };
         variant: 'default' | 'minimal';
         position: 'left' | 'right';
@@ -63,6 +69,8 @@ export interface TrackingConfig {
     text: {
         header: {
             title: string;
+            titleShipmentList: string;
+            titleShipmentDetail: string;
         };
         pendingLabel: string;
         completedLabel: string;
@@ -95,6 +103,8 @@ export interface TrackingConfig {
         singleShipmentHeldAtCustomsLabel: string;
         changeOfAddressRequestLabel: string;
         shipmentExceptionDefaultLabel: string;
+        viewShipmentDetailLabel: string;
+        viewShipmentsListLabel: string;
     };
     pill: {
         unknown: PillConfig;
@@ -106,6 +116,10 @@ export interface TrackingConfig {
         undelivered: PillConfig;
         exception: PillConfig;
         expired: PillConfig;
+        cancelled: PillConfig;
+        collected: PillConfig;
+        completed: PillConfig;
+        confirmed: PillConfig;
     };
     animation: {
         in: AnimationConfig;