@phillips/seldon 1.97.0 → 1.97.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,5 @@
1
+ import * as e from "react";
2
+ 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" }));
3
+ export {
4
+ c as default
5
+ };
@@ -0,0 +1,5 @@
1
+ import * as e from "react";
2
+ 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" }));
3
+ export {
4
+ c as default
5
+ };
@@ -24,3 +24,5 @@ export { default as Share } from './share.svg?react';
24
24
  export { default as Spotify } from './spotify.svg?react';
25
25
  export { default as WeChat } from './wechat.svg?react';
26
26
  export { default as Youtube } from './youtube.svg?react';
27
+ export { default as GreenCircle } from './icon-green-circle.svg?react';
28
+ export { default as RedCircle } from './icon-red-circle.svg?react';
package/dist/index.js CHANGED
@@ -1,17 +1,17 @@
1
- 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";
1
+ 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";
2
2
  import { default as S } from "./assets/account_circle.svg.js";
3
3
  import { default as L } from "./assets/arrowPrev.svg.js";
4
4
  import { default as I } from "./assets/calendar.svg.js";
5
5
  import { default as T } from "./assets/calendarAlt.svg.js";
6
- import { default as V } from "./assets/chevronDown.svg.js";
7
- import { default as B } from "./assets/chevronNext.svg.js";
6
+ import { default as B } from "./assets/chevronDown.svg.js";
7
+ import { default as k } from "./assets/chevronNext.svg.js";
8
8
  import { default as w } from "./assets/chevronRight.svg.js";
9
9
  import { default as y } from "./assets/close.svg.js";
10
10
  import { default as D } from "./assets/favorite.svg.js";
11
11
  import { default as N } from "./assets/favoriteOutline.svg.js";
12
- import { default as O } from "./assets/icon-footer-facebook.svg.js";
13
- import { default as G } from "./assets/icon-footer-instagram.svg.js";
14
- import { default as E } from "./assets/icon-footer-linkedin.svg.js";
12
+ import { default as G } from "./assets/icon-footer-facebook.svg.js";
13
+ import { default as U } from "./assets/icon-footer-instagram.svg.js";
14
+ import { default as W } from "./assets/icon-footer-linkedin.svg.js";
15
15
  import { default as Y } from "./assets/icon-footer-red.svg.js";
16
16
  import { default as z } from "./assets/icon-footer-wechat.svg.js";
17
17
  import { default as q } from "./assets/instagram.svg.js";
@@ -23,211 +23,216 @@ import { default as ae } from "./assets/react.svg.js";
23
23
  import "react";
24
24
  import { default as se } from "./assets/share.svg.js";
25
25
  import { default as de } from "./assets/spotify.svg.js";
26
- import { default as me } from "./assets/wechat.svg.js";
26
+ import { default as pe } from "./assets/wechat.svg.js";
27
27
  import { default as xe } from "./assets/youtube.svg.js";
28
- import { default as ie } from "./pages/Page.js";
29
- import { usePendingState as ce } from "./utils/hooks.js";
30
- import { SSRMediaQuery as Se, ssrMediaQueryStyle as he } from "./providers/SeldonProvider/utils.js";
31
- import { AuctionStatus as Pe, SupportedLanguages as Ie } from "./types/commonTypes.js";
32
- import { default as Te } from "./components/Button/Button.js";
33
- import { ButtonVariants as Ve } from "./components/Button/types.js";
34
- import { default as Be } from "./components/IconButton/IconButton.js";
35
- import { default as we } from "./components/ErrorBoundary/ErrorBoundary.js";
36
- import { default as ye } from "./site-furniture/Footer/Footer.js";
37
- import { Grid as De } from "./components/Grid/Grid.js";
38
- import { default as Ne } from "./site-furniture/Header/Header.js";
39
- import { default as Oe } from "./components/Navigation/Navigation.js";
40
- import { default as Ge } from "./components/Navigation/NavigationItem/NavigationItem.js";
41
- import { default as Ee } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
42
- import { default as Ye } from "./components/Navigation/NavigationList/NavigationList.js";
43
- import { default as ze } from "./patterns/HeroBanner/HeroBanner.js";
44
- import { default as qe } from "./components/Input/Input.js";
45
- import { default as Ke } from "./components/Link/Link.js";
46
- import { LinkVariants as _e } from "./components/Link/types.js";
47
- import { default as et } from "./components/LinkBlock/LinkBlock.js";
48
- import { default as ot } from "./components/LinkList/LinkList.js";
49
- import { default as at } from "./components/Row/Row.js";
50
- import { default as st } from "./components/GridItem/GridItem.js";
51
- import { GridItemAlign as dt } from "./components/GridItem/types.js";
52
- import { default as mt } from "./components/Search/Search.js";
53
- import { default as xt } from "./components/Select/Select.js";
54
- import { SelectVariants as it } from "./components/Select/types.js";
55
- import { default as ct } from "./components/SplitPanel/SplitPanel.js";
56
- import { default as St } from "./patterns/Subscribe/Subscribe.js";
57
- import { SubscriptionState as Lt } from "./patterns/Subscribe/types.js";
58
- import { default as It } from "./patterns/Social/Social.js";
59
- import { default as Tt } from "./patterns/ViewingsList/ViewingsList.js";
60
- import { default as Vt } from "./components/Modal/Modal.js";
61
- import { default as Bt } from "./components/Drawer/Drawer.js";
62
- import { default as wt } from "./components/Pagination/Pagination.js";
63
- import { default as yt } from "./components/Tags/Tags.js";
64
- import { default as Dt } from "./patterns/ViewingsList/StatefulViewingsList.js";
65
- import { TextVariants as Nt } from "./components/Text/types.js";
66
- import { default as Ot } from "./components/Text/Text.js";
67
- import { TextSymbolVariants as Gt } from "./components/TextSymbol/types.js";
68
- import { default as Et } from "./components/TextSymbol/TextSymbol.js";
69
- import { default as Yt } from "./components/Accordion/Accordion.js";
70
- import { default as zt } from "./components/Accordion/AccordionItem.js";
71
- import { AccordionItemVariant as qt, AccordionVariants as Jt } from "./components/Accordion/types.js";
72
- import { default as Xt } from "./patterns/UserManagement/UserManagement.js";
73
- import { AuthState as $t } from "./patterns/UserManagement/types.js";
74
- import { default as to } from "./components/Breadcrumb/Breadcrumb.js";
28
+ import { default as ne } from "./assets/icon-green-circle.svg.js";
29
+ import { default as ce } from "./assets/icon-red-circle.svg.js";
30
+ import { default as Se } from "./pages/Page.js";
31
+ import { usePendingState as Le } from "./utils/hooks.js";
32
+ import { SSRMediaQuery as Ie, ssrMediaQueryStyle as be } from "./providers/SeldonProvider/utils.js";
33
+ import { AuctionStatus as Ae, SupportedLanguages as Be } from "./types/commonTypes.js";
34
+ import { default as ke } from "./components/Button/Button.js";
35
+ import { ButtonVariants as we } from "./components/Button/types.js";
36
+ import { default as ye } from "./components/IconButton/IconButton.js";
37
+ import { default as De } from "./components/ErrorBoundary/ErrorBoundary.js";
38
+ import { default as Ne } from "./site-furniture/Footer/Footer.js";
39
+ import { Grid as Ge } from "./components/Grid/Grid.js";
40
+ import { default as Ue } from "./site-furniture/Header/Header.js";
41
+ import { default as We } from "./components/Navigation/Navigation.js";
42
+ import { default as Ye } from "./components/Navigation/NavigationItem/NavigationItem.js";
43
+ import { default as ze } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
44
+ import { default as qe } from "./components/Navigation/NavigationList/NavigationList.js";
45
+ import { default as Ke } from "./patterns/HeroBanner/HeroBanner.js";
46
+ import { default as _e } from "./components/Input/Input.js";
47
+ import { default as et } from "./components/Link/Link.js";
48
+ import { LinkVariants as ot } from "./components/Link/types.js";
49
+ import { default as at } from "./components/LinkBlock/LinkBlock.js";
50
+ import { default as st } from "./components/LinkList/LinkList.js";
51
+ import { default as dt } from "./components/Row/Row.js";
52
+ import { default as pt } from "./components/GridItem/GridItem.js";
53
+ import { GridItemAlign as xt } from "./components/GridItem/types.js";
54
+ import { default as nt } from "./components/Search/Search.js";
55
+ import { default as ct } from "./components/Select/Select.js";
56
+ import { SelectVariants as St } from "./components/Select/types.js";
57
+ import { default as Lt } from "./components/SplitPanel/SplitPanel.js";
58
+ import { default as It } from "./patterns/Subscribe/Subscribe.js";
59
+ import { SubscriptionState as Tt } from "./patterns/Subscribe/types.js";
60
+ import { default as Bt } from "./patterns/Social/Social.js";
61
+ import { default as kt } from "./patterns/ViewingsList/ViewingsList.js";
62
+ import { default as wt } from "./components/Modal/Modal.js";
63
+ import { default as yt } from "./components/Drawer/Drawer.js";
64
+ import { default as Dt } from "./components/Pagination/Pagination.js";
65
+ import { default as Nt } from "./components/Tags/Tags.js";
66
+ import { default as Gt } from "./patterns/ViewingsList/StatefulViewingsList.js";
67
+ import { TextVariants as Ut } from "./components/Text/types.js";
68
+ import { default as Wt } from "./components/Text/Text.js";
69
+ import { TextSymbolVariants as Yt } from "./components/TextSymbol/types.js";
70
+ import { default as zt } from "./components/TextSymbol/TextSymbol.js";
71
+ import { default as qt } from "./components/Accordion/Accordion.js";
72
+ import { default as Kt } from "./components/Accordion/AccordionItem.js";
73
+ import { AccordionItemVariant as _t, AccordionVariants as $t } from "./components/Accordion/types.js";
74
+ import { default as to } from "./patterns/UserManagement/UserManagement.js";
75
+ import { AuthState as ro } from "./patterns/UserManagement/types.js";
76
+ import { default as fo } from "./components/Breadcrumb/Breadcrumb.js";
75
77
  import "react/jsx-runtime";
76
78
  import "./node_modules/classnames/index.js";
77
- import { default as ro } from "./components/Dropdown/Dropdown.js";
78
- import { default as fo } from "./components/Video/Video.js";
79
- import { default as lo } from "./patterns/LanguageSelector/LanguageSelector.js";
80
- import { default as mo } from "./components/ContentPeek/ContentPeek.js";
81
- import { HeightUnits as xo } from "./components/ContentPeek/utils.js";
82
- import { default as io } from "./components/Collapsible/Collapsible.js";
83
- import { default as co } from "./components/Collapsible/CollapsibleContent.js";
84
- import { default as So } from "./components/Collapsible/CollapsibleTrigger.js";
85
- import { SeldonProvider as Lo } from "./providers/SeldonProvider/SeldonProvider.js";
86
- import { default as Io } from "./components/PageContentWrapper/PageContentWrapper.js";
87
- import { default as To } from "./components/Carousel/Carousel.js";
88
- import { default as Vo } from "./components/Carousel/CarouselContent.js";
89
- import { default as Bo } from "./components/Carousel/CarouselItem.js";
90
- import { default as wo } from "./components/Carousel/CarouselDots.js";
91
- import { default as yo } from "./components/Detail/Detail.js";
92
- import { default as Do } from "./patterns/DetailList/DetailList.js";
93
- import { DetailListAlignment as No } from "./patterns/DetailList/types.js";
94
- import { default as Oo } from "./components/PinchZoom/PinchZoom.js";
95
- import { default as Go } from "./components/Tabs/TabsContainer.js";
96
- import { default as Eo } from "./components/Tabs/TabsContent.js";
97
- import { default as Yo } from "./components/SeldonImage/SeldonImage.js";
98
- import { default as zo } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
99
- import { default as qo } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
100
- import { AuctionState as Ko } from "./patterns/SaleHeaderBanner/types.js";
101
- import { default as _o } from "./patterns/FilterMenu/FilterMenu.js";
102
- import { default as er } from "./components/Filter/Filter.js";
103
- import { default as or } from "./components/Filter/FilterInput.js";
104
- import { default as ar } from "./components/Filter/FilterHeader.js";
105
- import { default as sr } from "./components/Countdown/Countdown.js";
106
- import { CountdownVariants as dr } from "./components/Countdown/types.js";
107
- import { default as mr } from "./patterns/ObjectTile/ObjectTile.js";
108
- import { default as xr } from "./patterns/BidSnapshot/BidSnapshot.js";
109
- import { default as ir } from "./patterns/BidSnapshot/BidMessage.js";
110
- import { BidMessageVariants as cr } from "./patterns/BidSnapshot/types.js";
79
+ import { default as lo } from "./components/Dropdown/Dropdown.js";
80
+ import { default as po } from "./components/Video/Video.js";
81
+ import { default as xo } from "./patterns/LanguageSelector/LanguageSelector.js";
82
+ import { default as no } from "./components/ContentPeek/ContentPeek.js";
83
+ import { HeightUnits as co } from "./components/ContentPeek/utils.js";
84
+ import { default as So } from "./components/Collapsible/Collapsible.js";
85
+ import { default as Lo } from "./components/Collapsible/CollapsibleContent.js";
86
+ import { default as Io } from "./components/Collapsible/CollapsibleTrigger.js";
87
+ import { SeldonProvider as To } from "./providers/SeldonProvider/SeldonProvider.js";
88
+ import { default as Bo } from "./components/PageContentWrapper/PageContentWrapper.js";
89
+ import { default as ko } from "./components/Carousel/Carousel.js";
90
+ import { default as wo } from "./components/Carousel/CarouselContent.js";
91
+ import { default as yo } from "./components/Carousel/CarouselItem.js";
92
+ import { default as Do } from "./components/Carousel/CarouselDots.js";
93
+ import { default as No } from "./components/Detail/Detail.js";
94
+ import { default as Go } from "./patterns/DetailList/DetailList.js";
95
+ import { DetailListAlignment as Uo } from "./patterns/DetailList/types.js";
96
+ import { default as Wo } from "./components/PinchZoom/PinchZoom.js";
97
+ import { default as Yo } from "./components/Tabs/TabsContainer.js";
98
+ import { default as zo } from "./components/Tabs/TabsContent.js";
99
+ import { default as qo } from "./components/SeldonImage/SeldonImage.js";
100
+ import { default as Ko } from "./patterns/SaleHeaderBanner/SaleHeaderBanner.js";
101
+ import { default as _o } from "./patterns/SaleHeaderBanner/SaleHeaderBrowseAuctions.js";
102
+ import { AuctionState as er } from "./patterns/SaleHeaderBanner/types.js";
103
+ import { default as or } from "./patterns/FilterMenu/FilterMenu.js";
104
+ import { default as ar } from "./components/Filter/Filter.js";
105
+ import { default as sr } from "./components/Filter/FilterInput.js";
106
+ import { default as dr } from "./components/Filter/FilterHeader.js";
107
+ import { default as pr } from "./components/Countdown/Countdown.js";
108
+ import { CountdownVariants as xr } from "./components/Countdown/types.js";
109
+ import { default as nr } from "./patterns/ObjectTile/ObjectTile.js";
110
+ import { default as cr } from "./patterns/BidSnapshot/BidSnapshot.js";
111
+ import { default as Sr } from "./patterns/BidSnapshot/BidMessage.js";
112
+ import { BidMessageVariants as Lr, BidStatusEnum as Pr } from "./patterns/BidSnapshot/types.js";
111
113
  export {
112
- Yt as Accordion,
113
- zt as AccordionItem,
114
- qt as AccordionItemVariant,
115
- Jt as AccordionVariants,
114
+ qt as Accordion,
115
+ Kt as AccordionItem,
116
+ _t as AccordionItemVariant,
117
+ $t as AccordionVariants,
116
118
  S as AccountCircle,
117
119
  L as ArrowPrev,
118
- Ko as AuctionState,
119
- Pe as AuctionStatus,
120
- $t as AuthState,
121
- ir as BidMessage,
122
- cr as BidMessageVariants,
123
- xr as BidSnapshot,
124
- to as Breadcrumb,
125
- Te as Button,
126
- Ve as ButtonVariants,
120
+ er as AuctionState,
121
+ Ae as AuctionStatus,
122
+ ro as AuthState,
123
+ Sr as BidMessage,
124
+ Lr as BidMessageVariants,
125
+ cr as BidSnapshot,
126
+ Pr as BidStatusEnum,
127
+ fo as Breadcrumb,
128
+ ke as Button,
129
+ we as ButtonVariants,
127
130
  I as Calendar,
128
131
  T as CalendarAlt,
129
- To as Carousel,
130
- Vo as CarouselContent,
131
- wo as CarouselDots,
132
- Bo as CarouselItem,
133
- V as ChevronDown,
134
- B as ChevronNext,
132
+ ko as Carousel,
133
+ wo as CarouselContent,
134
+ Do as CarouselDots,
135
+ yo as CarouselItem,
136
+ B as ChevronDown,
137
+ k as ChevronNext,
135
138
  w as ChevronRight,
136
139
  y as Close,
137
- io as Collapsible,
138
- co as CollapsibleContent,
139
- So as CollapsibleTrigger,
140
- mo as ContentPeek,
141
- xo as ContentPeekHeightUnits,
142
- sr as Countdown,
143
- dr as CountdownVariants,
144
- yo as Detail,
145
- Do as DetailList,
146
- No as DetailListAlignment,
147
- Bt as Drawer,
148
- ro as Dropdown,
149
- we as ErrorBoundary,
150
- O as Facebook,
140
+ So as Collapsible,
141
+ Lo as CollapsibleContent,
142
+ Io as CollapsibleTrigger,
143
+ no as ContentPeek,
144
+ co as ContentPeekHeightUnits,
145
+ pr as Countdown,
146
+ xr as CountdownVariants,
147
+ No as Detail,
148
+ Go as DetailList,
149
+ Uo as DetailListAlignment,
150
+ yt as Drawer,
151
+ lo as Dropdown,
152
+ De as ErrorBoundary,
153
+ G as Facebook,
151
154
  D as Favorite,
152
155
  N as FavoriteOutline,
153
- er as Filter,
154
- ar as FilterHeader,
155
- or as FilterInput,
156
- _o as FilterMenu,
157
- ye as Footer,
158
- G as FooterInstagram,
156
+ ar as Filter,
157
+ dr as FilterHeader,
158
+ sr as FilterInput,
159
+ or as FilterMenu,
160
+ Ne as Footer,
161
+ U as FooterInstagram,
159
162
  z as FooterWeChat,
160
- De as Grid,
161
- st as GridItem,
162
- dt as GridItemAlign,
163
- Ne as Header,
164
- ze as HeroBanner,
165
- Be as IconButton,
166
- qe as Input,
163
+ ne as GreenCircle,
164
+ Ge as Grid,
165
+ pt as GridItem,
166
+ xt as GridItemAlign,
167
+ Ue as Header,
168
+ Ke as HeroBanner,
169
+ ye as IconButton,
170
+ _e as Input,
167
171
  q as Instagram,
168
- lo as LanguageSelector,
169
- Ke as Link,
170
- et as LinkBlock,
171
- ot as LinkList,
172
- _e as LinkVariants,
173
- E as LinkedIn,
172
+ xo as LanguageSelector,
173
+ et as Link,
174
+ at as LinkBlock,
175
+ st as LinkList,
176
+ ot as LinkVariants,
177
+ W as LinkedIn,
174
178
  K as Lock,
175
179
  _ as Minus,
176
- Vt as Modal,
177
- Oe as Navigation,
178
- Ge as NavigationItem,
179
- Ee as NavigationItemTrigger,
180
- Ye as NavigationList,
181
- mr as ObjectTile,
180
+ wt as Modal,
181
+ We as Navigation,
182
+ Ye as NavigationItem,
183
+ ze as NavigationItemTrigger,
184
+ qe as NavigationList,
185
+ nr as ObjectTile,
182
186
  f as PaddingTokens,
183
- ie as Page,
184
- Io as PageContentWrapper,
185
- wt as Pagination,
187
+ Se as Page,
188
+ Bo as PageContentWrapper,
189
+ Dt as Pagination,
186
190
  ee as PhillipsLogo,
187
- Oo as PinchZoom,
191
+ Wo as PinchZoom,
188
192
  oe as Plus,
189
193
  ae as React,
194
+ ce as RedCircle,
190
195
  Y as Reddit,
191
- at as Row,
192
- Se as SSRMediaQuery,
193
- zo as SaleHeaderBanner,
194
- qo as SaleHeaderBrowseAuctions,
195
- mt as Search,
196
- Yo as SeldonImage,
197
- Lo as SeldonProvider,
198
- xt as Select,
199
- it as SelectVariants,
196
+ dt as Row,
197
+ Ie as SSRMediaQuery,
198
+ Ko as SaleHeaderBanner,
199
+ _o as SaleHeaderBrowseAuctions,
200
+ nt as Search,
201
+ qo as SeldonImage,
202
+ To as SeldonProvider,
203
+ ct as Select,
204
+ St as SelectVariants,
200
205
  se as Share,
201
- It as Social,
206
+ Bt as Social,
202
207
  s as SpacingTokens,
203
- ct as SplitPanel,
208
+ Lt as SplitPanel,
204
209
  de as Spotify,
205
- Dt as StatefulViewingsList,
206
- St as Subscribe,
207
- Lt as SubscriptionState,
208
- Ie as SupportedLanguages,
209
- Go as TabsContainer,
210
- Eo as TabsContent,
211
- yt as TagsList,
212
- Ot as Text,
213
- Gt as TextSymbolVariants,
214
- Et as TextSymbols,
215
- Nt as TextVariants,
216
- Xt as UserManagement,
217
- fo as Video,
218
- Tt as ViewingsList,
219
- me as WeChat,
210
+ Gt as StatefulViewingsList,
211
+ It as Subscribe,
212
+ Tt as SubscriptionState,
213
+ Be as SupportedLanguages,
214
+ Yo as TabsContainer,
215
+ zo as TabsContent,
216
+ Nt as TagsList,
217
+ Wt as Text,
218
+ Yt as TextSymbolVariants,
219
+ zt as TextSymbols,
220
+ Ut as TextVariants,
221
+ to as UserManagement,
222
+ po as Video,
223
+ kt as ViewingsList,
224
+ pe as WeChat,
220
225
  xe as Youtube,
221
226
  l as defaultYear,
222
227
  d as emailValidation,
223
- p as encodeURLSearchParams,
224
- m as findChildrenExcludingTypes,
228
+ m as encodeURLSearchParams,
229
+ p as findChildrenExcludingTypes,
225
230
  u as findChildrenOfType,
226
231
  x as generatePaddingClassName,
227
- n as getCommonProps,
228
- i as noOp,
232
+ i as getCommonProps,
233
+ n as noOp,
229
234
  g as px,
230
- he as ssrMediaQueryStyle,
235
+ be as ssrMediaQueryStyle,
231
236
  c as useNormalizedInputProps,
232
- ce as usePendingState
237
+ Le as usePendingState
233
238
  };
@@ -1,22 +1,25 @@
1
- import { jsx as o, jsxs as l } from "react/jsx-runtime";
2
- import p from "../../node_modules/classnames/index.js";
3
- import { getCommonProps as d } from "../../utils/index.js";
4
- import { TextVariants as f } from "../../components/Text/types.js";
5
- import g from "../../components/Text/Text.js";
6
- import { BidMessageVariants as e } from "./types.js";
7
- const B = ({
8
- className: r,
9
- hasIcon: i = !0,
10
- message: m,
11
- variant: t = e.positive,
12
- ...a
1
+ import { jsx as r, jsxs as p } from "react/jsx-runtime";
2
+ import l from "../../node_modules/classnames/index.js";
3
+ import { getCommonProps as f } from "../../utils/index.js";
4
+ import { TextVariants as g } from "../../components/Text/types.js";
5
+ import d from "../../components/Text/Text.js";
6
+ import { BidMessageVariants as s } from "./types.js";
7
+ import "react";
8
+ import v from "../../assets/icon-green-circle.svg.js";
9
+ import x from "../../assets/icon-red-circle.svg.js";
10
+ const T = ({
11
+ className: e,
12
+ hasIcon: m = !0,
13
+ message: t,
14
+ variant: i = s.positive,
15
+ ...o
13
16
  }) => {
14
- 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: "🔴" });
15
- return /* @__PURE__ */ l(g, { ...n, className: p(s, r), ...a, variant: f.string2, children: [
16
- i ? c : null,
17
- m
17
+ const { className: a, ...n } = f(o, "BidMessage"), c = i === s.positive ? /* @__PURE__ */ r(v, {}) : /* @__PURE__ */ r(x, {});
18
+ return /* @__PURE__ */ p(d, { ...n, className: l(a, e), ...o, variant: g.string2, children: [
19
+ m ? c : null,
20
+ t
18
21
  ] });
19
22
  };
20
23
  export {
21
- B as default
24
+ T as default
22
25
  };
@@ -1,10 +1,11 @@
1
1
  import { ComponentProps } from 'react';
2
2
  import { AuctionStatus, SupportedLanguages } from '../../types/commonTypes';
3
+ import { BidStatusEnum } from './types';
3
4
  export interface BidSnapshotProps extends ComponentProps<'div'> {
4
5
  /**
5
- * Active bid of current signed in user. - '1000'
6
+ * The user's current bid state, winning or losing, etc.
6
7
  */
7
- activeBid?: number | null;
8
+ bidStatus?: BidStatusEnum;
8
9
  /**
9
10
  * State of the object
10
11
  */
@@ -1,64 +1,67 @@
1
- import { jsxs as W, jsx as l } from "react/jsx-runtime";
2
- import { forwardRef as _ } from "react";
3
- import A from "../../node_modules/classnames/index.js";
4
- import { getCommonProps as V } from "../../utils/index.js";
5
- import k from "../DetailList/DetailList.js";
6
- import q from "../../components/Detail/Detail.js";
7
- import { AuctionStatus as t, SupportedLanguages as z } from "../../types/commonTypes.js";
8
- import E from "../../components/Countdown/Countdown.js";
9
- import { CountdownVariants as F } from "../../components/Countdown/types.js";
10
- const G = (s) => s === 1 ? `${s} bid` : `${s} bids`, H = _(
1
+ import { jsxs as _, jsx as l } from "react/jsx-runtime";
2
+ import { forwardRef as A } from "react";
3
+ import V from "../../node_modules/classnames/index.js";
4
+ import { getCommonProps as k, findChildrenOfType as q, findChildrenExcludingTypes as z } from "../../utils/index.js";
5
+ import F from "../DetailList/DetailList.js";
6
+ import G from "../../components/Detail/Detail.js";
7
+ import { AuctionStatus as a, SupportedLanguages as H } from "../../types/commonTypes.js";
8
+ import I from "../../components/Countdown/Countdown.js";
9
+ import { CountdownVariants as J } from "../../components/Countdown/types.js";
10
+ import { BidStatusEnum as g } from "./types.js";
11
+ import u from "./BidMessage.js";
12
+ const K = (o) => o === 1 ? `${o} bid` : `${o} bids`, Q = A(
11
13
  ({
12
- activeBid: s,
13
- auctionStatus: e = t.ready,
14
- bidsLabelText: h = G,
15
- children: $,
16
- className: b,
17
- closingText: u = "Closes in",
18
- currency: S = "$",
19
- currentBid: a,
20
- currentBidText: C = "Current bid",
21
- formatDurationStr: g = (o) => o.replace(/seconds?/, "sec").replace(/minutes?/, "min"),
22
- lang: v = "en",
23
- lotCloseDate: m,
14
+ bidStatus: o,
15
+ auctionStatus: e = a.ready,
16
+ bidsLabelText: C = K,
17
+ children: m,
18
+ className: $,
19
+ closingText: b = "Closes in",
20
+ currency: v = "$",
21
+ currentBid: i,
22
+ currentBidText: y = "Current bid",
23
+ formatDurationStr: S = (s) => s.replace(/seconds?/, "sec").replace(/minutes?/, "min"),
24
+ lang: T = "en",
25
+ lotCloseDate: d,
24
26
  numberOfBids: p = 0,
25
- startingBid: L,
26
- startingBidText: N = "Starting bid",
27
- soldForText: w = "Sold for",
28
- wonForText: x = "Won for",
27
+ startingBid: x,
28
+ startingBidText: L = "Starting bid",
29
+ soldForText: N = "Sold for",
30
+ wonForText: w = "Won for",
29
31
  ...c
30
- }, y) => {
31
- var f;
32
- 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, {
33
- [`${o}--live`]: n,
34
- [`${o}--has-bids`]: i
32
+ }, W) => {
33
+ var h;
34
+ const { className: s, ...P } = k(c, "BidSnapshot"), n = i !== null && p > 0, j = o === g.Winning || o === g.Won, f = e === a.ready, t = e === a.live, B = e === a.past, D = t && d, E = q(m, u), M = z(m, [u]), R = V(s, $, {
35
+ [`${s}--live`]: t,
36
+ [`${s}--has-bids`]: n
35
37
  });
36
- let r = C;
37
- return (d || !i) && (r = N), j && i && (r = P ? x : w), /* @__PURE__ */ W("div", { ...T, ...c, ref: y, className: R, children: [
38
- /* @__PURE__ */ l(k, { hasSeparators: !0, className: `${o}__text`, children: /* @__PURE__ */ l(
39
- q,
38
+ let r = y;
39
+ return (f || !n) && (r = L), B && n && (r = j ? w : N), /* @__PURE__ */ _("div", { ...P, ...c, ref: W, className: R, children: [
40
+ /* @__PURE__ */ l(F, { hasSeparators: !0, className: `${s}__text`, children: /* @__PURE__ */ l(
41
+ G,
40
42
  {
41
43
  label: r,
42
- subLabel: n && a && `(${h(p)})`,
43
- value: `${S}${(f = a || L) == null ? void 0 : f.toLocaleString()}`,
44
+ subLabel: t && i && `(${C(p)})`,
45
+ value: `${v}${(h = i || x) == null ? void 0 : h.toLocaleString()}`,
44
46
  hasWrap: !1
45
47
  }
46
48
  ) }),
47
- s && !d ? $ : null,
49
+ o && !f ? E : null,
50
+ M,
48
51
  D ? /* @__PURE__ */ l(
49
- E,
52
+ I,
50
53
  {
51
- endDateTime: m,
52
- label: u,
53
- variant: F.compact,
54
- locale: z[v],
55
- formatDurationStr: g
54
+ endDateTime: d,
55
+ label: b,
56
+ variant: J.compact,
57
+ locale: H[T],
58
+ formatDurationStr: S
56
59
  }
57
60
  ) : null
58
61
  ] });
59
62
  }
60
63
  );
61
- H.displayName = "BidSnapshot";
64
+ Q.displayName = "BidSnapshot";
62
65
  export {
63
- H as default
66
+ Q as default
64
67
  };
@@ -1,5 +1,6 @@
1
1
  import { BidSnapshotProps } from './BidSnapshot';
2
2
  import { AuctionStatus } from '../../types/commonTypes';
3
+ import { BidStatusEnum } from './types';
3
4
  declare const meta: {
4
5
  title: string;
5
6
  component: import('react').ForwardRefExoticComponent<Omit<BidSnapshotProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
@@ -16,7 +17,6 @@ export default meta;
16
17
  export declare const Playground: {
17
18
  (props: BidSnapshotProps): import("react/jsx-runtime").JSX.Element;
18
19
  args: {
19
- activeBid: number;
20
20
  currency: string;
21
21
  numberOfBids: number;
22
22
  auctionStatus: AuctionStatus;
@@ -25,5 +25,12 @@ export declare const Playground: {
25
25
  lang: import('date-fns').Locale;
26
26
  startingBid: number;
27
27
  };
28
- argTypes: {};
28
+ argTypes: {
29
+ bidStatus: {
30
+ options: typeof BidStatusEnum;
31
+ control: {
32
+ type: string;
33
+ };
34
+ };
35
+ };
29
36
  };
@@ -1,3 +1,3 @@
1
1
  export { default as BidSnapshot, type BidSnapshotProps } from './BidSnapshot';
2
2
  export { default as BidMessage } from './BidMessage';
3
- export { BidMessageVariants } from './types';
3
+ export { BidMessageVariants, BidStatusEnum } from './types';
@@ -2,3 +2,9 @@ export declare enum BidMessageVariants {
2
2
  positive = "POSITIVE",
3
3
  negative = "NEGATIVE"
4
4
  }
5
+ export declare enum BidStatusEnum {
6
+ Winning = "winning",
7
+ Losing = "losing",
8
+ Won = "won",
9
+ Lost = "lost"
10
+ }
@@ -1,4 +1,5 @@
1
- var r = /* @__PURE__ */ ((e) => (e.positive = "POSITIVE", e.negative = "NEGATIVE", e))(r || {});
1
+ 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 || {});
2
2
  export {
3
- r as BidMessageVariants
3
+ o as BidMessageVariants,
4
+ r as BidStatusEnum
4
5
  };
@@ -35,7 +35,7 @@
35
35
  .#{$px}-bid-message {
36
36
  align-items: center;
37
37
  display: flex;
38
- gap: 6px;
38
+ gap: $spacing-micro;
39
39
 
40
40
  // Override the default text style being too specific
41
41
  &.#{$px}-bid-message {
@@ -37,6 +37,7 @@ $social_icon_height: 1.75rem;
37
37
 
38
38
  &.#{$px}-social__button {
39
39
  font-variation-settings: 'wght' 600;
40
+ text-transform: none;
40
41
  }
41
42
 
42
43
  &:hover {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@phillips/seldon",
3
- "version": "1.97.0",
3
+ "version": "1.97.1",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "https://github.com/PhillipsAuctionHouse/seldon"