@phillips/seldon 1.97.0 → 1.98.0

package/dist/assets/icon-green-circle.svg.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const c = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 8, height: 8, viewBox: "0 0 8 8", fill: "none", ...t }, /* @__PURE__ */ e.createElement("circle", { cx: 4, cy: 4, r: 4, fill: "#0FA915" }));
+export {
+  c as default
+};

package/dist/assets/icon-red-circle.svg.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const c = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 8, height: 8, viewBox: "0 0 8 8", fill: "none", ...t }, /* @__PURE__ */ e.createElement("circle", { cx: 4, cy: 4, r: 4, fill: "#B40919" }));
+export {
+  c as default
+};

package/dist/assets/icons.d.ts

@@ -24,3 +24,5 @@ export { default as Share } from './share.svg?react';
 export { default as Spotify } from './spotify.svg?react';
 export { default as WeChat } from './wechat.svg?react';
 export { default as Youtube } from './youtube.svg?react';
+export { default as GreenCircle } from './icon-green-circle.svg?react';
+export { default as RedCircle } from './icon-red-circle.svg?react';

package/dist/index.js

@@ -1,17 +1,17 @@
-import { PaddingTokens as f, SpacingTokens as s, defaultYear as l, emailValidation as d, encodeURLSearchParams as p, findChildrenExcludingTypes as m, findChildrenOfType as u, generatePaddingClassName as x, getCommonProps as n, noOp as i, px as g, useNormalizedInputProps as c } from "./utils/index.js";
+import { PaddingTokens as f, SpacingTokens as s, defaultYear as l, emailValidation as d, encodeURLSearchParams as m, findChildrenExcludingTypes as p, findChildrenOfType as u, generatePaddingClassName as x, getCommonProps as i, noOp as n, px as g, useNormalizedInputProps as c } from "./utils/index.js";
 import { default as S } from "./assets/account_circle.svg.js";
-import { default as L } from "./assets/arrowPrev.svg.js";
+import { default as h } from "./assets/arrowPrev.svg.js";
 import { default as I } from "./assets/calendar.svg.js";
 import { default as T } from "./assets/calendarAlt.svg.js";
-import { default as V } from "./assets/chevronDown.svg.js";
-import { default as B } from "./assets/chevronNext.svg.js";
+import { default as B } from "./assets/chevronDown.svg.js";
+import { default as k } from "./assets/chevronNext.svg.js";
 import { default as w } from "./assets/chevronRight.svg.js";
 import { default as y } from "./assets/close.svg.js";
 import { default as D } from "./assets/favorite.svg.js";
 import { default as N } from "./assets/favoriteOutline.svg.js";
-import { default as O } from "./assets/icon-footer-facebook.svg.js";
-import { default as G } from "./assets/icon-footer-instagram.svg.js";
-import { default as E } from "./assets/icon-footer-linkedin.svg.js";
+import { default as G } from "./assets/icon-footer-facebook.svg.js";
+import { default as U } from "./assets/icon-footer-instagram.svg.js";
+import { default as W } from "./assets/icon-footer-linkedin.svg.js";
 import { default as Y } from "./assets/icon-footer-red.svg.js";
 import { default as z } from "./assets/icon-footer-wechat.svg.js";
 import { default as q } from "./assets/instagram.svg.js";
@@ -23,211 +23,217 @@ import { default as ae } from "./assets/react.svg.js";
 import "react";
 import { default as se } from "./assets/share.svg.js";
 import { default as de } from "./assets/spotify.svg.js";
-import { default as me } from "./assets/wechat.svg.js";
+import { default as pe } from "./assets/wechat.svg.js";
 import { default as xe } from "./assets/youtube.svg.js";
-import { default as ie } from "./pages/Page.js";
-import { usePendingState as ce } from "./utils/hooks.js";
-import { SSRMediaQuery as Se, ssrMediaQueryStyle as he } from "./providers/SeldonProvider/utils.js";
-import { AuctionStatus as Pe, SupportedLanguages as Ie } from "./types/commonTypes.js";
-import { default as Te } from "./components/Button/Button.js";
-import { ButtonVariants as Ve } from "./components/Button/types.js";
-import { default as Be } from "./components/IconButton/IconButton.js";
-import { default as we } from "./components/ErrorBoundary/ErrorBoundary.js";
-import { default as ye } from "./site-furniture/Footer/Footer.js";
-import { Grid as De } from "./components/Grid/Grid.js";
-import { default as Ne } from "./site-furniture/Header/Header.js";
-import { default as Oe } from "./components/Navigation/Navigation.js";
-import { default as Ge } from "./components/Navigation/NavigationItem/NavigationItem.js";
-import { default as Ee } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
-import { default as Ye } from "./components/Navigation/NavigationList/NavigationList.js";
-import { default as ze } from "./patterns/HeroBanner/HeroBanner.js";
-import { default as qe } from "./components/Input/Input.js";
-import { default as Ke } from "./components/Link/Link.js";
-import { LinkVariants as _e } from "./components/Link/types.js";
-import { default as et } from "./components/LinkBlock/LinkBlock.js";
-import { default as ot } from "./components/LinkList/LinkList.js";
-import { default as at } from "./components/Row/Row.js";
-import { default as st } from "./components/GridItem/GridItem.js";
-import { GridItemAlign as dt } from "./components/GridItem/types.js";
-import { default as mt } from "./components/Search/Search.js";
-import { default as xt } from "./components/Select/Select.js";
-import { SelectVariants as it } from "./components/Select/types.js";
-import { default as ct } from "./components/SplitPanel/SplitPanel.js";
-import { default as St } from "./patterns/Subscribe/Subscribe.js";
-import { SubscriptionState as Lt } from "./patterns/Subscribe/types.js";
-import { default as It } from "./patterns/Social/Social.js";
-import { default as Tt } from "./patterns/ViewingsList/ViewingsList.js";
-import { default as Vt } from "./components/Modal/Modal.js";
-import { default as Bt } from "./components/Drawer/Drawer.js";
-import { default as wt } from "./components/Pagination/Pagination.js";
-import { default as yt } from "./components/Tags/Tags.js";
-import { default as Dt } from "./patterns/ViewingsList/StatefulViewingsList.js";
-import { TextVariants as Nt } from "./components/Text/types.js";
-import { default as Ot } from "./components/Text/Text.js";
-import { TextSymbolVariants as Gt } from "./components/TextSymbol/types.js";
-import { default as Et } from "./components/TextSymbol/TextSymbol.js";
-import { default as Yt } from "./components/Accordion/Accordion.js";
-import { default as zt } from "./components/Accordion/AccordionItem.js";
-import { AccordionItemVariant as qt, AccordionVariants as Jt } from "./components/Accordion/types.js";
-import { default as Xt } from "./patterns/UserManagement/UserManagement.js";
-import { AuthState as $t } from "./patterns/UserManagement/types.js";
-import { default as to } from "./components/Breadcrumb/Breadcrumb.js";
+import { default as ne } from "./assets/icon-green-circle.svg.js";
+import { default as ce } from "./assets/icon-red-circle.svg.js";
+import { default as Se } from "./pages/Page.js";
+import { usePendingState as he } from "./utils/hooks.js";
+import { SSRMediaQuery as Ie, ssrMediaQueryStyle as be } from "./providers/SeldonProvider/utils.js";
+import { AuctionStatus as Ae, LotStatus as Be, SupportedLanguages as Ve } from "./types/commonTypes.js";
+import { default as ve } from "./components/Button/Button.js";
+import { ButtonVariants as Fe } from "./components/Button/types.js";
+import { default as Me } from "./components/IconButton/IconButton.js";
+import { default as He } from "./components/ErrorBoundary/ErrorBoundary.js";
+import { default as Re } from "./site-furniture/Footer/Footer.js";
+import { Grid as Oe } from "./components/Grid/Grid.js";
+import { default as Ee } from "./site-furniture/Header/Header.js";
+import { default as Qe } from "./components/Navigation/Navigation.js";
+import { default as je } from "./components/Navigation/NavigationItem/NavigationItem.js";
+import { default as Ze } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
+import { default as Je } from "./components/Navigation/NavigationList/NavigationList.js";
+import { default as Xe } from "./patterns/HeroBanner/HeroBanner.js";
+import { default as $e } from "./components/Input/Input.js";
+import { default as tt } from "./components/Link/Link.js";
+import { LinkVariants as rt } from "./components/Link/types.js";
+import { default as ft } from "./components/LinkBlock/LinkBlock.js";
+import { default as lt } from "./components/LinkList/LinkList.js";
+import { default as mt } from "./components/Row/Row.js";
+import { default as ut } from "./components/GridItem/GridItem.js";
+import { GridItemAlign as it } from "./components/GridItem/types.js";
+import { default as gt } from "./components/Search/Search.js";
+import { default as Ct } from "./components/Select/Select.js";
+import { SelectVariants as Lt } from "./components/Select/types.js";
+import { default as Pt } from "./components/SplitPanel/SplitPanel.js";
+import { default as bt } from "./patterns/Subscribe/Subscribe.js";
+import { SubscriptionState as At } from "./patterns/Subscribe/types.js";
+import { default as Vt } from "./patterns/Social/Social.js";
+import { default as vt } from "./patterns/ViewingsList/ViewingsList.js";
+import { default as Ft } from "./components/Modal/Modal.js";
+import { default as Mt } from "./components/Drawer/Drawer.js";
+import { default as Ht } from "./components/Pagination/Pagination.js";
+import { default as Rt } from "./components/Tags/Tags.js";
+import { default as Ot } from "./patterns/ViewingsList/StatefulViewingsList.js";
+import { TextVariants as Et } from "./components/Text/types.js";
+import { default as Qt } from "./components/Text/Text.js";
+import { TextSymbolVariants as jt } from "./components/TextSymbol/types.js";
+import { default as Zt } from "./components/TextSymbol/TextSymbol.js";
+import { default as Jt } from "./components/Accordion/Accordion.js";
+import { default as Xt } from "./components/Accordion/AccordionItem.js";
+import { AccordionItemVariant as $t, AccordionVariants as eo } from "./components/Accordion/types.js";
+import { default as oo } from "./patterns/UserManagement/UserManagement.js";
+import { AuthState as ao } from "./patterns/UserManagement/types.js";
+import { default as so } from "./components/Breadcrumb/Breadcrumb.js";
 import "react/jsx-runtime";
 import "./node_modules/classnames/index.js";
-import { default as ro } from "./components/Dropdown/Dropdown.js";
-import { default as fo } from "./components/Video/Video.js";
-import { default as lo } from "./patterns/LanguageSelector/LanguageSelector.js";
-import { default as mo } from "./components/ContentPeek/ContentPeek.js";
-import { HeightUnits as xo } from "./components/ContentPeek/utils.js";
-import { default as io } from "./components/Collapsible/Collapsible.js";
-import { default as co } from "./components/Collapsible/CollapsibleContent.js";
-import { default as So } from "./components/Collapsible/CollapsibleTrigger.js";
-import { SeldonProvider as Lo } from "./providers/SeldonProvider/SeldonProvider.js";
-import { default as Io } from "./components/PageContentWrapper/PageContentWrapper.js";
-import { default as To } from "./components/Carousel/Carousel.js";
-import { default as Vo } from "./components/Carousel/CarouselContent.js";
-import { default as Bo } from "./components/Carousel/CarouselItem.js";
-import { default as wo } from "./components/Carousel/CarouselDots.js";
-import { default as yo } from "./components/Detail/Detail.js";
-import { default as Do } from "./patterns/DetailList/DetailList.js";
-import { DetailListAlignment as No } from "./patterns/DetailList/types.js";
-import { default as Oo } from "./components/PinchZoom/PinchZoom.js";
-import { default as Go } from "./components/Tabs/TabsContainer.js";
-import { default as Eo } from "./components/Tabs/TabsContent.js";
-import { default as Yo } from "./components/SeldonImage/SeldonImage.js";
-import { default as zo } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
-import { default as qo } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
-import { AuctionState as Ko } from "./patterns/SaleHeaderBanner/types.js";
-import { default as _o } from "./patterns/FilterMenu/FilterMenu.js";
-import { default as er } from "./components/Filter/Filter.js";
-import { default as or } from "./components/Filter/FilterInput.js";
-import { default as ar } from "./components/Filter/FilterHeader.js";
-import { default as sr } from "./components/Countdown/Countdown.js";
-import { CountdownVariants as dr } from "./components/Countdown/types.js";
-import { default as mr } from "./patterns/ObjectTile/ObjectTile.js";
-import { default as xr } from "./patterns/BidSnapshot/BidSnapshot.js";
-import { default as ir } from "./patterns/BidSnapshot/BidMessage.js";
-import { BidMessageVariants as cr } from "./patterns/BidSnapshot/types.js";
+import { default as mo } from "./components/Dropdown/Dropdown.js";
+import { default as uo } from "./components/Video/Video.js";
+import { default as io } from "./patterns/LanguageSelector/LanguageSelector.js";
+import { default as go } from "./components/ContentPeek/ContentPeek.js";
+import { HeightUnits as Co } from "./components/ContentPeek/utils.js";
+import { default as Lo } from "./components/Collapsible/Collapsible.js";
+import { default as Po } from "./components/Collapsible/CollapsibleContent.js";
+import { default as bo } from "./components/Collapsible/CollapsibleTrigger.js";
+import { SeldonProvider as Ao } from "./providers/SeldonProvider/SeldonProvider.js";
+import { default as Vo } from "./components/PageContentWrapper/PageContentWrapper.js";
+import { default as vo } from "./components/Carousel/Carousel.js";
+import { default as Fo } from "./components/Carousel/CarouselContent.js";
+import { default as Mo } from "./components/Carousel/CarouselItem.js";
+import { default as Ho } from "./components/Carousel/CarouselDots.js";
+import { default as Ro } from "./components/Detail/Detail.js";
+import { default as Oo } from "./patterns/DetailList/DetailList.js";
+import { DetailListAlignment as Eo } from "./patterns/DetailList/types.js";
+import { default as Qo } from "./components/PinchZoom/PinchZoom.js";
+import { default as jo } from "./components/Tabs/TabsContainer.js";
+import { default as Zo } from "./components/Tabs/TabsContent.js";
+import { default as Jo } from "./components/SeldonImage/SeldonImage.js";
+import { default as Xo } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
+import { default as $o } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
+import { AuctionState as tr } from "./patterns/SaleHeaderBanner/types.js";
+import { default as rr } from "./patterns/FilterMenu/FilterMenu.js";
+import { default as fr } from "./components/Filter/Filter.js";
+import { default as lr } from "./components/Filter/FilterInput.js";
+import { default as mr } from "./components/Filter/FilterHeader.js";
+import { default as ur } from "./components/Countdown/Countdown.js";
+import { CountdownVariants as ir } from "./components/Countdown/types.js";
+import { default as gr } from "./patterns/ObjectTile/ObjectTile.js";
+import { default as Cr } from "./patterns/BidSnapshot/BidSnapshot.js";
+import { default as Lr } from "./patterns/BidSnapshot/BidMessage.js";
+import { BidMessageVariants as Pr, BidStatusEnum as Ir } from "./patterns/BidSnapshot/types.js";
 export {
-  Yt as Accordion,
-  zt as AccordionItem,
-  qt as AccordionItemVariant,
-  Jt as AccordionVariants,
+  Jt as Accordion,
+  Xt as AccordionItem,
+  $t as AccordionItemVariant,
+  eo as AccordionVariants,
   S as AccountCircle,
-  L as ArrowPrev,
-  Ko as AuctionState,
-  Pe as AuctionStatus,
-  $t as AuthState,
-  ir as BidMessage,
-  cr as BidMessageVariants,
-  xr as BidSnapshot,
-  to as Breadcrumb,
-  Te as Button,
-  Ve as ButtonVariants,
+  h as ArrowPrev,
+  tr as AuctionState,
+  Ae as AuctionStatus,
+  ao as AuthState,
+  Lr as BidMessage,
+  Pr as BidMessageVariants,
+  Cr as BidSnapshot,
+  Ir as BidStatusEnum,
+  so as Breadcrumb,
+  ve as Button,
+  Fe as ButtonVariants,
   I as Calendar,
   T as CalendarAlt,
-  To as Carousel,
-  Vo as CarouselContent,
-  wo as CarouselDots,
-  Bo as CarouselItem,
-  V as ChevronDown,
-  B as ChevronNext,
+  vo as Carousel,
+  Fo as CarouselContent,
+  Ho as CarouselDots,
+  Mo as CarouselItem,
+  B as ChevronDown,
+  k as ChevronNext,
   w as ChevronRight,
   y as Close,
-  io as Collapsible,
-  co as CollapsibleContent,
-  So as CollapsibleTrigger,
-  mo as ContentPeek,
-  xo as ContentPeekHeightUnits,
-  sr as Countdown,
-  dr as CountdownVariants,
-  yo as Detail,
-  Do as DetailList,
-  No as DetailListAlignment,
-  Bt as Drawer,
-  ro as Dropdown,
-  we as ErrorBoundary,
-  O as Facebook,
+  Lo as Collapsible,
+  Po as CollapsibleContent,
+  bo as CollapsibleTrigger,
+  go as ContentPeek,
+  Co as ContentPeekHeightUnits,
+  ur as Countdown,
+  ir as CountdownVariants,
+  Ro as Detail,
+  Oo as DetailList,
+  Eo as DetailListAlignment,
+  Mt as Drawer,
+  mo as Dropdown,
+  He as ErrorBoundary,
+  G as Facebook,
   D as Favorite,
   N as FavoriteOutline,
-  er as Filter,
-  ar as FilterHeader,
-  or as FilterInput,
-  _o as FilterMenu,
-  ye as Footer,
-  G as FooterInstagram,
+  fr as Filter,
+  mr as FilterHeader,
+  lr as FilterInput,
+  rr as FilterMenu,
+  Re as Footer,
+  U as FooterInstagram,
   z as FooterWeChat,
-  De as Grid,
-  st as GridItem,
-  dt as GridItemAlign,
-  Ne as Header,
-  ze as HeroBanner,
-  Be as IconButton,
-  qe as Input,
+  ne as GreenCircle,
+  Oe as Grid,
+  ut as GridItem,
+  it as GridItemAlign,
+  Ee as Header,
+  Xe as HeroBanner,
+  Me as IconButton,
+  $e as Input,
   q as Instagram,
-  lo as LanguageSelector,
-  Ke as Link,
-  et as LinkBlock,
-  ot as LinkList,
-  _e as LinkVariants,
-  E as LinkedIn,
+  io as LanguageSelector,
+  tt as Link,
+  ft as LinkBlock,
+  lt as LinkList,
+  rt as LinkVariants,
+  W as LinkedIn,
   K as Lock,
+  Be as LotStatus,
   _ as Minus,
-  Vt as Modal,
-  Oe as Navigation,
-  Ge as NavigationItem,
-  Ee as NavigationItemTrigger,
-  Ye as NavigationList,
-  mr as ObjectTile,
+  Ft as Modal,
+  Qe as Navigation,
+  je as NavigationItem,
+  Ze as NavigationItemTrigger,
+  Je as NavigationList,
+  gr as ObjectTile,
   f as PaddingTokens,
-  ie as Page,
-  Io as PageContentWrapper,
-  wt as Pagination,
+  Se as Page,
+  Vo as PageContentWrapper,
+  Ht as Pagination,
   ee as PhillipsLogo,
-  Oo as PinchZoom,
+  Qo as PinchZoom,
   oe as Plus,
   ae as React,
+  ce as RedCircle,
   Y as Reddit,
-  at as Row,
-  Se as SSRMediaQuery,
-  zo as SaleHeaderBanner,
-  qo as SaleHeaderBrowseAuctions,
-  mt as Search,
-  Yo as SeldonImage,
-  Lo as SeldonProvider,
-  xt as Select,
-  it as SelectVariants,
+  mt as Row,
+  Ie as SSRMediaQuery,
+  Xo as SaleHeaderBanner,
+  $o as SaleHeaderBrowseAuctions,
+  gt as Search,
+  Jo as SeldonImage,
+  Ao as SeldonProvider,
+  Ct as Select,
+  Lt as SelectVariants,
   se as Share,
-  It as Social,
+  Vt as Social,
   s as SpacingTokens,
-  ct as SplitPanel,
+  Pt as SplitPanel,
   de as Spotify,
-  Dt as StatefulViewingsList,
-  St as Subscribe,
-  Lt as SubscriptionState,
-  Ie as SupportedLanguages,
-  Go as TabsContainer,
-  Eo as TabsContent,
-  yt as TagsList,
-  Ot as Text,
-  Gt as TextSymbolVariants,
-  Et as TextSymbols,
-  Nt as TextVariants,
-  Xt as UserManagement,
-  fo as Video,
-  Tt as ViewingsList,
-  me as WeChat,
+  Ot as StatefulViewingsList,
+  bt as Subscribe,
+  At as SubscriptionState,
+  Ve as SupportedLanguages,
+  jo as TabsContainer,
+  Zo as TabsContent,
+  Rt as TagsList,
+  Qt as Text,
+  jt as TextSymbolVariants,
+  Zt as TextSymbols,
+  Et as TextVariants,
+  oo as UserManagement,
+  uo as Video,
+  vt as ViewingsList,
+  pe as WeChat,
   xe as Youtube,
   l as defaultYear,
   d as emailValidation,
-  p as encodeURLSearchParams,
-  m as findChildrenExcludingTypes,
+  m as encodeURLSearchParams,
+  p as findChildrenExcludingTypes,
   u as findChildrenOfType,
   x as generatePaddingClassName,
-  n as getCommonProps,
-  i as noOp,
+  i as getCommonProps,
+  n as noOp,
   g as px,
-  he as ssrMediaQueryStyle,
+  be as ssrMediaQueryStyle,
   c as useNormalizedInputProps,
-  ce as usePendingState
+  he as usePendingState
 };

package/dist/patterns/BidSnapshot/BidMessage.js

@@ -1,22 +1,25 @@
-import { jsx as o, jsxs as l } from "react/jsx-runtime";
-import p from "../../node_modules/classnames/index.js";
-import { getCommonProps as d } from "../../utils/index.js";
-import { TextVariants as f } from "../../components/Text/types.js";
-import g from "../../components/Text/Text.js";
-import { BidMessageVariants as e } from "./types.js";
-const B = ({
-  className: r,
-  hasIcon: i = !0,
-  message: m,
-  variant: t = e.positive,
-  ...a
+import { jsx as r, jsxs as p } from "react/jsx-runtime";
+import l from "../../node_modules/classnames/index.js";
+import { getCommonProps as f } from "../../utils/index.js";
+import { TextVariants as g } from "../../components/Text/types.js";
+import d from "../../components/Text/Text.js";
+import { BidMessageVariants as s } from "./types.js";
+import "react";
+import v from "../../assets/icon-green-circle.svg.js";
+import x from "../../assets/icon-red-circle.svg.js";
+const T = ({
+  className: e,
+  hasIcon: m = !0,
+  message: t,
+  variant: i = s.positive,
+  ...o
 }) => {
-  const { className: s, ...n } = d(a, "BidMessage"), c = t === e.positive ? /* @__PURE__ */ o("span", { className: `${s}__icon`, children: "🟢" }) : /* @__PURE__ */ o("span", { className: `${s}__icon`, children: "🔴" });
-  return /* @__PURE__ */ l(g, { ...n, className: p(s, r), ...a, variant: f.string2, children: [
-    i ? c : null,
-    m
+  const { className: a, ...n } = f(o, "BidMessage"), c = i === s.positive ? /* @__PURE__ */ r(v, {}) : /* @__PURE__ */ r(x, {});
+  return /* @__PURE__ */ p(d, { ...n, className: l(a, e), ...o, variant: g.string2, children: [
+    m ? c : null,
+    t
   ] });
 };
 export {
-  B as default
+  T as default
 };

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

@@ -1,14 +1,15 @@
 import { ComponentProps } from 'react';
-import { AuctionStatus, SupportedLanguages } from '../../types/commonTypes';
+import { LotStatus, SupportedLanguages } from '../../types/commonTypes';
+import { BidStatusEnum } from './types';
 export interface BidSnapshotProps extends ComponentProps<'div'> {
     /**
-     * Active bid of current signed in user. -  '1000'
+     * The user's current bid state, winning or losing, etc.
      */
-    activeBid?: number | null;
+    bidStatus?: BidStatusEnum;
     /**
      * State of the object
      */
-    auctionStatus?: AuctionStatus;
+    lotStatus?: LotStatus;
     /**
      * Bids label text, a fucntion for label of bids amoutn (2 bids, 3 bids, etc) where the number is the length of the bids array.
      */

package/dist/patterns/BidSnapshot/BidSnapshot.js

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

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

@@ -1,10 +1,11 @@
 import { BidSnapshotProps } from './BidSnapshot';
-import { AuctionStatus } from '../../types/commonTypes';
+import { LotStatus } from '../../types/commonTypes';
+import { BidStatusEnum } from './types';
 declare const meta: {
     title: string;
     component: import('react').ForwardRefExoticComponent<Omit<BidSnapshotProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
     argTypes: {
-        auctionStatus: {
+        lotStatus: {
             options: string[];
             control: {
                 type: "select";
@@ -16,14 +17,20 @@ export default meta;
 export declare const Playground: {
     (props: BidSnapshotProps): import("react/jsx-runtime").JSX.Element;
     args: {
-        activeBid: number;
         currency: string;
         numberOfBids: number;
-        auctionStatus: AuctionStatus;
+        lotStatus: LotStatus;
         currentBid: number;
         lotCloseDate: Date;
         lang: import('date-fns').Locale;
         startingBid: number;
     };
-    argTypes: {};
+    argTypes: {
+        bidStatus: {
+            options: typeof BidStatusEnum;
+            control: {
+                type: string;
+            };
+        };
+    };
 };

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

@@ -1,3 +1,3 @@
 export { default as BidSnapshot, type BidSnapshotProps } from './BidSnapshot';
 export { default as BidMessage } from './BidMessage';
-export { BidMessageVariants } from './types';
+export { BidMessageVariants, BidStatusEnum } from './types';

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

@@ -2,3 +2,9 @@ export declare enum BidMessageVariants {
     positive = "POSITIVE",
     negative = "NEGATIVE"
 }
+export declare enum BidStatusEnum {
+    Winning = "winning",
+    Losing = "losing",
+    Won = "won",
+    Lost = "lost"
+}

package/dist/patterns/BidSnapshot/types.js

@@ -1,4 +1,5 @@
-var r = /* @__PURE__ */ ((e) => (e.positive = "POSITIVE", e.negative = "NEGATIVE", e))(r || {});
+var o = /* @__PURE__ */ ((n) => (n.positive = "POSITIVE", n.negative = "NEGATIVE", n))(o || {}), r = /* @__PURE__ */ ((n) => (n.Winning = "winning", n.Losing = "losing", n.Won = "won", n.Lost = "lost", n))(r || {});
 export {
-  r as BidMessageVariants
+  o as BidMessageVariants,
+  r as BidStatusEnum
 };

package/dist/scss/patterns/BidSnapshot/_bidSnapshot.scss

@@ -35,7 +35,7 @@
 .#{$px}-bid-message {
   align-items: center;
   display: flex;
-  gap: 6px;
+  gap: $spacing-micro;
 
   // Override the default text style being too specific
   &.#{$px}-bid-message {

package/dist/scss/patterns/Social/_social.scss

@@ -37,6 +37,7 @@ $social_icon_height: 1.75rem;
 
     &.#{$px}-social__button {
       font-variation-settings: 'wght' 600;
+      text-transform: none;
     }
 
     &:hover {

package/dist/types/commonTypes.d.ts

@@ -7,3 +7,8 @@ export declare enum AuctionStatus {
     live = "LIVE",
     past = "PAST"
 }
+export declare enum LotStatus {
+    ready = "READY",
+    live = "LIVE",
+    past = "PAST"
+}

package/dist/types/commonTypes.js

@@ -1,5 +1,6 @@
-var e = /* @__PURE__ */ ((r) => (r.en = "en", r.zh = "zh", r))(e || {}), v = /* @__PURE__ */ ((r) => (r.ready = "READY", r.live = "LIVE", r.past = "PAST", r))(v || {});
+var e = /* @__PURE__ */ ((r) => (r.en = "en", r.zh = "zh", r))(e || {}), v = /* @__PURE__ */ ((r) => (r.ready = "READY", r.live = "LIVE", r.past = "PAST", r))(v || {}), E = /* @__PURE__ */ ((r) => (r.ready = "READY", r.live = "LIVE", r.past = "PAST", r))(E || {});
 export {
   v as AuctionStatus,
+  E as LotStatus,
   e as SupportedLanguages
 };

package/package.json

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