@artaio/arta-browser 2.6.0 → 2.9.4-add-backdrop72cde9bc5f6b74ebbea4e133e6113ca295d73401

package/dist/components/ShipmentException/icons/HexagonStopBase.js

@@ -0,0 +1,20 @@
+"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.HexagonStopBase = void 0;
+var jsx_runtime_1 = require("preact/jsx-runtime");
+var HexagonStopBase = function (_a) {
+    var config = _a.config;
+    return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", focusable: "false" }, { children: [(0, jsx_runtime_1.jsx)("g", __assign({ "clip-path": "url(#arta__clip0_3203_12006)" }, { children: (0, jsx_runtime_1.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M6.98543 0.848012C7.08937 0.775388 7.19706 0.730258 7.31357 0.710511C7.33823 0.706325 9.46008 0.703493 12.0288 0.704213L16.6992 0.705519L16.7696 0.727359C16.8548 0.753826 16.9394 0.795452 17.0144 0.847916C17.0746 0.889964 23.081 7.09356 23.1485 7.18337C23.1999 7.25175 23.2467 7.34747 23.2727 7.43713L23.2944 7.51192V11.9999V16.4879L23.2727 16.5627C23.2467 16.6524 23.1999 16.7481 23.1484 16.8165C23.0808 16.9066 17.0749 23.1097 17.0146 23.1518C16.9361 23.2067 16.8521 23.2472 16.7645 23.2726L16.6896 23.2943H12H7.3104L7.23553 23.2726C7.14785 23.2472 7.06389 23.2067 6.98535 23.1518C6.92485 23.1095 0.919591 16.9071 0.851738 16.8168C0.800138 16.7481 0.753299 16.6525 0.727274 16.5627L0.705597 16.4879V11.9999V7.51192L0.727274 7.43713C0.753271 7.34744 0.800128 7.25175 0.851575 7.18329C0.919235 7.09325 6.9251 0.890165 6.98543 0.848012ZM2.208 7.9319L4.9752 5.07005L7.7424 2.20821L12 2.20823L16.2576 2.20825L19.0248 5.0701L21.792 7.93195V11.9999V16.0679L19.0248 18.9298L16.2576 21.7916L12 21.7916L7.7424 21.7916L4.9752 18.9298L2.208 16.068V12V7.9319ZM7 11C6.44772 11 6 11.4477 6 12C6 12.5523 6.44771 13 7 13H17C17.5523 13 18 12.5523 18 12C18 11.4477 17.5523 11 17 11H7Z", fill: config.style.color.exceptionIcon }) })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", __assign({ id: "arta__clip0_3203_12006" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "24", height: "24", fill: config.style.color.background }) })) })] })));
+};
+exports.HexagonStopBase = HexagonStopBase;

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

@@ -0,0 +1,8 @@
+import { TrackingConfig } from '../../trackingConfig';
+import { Shipment } from '../TrackingDrawer';
+interface ShipmentExceptionProps {
+    config: TrackingConfig;
+    shipment: Shipment;
+}
+export declare const ShipmentException: ({ config, shipment, }: ShipmentExceptionProps) => import("preact").JSX.Element;
+export {};

package/dist/components/ShipmentException/index.js

@@ -0,0 +1,97 @@
+"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.ShipmentException = void 0;
+var jsx_runtime_1 = require("preact/jsx-runtime");
+var ExceptionIcon_1 = require("./icons/ExceptionIcon");
+var exceptionPriorityList = [
+    'prepayment_required',
+    'direct_payment_required',
+    'held_at_customs',
+    'incorrect_address',
+    'inaccurate_object_details',
+    'requested_hold_to_collect',
+    'requested_hold_to_deliver',
+    'change_of_address_request',
+    'wrong_item',
+    'not_ready_for_release',
+    'not_ready_for_delivery',
+    'damaged_items',
+    'lost_in_transit',
+    'other',
+];
+function groupExceptions(shipment) {
+    return shipment.shipment_exceptions
+        .filter(function (e) { return e.status !== 'resolved'; })
+        .reduce(function (acc, e) {
+        var typeId = e.type.id;
+        if (!acc[typeId]) {
+            acc[typeId] = [];
+        }
+        acc[typeId].push(e);
+        return acc;
+    }, {});
+}
+function getTopPriorityExceptions(groupedExceptions) {
+    if (!groupedExceptions) {
+        return [];
+    }
+    var currentExceptionType = exceptionPriorityList.find(function (type) { return groupedExceptions[type] && groupedExceptions[type].length > 0; });
+    if (currentExceptionType) {
+        return groupedExceptions[currentExceptionType];
+    }
+    return [];
+}
+function heldAtCustomsMessage(config, topPriorityExceptions, shipment) {
+    var packageIds = shipment.packages.map(function (pkg) { return pkg.id; });
+    var topPriorityExceptionPackageIds = topPriorityExceptions.map(function (exception) { return exception.package_id; });
+    var hasGenericExceptions = topPriorityExceptionPackageIds.includes(null);
+    var hasAllPackageIds = packageIds.every(function (id) {
+        return topPriorityExceptionPackageIds.includes(id);
+    });
+    if (hasGenericExceptions || hasAllPackageIds) {
+        return config.text.singleShipmentHeldAtCustomsLabel;
+    }
+    return config.text.multipleShipmentsHeldAtCustomsLabel;
+}
+function getExceptionMessage(config, topPriorityExceptions, shipment) {
+    if (topPriorityExceptions.length === 0) {
+        return null;
+    }
+    var exceptionTypeId = topPriorityExceptions[0].type.id;
+    switch (exceptionTypeId) {
+        case 'prepayment_required':
+        case 'direct_payment_required':
+            return config.text.paymentRequiredLabel;
+        case 'requested_hold_to_collect':
+        case 'requested_hold_to_deliver':
+            return config.text.holdRequestedLabel;
+        case 'held_at_customs':
+            return heldAtCustomsMessage(config, topPriorityExceptions, shipment);
+        case 'change_of_address_request':
+            return config.text.changeOfAddressRequestLabel;
+        default:
+            return config.text.shipmentExceptionDefaultLabel;
+    }
+}
+var ShipmentException = function (_a) {
+    var config = _a.config, shipment = _a.shipment;
+    var topPriorityExceptions = getTopPriorityExceptions(groupExceptions(shipment));
+    var expcetionMessage = getExceptionMessage(config, topPriorityExceptions, shipment);
+    var currentException = topPriorityExceptions[0];
+    if (!expcetionMessage) {
+        return (0, jsx_runtime_1.jsx)("div", {});
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__exception__wrapper" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ width: 24, height: 24 }, { children: (0, jsx_runtime_1.jsx)(ExceptionIcon_1.ExceptionIcon, { config: config, currentException: currentException }) })), (0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__exception__content" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__exception__title" }, { children: expcetionMessage })), (0, jsx_runtime_1.jsx)("a", __assign({ href: "mailto:".concat(config.navigation.shipmentExceptionMailTo), class: "artajs__tracking__exception__cta" }, { children: config.text.shipmentExceptionCTA }))] }))] })));
+};
+exports.ShipmentException = ShipmentException;

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

@@ -0,0 +1,7 @@
+import type { TrackingConfig } from '../../trackingConfig';
+import type { Shipment } from '../TrackingDrawer';
+export interface SummaryProps {
+    shipment: Shipment;
+    config: TrackingConfig;
+}
+export declare const Summary: ({ config, shipment }: SummaryProps) => import("preact").JSX.Element;

package/dist/components/Summary/index.js

@@ -0,0 +1,20 @@
+"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.Summary = void 0;
+var jsx_runtime_1 = require("preact/jsx-runtime");
+var Summary = function (_a) {
+    var config = _a.config, shipment = _a.shipment;
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__summary__wrapper" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__summary__content" }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__summary__title" }, { children: shipment.shortcode })) })), (0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__summary__date" }, { children: "".concat(config.text.bookedLabel).concat(new Date(shipment.created_at).toLocaleString()) }))] })));
+};
+exports.Summary = Summary;

package/dist/components/Timeline/CheckedStep.d.ts

@@ -0,0 +1,8 @@
+import { TrackingConfig } from '../../trackingConfig';
+interface BlackStepProps {
+    text: string;
+    date: string | null;
+    config: TrackingConfig;
+}
+export declare const CheckedStep: ({ text, date, config }: BlackStepProps) => import("preact").JSX.Element;
+export {};

package/dist/components/Timeline/CheckedStep.js

@@ -0,0 +1,26 @@
+"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.CheckedStep = void 0;
+var jsx_runtime_1 = require("preact/jsx-runtime");
+var Date_1 = require("../Date");
+var CheckedStep = function (_a) {
+    var text = _a.text, date = _a.date, config = _a.config;
+    var dateConfig = config.text.dates;
+    var parsedDate = date ? (0, Date_1.parseStringDate)(date) : null;
+    var finalDate = parsedDate
+        ? "".concat(dateConfig.weekdays[parsedDate.weekday], ", ").concat(dateConfig.months[parsedDate.month], " ").concat(parsedDate.day)
+        : '';
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__timeline__step" }, { children: [(0, jsx_runtime_1.jsx)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, { children: (0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "6", fill: config.style.color.iconPrimary }) })), (0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__timeline__status__text__wrapper" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__timeline__step__text__primary" }, { children: text })), (0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__timeline__status__date" }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__timeline__status__date__secondary" }, { children: finalDate })) }))] }))] })));
+};
+exports.CheckedStep = CheckedStep;

package/dist/components/Timeline/CheckedSteps.d.ts

@@ -0,0 +1,4 @@
+import { TrackingConfig } from '../../trackingConfig';
+export declare const CheckedSteps: ({ config }: {
+    config: TrackingConfig;
+}) => import("preact").JSX.Element;

package/dist/components/Timeline/CheckedSteps.js

@@ -0,0 +1,20 @@
+"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.CheckedSteps = void 0;
+var jsx_runtime_1 = require("preact/jsx-runtime");
+var CheckedSteps = function (_a) {
+    var config = _a.config;
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__timeline__triple__dots" }, { children: (0, jsx_runtime_1.jsxs)("svg", __assign({ width: "29", height: "26", viewBox: "0 0 29 26", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [(0, jsx_runtime_1.jsx)("circle", { cx: "2.33325", cy: "24", r: "2", fill: config.style.color.iconPrimary }), (0, jsx_runtime_1.jsx)("circle", { cx: "10.3333", cy: "24", r: "2", fill: config.style.color.iconPrimary }), (0, jsx_runtime_1.jsx)("circle", { cx: "18.3333", cy: "24", r: "2", fill: config.style.color.iconPrimary }), (0, jsx_runtime_1.jsx)("circle", { cx: "26.3333", cy: "24", r: "2", fill: config.style.color.iconPrimary })] })) })));
+};
+exports.CheckedSteps = CheckedSteps;

package/dist/components/Timeline/EmptyStep.d.ts

@@ -0,0 +1,3 @@
+export declare const EmptyStep: ({ text }: {
+    text: string;
+}) => import("preact").JSX.Element;

package/dist/components/Timeline/EmptyStep.js

@@ -0,0 +1,20 @@
+"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.EmptyStep = void 0;
+var jsx_runtime_1 = require("preact/jsx-runtime");
+var EmptyStep = function (_a) {
+    var text = _a.text;
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__timeline__step" }, { children: [(0, jsx_runtime_1.jsx)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, { children: (0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "5.5", fill: "white", stroke: "#9D9D9D" }) })), (0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__timeline__step__text__secondary" }, { children: text }))] })));
+};
+exports.EmptyStep = EmptyStep;

package/dist/components/Timeline/SecondaryStep.d.ts

@@ -0,0 +1,4 @@
+import type { TrackingConfig } from '../../trackingConfig';
+export declare const SecondaryStep: ({ config }: {
+    config: TrackingConfig;
+}) => import("preact").JSX.Element;

package/dist/components/Timeline/SecondaryStep.js

@@ -0,0 +1,20 @@
+"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.SecondaryStep = void 0;
+var jsx_runtime_1 = require("preact/jsx-runtime");
+var SecondaryStep = function (_a) {
+    var config = _a.config;
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__timeline__minimal__secondary__step" }, { children: (0, jsx_runtime_1.jsx)("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M8 4C8 6.20914 6.20914 8 4 8C1.79086 8 0 6.20914 0 4C0 1.79086 1.79086 0 4 0C6.20914 0 8 1.79086 8 4Z", fill: "#D7D6D0" }) })) })));
+};
+exports.SecondaryStep = SecondaryStep;

package/dist/components/Timeline/SecondarySteps.d.ts

@@ -0,0 +1,4 @@
+import { TrackingConfig } from '../../trackingConfig';
+export declare const SecondarySteps: ({ config }: {
+    config: TrackingConfig;
+}) => import("preact").JSX.Element;

package/dist/components/Timeline/SecondarySteps.js

@@ -0,0 +1,20 @@
+"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.SecondarySteps = void 0;
+var jsx_runtime_1 = require("preact/jsx-runtime");
+var SecondarySteps = function (_a) {
+    var config = _a.config;
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__timeline__triple__dots" }, { children: (0, jsx_runtime_1.jsxs)("svg", __assign({ width: "29", height: "26", viewBox: "0 0 29 26", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [(0, jsx_runtime_1.jsx)("circle", { cx: "2.33325", cy: "24", r: "2", fill: config.style.color.iconTertiary }), (0, jsx_runtime_1.jsx)("circle", { cx: "10.3333", cy: "24", r: "2", fill: config.style.color.iconTertiary }), (0, jsx_runtime_1.jsx)("circle", { cx: "18.3333", cy: "24", r: "2", fill: config.style.color.iconTertiary }), (0, jsx_runtime_1.jsx)("circle", { cx: "26.3333", cy: "24", r: "2", fill: config.style.color.iconTertiary })] })) })));
+};
+exports.SecondarySteps = SecondarySteps;

package/dist/components/Timeline/TimelineDefault.d.ts

@@ -0,0 +1,2 @@
+import type { TimelineProps } from '.';
+export declare const TimelineDefault: ({ config, shipment }: TimelineProps) => import("preact").JSX.Element;

package/dist/components/Timeline/TimelineDefault.js

@@ -0,0 +1,44 @@
+"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.TimelineDefault = void 0;
+var jsx_runtime_1 = require("preact/jsx-runtime");
+var CheckedStep_1 = require("./CheckedStep");
+var CheckedSteps_1 = require("./CheckedSteps");
+var EmptyStep_1 = require("./EmptyStep");
+var SecondarySteps_1 = require("./SecondarySteps");
+var CancelledIcon_1 = require("./defaultIcons/CancelledIcon");
+var CollectedIcon_1 = require("./defaultIcons/CollectedIcon");
+var CompletedIcon_1 = require("./defaultIcons/CompletedIcon");
+var ConfirmedIcon_1 = require("./defaultIcons/ConfirmedIcon");
+var InTransitIcon_1 = require("./defaultIcons/InTransitIcon");
+var PendingIcon_1 = require("./defaultIcons/PendingIcon");
+var isSmaller = function (a, b) {
+    var statuses = [
+        'pending',
+        'confirmed',
+        'collected',
+        'in_transit',
+        'completed',
+    ];
+    return statuses.indexOf(a) < statuses.indexOf(b);
+};
+var TimelineDefault = function (_a) {
+    var config = _a.config, shipment = _a.shipment;
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__timeline__default__wrapper" }, { children: shipment.status === 'cancelled' || shipment.status === 'pending' ? (shipment.status === 'pending' ? ((0, jsx_runtime_1.jsx)(PendingIcon_1.PendingIcon, { config: config })) : ((0, jsx_runtime_1.jsx)(CancelledIcon_1.CancelledIcon, { config: config }))) : ((0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__timeline__default__steps" }, { children: [shipment.status === 'confirmed' ? ((0, jsx_runtime_1.jsx)(ConfirmedIcon_1.ConfirmedIcon, { config: config, shipment: shipment })) : ((0, jsx_runtime_1.jsx)(CheckedStep_1.CheckedStep, { text: config.text.confirmedLabel, date: shipment.confirmed_at, config: config })), shipment.status === 'confirmed' ? ((0, jsx_runtime_1.jsx)(SecondarySteps_1.SecondarySteps, { config: config })) : ((0, jsx_runtime_1.jsx)(CheckedSteps_1.CheckedSteps, { config: config })), shipment.quote_type !== 'self_ship' &&
+                    (shipment.status === 'collected' ? ((0, jsx_runtime_1.jsx)(CollectedIcon_1.CollectedIcon, { config: config, shipment: shipment })) : isSmaller(shipment.status, 'collected') ? ((0, jsx_runtime_1.jsx)(EmptyStep_1.EmptyStep, { text: config.text.collectedLabel })) : ((0, jsx_runtime_1.jsx)(CheckedStep_1.CheckedStep, { text: config.text.collectedLabel, date: shipment.collected_at, config: config }))), shipment.quote_type !== 'self_ship' &&
+                    (shipment.status === 'collected' ||
+                        isSmaller(shipment.status, 'collected') ? ((0, jsx_runtime_1.jsx)(SecondarySteps_1.SecondarySteps, { config: config })) : ((0, jsx_runtime_1.jsx)(CheckedSteps_1.CheckedSteps, { config: config }))), shipment.status === 'in_transit' ? ((0, jsx_runtime_1.jsx)(InTransitIcon_1.InTransitIcon, { config: config, shipment: shipment })) : isSmaller(shipment.status, 'in_transit') ? ((0, jsx_runtime_1.jsx)(EmptyStep_1.EmptyStep, { text: config.text.inTransitLabel })) : ((0, jsx_runtime_1.jsx)(CheckedStep_1.CheckedStep, { text: config.text.inTransitLabel, date: shipment.in_transit_at, config: config })), shipment.status === 'in_transit' ||
+                    isSmaller(shipment.status, 'in_transit') ? ((0, jsx_runtime_1.jsx)(SecondarySteps_1.SecondarySteps, { config: config })) : ((0, jsx_runtime_1.jsx)(CheckedSteps_1.CheckedSteps, { config: config })), shipment.status === 'completed' ? ((0, jsx_runtime_1.jsx)(CompletedIcon_1.CompletedIcon, { config: config, shipment: shipment })) : isSmaller(shipment.status, 'completed') ? ((0, jsx_runtime_1.jsx)(EmptyStep_1.EmptyStep, { text: config.text.completedLabel })) : ((0, jsx_runtime_1.jsx)(CheckedStep_1.CheckedStep, { text: config.text.completedLabel, date: shipment.completed_at, config: config }))] }))) })));
+};
+exports.TimelineDefault = TimelineDefault;

package/dist/components/Timeline/TimlineMinimal.d.ts

@@ -0,0 +1,2 @@
+import type { TimelineProps } from '.';
+export declare const TimelineMinimal: ({ config, shipment }: TimelineProps) => import("preact").JSX.Element;

package/dist/components/Timeline/TimlineMinimal.js

@@ -0,0 +1,45 @@
+"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.TimelineMinimal = void 0;
+var jsx_runtime_1 = require("preact/jsx-runtime");
+var SimpleDate_1 = require("../Date/SimpleDate");
+var CancelledIcon_1 = require("./defaultIcons/CancelledIcon");
+var PendingIcon_1 = require("./defaultIcons/PendingIcon");
+var CollectedIconBase_1 = require("./icons/CollectedIconBase");
+var CompletedIconBase_1 = require("./icons/CompletedIconBase");
+var ConfirmedIconBase_1 = require("./icons/ConfirmedIconBase");
+var InTransitIconBase_1 = require("./icons/InTransitIconBase");
+var SecondaryStep_1 = require("./SecondaryStep");
+var TimelineMinimal = function (_a) {
+    var config = _a.config, shipment = _a.shipment;
+    var labelMap = {
+        pending: 'pendingLabel',
+        confirmed: 'confirmedLabel',
+        in_transit: 'inTransitLabel',
+        collected: 'collectedLabel',
+        completed: 'completedLabel',
+        cancelled: 'cancelledLabel',
+    };
+    var dateMap = {
+        pending: 'created_at',
+        confirmed: 'confirmed_at',
+        collected: 'collected_at',
+        in_transit: 'in_transit_at',
+        completed: 'completed_at',
+        cancelled: 'cancelled_at',
+    };
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__timeline__minimal__wrapper" }, { children: shipment.status === 'cancelled' || shipment.status === 'pending' ? (shipment.status === 'pending' ? ((0, jsx_runtime_1.jsx)(PendingIcon_1.PendingIcon, { config: config })) : ((0, jsx_runtime_1.jsx)(CancelledIcon_1.CancelledIcon, { config: config }))) : ((0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__timeline__minimal__divider" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__timeline__minimal__step" }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__timeline__minimal__spacing" }, { children: [shipment.status === 'confirmed' ? ((0, jsx_runtime_1.jsx)(ConfirmedIconBase_1.ConfirmedIconBase, { config: config })) : ((0, jsx_runtime_1.jsx)(SecondaryStep_1.SecondaryStep, { config: config })), shipment.quote_type !== 'self_ship' &&
+                                (shipment.status === 'collected' ? ((0, jsx_runtime_1.jsx)(CollectedIconBase_1.CollectedIconBase, { config: config })) : ((0, jsx_runtime_1.jsx)(SecondaryStep_1.SecondaryStep, { config: config }))), shipment.status === 'in_transit' ? ((0, jsx_runtime_1.jsx)(InTransitIconBase_1.InTransitIconBase, { config: config })) : ((0, jsx_runtime_1.jsx)(SecondaryStep_1.SecondaryStep, { config: config })), shipment.status === 'completed' ? ((0, jsx_runtime_1.jsx)(CompletedIconBase_1.CompletedIconBase, { config: config })) : ((0, jsx_runtime_1.jsx)(SecondaryStep_1.SecondaryStep, { config: config }))] })) })), (0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__timeline__status__text__wrapper" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__timeline__status__text__large" }, { children: config.text[labelMap[shipment.status]] })), (0, jsx_runtime_1.jsx)(SimpleDate_1.SimpleDate, { date: shipment[dateMap[shipment.status]], dateConfig: config.text.dates })] }))] }))) })));
+};
+exports.TimelineMinimal = TimelineMinimal;

package/dist/components/Timeline/defaultIcons/CancelledIcon.d.ts

@@ -0,0 +1,4 @@
+import type { TrackingConfig } from '../../../trackingConfig';
+export declare const CancelledIcon: ({ config }: {
+    config: TrackingConfig;
+}) => import("preact").JSX.Element;

package/dist/components/Timeline/defaultIcons/CancelledIcon.js

@@ -0,0 +1,21 @@
+"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.CancelledIcon = void 0;
+var jsx_runtime_1 = require("preact/jsx-runtime");
+var CancelledIconBase_1 = require("../icons/CancelledIconBase");
+var CancelledIcon = function (_a) {
+    var config = _a.config;
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__timeline__default__step__icon" }, { children: [(0, jsx_runtime_1.jsx)(CancelledIconBase_1.CancelledIconBase, { config: config }), (0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__timeline__status__text__large" }, { children: config.text.cancelledLabel }))] })));
+};
+exports.CancelledIcon = CancelledIcon;

package/dist/components/Timeline/defaultIcons/CollectedIcon.d.ts

@@ -0,0 +1,2 @@
+import type { TimelineProps } from '..';
+export declare const CollectedIcon: ({ config, shipment }: TimelineProps) => import("preact").JSX.Element;

package/dist/components/Timeline/defaultIcons/CollectedIcon.js

@@ -0,0 +1,22 @@
+"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.CollectedIcon = void 0;
+var jsx_runtime_1 = require("preact/jsx-runtime");
+var SimpleDate_1 = require("../../Date/SimpleDate");
+var CollectedIconBase_1 = require("../icons/CollectedIconBase");
+var CollectedIcon = function (_a) {
+    var config = _a.config, shipment = _a.shipment;
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__timeline__default__step__icon" }, { children: [(0, jsx_runtime_1.jsx)(CollectedIconBase_1.CollectedIconBase, { config: config }), (0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__timeline__status__text__wrapper" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__timeline__status__text__large" }, { children: config.text.collectedLabel })), (0, jsx_runtime_1.jsx)(SimpleDate_1.SimpleDate, { date: shipment.collected_at, dateConfig: config.text.dates })] }))] })));
+};
+exports.CollectedIcon = CollectedIcon;

package/dist/components/Timeline/defaultIcons/CompletedIcon.d.ts

@@ -0,0 +1,2 @@
+import type { TimelineProps } from '..';
+export declare const CompletedIcon: ({ config, shipment }: TimelineProps) => import("preact").JSX.Element;

package/dist/components/Timeline/defaultIcons/CompletedIcon.js

@@ -0,0 +1,22 @@
+"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.CompletedIcon = void 0;
+var jsx_runtime_1 = require("preact/jsx-runtime");
+var SimpleDate_1 = require("../../Date/SimpleDate");
+var CompletedIconBase_1 = require("../icons/CompletedIconBase");
+var CompletedIcon = function (_a) {
+    var config = _a.config, shipment = _a.shipment;
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__timeline__default__step__icon" }, { children: [(0, jsx_runtime_1.jsx)(CompletedIconBase_1.CompletedIconBase, { config: config }), (0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__timeline__status__text__wrapper" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__timeline__status__text__large" }, { children: config.text.completedLabel })), (0, jsx_runtime_1.jsx)(SimpleDate_1.SimpleDate, { date: shipment.completed_at, dateConfig: config.text.dates })] }))] })));
+};
+exports.CompletedIcon = CompletedIcon;

package/dist/components/Timeline/defaultIcons/ConfirmedIcon.d.ts

@@ -0,0 +1,2 @@
+import type { TimelineProps } from '..';
+export declare const ConfirmedIcon: ({ config, shipment }: TimelineProps) => import("preact").JSX.Element;

package/dist/components/Timeline/defaultIcons/ConfirmedIcon.js

@@ -0,0 +1,22 @@
+"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.ConfirmedIcon = void 0;
+var jsx_runtime_1 = require("preact/jsx-runtime");
+var SimpleDate_1 = require("../../Date/SimpleDate");
+var ConfirmedIconBase_1 = require("../icons/ConfirmedIconBase");
+var ConfirmedIcon = function (_a) {
+    var config = _a.config, shipment = _a.shipment;
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__timeline__default__step__icon" }, { children: [(0, jsx_runtime_1.jsx)(ConfirmedIconBase_1.ConfirmedIconBase, { config: config }), (0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__timeline__status__text__wrapper" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__timeline__status__text__large" }, { children: config.text.confirmedLabel })), (0, jsx_runtime_1.jsx)(SimpleDate_1.SimpleDate, { date: shipment.confirmed_at, dateConfig: config.text.dates })] }))] })));
+};
+exports.ConfirmedIcon = ConfirmedIcon;

package/dist/components/Timeline/defaultIcons/InTransitIcon.d.ts

@@ -0,0 +1,2 @@
+import type { TimelineProps } from '..';
+export declare const InTransitIcon: ({ config, shipment }: TimelineProps) => import("preact").JSX.Element;

package/dist/components/Timeline/defaultIcons/InTransitIcon.js

@@ -0,0 +1,22 @@
+"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.InTransitIcon = void 0;
+var jsx_runtime_1 = require("preact/jsx-runtime");
+var SimpleDate_1 = require("../../Date/SimpleDate");
+var InTransitIconBase_1 = require("../icons/InTransitIconBase");
+var InTransitIcon = function (_a) {
+    var config = _a.config, shipment = _a.shipment;
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__timeline__default__step__icon" }, { children: [(0, jsx_runtime_1.jsx)(InTransitIconBase_1.InTransitIconBase, { config: config }), (0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__timeline__status__text__wrapper" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__timeline__status__text__large" }, { children: config.text.inTransitLabel })), (0, jsx_runtime_1.jsx)(SimpleDate_1.SimpleDate, { date: shipment.in_transit_at, dateConfig: config.text.dates })] }))] })));
+};
+exports.InTransitIcon = InTransitIcon;

package/dist/components/Timeline/defaultIcons/PendingIcon.d.ts

@@ -0,0 +1,4 @@
+import type { TrackingConfig } from '../../../trackingConfig';
+export declare const PendingIcon: ({ config }: {
+    config: TrackingConfig;
+}) => import("preact").JSX.Element;

package/dist/components/Timeline/defaultIcons/PendingIcon.js

@@ -0,0 +1,21 @@
+"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.PendingIcon = void 0;
+var jsx_runtime_1 = require("preact/jsx-runtime");
+var PendingIconBase_1 = require("../icons/PendingIconBase");
+var PendingIcon = function (_a) {
+    var config = _a.config;
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ class: "artajs__tracking__timeline__default__step__icon" }, { children: [(0, jsx_runtime_1.jsx)(PendingIconBase_1.PendingIconBase, { config: config }), (0, jsx_runtime_1.jsx)("div", __assign({ class: "artajs__tracking__timeline__status__text__large" }, { children: config.text.pendingLabel }))] })));
+};
+exports.PendingIcon = PendingIcon;

package/dist/components/Timeline/icons/CancelledIconBase.d.ts

@@ -0,0 +1,4 @@
+import type { TrackingConfig } from '../../../trackingConfig';
+export declare const CancelledIconBase: ({ config }: {
+    config: TrackingConfig;
+}) => import("preact").JSX.Element;

package/dist/components/Timeline/icons/CancelledIconBase.js

@@ -0,0 +1,20 @@
+"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.CancelledIconBase = void 0;
+var jsx_runtime_1 = require("preact/jsx-runtime");
+var CancelledIconBase = function (_a) {
+    var config = _a.config;
+    return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: "48", height: "48", viewBox: "0 0 48 48", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M48 24C48 37.2548 37.2548 48 24 48C10.7452 48 0 37.2548 0 24C0 10.7452 10.7452 0 24 0C37.2548 0 48 10.7452 48 24Z", fill: config.style.color.iconPrimary }), (0, jsx_runtime_1.jsx)("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M15.565 15.0418C15.4496 15.0828 15.3661 15.1348 15.2636 15.2295C14.9851 15.4868 14.9213 15.8841 15.1007 16.2436C15.132 16.3062 16.2367 17.4241 18.9766 20.1655L22.8088 23.9999L18.9766 27.8342C16.2367 30.5757 15.132 31.6936 15.1007 31.7562C14.96 32.0381 14.9689 32.3795 15.1228 32.6042C15.3873 32.9903 15.8268 33.1057 16.2427 32.8981C16.3053 32.8669 17.4232 31.7621 20.1646 29.0223L23.999 25.1901L27.8334 29.0223C30.5748 31.7621 31.6927 32.8669 31.7553 32.8981C32.0484 33.0444 32.3791 33.0304 32.6222 32.8615C32.9921 32.6046 33.1014 32.1653 32.8973 31.7562C32.866 31.6936 31.7613 30.5757 29.0214 27.8342L25.1892 23.9999L29.0214 20.1655C31.7613 17.4241 32.866 16.3062 32.8973 16.2436C33.0435 15.9505 33.0295 15.6198 32.8606 15.3767C32.6037 15.0068 32.1644 14.8975 31.7553 15.1016C31.6927 15.1329 30.5748 16.2376 27.8334 18.9775L23.999 22.8096L20.1646 18.9775C17.4232 16.2376 16.3053 15.1329 16.2427 15.1016C16.0275 14.9942 15.7642 14.971 15.565 15.0418Z", fill: config.style.color.iconSecondary })] })));
+};
+exports.CancelledIconBase = CancelledIconBase;

package/dist/components/Timeline/icons/CollectedIconBase.d.ts

@@ -0,0 +1,4 @@
+import type { TrackingConfig } from '../../../trackingConfig';
+export declare const CollectedIconBase: ({ config }: {
+    config: TrackingConfig;
+}) => import("preact").JSX.Element;