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

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

@@ -0,0 +1,114 @@
+import { TrackingFullConfig } from '../../trackingConfig';
+import './index.css';
+interface TrackingDrawerProps {
+    shipmentId: string;
+    config: TrackingFullConfig;
+    onClose: (e: any) => void;
+}
+export interface ArtaLocation {
+    title: string;
+    address_line_1: string;
+    address_line_2: string;
+    address_line_3: string;
+    city: string;
+    country: string;
+    region: string;
+    postal_code: string;
+}
+export interface ArtaObject {
+    id: string;
+    current_packing: string;
+    images: string[];
+    internal_reference: string;
+    public_reference: string;
+    details: {
+        creation_date: string;
+        creator: string;
+        is_cites: boolean;
+        is_fragile: boolean;
+        materials: string;
+        notes: string;
+        title: string;
+    };
+    depth: number;
+    height: number;
+    width: number;
+    unit_of_measurement: string;
+    weight: number;
+    weight_unit: string;
+    value: number;
+    value_currency: string;
+    subtype: string;
+    subtype_name: string;
+    type: string;
+}
+export interface ArtaPackage {
+    id: number;
+    handle_with_care: boolean;
+    is_sufficiently_packed: boolean;
+    eta: string;
+    status: 'unknown' | 'pending' | 'notfound' | 'transit' | 'out_for_delivery' | 'delivered' | 'undelivered' | 'exception' | 'expired';
+    objects: ArtaObject[];
+    packing_materials: string;
+    depth: number;
+    height: number;
+    width: number;
+    unit_of_measurement: string;
+    weight: number;
+    weight_unit: string;
+    package_events_count: number;
+}
+interface Tracking {
+    id: number;
+    carrier_name: string;
+    package_id: number;
+    tracking_number: string;
+    url: string | null;
+}
+export interface ArtaShipmentException {
+    created_at: string;
+    exception_type_label: string | null;
+    hold_until: string | null;
+    id: string;
+    object_id: string | null;
+    package_id: number | null;
+    resolution: string | null;
+    source: string;
+    status: 'new' | 'in_progress' | 'resolved';
+    type: {
+        id: string;
+        name: string;
+        category: string;
+    };
+    updated_at: string;
+}
+export interface Shipment {
+    created_at: string;
+    destination: ArtaLocation | null;
+    hosted_session_id: string;
+    id: string;
+    internal_reference: string;
+    object_count: number;
+    origin: ArtaLocation | null;
+    packages: ArtaPackage[];
+    package_count: number;
+    public_reference: string;
+    quote_type: string;
+    shortcode: string;
+    status: 'cancelled' | 'collected' | 'completed' | 'confirmed' | 'in_transit' | 'pending';
+    total: number;
+    total_currency: string;
+    updated_at: string;
+    cancelled_at: string | null;
+    collected_at: string | null;
+    completed_at: string | null;
+    confirmed_at: string | null;
+    in_transit_at: string | null;
+    delivery_start: string | null;
+    delivery_end: string | null;
+    tracking: Tracking[];
+    shipment_exceptions: ArtaShipmentException[];
+    insurance_policy: 'arta_transit_insurance' | 'no_arta_insurance' | null;
+}
+export declare const TrackingDrawer: ({ shipmentId, config, onClose, }: TrackingDrawerProps) => import("preact").JSX.Element;
+export {};

package/dist/components/TrackingDrawer/index.js

@@ -0,0 +1,98 @@
+"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) {
+        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;
+    return g = { next: verb(0), "throw": verb(1), "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.TrackingDrawer = void 0;
+var jsx_runtime_1 = require("preact/jsx-runtime");
+var hooks_1 = require("preact/hooks");
+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 TrackingDrawer = function (_a) {
+    var shipmentId = _a.shipmentId, 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');
+    };
+    (0, hooks_1.useEffect)(function () {
+        (function () { return __awaiter(void 0, void 0, void 0, function () {
+            var ship;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, (0, requests_1.loadShipment)(config, shipmentId)];
+                    case 1:
+                        ship = _a.sent();
+                        setShipment(ship);
+                        //TODO should we ship.packages.filter(pkg => pkg.objects?.length)); ??
+                        setPackagesWithObjects(ship.packages);
+                        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'
+                        ? '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, {})] })))] })) }))] })) }));
+};
+exports.TrackingDrawer = TrackingDrawer;

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

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

package/dist/components/TrackingTop/index.js

@@ -0,0 +1,76 @@
+"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;
+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) {
+            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;
+    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') }))] }))] })))] })) })));
+};
+exports.TrackingTop = TrackingTop;

package/dist/estimateConfig.d.ts

@@ -1,7 +1,8 @@
 import { ArtaJsFullConfig } from './arta';
-import { DestinationTextConfig } from './components/Destination';
-import { DisqualifiedTextConfig } from './components/Disqualified';
-import { QuoteTextConfig } from './components/Quotes';
+import { type DestinationTextConfig } from './components/Destination';
+import { type DisqualifiedTextConfig } from './components/Disqualified';
+import { type QuoteTextConfig } from './components/Quotes';
+import { type DeepPartial } from './helper';
 import { AdditionalService, ArtaLocation, ArtaObject, Insurance, QuoteType, SupportedCurrency } from './MetadataTypes';
 export interface EstimateBody {
     origin: ArtaLocation;
@@ -52,12 +53,8 @@ export interface EstimateConfig {
         disqualified: DisqualifiedTextConfig;
     };
 }
-type DeepPartial<T> = T extends object ? {
-    [P in keyof T]?: DeepPartial<T[P]>;
-} : T;
 export type PartialEstimateConfig = DeepPartial<EstimateConfig>;
 export interface EstimateFullConfig extends EstimateConfig, ArtaJsFullConfig {
 }
 export declare const defaultEstimateConfig: EstimateConfig;
-export declare const getFullConfig: (artaConfig: ArtaJsFullConfig, estimateConfig?: PartialEstimateConfig) => EstimateFullConfig;
-export {};
+export declare const getFullEstimateConfig: (artaConfig: ArtaJsFullConfig, estimateConfig?: PartialEstimateConfig) => EstimateFullConfig;

package/dist/estimateConfig.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getFullConfig = exports.defaultEstimateConfig = void 0;
+exports.getFullEstimateConfig = exports.defaultEstimateConfig = void 0;
 var Destination_1 = require("./components/Destination");
 var Disqualified_1 = require("./components/Disqualified");
 var Quotes_1 = require("./components/Quotes");
@@ -43,32 +43,9 @@ exports.defaultEstimateConfig = {
         disqualified: Disqualified_1.defaultDisqualifiedConfig,
     },
 };
-function nestedObjectAssign(target) {
-    var sources = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-        sources[_i - 1] = arguments[_i];
-    }
-    sources.forEach(function (source) {
-        if (source) {
-            Object.keys(source).forEach(function (key) {
-                var s_val = source[key];
-                var t_val = target[key];
-                target[key] =
-                    t_val &&
-                        s_val &&
-                        typeof t_val === 'object' &&
-                        typeof s_val === 'object'
-                        ? nestedObjectAssign(t_val, s_val)
-                        : s_val;
-            });
-        }
-    });
-    return target;
-}
-var getFullConfig = function (artaConfig, estimateConfig) {
-    var defaultClone = JSON.parse(JSON.stringify(exports.defaultEstimateConfig));
-    var finalConfig = nestedObjectAssign(defaultClone, artaConfig, estimateConfig);
+var getFullEstimateConfig = function (artaConfig, estimateConfig) {
+    var finalConfig = (0, helper_1.nestedObjectAssign)((0, helper_1.deepClone)(exports.defaultEstimateConfig), artaConfig, estimateConfig);
     (0, helper_1.applySmallMobileStyling)(finalConfig);
     return finalConfig;
 };
-exports.getFullConfig = getFullConfig;
+exports.getFullEstimateConfig = getFullEstimateConfig;

package/dist/helper.d.ts

@@ -3,6 +3,7 @@ import { DisqualifiedFullTextConfig } from './components/Disqualified';
 import { QuoteFullTextConfig } from './components/Quotes';
 import { EstimateFullConfig } from './estimateConfig';
 import { ArtaLocation } from './MetadataTypes';
+import { TrackingFullConfig } from './trackingConfig';
 export declare const parseEstimatedLocation: (loc: ArtaLocation) => string;
 export declare const parseErrors: (errors: {
     [key: string]: string;
@@ -10,7 +11,7 @@ export declare const parseErrors: (errors: {
 export declare const getQuoteConfig: (config: EstimateFullConfig) => QuoteFullTextConfig;
 export declare const getDisqualifiedConfig: (config: EstimateFullConfig) => DisqualifiedFullTextConfig;
 export declare const getDestinationConfig: (config: EstimateFullConfig) => DestinationFullTextConfig;
-export declare const getStyle: (config: EstimateFullConfig) => {
+export declare const getEstimateStyle: (config: EstimateFullConfig) => {
     '--background': string;
     '--text-primary': string;
     '--text-secondary': string;
@@ -31,5 +32,26 @@ export declare const getStyle: (config: EstimateFullConfig) => {
     '--width': string;
     '--height': string;
 };
+export declare const getTrackingStyle: (config: TrackingFullConfig) => {
+    '--background': string;
+    '--text-primary': string;
+    '--text-secondary': string;
+    '--border': string;
+    '--font-family': string;
+    '--font-size': string;
+    '--width': string;
+    '--default-styling': string;
+    '--minimal-styling': string;
+    '--location-direction': string;
+    '--location-justify': string;
+    '--location-align': string;
+    '--location-flex': string;
+    '--backdrop-color': 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 nestedObjectAssign(target: any, ...sources: any[]): any;
+export declare function deepClone<T>(obj: T): T;

package/dist/helper.js

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.applySmallMobileStyling = exports.isSmallMobile = exports.getStyle = exports.getDestinationConfig = exports.getDisqualifiedConfig = exports.getQuoteConfig = exports.parseErrors = exports.parseEstimatedLocation = void 0;
+exports.deepClone = exports.nestedObjectAssign = exports.applySmallMobileStyling = exports.isSmallMobile = exports.getTrackingStyle = exports.getEstimateStyle = exports.getDestinationConfig = exports.getDisqualifiedConfig = exports.getQuoteConfig = exports.parseErrors = exports.parseEstimatedLocation = void 0;
 var parseEstimatedLocation = function (loc) {
     if (!loc) {
         return '';
@@ -55,7 +55,7 @@ var getDestinationConfig = function (config) {
     return __assign(__assign({}, config.text.destination), { detailOriginLabel: config.text.detailOriginLabel, background: config.style.color.background });
 };
 exports.getDestinationConfig = getDestinationConfig;
-var getStyle = function (config) {
+var getEstimateStyle = function (config) {
     return {
         '--background': config.style.color.background,
         '--text-primary': config.style.color.textPrimary,
@@ -78,13 +78,31 @@ var getStyle = function (config) {
         '--height': "".concat(config.style.height, "px"),
     };
 };
-exports.getStyle = getStyle;
+exports.getEstimateStyle = getEstimateStyle;
+var getTrackingStyle = function (config) {
+    return {
+        '--background': config.style.color.background,
+        '--text-primary': config.style.color.textPrimary,
+        '--text-secondary': config.style.color.textSecondary,
+        '--border': config.style.color.border,
+        '--font-family': config.style.fontFamily,
+        '--font-size': "".concat(config.style.fontSize, "px"),
+        '--width': config.style.variant === 'default' ? '540px' : '320px',
+        '--default-styling': config.style.variant === 'default' ? 'flex' : 'none',
+        '--minimal-styling': config.style.variant === 'default' ? 'none' : 'flex',
+        '--location-direction': config.style.variant === 'default' ? 'row' : 'column',
+        '--location-justify': config.style.variant === 'default' ? 'center' : 'flex-start',
+        '--location-align': config.style.variant === 'default' ? 'flex-start' : 'center',
+        '--location-flex': config.style.variant === 'default' ? '1 0 0' : '0 1 auto',
+        '--backdrop-color': config.style.backdropColor,
+    };
+};
+exports.getTrackingStyle = getTrackingStyle;
 var MINIMUM_RENDERING_HEIGHT = 467;
 function isSmallMobile() {
-    return ((window.innerWidth <= 800) && (window.innerHeight <= 600));
+    return window.innerWidth <= 800 && window.innerHeight <= 600;
 }
 exports.isSmallMobile = isSmallMobile;
-;
 function applySmallMobileStyling(finalConfig) {
     if (isSmallMobile()) {
         finalConfig.style.position = 'center';
@@ -93,4 +111,30 @@ function applySmallMobileStyling(finalConfig) {
     }
 }
 exports.applySmallMobileStyling = applySmallMobileStyling;
-;
+function nestedObjectAssign(target) {
+    var sources = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+        sources[_i - 1] = arguments[_i];
+    }
+    sources.forEach(function (source) {
+        if (source) {
+            Object.keys(source).forEach(function (key) {
+                var s_val = source[key];
+                var t_val = target[key];
+                target[key] =
+                    t_val &&
+                        s_val &&
+                        typeof t_val === 'object' &&
+                        typeof s_val === 'object'
+                        ? nestedObjectAssign(t_val, s_val)
+                        : s_val;
+            });
+        }
+    });
+    return target;
+}
+exports.nestedObjectAssign = nestedObjectAssign;
+function deepClone(obj) {
+    return JSON.parse(JSON.stringify(obj));
+}
+exports.deepClone = deepClone;

package/dist/index.d.ts

@@ -1,7 +1,10 @@
 import Arta from './arta';
 import './components/Modal/index.css';
+import './components/TrackingDrawer/index.css';
 export * from './arta';
 export * from './estimate';
-export type { EstimateConfig, EstimateBody, PartialEstimateConfig } from './estimateConfig';
+export * from './tracking';
+export type { EstimateConfig, EstimateBody, PartialEstimateConfig, } from './estimateConfig';
+export type { TrackingConfig, PartialTrackingConfig } from './trackingConfig';
 declare const _default: Arta;
 export default _default;

package/dist/index.js

@@ -19,10 +19,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var arta_1 = __importDefault(require("./arta"));
 require("./components/Modal/index.css");
+require("./components/TrackingDrawer/index.css");
 var init = function () {
     window.Arta = new arta_1.default();
 };
 init();
 __exportStar(require("./arta"), exports);
 __exportStar(require("./estimate"), exports);
+__exportStar(require("./tracking"), exports);
 exports.default = window.Arta;

package/dist/requests.d.ts

@@ -1,4 +1,6 @@
 import { ArtaJsFullConfig } from './arta';
+import { ArtaPackageEvent } from './components/PackageEvents';
+import type { Shipment } from './components/TrackingDrawer';
 import { EstimateBody } from './estimateConfig';
 import { ArtaLocation, Insurance, Quote, SupportedCurrency } from './MetadataTypes';
 export interface HostedSession {
@@ -23,3 +25,6 @@ export interface ArtaError {
 export declare const loadHostedSessions: (config: ArtaJsFullConfig, estimateBody: EstimateBody) => Promise<HostedSession>;
 export declare const loadQuoteRequests: (config: ArtaJsFullConfig, hostedSession: HostedSession, estimateBody: EstimateBody) => Promise<QuoteRequest>;
 export declare const validateEstimateBody: (config: ArtaJsFullConfig, estimateBody: EstimateBody) => Promise<any>;
+export declare const loadShipment: (config: ArtaJsFullConfig, shipmentId: string) => Promise<Shipment>;
+export declare const validateShipment: (config: ArtaJsFullConfig, shipmentId: string) => Promise<any>;
+export declare const loadPackageEvents: (config: ArtaJsFullConfig, shipmentId: string, packageId: number) => Promise<Array<ArtaPackageEvent>>;