@phillips/seldon 1.149.0 → 1.149.2

package/dist/_virtual/index5.js

@@ -1,4 +1,4 @@
-var e = { exports: {} };
+var r = {};
 export {
-  e as __module
+  r as __exports
 };

package/dist/_virtual/index6.js

@@ -1,4 +1,4 @@
-var e = { exports: {} };
+var e = {};
 export {
-  e as __module
+  e as __exports
 };

package/dist/_virtual/index7.js

@@ -1,4 +1,4 @@
-var r = {};
+var e = { exports: {} };
 export {
-  r as __exports
+  e as __module
 };

package/dist/_virtual/index8.js

@@ -1,4 +1,4 @@
-var e = {};
+var e = { exports: {} };
 export {
-  e as __exports
+  e as __module
 };

package/dist/components/Countdown/Countdown.d.ts

@@ -31,9 +31,9 @@ export interface CountdownProps extends ComponentProps<'div'> {
      */
     variant?: CountdownVariants;
     /**
-     * The current date time (defaults to new Date())
+     * Function to get the current date time
      */
-    currentDateTime?: Date;
+    getCurrentDateTime?: () => Date | null;
 }
 /**
  * ## Overview

package/dist/components/Countdown/Countdown.js

@@ -1,69 +1,72 @@
-import { jsxs as d, jsx as e } from "react/jsx-runtime";
-import { forwardRef as j, useState as z, useEffect as E, useMemo as F } from "react";
-import { getCommonProps as H } from "../../utils/index.js";
-import R from "../../node_modules/classnames/index.js";
-import { SupportedLanguages as S } from "../../types/commonTypes.js";
-import { CountdownVariants as i } from "./types.js";
-import { Duration as a } from "./Duration.js";
-import { zhCN as U } from "../../node_modules/date-fns/locale/zh-CN.js";
-import { enUS as V } from "../../node_modules/date-fns/locale/en-US.js";
-import { differenceInDays as p } from "../../node_modules/date-fns/differenceInDays.js";
-import { differenceInHours as h } from "../../node_modules/date-fns/differenceInHours.js";
-import { differenceInMinutes as w } from "../../node_modules/date-fns/differenceInMinutes.js";
-import { differenceInSeconds as C } from "../../node_modules/date-fns/differenceInSeconds.js";
-import { differenceInMilliseconds as k } from "../../node_modules/date-fns/differenceInMilliseconds.js";
-const q = j(
+import { jsxs as p, jsx as e } from "react/jsx-runtime";
+import { forwardRef as M, useState as j, useEffect as z, useMemo as P } from "react";
+import { getCommonProps as E } from "../../utils/index.js";
+import F from "../../node_modules/classnames/index.js";
+import { SupportedLanguages as H } from "../../types/commonTypes.js";
+import { CountdownVariants as m } from "./types.js";
+import { Duration as i } from "./Duration.js";
+import { zhCN as R } from "../../node_modules/date-fns/locale/zh-CN.js";
+import { enUS as S } from "../../node_modules/date-fns/locale/en-US.js";
+import { differenceInDays as h } from "../../node_modules/date-fns/differenceInDays.js";
+import { differenceInHours as w } from "../../node_modules/date-fns/differenceInHours.js";
+import { differenceInMinutes as y } from "../../node_modules/date-fns/differenceInMinutes.js";
+import { differenceInSeconds as I } from "../../node_modules/date-fns/differenceInSeconds.js";
+import { differenceInMilliseconds as U } from "../../node_modules/date-fns/differenceInMilliseconds.js";
+const V = M(
   ({
     endDateTime: o,
-    formatDurationStr: t,
-    label: m = "Lots Close in",
-    intervalDescription: g,
-    className: y,
-    locale: I = "en",
-    showBottomBorder: N = !0,
-    variant: u = i.default,
-    currentDateTime: l = /* @__PURE__ */ new Date(),
-    ...f
-  }, $) => {
-    const { className: r, ...b } = H(f, "Countdown"), [n, L] = z(l), c = I === S.zh ? U : V, s = {
-      days: p(o, n) > 0 ? p(o, n) : 0,
-      hours: h(o, n) > 0 ? h(o, n) % 24 : 0,
-      minutes: w(o, n) > 0 ? w(o, n) % 60 : 0,
-      seconds: (C(o, n) > 0 ? C(o, n) % 60 : 0) % 60
+    formatDurationStr: l,
+    label: u = "Lots Close in",
+    intervalDescription: N,
+    className: C,
+    locale: $ = "en",
+    showBottomBorder: b = !0,
+    variant: f = m.default,
+    getCurrentDateTime: t = () => /* @__PURE__ */ new Date(),
+    ...d
+  }, g) => {
+    const { className: r, ...L } = E(d, "Countdown"), [n, _] = j(t() || /* @__PURE__ */ new Date()), c = $ === H.zh ? R : S, s = {
+      days: h(o, n) > 0 ? h(o, n) : 0,
+      hours: w(o, n) > 0 ? w(o, n) % 24 : 0,
+      minutes: y(o, n) > 0 ? y(o, n) % 60 : 0,
+      seconds: (I(o, n) > 0 ? I(o, n) % 60 : 0) % 60
     };
-    E(() => {
-      const x = setInterval(() => {
-        L((M) => new Date(M.getTime() + 1e3));
+    z(() => {
+      const a = setInterval(() => {
+        _(t() || /* @__PURE__ */ new Date());
       }, 1e3);
-      return () => clearInterval(x);
-    }, [o, l]);
-    const _ = F(() => new Date(o).getTime() > l.getTime(), [o, l]), v = k(o, n) <= 3 * 60 * 1e3;
-    return _ ? /* @__PURE__ */ d(
+      return () => clearInterval(a);
+    }, [o, t]);
+    const v = P(() => {
+      const a = t();
+      return !!a && new Date(o).getTime() > a.getTime();
+    }, [o, t]), x = U(o, n) <= 3 * 60 * 1e3;
+    return v ? /* @__PURE__ */ p(
       "div",
       {
-        ...b,
-        className: R(r, y, {
-          [`${r}--compact`]: u === i.compact,
-          [`${r}--show-bottom-border`]: N,
-          [`${r}--closing-lot`]: v
+        ...L,
+        className: F(r, C, {
+          [`${r}--compact`]: f === m.compact,
+          [`${r}--show-bottom-border`]: b,
+          [`${r}--closing-lot`]: x
         }),
-        ...f,
-        ref: $,
+        ...d,
+        ref: g,
         children: [
-          /* @__PURE__ */ d("div", { className: `${r}__countdown-container`, role: "timer", "aria-label": m, children: [
-            /* @__PURE__ */ e("span", { className: `${r}__label`, children: m }),
-            s.days > 0 ? /* @__PURE__ */ e(a, { duration: s, unit: "days", locale: c, formatDurationStr: t }) : null,
-            s.days > 0 || s.hours > 0 ? /* @__PURE__ */ e(a, { duration: s, unit: "hours", locale: c, formatDurationStr: t }) : null,
-            s.days === 0 ? /* @__PURE__ */ e(a, { duration: s, unit: "minutes", locale: c, formatDurationStr: t }) : null,
-            s.days === 0 && s.hours === 0 ? /* @__PURE__ */ e(a, { duration: s, unit: "seconds", locale: c, formatDurationStr: t }) : null
+          /* @__PURE__ */ p("div", { className: `${r}__countdown-container`, role: "timer", "aria-label": u, children: [
+            /* @__PURE__ */ e("span", { className: `${r}__label`, children: u }),
+            s.days > 0 ? /* @__PURE__ */ e(i, { duration: s, unit: "days", locale: c, formatDurationStr: l }) : null,
+            s.days > 0 || s.hours > 0 ? /* @__PURE__ */ e(i, { duration: s, unit: "hours", locale: c, formatDurationStr: l }) : null,
+            s.days === 0 ? /* @__PURE__ */ e(i, { duration: s, unit: "minutes", locale: c, formatDurationStr: l }) : null,
+            s.days === 0 && s.hours === 0 ? /* @__PURE__ */ e(i, { duration: s, unit: "seconds", locale: c, formatDurationStr: l }) : null
           ] }),
-          u === i.default ? /* @__PURE__ */ e("span", { children: g }) : null
+          f === m.default ? /* @__PURE__ */ e("span", { children: N }) : null
         ]
       }
     ) : null;
   }
 );
-q.displayName = "Countdown";
+V.displayName = "Countdown";
 export {
-  q as default
+  V as default
 };

package/dist/components/Countdown/Countdown.stories.d.ts

@@ -16,6 +16,9 @@ export declare const Playground: {
             type: string;
             options: CountdownVariants[];
         };
+        endDateTime: {
+            control: string;
+        };
     };
 };
 export declare const Days: (props: CountdownProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Loader/Loader.js

@@ -0,0 +1,22 @@
+import { jsx as s } from "react/jsx-runtime";
+import d from "../../node_modules/classnames/index.js";
+import { forwardRef as i } from "react";
+import { px as a } from "../../utils/index.js";
+const m = i(
+  ({ "aria-label": r = "Loading", isCentered: e = !0, className: o, ...t }, l) => /* @__PURE__ */ s(
+    "span",
+    {
+      ref: l,
+      ...t,
+      className: d(o, `${a}-loader`, { [`${a}-loader--centered`]: e }),
+      "data-testid": "loader",
+      role: "status",
+      "aria-live": "polite",
+      "aria-label": r
+    }
+  )
+);
+m.displayName = "Loader";
+export {
+  m as default
+};

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

@@ -0,0 +1 @@
+export { default as Loader, type LoaderProps } from './Loader';

package/dist/index.d.ts

@@ -57,6 +57,7 @@ export * from './providers/SeldonProvider/SeldonProvider';
 export * from './components/Carousel';
 export * from './components/ComboBox';
 export * from './components/Detail';
+export * from './components/Loader';
 export { default as PageContentWrapper } from './components/PageContentWrapper/PageContentWrapper';
 export * from './components/PinchZoom';
 export * from './components/SeldonImage';
@@ -66,20 +67,20 @@ export * from './patterns/SaleHeaderBanner';
 export { default as Footer, type FooterProps } from './site-furniture/Footer/Footer';
 export { default as Header, type HeaderProps } from './site-furniture/Header/Header';
 export * from './types/commonTypes';
+export * from './components/AddToCalendar';
 export * from './components/Article';
+export * from './components/AuctionTile';
 export * from './components/Countdown';
 export * from './components/Countdown/types';
 export * from './components/Divider';
 export * from './components/FavoritingTileButton';
 export * from './components/Filter';
 export * from './components/Icon';
+export * from './components/Pictogram';
 export * from './components/TextArea';
 export * from './components/Toast';
-export * from './components/AddToCalendar';
 export * from './patterns/AccountPageHeader';
 export * from './patterns/BidSnapshot';
 export * from './patterns/FilterMenu';
 export * from './patterns/ObjectTile';
 export * from './utils/hooks';
-export * from './components/Pictogram';
-export * from './components/AuctionTile';

package/dist/index.js

@@ -72,45 +72,46 @@ import { default as Kt } from "./patterns/ViewingsList/StatefulViewingsList.js";
 import { default as _t } from "./patterns/ViewingsList/ViewingsList.js";
 import { SeldonProvider as eo } from "./providers/SeldonProvider/SeldonProvider.js";
 import { default as oo } from "./components/ComboBox/ComboBox.js";
-import { default as ao } from "./components/PageContentWrapper/PageContentWrapper.js";
-import { default as so } from "./site-furniture/Footer/Footer.js";
-import { default as mo } from "./site-furniture/Header/Header.js";
-import { default as uo } from "./components/Article/Article.js";
-import { default as xo } from "./components/Countdown/Countdown.js";
-import { CountdownVariants as go } from "./components/Countdown/types.js";
-import { default as So } from "./components/Divider/Divider.js";
-import { default as To } from "./components/FavoritingTileButton/FavoritingTileButton.js";
-import { default as Ao } from "./components/Filter/Filter.js";
-import { default as Lo } from "./components/Filter/FilterInput.js";
-import { default as bo } from "./components/Filter/FilterHeader.js";
-import { default as ho } from "./components/TextArea/TextArea.js";
-import { default as vo } from "./components/Toast/Toast.js";
-import { ToastProvider as yo } from "./components/Toast/ToastContextProvider.js";
-import { useToast as Do } from "./components/Toast/useToast.js";
-import { default as Mo } from "./components/AddToCalendar/AddToCalendar.js";
-import { default as Eo } from "./patterns/AccountPageHeader/AccountPageHeader.js";
-import { default as Go } from "./patterns/BidSnapshot/BidSnapshot.js";
-import { default as Ro } from "./patterns/BidSnapshot/BidMessage.js";
-import { BidMessageVariants as jo, BidStatusEnum as zo } from "./patterns/BidSnapshot/types.js";
-import { default as Yo } from "./patterns/FilterMenu/FilterMenu.js";
-import { default as qo } from "./patterns/ObjectTile/ObjectTile.js";
-import { default as Ko } from "./components/Pictogram/Pictogram.js";
-import { default as _o } from "./components/AuctionTile/AuctionTile.js";
+import { default as ao } from "./components/Loader/Loader.js";
+import { default as so } from "./components/PageContentWrapper/PageContentWrapper.js";
+import { default as mo } from "./site-furniture/Footer/Footer.js";
+import { default as uo } from "./site-furniture/Header/Header.js";
+import { default as xo } from "./components/AddToCalendar/AddToCalendar.js";
+import { default as go } from "./components/Article/Article.js";
+import { default as So } from "./components/AuctionTile/AuctionTile.js";
+import { default as To } from "./components/Countdown/Countdown.js";
+import { CountdownVariants as Ao } from "./components/Countdown/types.js";
+import { default as Lo } from "./components/Divider/Divider.js";
+import { default as bo } from "./components/FavoritingTileButton/FavoritingTileButton.js";
+import { default as ho } from "./components/Filter/Filter.js";
+import { default as vo } from "./components/Filter/FilterInput.js";
+import { default as yo } from "./components/Filter/FilterHeader.js";
+import { default as Do } from "./components/Pictogram/Pictogram.js";
+import { default as Mo } from "./components/TextArea/TextArea.js";
+import { default as Eo } from "./components/Toast/Toast.js";
+import { ToastProvider as Go } from "./components/Toast/ToastContextProvider.js";
+import { useToast as Ro } from "./components/Toast/useToast.js";
+import { default as jo } from "./patterns/AccountPageHeader/AccountPageHeader.js";
+import { default as Wo } from "./patterns/BidSnapshot/BidSnapshot.js";
+import { default as Zo } from "./patterns/BidSnapshot/BidMessage.js";
+import { BidMessageVariants as Jo, BidStatusEnum as Ko } from "./patterns/BidSnapshot/types.js";
+import { default as _o } from "./patterns/FilterMenu/FilterMenu.js";
+import { default as er } from "./patterns/ObjectTile/ObjectTile.js";
 export {
   M as Accordion,
   E as AccordionItem,
   G as AccordionItemVariant,
   O as AccordionVariants,
-  Eo as AccountPageHeader,
-  Mo as AddToCalendar,
-  uo as Article,
+  jo as AccountPageHeader,
+  xo as AddToCalendar,
+  go as Article,
   b as AuctionStatus,
-  _o as AuctionTile,
+  So as AuctionTile,
   Yt as AuthState,
-  Ro as BidMessage,
-  jo as BidMessageVariants,
-  Go as BidSnapshot,
-  zo as BidStatusEnum,
+  Zo as BidMessage,
+  Jo as BidMessageVariants,
+  Wo as BidSnapshot,
+  Ko as BidStatusEnum,
   Q as Breadcrumb,
   v as Button,
   y as ButtonVariants,
@@ -125,26 +126,26 @@ export {
   oo as ComboBox,
   de as ContentPeek,
   pe as ContentPeekHeightUnits,
-  xo as Countdown,
-  go as CountdownVariants,
+  To as Countdown,
+  Ao as CountdownVariants,
   ie as Detail,
   Vt as DetailList,
   kt as DetailListAlignment,
-  So as Divider,
+  Lo as Divider,
   ne as Drawer,
   ce as Dropdown,
   Ce as ErrorBoundary,
   wt as FavoritesCollectionTile,
-  To as FavoritingTileButton,
-  Ao as Filter,
-  bo as FilterHeader,
-  Lo as FilterInput,
-  Yo as FilterMenu,
-  so as Footer,
+  bo as FavoritingTileButton,
+  ho as Filter,
+  yo as FilterHeader,
+  vo as FilterInput,
+  _o as FilterMenu,
+  mo as Footer,
   Pe as Grid,
   Be as GridItem,
   Ie as GridItemAlign,
-  mo as Header,
+  uo as Header,
   Ht as HeroBanner,
   z as Icon,
   D as IconButton,
@@ -154,18 +155,19 @@ export {
   He as LinkBlock,
   Fe as LinkList,
   we as LinkVariants,
+  ao as Loader,
   V as LotStatus,
   Ne as Modal,
   Ue as Navigation,
   Oe as NavigationItem,
   Qe as NavigationItemTrigger,
   ze as NavigationList,
-  qo as ObjectTile,
+  er as ObjectTile,
   a as PaddingTokens,
   C as Page,
-  ao as PageContentWrapper,
+  so as PageContentWrapper,
   Ye as Pagination,
-  Ko as Pictogram,
+  Do as Pictogram,
   qe as PinchZoom,
   Ke as Row,
   P as SSRMediaQuery,
@@ -189,12 +191,12 @@ export {
   xt as TagsList,
   Ct as Text,
   gt as TextAlignments,
-  ho as TextArea,
+  Mo as TextArea,
   Pt as TextSymbolVariants,
   Bt as TextSymbols,
   ct as TextVariants,
-  vo as Toast,
-  yo as ToastProvider,
+  Eo as Toast,
+  Go as ToastProvider,
   qt as UserManagement,
   It as Video,
   _t as ViewingsList,
@@ -211,5 +213,5 @@ export {
   A as ssrMediaQueryStyle,
   c as useNormalizedInputProps,
   L as usePendingState,
-  Do as useToast
+  Ro as useToast
 };

package/dist/node_modules/exenv/index.js

@@ -1,4 +1,4 @@
-import { __module as t } from "../../_virtual/index5.js";
+import { __module as t } from "../../_virtual/index7.js";
 /*!
   Copyright (c) 2015 Jed Watson.
   Based on code that is Copyright 2013-2015, Facebook, Inc.

package/dist/node_modules/ics/dist/index.js

@@ -1,6 +1,6 @@
-import { __exports as l } from "../../../_virtual/index7.js";
+import { __exports as l } from "../../../_virtual/index5.js";
 import "./pipeline/index.js";
-import { __exports as _ } from "../../../_virtual/index8.js";
+import { __exports as _ } from "../../../_virtual/index6.js";
 Object.defineProperty(l, "__esModule", {
   value: !0
 });

package/dist/node_modules/ics/dist/pipeline/index.js

@@ -1,4 +1,4 @@
-import { __exports as u } from "../../../../_virtual/index8.js";
+import { __exports as u } from "../../../../_virtual/index6.js";
 import "./build.js";
 import "./format.js";
 import "./validate.js";

package/dist/node_modules/prop-types/node_modules/react-is/index.js

@@ -1,4 +1,4 @@
-import { __module as e } from "../../../../_virtual/index6.js";
+import { __module as e } from "../../../../_virtual/index8.js";
 import { __require as o } from "./cjs/react-is.production.min.js";
 import { __require as t } from "./cjs/react-is.development.js";
 var r;

package/dist/patterns/BidSnapshot/BidSnapshot.d.ts

@@ -71,9 +71,9 @@ export interface BidSnapshotProps extends ComponentProps<'div'> {
      */
     wonForText?: string;
     /**
-     * Current date time
+     * Function to get the current date time
      */
-    currentDateTime?: Date;
+    getCurrentDateTime?: () => Date | null;
 }
 /**
  * ## Overview

package/dist/patterns/BidSnapshot/BidSnapshot.js

@@ -1,77 +1,77 @@
-import { jsxs as v, jsx as n } from "react/jsx-runtime";
-import { forwardRef as V } from "react";
-import k from "../../node_modules/classnames/index.js";
-import { getCommonProps as q, findChildrenOfType as z, findChildrenExcludingTypes as F } from "../../utils/index.js";
+import { jsxs as w, jsx as e } from "react/jsx-runtime";
+import { forwardRef as k } from "react";
+import q from "../../node_modules/classnames/index.js";
+import { getCommonProps as z, findChildrenOfType as D, findChildrenExcludingTypes as F } from "../../utils/index.js";
 import G from "../DetailList/DetailList.js";
 import p from "../../components/Detail/Detail.js";
-import { LotStatus as t, SupportedLanguages as H } from "../../types/commonTypes.js";
+import { LotStatus as n, SupportedLanguages as H } from "../../types/commonTypes.js";
 import J from "../../components/Countdown/Countdown.js";
 import { CountdownVariants as K } from "../../components/Countdown/types.js";
 import { BidStatusEnum as Q } from "./types.js";
 import L from "./BidMessage.js";
-import { isAfter as w } from "../../node_modules/date-fns/isAfter.js";
+import { isAfter as x } from "../../node_modules/date-fns/isAfter.js";
 import { differenceInMinutes as U } from "../../node_modules/date-fns/differenceInMinutes.js";
-const X = (o) => o === 1 ? `${o} bid` : `${o} bids`, Y = V(
+const X = (o) => o === 1 ? `${o} bid` : `${o} bids`, Y = k(
   ({
-    lotStatus: o = t.ready,
+    lotStatus: o = n.ready,
     bidStatus: d,
     bidsLabelText: C = X,
     children: c,
-    className: T,
-    closingText: x = "Closes in",
-    currency: r = "$",
+    className: N,
+    closingText: W = "Closes in",
+    currency: t = "$",
     currentBid: f,
-    currentBidText: N = "Current bid",
-    formatDurationStr: W = (a) => a.replace(/seconds?/, "sec").replace(/minutes?/, "min"),
-    lang: y = "en",
-    saleCloseDate: i,
-    lotCloseDate: l,
-    numberOfBids: u = 0,
-    startingBid: h,
-    startingBidText: B = "Starting bid",
+    currentBidText: y = "Current bid",
+    formatDurationStr: T = (s) => s.replace(/seconds?/, "sec").replace(/minutes?/, "min"),
+    lang: B = "en",
+    saleCloseDate: r,
+    lotCloseDate: i,
+    numberOfBids: h = 0,
+    startingBid: u,
+    startingBidText: M = "Starting bid",
     soldPrice: $,
-    soldForText: M = "Sold for",
-    wonForText: j = "Won for",
-    currentDateTime: E = /* @__PURE__ */ new Date(),
-    ...b
+    soldForText: j = "Sold for",
+    wonForText: E = "Won for",
+    getCurrentDateTime: b = () => /* @__PURE__ */ new Date(),
+    ...S
   }, P) => {
-    const { className: a, ...R } = q(b, "BidSnapshot"), m = f !== null && u > 0, g = o === t.ready, s = o === t.live, S = o === t.past, e = E, _ = s && l && w(l, e) && i && (U(i, e) < 60 || w(e, i)), A = z(c, L), D = F(c, [L]), I = k(a, T, {
-      [`${a}--live`]: s,
-      [`${a}--has-bids`]: m || S
+    const { className: s, ...R } = z(S, "BidSnapshot"), l = f !== null && h > 0, g = o === n.ready, a = o === n.live, v = o === n.past, m = b() || /* @__PURE__ */ new Date(), _ = a && i && x(i, m) && r && (U(r, m) < 60 || x(m, r)), A = D(c, L), I = F(c, [L]), V = q(s, N, {
+      [`${s}--live`]: a,
+      [`${s}--has-bids`]: l || v
     });
-    return /* @__PURE__ */ v("div", { ...R, ...b, ref: P, className: I, children: [
-      /* @__PURE__ */ v(G, { hasSeparators: !0, className: `${a}__text`, children: [
-        S ? /* @__PURE__ */ n(
+    return /* @__PURE__ */ w("div", { ...R, ...S, ref: P, className: V, children: [
+      /* @__PURE__ */ w(G, { hasSeparators: !0, className: `${s}__text`, children: [
+        v ? /* @__PURE__ */ e(
           p,
           {
-            label: d === Q.Won ? j : M,
-            value: $ ? `${r}${$?.toLocaleString()}` : "",
+            label: d === Q.Won ? E : j,
+            value: $ ? `${t}${$?.toLocaleString()}` : "",
             hasWrap: !1
           }
         ) : null,
-        s && m ? /* @__PURE__ */ n(
+        a && l ? /* @__PURE__ */ e(
           p,
           {
-            label: N,
-            subLabel: `(${C(u)})`,
-            value: `${r}${f?.toLocaleString()}`,
+            label: y,
+            subLabel: `(${C(h)})`,
+            value: `${t}${f?.toLocaleString()}`,
             hasWrap: !1
           }
         ) : null,
-        h && (g || s && !m) ? /* @__PURE__ */ n(p, { label: B, value: `${r}${h?.toLocaleString()}`, hasWrap: !1 }) : null
+        u && (g || a && !l) ? /* @__PURE__ */ e(p, { label: M, value: `${t}${u?.toLocaleString()}`, hasWrap: !1 }) : null
       ] }),
       d && !g ? A : null,
-      D,
-      _ ? /* @__PURE__ */ n(
+      I,
+      _ ? /* @__PURE__ */ e(
         J,
         {
-          endDateTime: l,
-          label: x,
+          endDateTime: i,
+          label: W,
           variant: K.compact,
-          locale: H[y],
-          formatDurationStr: W,
+          locale: H[B],
+          formatDurationStr: T,
           showBottomBorder: !1,
-          currentDateTime: e
+          getCurrentDateTime: b
         }
       ) : null
     ] });

package/dist/patterns/SaleHeaderBanner/SaleHeaderBanner.d.ts

@@ -73,9 +73,9 @@ export interface SaleHeaderBannerProps extends ComponentProps<'div'> {
      */
     onClick?: () => void;
     /**
-     * Current date time (defaults to new Date())
+     * Function to get the current date time (defaults to new Date())
      */
-    currentDateTime?: Date;
+    getCurrentDateTime?: () => Date | null;
 }
 /**
  * ## Overview

package/dist/patterns/SaleHeaderBanner/SaleHeaderBanner.js

@@ -29,14 +29,14 @@ const z = M(
     footerElement: b,
     headerLabel: j,
     showTimer: c,
-    currentDateTime: y,
+    getCurrentDateTime: y,
     ...s
   }, l) => {
     const { className: e, ...m } = R(s, "SaleHeaderBanner"), d = B === O.live, _ = {
       endDateTime: i,
       label: w,
       formatDurationStr: x,
-      currentDateTime: y
+      getCurrentDateTime: y
     };
     return /* @__PURE__ */ n("div", { ...m, className: D(e, P), ...s, ref: l, children: [
       d && i && c ? /* @__PURE__ */ a(f.Media, { lessThan: "md", children: /* @__PURE__ */ a("div", { className: `${e}__stack__countdown`, children: /* @__PURE__ */ a(h, { ..._, showBottomBorder: !1 }) }) }) : null,

package/dist/patterns/SaleHeaderBanner/SaleHeaderBanner.stories.d.ts

@@ -25,11 +25,32 @@ export declare const Playground: {
                 type: string;
             };
         };
+        currentDateTime: {
+            control: {
+                type: string;
+            };
+        };
     };
 };
 export declare const PreSale: (props: SaleHeaderBannerProps) => import("react/jsx-runtime").JSX.Element;
 export declare const PreSaleTwoOccurrences: (props: SaleHeaderBannerProps) => import("react/jsx-runtime").JSX.Element;
 export declare const PreSaleThreeOccurrences: (props: SaleHeaderBannerProps) => import("react/jsx-runtime").JSX.Element;
-export declare const OpenForBidding: (props: SaleHeaderBannerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const OpenForBidding: {
+    (props: SaleHeaderBannerProps & {
+        currentDateTime?: Date;
+    }): import("react/jsx-runtime").JSX.Element;
+    argTypes: {
+        currentDateTime: {
+            control: {
+                type: string;
+            };
+        };
+        auctionEndTime: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
 export declare const Closed: (props: SaleHeaderBannerProps) => import("react/jsx-runtime").JSX.Element;
 export declare const MissingImage: (props: SaleHeaderBannerProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.149.0",
+  "version": "1.149.2",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"