@artaio/arta-browser 2.15.1 → 2.16.0-clean-undefined-null-propsaa061c1ef3f43fb25615273ce38dbee6d9d9d74f

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/estimateConfig.js

@@ -44,7 +44,7 @@ exports.defaultEstimateConfig = {
     },
 };
 var getFullEstimateConfig = function (artaConfig, estimateConfig) {
-    var finalConfig = (0, helper_1.nestedObjectAssign)((0, helper_1.deepClone)(exports.defaultEstimateConfig), artaConfig, estimateConfig);
+    var finalConfig = (0, helper_1.nestedObjectAssign)((0, helper_1.deepClone)(exports.defaultEstimateConfig), artaConfig, (0, helper_1.deepClean)(estimateConfig));
     (0, helper_1.applySmallMobileStyling)(finalConfig);
     return finalConfig;
 };

package/dist/helper.d.ts

@@ -48,11 +48,18 @@ 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;
 export type DeepPartial<T> = T extends object ? {
     [P in keyof T]?: DeepPartial<T[P]>;
 } : T;
+export declare function deepClean<T extends object>(obj?: T): T | undefined;
 export declare function nestedObjectAssign(target: any, ...sources: any[]): any;
 export declare function deepClone<T>(obj: T): T;

package/dist/helper.js

@@ -11,7 +11,12 @@ 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.deepClean = deepClean;
+exports.nestedObjectAssign = nestedObjectAssign;
+exports.deepClone = deepClone;
 var parseEstimatedLocation = function (loc) {
     if (!loc) {
         return '';
@@ -96,6 +101,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 +126,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 +133,28 @@ function applySmallMobileStyling(finalConfig) {
         finalConfig.style.height = Math.max(window.screen.availHeight, MINIMUM_RENDERING_HEIGHT);
     }
 }
-exports.applySmallMobileStyling = applySmallMobileStyling;
+function deepClean(obj) {
+    if (typeof obj !== 'object' || obj === null) {
+        return obj;
+    }
+    var cleanedObj = Object.entries(obj).reduce(function (acc, _a) {
+        var key = _a[0], value = _a[1];
+        if (value === null || value === undefined) {
+            return acc;
+        }
+        if (typeof value === 'object' && !Array.isArray(value)) {
+            var cleanedValue = deepClean(value);
+            if (Object.keys(cleanedValue).length > 0) {
+                acc[key] = cleanedValue;
+            }
+        }
+        else {
+            acc[key] = value;
+        }
+        return acc;
+    }, {});
+    return cleanedObj;
+}
 function nestedObjectAssign(target) {
     var sources = [];
     for (var _i = 1; _i < arguments.length; _i++) {
@@ -146,8 +177,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

@@ -1,6 +1,8 @@
 import { ArtaJsFullConfig } from './arta';
 import { DeepPartial } from './helper';
 export interface DateConfig {
+    locale: Intl.LocalesArgument;
+    formatOptions: Intl.DateTimeFormatOptions;
     weekdays: {
         sunday: string;
         monday: string;
@@ -52,6 +54,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 +71,8 @@ export interface TrackingConfig {
     text: {
         header: {
             title: string;
+            titleShipmentList: string;
+            titleShipmentDetail: string;
         };
         pendingLabel: string;
         completedLabel: string;
@@ -95,6 +105,8 @@ export interface TrackingConfig {
         singleShipmentHeldAtCustomsLabel: string;
         changeOfAddressRequestLabel: string;
         shipmentExceptionDefaultLabel: string;
+        viewShipmentDetailLabel: string;
+        viewShipmentsListLabel: string;
     };
     pill: {
         unknown: PillConfig;
@@ -106,6 +118,10 @@ export interface TrackingConfig {
         undelivered: PillConfig;
         exception: PillConfig;
         expired: PillConfig;
+        cancelled: PillConfig;
+        collected: PillConfig;
+        completed: PillConfig;
+        confirmed: PillConfig;
     };
     animation: {
         in: AnimationConfig;

package/dist/trackingConfig.js

@@ -16,6 +16,12 @@ exports.defaultTrackingConfig = {
             iconSecondary: 'white',
             iconTertiary: '#8C8984',
             exceptionIcon: '#F59E0B',
+            buttonBackground: '#110F10',
+            buttonBackgroundHover: '#6F6C65',
+            buttonBorder: '#110F10',
+            buttonText: '#FFFFFF',
+            buttonTextHover: '#FFFFFF',
+            buttonBorderHover: '#110F10',
         },
         variant: 'default',
         position: 'right',
@@ -27,6 +33,8 @@ exports.defaultTrackingConfig = {
     text: {
         header: {
             title: 'Track Shipment',
+            titleShipmentList: 'Shipments List',
+            titleShipmentDetail: 'Shipment Detail',
         },
         pendingLabel: 'Pending',
         completedLabel: 'Completed',
@@ -58,7 +66,11 @@ exports.defaultTrackingConfig = {
         multipleShipmentsHeldAtCustomsLabel: 'One or more packages are being held by Customs',
         changeOfAddressRequestLabel: 'A change of address was requested which may impact delivery timelines.',
         shipmentExceptionDefaultLabel: 'There is an exception with this shipment.',
+        viewShipmentDetailLabel: 'View Details',
+        viewShipmentsListLabel: '< All Shipments',
         dates: {
+            locale: navigator.language,
+            formatOptions: { dateStyle: 'medium' },
             weekdays: {
                 sunday: 'Sun',
                 monday: 'Mon',
@@ -130,6 +142,26 @@ exports.defaultTrackingConfig = {
             backgroundColor: '#E7E7E7',
             text: 'Expired',
         },
+        cancelled: {
+            textColor: '#772424',
+            backgroundColor: '#FEF9F9',
+            text: 'Cancelled',
+        },
+        collected: {
+            textColor: '#173E2A',
+            backgroundColor: '#D6EDE1',
+            text: 'Collected',
+        },
+        completed: {
+            textColor: '#173E2A',
+            backgroundColor: '#D6EDE1',
+            text: 'Completed',
+        },
+        confirmed: {
+            textColor: '#173E2A',
+            backgroundColor: '#D6EDE1',
+            text: 'Confirmed',
+        },
     },
     animation: {
         in: {
@@ -141,6 +173,12 @@ exports.defaultTrackingConfig = {
     },
 };
 var getFullTrackingConfig = function (artaConfig, trackingConfig) {
-    return (0, helper_1.nestedObjectAssign)((0, helper_1.deepClone)(exports.defaultTrackingConfig), artaConfig, trackingConfig);
+    var _a, _b, _c;
+    var merged = (0, helper_1.nestedObjectAssign)((0, helper_1.deepClone)(exports.defaultTrackingConfig), artaConfig, (0, helper_1.deepClean)(trackingConfig));
+    // Do not merge the default formatOptions: { dateStyle: 'medium' }, as it will override
+    // the object property if none is passed which can lead to formatLocaleString to throw
+    merged.text.dates.formatOptions =
+        (_c = (_b = (_a = trackingConfig === null || trackingConfig === void 0 ? void 0 : trackingConfig.text) === null || _a === void 0 ? void 0 : _a.dates) === null || _b === void 0 ? void 0 : _b.formatOptions) !== null && _c !== void 0 ? _c : exports.defaultTrackingConfig.text.dates.formatOptions;
+    return merged;
 };
 exports.getFullTrackingConfig = getFullTrackingConfig;