@phillips/seldon 1.142.0 → 1.143.0

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

@@ -30,6 +30,7 @@ export interface CountdownProps extends ComponentProps<'div'> {
      * Variant of the countdown
      */
     variant?: CountdownVariants;
+    currentDateTime?: Date;
 }
 /**
  * ## Overview

package/dist/components/Countdown/Countdown.js

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

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

@@ -70,6 +70,10 @@ export interface BidSnapshotProps extends ComponentProps<'div'> {
      * Won for label text, a string for label of won for detail
      */
     wonForText?: string;
+    /**
+     * Current date time
+     */
+    currentDateTime?: Date;
 }
 /**
  * ## Overview

package/dist/patterns/BidSnapshot/BidSnapshot.js

@@ -1,21 +1,21 @@
 import { jsxs as S, jsx as e } 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 D } from "../../utils/index.js";
-import F from "../DetailList/DetailList.js";
+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 d from "../../components/Detail/Detail.js";
-import { LotStatus as n, SupportedLanguages as G } from "../../types/commonTypes.js";
-import H from "../../components/Countdown/Countdown.js";
-import { CountdownVariants as J } from "../../components/Countdown/types.js";
-import { BidStatusEnum as K } from "./types.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 v from "./BidMessage.js";
 import { isAfter as L } from "../../node_modules/date-fns/isAfter.js";
-import { differenceInMinutes as Q } from "../../node_modules/date-fns/differenceInMinutes.js";
-const U = (o) => o === 1 ? `${o} bid` : `${o} bids`, X = V(
+import { differenceInMinutes as U } from "../../node_modules/date-fns/differenceInMinutes.js";
+const X = (o) => o === 1 ? `${o} bid` : `${o} bids`, Y = k(
   ({
     lotStatus: o = n.ready,
     bidStatus: p,
-    bidsLabelText: w = U,
+    bidsLabelText: w = X,
     children: c,
     className: C,
     closingText: x = "Closes in",
@@ -32,18 +32,19 @@ const U = (o) => o === 1 ? `${o} bid` : `${o} bids`, X = V(
     soldPrice: u,
     soldForText: M = "Sold for",
     wonForText: j = "Won for",
+    currentDateTime: E = /* @__PURE__ */ new Date(),
     ...$
-  }, E) => {
-    const { className: s, ...P } = q($, "BidSnapshot"), l = f !== null && h > 0, b = o === n.ready, a = o === n.live, g = o === n.past, m = /* @__PURE__ */ new Date(), R = a && i && L(i, m) && r && (Q(r, m) < 60 || L(m, r)), _ = z(c, v), A = D(c, [v]), I = k(s, C, {
+  }, P) => {
+    const { className: s, ...R } = z($, "BidSnapshot"), l = f !== null && h > 0, b = o === n.ready, a = o === n.live, g = o === n.past, m = E, _ = a && i && L(i, m) && r && (U(r, m) < 60 || L(m, r)), A = D(c, v), I = F(c, [v]), V = q(s, C, {
       [`${s}--live`]: a,
       [`${s}--has-bids`]: l || g
     });
-    return /* @__PURE__ */ S("div", { ...P, ...$, ref: E, className: I, children: [
-      /* @__PURE__ */ S(F, { hasSeparators: !0, className: `${s}__text`, children: [
+    return /* @__PURE__ */ S("div", { ...R, ...$, ref: P, className: V, children: [
+      /* @__PURE__ */ S(G, { hasSeparators: !0, className: `${s}__text`, children: [
         g ? /* @__PURE__ */ e(
           d,
           {
-            label: p === K.Won ? j : M,
+            label: p === Q.Won ? j : M,
             value: u ? `${t}${u?.toLocaleString()}` : "",
             hasWrap: !1
           }
@@ -59,15 +60,15 @@ const U = (o) => o === 1 ? `${o} bid` : `${o} bids`, X = V(
         ) : null,
         b || a && !l ? /* @__PURE__ */ e(d, { label: B, value: `${t}${y?.toLocaleString()}`, hasWrap: !1 }) : null
       ] }),
-      p && !b ? _ : null,
-      A,
-      R ? /* @__PURE__ */ e(
-        H,
+      p && !b ? A : null,
+      I,
+      _ ? /* @__PURE__ */ e(
+        J,
         {
           endDateTime: i,
           label: x,
-          variant: J.compact,
-          locale: G[W],
+          variant: K.compact,
+          locale: H[W],
           formatDurationStr: T,
           showBottomBorder: !1
         }
@@ -75,7 +76,7 @@ const U = (o) => o === 1 ? `${o} bid` : `${o} bids`, X = V(
     ] });
   }
 );
-X.displayName = "BidSnapshot";
+Y.displayName = "BidSnapshot";
 export {
-  X as default
+  Y as default
 };

package/dist/patterns/UserManagement/UserManagement.js

@@ -1,30 +1,30 @@
-import { jsx as o, Fragment as x, jsxs as r } from "react/jsx-runtime";
+import { jsx as o, Fragment as x, jsxs as s } from "react/jsx-runtime";
 import { forwardRef as A } from "react";
 import { getCommonProps as w, noOp as C } from "../../utils/index.js";
 import $ from "../../node_modules/classnames/index.js";
-import { AuthState as e } from "./types.js";
-import { TextVariants as m } from "../../components/Text/types.js";
-import s from "../../components/Text/Text.js";
-import i from "../../components/Icon/Icon.js";
+import { AuthState as t } from "./types.js";
+import { TextVariants as i } from "../../components/Text/types.js";
+import r from "../../components/Text/Text.js";
+import m from "../../components/Icon/Icon.js";
 const b = A(
   ({
     accountDetailsLinkComponent: l = "a",
     className: d,
     onLogin: g = C,
-    authState: t = e.LoggedOut,
+    authState: a = t.LoggedOut,
     loginLabel: h = "Login",
     accountLabel: u = "Account",
     href: f = "/account",
-    disabled: a = !1,
+    disabled: e = !1,
     ...c
   }, p) => {
-    const { className: n, ...N } = w(c, "UserManagement"), _ = t === e.LoggedIn, L = t !== e.Loading;
-    return /* @__PURE__ */ o("div", { ...N, className: $(n, d), ...c, ref: p, children: L && /* @__PURE__ */ o(x, { children: _ ? /* @__PURE__ */ r(l, { className: `${n}__login`, href: f, disabled: a, children: [
-      /* @__PURE__ */ o(i, { icon: "Account", className: `${n}__account-icon`, height: "1rem", width: "1rem" }),
-      /* @__PURE__ */ o(s, { variant: m.body3, children: u })
-    ] }) : /* @__PURE__ */ r("button", { className: `${n}__login`, onClick: g, disabled: a, children: [
-      /* @__PURE__ */ o(i, { icon: "Account", className: `${n}__account-icon`, height: "1rem", width: "1rem" }),
-      /* @__PURE__ */ o(s, { variant: m.body3, children: h })
+    const { className: n, ...N } = w(c, "UserManagement"), _ = a === t.LoggedIn, L = a !== t.Loading;
+    return /* @__PURE__ */ o("div", { ...N, className: $(n, d), ...c, ref: p, children: L && /* @__PURE__ */ o(x, { children: _ ? /* @__PURE__ */ s(l, { className: `${n}__login`, href: f, disabled: e, children: [
+      /* @__PURE__ */ o(m, { icon: "Account", className: `${n}__account-icon`, height: "100%", width: "100%" }),
+      /* @__PURE__ */ o(r, { variant: i.body3, children: u })
+    ] }) : /* @__PURE__ */ s("button", { className: `${n}__login`, onClick: g, disabled: e, children: [
+      /* @__PURE__ */ o(m, { icon: "Account", className: `${n}__account-icon`, height: "100%", width: "100%" }),
+      /* @__PURE__ */ o(r, { variant: i.body3, children: h })
     ] }) }) });
   }
 );

package/dist/scss/patterns/UserManagement/_userManagement.scss

@@ -55,17 +55,12 @@
   }
 
   &__account-icon {
-    a {
-      align-items: center;
-      display: flex;
-      height: $mobile-minimum-clickable-area;
-      justify-content: center;
-      width: $mobile-minimum-clickable-area;
-    }
+    height: 1.5rem;
+    width: 1.5rem;
 
     @include isHeaderDesktop {
-      height: 1.5rem;
-      width: 1.5rem;
+      height: 1rem;
+      width: 1rem;
     }
   }
 }

package/package.json

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