@phillips/seldon 1.149.0 → 1.149.1

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/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.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"