@lanaco/lnc-react-ui 4.0.206 → 4.0.207

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.
Files changed (321) hide show
  1. package/BREAKPOINTS.md +148 -0
  2. package/dist/Accordion.cjs +1 -1
  3. package/dist/Accordion.js +6 -6
  4. package/dist/AccordionSummary.cjs +1 -1
  5. package/dist/AccordionSummary.js +8 -8
  6. package/dist/ActionsToolbar.cjs +15 -4
  7. package/dist/ActionsToolbar.js +58 -46
  8. package/dist/AdBannerSection.cjs +4 -4
  9. package/dist/AdBannerSection.js +5 -5
  10. package/dist/Alert.cjs +1 -1
  11. package/dist/Alert.js +1 -1
  12. package/dist/Avatar.cjs +1 -1
  13. package/dist/Avatar.js +12 -12
  14. package/dist/Badge.cjs +1 -1
  15. package/dist/Badge.js +5 -5
  16. package/dist/BannerNextSection.cjs +2 -2
  17. package/dist/BannerNextSection.js +13 -13
  18. package/dist/BannerSectionBasic.cjs +4 -4
  19. package/dist/BannerSectionBasic.js +22 -22
  20. package/dist/BannerSectionCarousel.cjs +27 -6
  21. package/dist/BannerSectionCarousel.js +71 -50
  22. package/dist/BannerSectionGrid.cjs +3 -3
  23. package/dist/BannerSectionGrid.js +13 -13
  24. package/dist/BannerSectionSimple.cjs +15 -15
  25. package/dist/BannerSectionSimple.js +40 -40
  26. package/dist/BannerSectionWithList.cjs +7 -7
  27. package/dist/BannerSectionWithList.js +20 -20
  28. package/dist/BannerSectionWithListImage.cjs +6 -9
  29. package/dist/BannerSectionWithListImage.js +17 -20
  30. package/dist/BlogCardsSponsoredSection.cjs +7 -5
  31. package/dist/BlogCardsSponsoredSection.js +32 -30
  32. package/dist/BlogCategoryCardsSection.cjs +1 -1
  33. package/dist/BlogCategoryCardsSection.js +2 -2
  34. package/dist/BlogExploreSection.cjs +4 -4
  35. package/dist/BlogExploreSection.js +60 -60
  36. package/dist/BlogImagePathSection.cjs +3 -14
  37. package/dist/BlogImagePathSection.js +27 -39
  38. package/dist/BlogListSection.cjs +6 -6
  39. package/dist/BlogListSection.js +32 -32
  40. package/dist/BlogProductCardsSection.cjs +1 -1
  41. package/dist/BlogProductCardsSection.js +3 -3
  42. package/dist/BlogShopCardsSection.cjs +1 -1
  43. package/dist/BlogShopCardsSection.js +3 -3
  44. package/dist/BlogSingleSection.cjs +3 -3
  45. package/dist/BlogSingleSection.js +12 -12
  46. package/dist/BlogsSectionDetailed.cjs +14 -6
  47. package/dist/BlogsSectionDetailed.js +53 -45
  48. package/dist/BlogsSectionLarge.cjs +13 -5
  49. package/dist/BlogsSectionLarge.js +48 -40
  50. package/dist/BlogsSectionSimple.cjs +14 -9
  51. package/dist/BlogsSectionSimple.js +43 -38
  52. package/dist/BlogsSectionSimpleCentered.cjs +17 -8
  53. package/dist/BlogsSectionSimpleCentered.js +68 -59
  54. package/dist/BlogsSectionWithFilters.cjs +16 -11
  55. package/dist/BlogsSectionWithFilters.js +43 -38
  56. package/dist/BrandHitsSection.cjs +7 -7
  57. package/dist/BrandHitsSection.js +13 -13
  58. package/dist/Breadcrumbs.cjs +1 -1
  59. package/dist/Breadcrumbs.js +16 -16
  60. package/dist/Button.cjs +1 -1
  61. package/dist/Button.js +1 -1
  62. package/dist/ButtonGroup.cjs +1 -1
  63. package/dist/ButtonGroup.js +1 -1
  64. package/dist/CalorieCalculatorSection.cjs +15 -15
  65. package/dist/CalorieCalculatorSection.js +84 -84
  66. package/dist/{CategorySimpleCard-COGlTj06.cjs → CategorySimpleCard-CIBvknos.cjs} +3 -3
  67. package/dist/{CategorySimpleCard-Em84kZzQ.js → CategorySimpleCard-CkSwvJRw.js} +8 -8
  68. package/dist/CheckBoxInput.cjs +1 -1
  69. package/dist/CheckBoxInput.js +1 -1
  70. package/dist/Chip.cjs +1 -1
  71. package/dist/Chip.js +1 -1
  72. package/dist/ColorInput.cjs +1 -1
  73. package/dist/ColorInput.js +14 -14
  74. package/dist/ConfirmationForm.cjs +1 -1
  75. package/dist/ConfirmationForm.js +5 -5
  76. package/dist/ContactSection.cjs +4 -4
  77. package/dist/ContactSection.js +72 -72
  78. package/dist/CustomLoanMapSection.cjs +3 -3
  79. package/dist/CustomLoanMapSection.js +67 -67
  80. package/dist/{CustomStyles-C86XQqBE.cjs → CustomStyles-2TQQSwtU.cjs} +1 -1
  81. package/dist/{CustomStyles-DtWxboEM.js → CustomStyles-DR4WuDUN.js} +1 -1
  82. package/dist/{DailyMotion-CpZExcrg.cjs → DailyMotion-BPdBW5Yv.cjs} +1 -1
  83. package/dist/{DailyMotion-BBcJkMo_.js → DailyMotion-P9S-WhTX.js} +1 -1
  84. package/dist/DateInput.cjs +6 -6
  85. package/dist/DateInput.js +646 -645
  86. package/dist/DecimalInput.cjs +1 -1
  87. package/dist/DecimalInput.js +1 -1
  88. package/dist/DecimalInputV2.cjs +1 -1
  89. package/dist/DecimalInputV2.js +1 -1
  90. package/dist/DetailedProductsInfinitiveSection.cjs +10 -4
  91. package/dist/DetailedProductsInfinitiveSection.js +71 -65
  92. package/dist/DetailedProductsSection.cjs +7 -3
  93. package/dist/DetailedProductsSection.js +55 -51
  94. package/dist/DetailsView.cjs +1 -1
  95. package/dist/DetailsView.js +1 -1
  96. package/dist/DoubleRangeSlider.cjs +1 -1
  97. package/dist/DoubleRangeSlider.js +1 -1
  98. package/dist/DragAndDropFile.cjs +1 -1
  99. package/dist/DragAndDropFile.js +1 -1
  100. package/dist/DragDropFiles.cjs +1 -1
  101. package/dist/DragDropFiles.js +13 -13
  102. package/dist/Drawer.cjs +1 -1
  103. package/dist/Drawer.js +1 -1
  104. package/dist/Dropdown.cjs +1 -1
  105. package/dist/Dropdown.js +2 -2
  106. package/dist/DropdownItem.cjs +1 -1
  107. package/dist/DropdownItem.js +1 -1
  108. package/dist/DropdownLookup.cjs +1 -1
  109. package/dist/DropdownLookup.js +1 -1
  110. package/dist/DropdownMenu.cjs +1 -1
  111. package/dist/DropdownMenu.js +7 -7
  112. package/dist/EditableTable.cjs +1 -1
  113. package/dist/EditableTable.js +8 -8
  114. package/dist/{Facebook-DoKw-XxT.cjs → Facebook-C8L2KR4O.cjs} +1 -1
  115. package/dist/{Facebook-BSWPEXjA.js → Facebook-vhbBr0rd.js} +1 -1
  116. package/dist/FaqSection.cjs +3 -3
  117. package/dist/FaqSection.js +52 -52
  118. package/dist/FeedbackSection.cjs +3 -3
  119. package/dist/FeedbackSection.js +15 -15
  120. package/dist/FieldOfInterestsMasonrySection.cjs +18 -12
  121. package/dist/FieldOfInterestsMasonrySection.js +73 -67
  122. package/dist/FieldOfInterestsWithAvatarsCardsSection.cjs +13 -7
  123. package/dist/FieldOfInterestsWithAvatarsCardsSection.js +64 -58
  124. package/dist/FieldOfInterestsWithTagsCardsSection.cjs +15 -9
  125. package/dist/FieldOfInterestsWithTagsCardsSection.js +42 -36
  126. package/dist/FileInput.cjs +1 -1
  127. package/dist/FileInput.js +1 -1
  128. package/dist/{FilePlayer-D9az_lc_.cjs → FilePlayer-BVFgHY_f.cjs} +1 -1
  129. package/dist/{FilePlayer-BtGpIWnK.js → FilePlayer-CXTLAokk.js} +1 -1
  130. package/dist/FlexGridItem.cjs +1 -1
  131. package/dist/FlexGridItem.js +1 -1
  132. package/dist/FormField.cjs +1 -1
  133. package/dist/FormField.js +1 -1
  134. package/dist/FormView.cjs +1 -1
  135. package/dist/FormView.js +1 -1
  136. package/dist/GeneralWithTagsCardsSection.cjs +14 -8
  137. package/dist/GeneralWithTagsCardsSection.js +31 -25
  138. package/dist/GiftCardsSection.cjs +15 -7
  139. package/dist/GiftCardsSection.js +44 -36
  140. package/dist/HelpBannerSection.cjs +3 -3
  141. package/dist/HelpBannerSection.js +4 -4
  142. package/dist/Icon.cjs +1 -1
  143. package/dist/Icon.js +4 -4
  144. package/dist/IconButton.cjs +1 -1
  145. package/dist/IconButton.js +1 -1
  146. package/dist/{Kaltura-CK6JHUZC.cjs → Kaltura-C2fRoaEg.cjs} +1 -1
  147. package/dist/{Kaltura-BDqlEQpd.js → Kaltura-CRGK2EP7.js} +1 -1
  148. package/dist/Kanban.cjs +1 -1
  149. package/dist/Kanban.js +1 -1
  150. package/dist/KanbanActionsToolbar.cjs +1 -1
  151. package/dist/KanbanActionsToolbar.js +5 -5
  152. package/dist/KanbanView.cjs +1 -1
  153. package/dist/KanbanView.js +9 -9
  154. package/dist/Link.cjs +1 -1
  155. package/dist/Link.js +1 -1
  156. package/dist/LoanCalculatorSection.cjs +3 -3
  157. package/dist/LoanCalculatorSection.js +17 -17
  158. package/dist/LocationFinderSection.cjs +1 -1
  159. package/dist/LocationFinderSection.js +1 -1
  160. package/dist/LocationSearchSection.cjs +13 -6
  161. package/dist/LocationSearchSection.js +34 -27
  162. package/dist/MasonryGeneralCardsSection.cjs +13 -9
  163. package/dist/MasonryGeneralCardsSection.js +34 -30
  164. package/dist/MenuItem.cjs +1 -1
  165. package/dist/MenuItem.js +14 -14
  166. package/dist/{Mixcloud-zAh6j7Ha.js → Mixcloud-Cn5M-EIT.js} +1 -1
  167. package/dist/{Mixcloud-C1Boh2Bm.cjs → Mixcloud-D09BQNOt.cjs} +1 -1
  168. package/dist/Modal.cjs +1 -1
  169. package/dist/Modal.js +1 -1
  170. package/dist/MultiSelectDropdown.cjs +1 -1
  171. package/dist/MultiSelectDropdown.js +1 -1
  172. package/dist/MultiSelectDropdownLookup.cjs +1 -1
  173. package/dist/MultiSelectDropdownLookup.js +1 -1
  174. package/dist/{Mux-C6TwZeaq.cjs → Mux-C-xD7crc.cjs} +1 -1
  175. package/dist/{Mux-BGTG_Tvc.js → Mux-C6szci3w.js} +1 -1
  176. package/dist/NestedDropdownItem.cjs +1 -1
  177. package/dist/NestedDropdownItem.js +9 -9
  178. package/dist/NestedMenuItem.cjs +1 -1
  179. package/dist/NestedMenuItem.js +7 -7
  180. package/dist/NotificationContainer.cjs +1 -1
  181. package/dist/NotificationContainer.js +1 -1
  182. package/dist/NotificationMessage.cjs +1 -1
  183. package/dist/NotificationMessage.js +5 -5
  184. package/dist/NumberInput.cjs +1 -1
  185. package/dist/NumberInput.js +8 -8
  186. package/dist/OverlayGeneralCardsSection.cjs +19 -31
  187. package/dist/OverlayGeneralCardsSection.js +51 -63
  188. package/dist/PartnerBannerSection.cjs +2 -2
  189. package/dist/PartnerBannerSection.js +2 -2
  190. package/dist/PartnerBrandsSection.cjs +2 -2
  191. package/dist/PartnerBrandsSection.js +24 -17
  192. package/dist/PartnerCardsSection.cjs +3 -3
  193. package/dist/PartnerCardsSection.js +18 -18
  194. package/dist/PartnerStatsSection.cjs +2 -2
  195. package/dist/PartnerStatsSection.js +3 -3
  196. package/dist/PasswordInput.cjs +1 -1
  197. package/dist/PasswordInput.js +19 -19
  198. package/dist/PopoverContent.cjs +1 -1
  199. package/dist/PopoverContent.js +1 -1
  200. package/dist/ProductsWithBannerSection.cjs +20 -10
  201. package/dist/ProductsWithBannerSection.js +79 -69
  202. package/dist/ProgressBar.cjs +1 -1
  203. package/dist/ProgressBar.js +5 -5
  204. package/dist/QuattroCardsSection.cjs +8 -6
  205. package/dist/QuattroCardsSection.js +19 -17
  206. package/dist/QuizSection.cjs +9 -9
  207. package/dist/QuizSection.js +56 -56
  208. package/dist/RadioInput.cjs +1 -1
  209. package/dist/RadioInput.js +1 -1
  210. package/dist/RangeSlider.cjs +1 -1
  211. package/dist/RangeSlider.js +1 -1
  212. package/dist/ReviewsSection.cjs +24 -16
  213. package/dist/ReviewsSection.js +56 -48
  214. package/dist/SalesCampaignsSection.cjs +25 -21
  215. package/dist/SalesCampaignsSection.js +248 -241
  216. package/dist/{SearchSection-DAaMecR4.js → SearchSection-BEYnWPSr.js} +69 -69
  217. package/dist/{SearchSection-B94YN_6P.cjs → SearchSection-DUY61r3k.cjs} +6 -6
  218. package/dist/SearchSection.cjs +1 -1
  219. package/dist/SearchSection.js +1 -1
  220. package/dist/Separator.cjs +1 -1
  221. package/dist/Separator.js +3 -3
  222. package/dist/SeparatorSection.cjs +3 -3
  223. package/dist/SeparatorSection.js +4 -4
  224. package/dist/ShopCardsSection.cjs +11 -5
  225. package/dist/ShopCardsSection.js +40 -34
  226. package/dist/Sidebar.cjs +1 -1
  227. package/dist/Sidebar.js +1 -1
  228. package/dist/SimpleCategoriesSection.cjs +9 -5
  229. package/dist/SimpleCategoriesSection.js +61 -57
  230. package/dist/SimpleProductsSection.cjs +44 -11
  231. package/dist/SimpleProductsSection.js +100 -67
  232. package/dist/{SoundCloud-C6R6E6Zc.cjs → SoundCloud-BsL6Onq6.cjs} +1 -1
  233. package/dist/{SoundCloud-lO8wg_0s.js → SoundCloud-Cfaj1Ze1.js} +1 -1
  234. package/dist/Spinner.cjs +1 -1
  235. package/dist/Spinner.js +1 -1
  236. package/dist/StatsSection.cjs +3 -3
  237. package/dist/StatsSection.js +11 -11
  238. package/dist/{Streamable-Dwa5ZEK4.js → Streamable-CG8_-_w7.js} +1 -1
  239. package/dist/{Streamable-DZO95CiT.cjs → Streamable-DFtyk9Dt.cjs} +1 -1
  240. package/dist/Surface.cjs +1 -1
  241. package/dist/Surface.js +1 -1
  242. package/dist/SwipeableDrawer.cjs +1 -1
  243. package/dist/SwipeableDrawer.js +1 -1
  244. package/dist/TabItem.cjs +1 -1
  245. package/dist/TabItem.js +1 -1
  246. package/dist/Table.cjs +54 -49
  247. package/dist/Table.js +417 -401
  248. package/dist/TableView.cjs +10 -2
  249. package/dist/TableView.js +84 -75
  250. package/dist/TextAreaInput.cjs +1 -1
  251. package/dist/TextAreaInput.js +1 -1
  252. package/dist/TextInput.cjs +1 -1
  253. package/dist/TextInput.js +1 -1
  254. package/dist/ThemeProvider.cjs +4 -4
  255. package/dist/ThemeProvider.js +11 -10
  256. package/dist/TimeInput.cjs +1 -1
  257. package/dist/TimeInput.js +1 -1
  258. package/dist/Toggle.cjs +1 -1
  259. package/dist/Toggle.js +1 -1
  260. package/dist/ToggleSection.cjs +7 -7
  261. package/dist/ToggleSection.js +38 -38
  262. package/dist/TreeMenuSeparator.cjs +1 -1
  263. package/dist/TreeMenuSeparator.js +3 -3
  264. package/dist/{Twitch-B17oKtD0.cjs → Twitch-BIUEEDiE.cjs} +1 -1
  265. package/dist/{Twitch-C73-dwWo.js → Twitch-CbU_0Tx9.js} +1 -1
  266. package/dist/UploadedFile.cjs +1 -1
  267. package/dist/UploadedFile.js +7 -7
  268. package/dist/UrgentSaleProductsSection.cjs +10 -4
  269. package/dist/UrgentSaleProductsSection.js +67 -61
  270. package/dist/{Vidyard-s1MMcaRm.cjs → Vidyard-QkjVIros.cjs} +1 -1
  271. package/dist/{Vidyard-B6GdBHsM.js → Vidyard-S6Fl_F78.js} +1 -1
  272. package/dist/{Vimeo-kzHz4Gco.js → Vimeo-5bkeYCV4.js} +1 -1
  273. package/dist/{Vimeo-J1l_SU2E.cjs → Vimeo-B5jsifNT.cjs} +1 -1
  274. package/dist/{Wistia-CudQyDHM.cjs → Wistia-dpbMmx23.cjs} +1 -1
  275. package/dist/{Wistia-w4jnqd7y.js → Wistia-gOZBV0XZ.js} +1 -1
  276. package/dist/{YouTube-BAYKouHS.cjs → YouTube-BfZRCB6O.cjs} +1 -1
  277. package/dist/{YouTube-BKyipPZx.js → YouTube-XoIB4ATQ.js} +1 -1
  278. package/dist/breakpoints-CcVm-gVm.cjs +1 -0
  279. package/dist/breakpoints-ff0SIcV3.js +91 -0
  280. package/dist/{index-u_XFwsvc.js → index-9KyU46J0.js} +11 -9
  281. package/dist/{index-CSgGox95.cjs → index-B9c6y2J5.cjs} +3 -3
  282. package/dist/{index-CS4w87SW.cjs → index-BEgD9vNo.cjs} +9 -9
  283. package/dist/{index-BC2PHcI1.js → index-BWeXujWl.js} +10 -10
  284. package/dist/index-B_ilx3wM.cjs +16 -0
  285. package/dist/{index-B22BZVBG.js → index-BvMY2TbK.js} +1 -1
  286. package/dist/{index-CwMCk9wV.js → index-BzSWu-7v.js} +67 -67
  287. package/dist/{index-TIqKd2Dv.js → index-C-uOIDDa.js} +2 -2
  288. package/dist/{index-bihqNqQk.js → index-C4HycAPS.js} +6 -6
  289. package/dist/{index-BWE-RCPy.cjs → index-CBZ-jNah.cjs} +4 -4
  290. package/dist/{index-D_5jNP-o.cjs → index-CUaeb_TU.cjs} +5 -5
  291. package/dist/{index-DK8dqEUQ.js → index-CoQ9APCD.js} +11 -11
  292. package/dist/{index-BAJkosVg.cjs → index-CsTfXxpp.cjs} +2 -2
  293. package/dist/{index-D0JDnm9b.cjs → index-Dc0EEBRW.cjs} +4 -4
  294. package/dist/{index-uwl7BjRF.cjs → index-DsINTjQk.cjs} +1 -1
  295. package/dist/{index-Cm414y95.js → index-L_Va5-wK.js} +13 -13
  296. package/dist/{index-CBMsUFkS.js → index-hC-E71GE.js} +11 -11
  297. package/dist/{index-BFc3nxYZ.cjs → index-of6WydGq.cjs} +4 -2
  298. package/dist/{index-BASX-BjS.js → index-rYUwBlpp.js} +63 -63
  299. package/dist/{index-D0IYt1s3.cjs → index-uCWKRzoS.cjs} +2 -2
  300. package/dist/{index-CRk3vcd4.cjs → index-vQOR22Py.cjs} +4 -4
  301. package/dist/{index-D-86mDtn.js → index-yARaIaLj.js} +29 -29
  302. package/dist/index.cjs +1 -1
  303. package/dist/index.js +213 -194
  304. package/dist/{style-BTTXJFJN.cjs → style-AYc9hnFj.cjs} +14 -2
  305. package/dist/{style-neMbLWE6.js → style-BUyFad_y.js} +4 -4
  306. package/dist/{style-tw6KjI2J.js → style-Bq3rMbnN.js} +16 -4
  307. package/dist/{style-B4kAj6YU.cjs → style-DC05rdyx.cjs} +5 -5
  308. package/dist/{tag-Dm8CW4TM.js → tag-Bi8gg6hJ.js} +12 -12
  309. package/dist/{tag-UQjq2_Ba.cjs → tag-DSnhWWHE.cjs} +5 -5
  310. package/dist/{utils-DtEfC-TX.js → theme-Befg4g_L.js} +19 -378
  311. package/dist/theme-Q3WOGKWQ.cjs +1 -0
  312. package/dist/{useDetectMobile-Bkvj0VMa.js → useDetectMobile-CcVo3PNi.js} +1 -1
  313. package/dist/useDetectMobile-DYV6V1yw.cjs +1 -0
  314. package/dist/utils-B2fsQ6PS.js +334 -0
  315. package/dist/utils-CITgSxXe.cjs +51 -0
  316. package/package.json +1 -1
  317. package/dist/consts-BuFChS64.js +0 -7
  318. package/dist/consts-goSZX3xP.cjs +0 -1
  319. package/dist/index-D-3I_Ppj.cjs +0 -16
  320. package/dist/useDetectMobile-zkbzoOGV.cjs +0 -1
  321. package/dist/utils-RnrgDDZP.cjs +0 -51
@@ -1,9 +1,9 @@
1
- import { jsx as r, jsxs as s, Fragment as w } from "react/jsx-runtime";
1
+ import { jsx as r, jsxs as d, Fragment as w } from "react/jsx-runtime";
2
2
  import { forwardRef as x, useState as u, useMemo as y } from "react";
3
3
  import b from "./Chip.js";
4
4
  import { s as f } from "./emotion-styled.browser.esm-BNN1dTl3.js";
5
- import { M as h } from "./consts-BuFChS64.js";
6
- import { u as S } from "./useDetectMobile-Bkvj0VMa.js";
5
+ import { d as h } from "./breakpoints-ff0SIcV3.js";
6
+ import { u as S } from "./useDetectMobile-CcVo3PNi.js";
7
7
  import v from "./Button.js";
8
8
  const N = f.div`
9
9
  display: flex;
@@ -65,7 +65,7 @@ const N = f.div`
65
65
  }
66
66
  }
67
67
 
68
- @media (max-width: ${h + "px"}) {
68
+ @media ${h("S")} {
69
69
  width: 100%;
70
70
 
71
71
  & .options__item {
@@ -94,7 +94,7 @@ const N = f.div`
94
94
  }
95
95
  }
96
96
 
97
- @media (max-width: ${h + "px"}) {
97
+ @media ${h("S")} {
98
98
  flex-direction: column;
99
99
 
100
100
  & .learn-more {
@@ -168,7 +168,7 @@ const N = f.div`
168
168
  }
169
169
  }
170
170
 
171
- @media (max-width: ${h + "px"}) {
171
+ @media ${h("S")} {
172
172
  max-width: 100%;
173
173
  flex-direction: row;
174
174
  padding: 1rem;
@@ -202,42 +202,42 @@ const N = f.div`
202
202
  }
203
203
  }
204
204
  `, k = x(
205
- ({ options: t = [], selectedOptionCode: a = null, onSelectOption: o = () => {
205
+ ({ options: t = [], selectedOptionCode: o = null, onSelectOption: a = () => {
206
206
  } }, l) => /* @__PURE__ */ r(N, { ref: l, children: t == null ? void 0 : t.map((c, n) => /* @__PURE__ */ r(
207
207
  b,
208
208
  {
209
209
  label: c,
210
210
  borderRadius: "curved",
211
211
  color: "neutral",
212
- className: `options__item ${a === n ? "active" : ""}`,
212
+ className: `options__item ${o === n ? "active" : ""}`,
213
213
  onClick: () => {
214
- o(n);
214
+ a(n);
215
215
  }
216
216
  },
217
217
  `toggle-section-tag__${n + 1}`
218
218
  )) })
219
219
  ), z = ({
220
220
  title: t,
221
- description: a,
222
- image: o,
221
+ description: o,
222
+ image: a,
223
223
  learnMoreText: l,
224
224
  onSelectItem: c = () => {
225
225
  },
226
226
  LinkComponent: n,
227
- link: d
228
- }) => /* @__PURE__ */ s(
227
+ link: s
228
+ }) => /* @__PURE__ */ d(
229
229
  $,
230
230
  {
231
231
  onClick: c,
232
232
  as: n || "a",
233
- ...n ? { to: `/${d}` } : { href: `/${d}` },
233
+ ...n ? { to: `/${s}` } : { href: `/${s}` },
234
234
  children: [
235
- /* @__PURE__ */ s("div", { className: "card__content", children: [
236
- /* @__PURE__ */ r("img", { src: o, alt: `Card ${t}`, className: "card__image" }),
237
- /* @__PURE__ */ s("div", { className: "card__text", children: [
235
+ /* @__PURE__ */ d("div", { className: "card__content", children: [
236
+ /* @__PURE__ */ r("img", { src: a, alt: `Card ${t}`, className: "card__image" }),
237
+ /* @__PURE__ */ d("div", { className: "card__text", children: [
238
238
  /* @__PURE__ */ r("div", { className: "card__title", children: t }),
239
239
  /* @__PURE__ */ r("div", { className: "card__divider" }),
240
- /* @__PURE__ */ r("div", { className: "card__description", children: a })
240
+ /* @__PURE__ */ r("div", { className: "card__description", children: o })
241
241
  ] })
242
242
  ] }),
243
243
  /* @__PURE__ */ r(
@@ -251,16 +251,16 @@ const N = f.div`
251
251
  )
252
252
  ]
253
253
  }
254
- ), M = x(
254
+ ), O = x(
255
255
  ({
256
256
  items: t = [],
257
- showMoreText: a,
258
- learnMoreText: o,
257
+ showMoreText: o,
258
+ learnMoreText: a,
259
259
  onSelectItem: l = () => {
260
260
  },
261
261
  LinkComponent: c
262
262
  }, n) => {
263
- const d = S(), [g, p] = u(!1), m = () => {
263
+ const s = S(), [g, p] = u(!1), m = () => {
264
264
  p((e) => !e);
265
265
  }, i = y(() => t == null ? void 0 : t.map((e, _) => /* @__PURE__ */ r(
266
266
  z,
@@ -268,19 +268,19 @@ const N = f.div`
268
268
  title: e == null ? void 0 : e.title,
269
269
  description: e == null ? void 0 : e.description,
270
270
  image: e == null ? void 0 : e.image,
271
- learnMoreText: o,
271
+ learnMoreText: a,
272
272
  onSelectItem: () => l(e),
273
273
  LinkComponent: c,
274
274
  link: e == null ? void 0 : e.link
275
275
  },
276
276
  `toggle-section-item__${_ + 1}`
277
277
  )), [t]);
278
- return /* @__PURE__ */ r(C, { ref: n, children: d ? g ? i : /* @__PURE__ */ s(w, { children: [
278
+ return /* @__PURE__ */ r(C, { ref: n, children: s ? g ? i : /* @__PURE__ */ d(w, { children: [
279
279
  i == null ? void 0 : i.slice(0, 4),
280
280
  (i == null ? void 0 : i.length) > 4 && /* @__PURE__ */ r(
281
281
  v,
282
282
  {
283
- text: a,
283
+ text: o,
284
284
  btnType: "basic",
285
285
  color: "neutral",
286
286
  className: "section__show-more",
@@ -289,7 +289,7 @@ const N = f.div`
289
289
  )
290
290
  ] }) : i });
291
291
  }
292
- ), O = f.div`
292
+ ), M = f.div`
293
293
  display: flex;
294
294
  flex-direction: column;
295
295
  align-items: center;
@@ -321,7 +321,7 @@ const N = f.div`
321
321
  line-height: 1.5rem;
322
322
  }
323
323
 
324
- @media (max-width: ${h + "px"}) {
324
+ @media ${h("S")} {
325
325
  gap: 1.5rem;
326
326
 
327
327
  & .section__heading {
@@ -343,23 +343,23 @@ const N = f.div`
343
343
  text-align: left;
344
344
  }
345
345
  }
346
- `, F = x(
346
+ `, q = x(
347
347
  ({
348
348
  title: t,
349
- description: a,
350
- showMoreText: o = "Show more",
349
+ description: o,
350
+ showMoreText: a = "Show more",
351
351
  learnMoreText: l = "Learn more",
352
352
  options: c = [],
353
353
  items: n = [],
354
- onSelectItem: d = () => {
354
+ onSelectItem: s = () => {
355
355
  },
356
356
  LinkComponent: g
357
357
  }, p) => {
358
358
  const [m, i] = u(0);
359
- return /* @__PURE__ */ s(O, { ref: p, children: [
360
- /* @__PURE__ */ s("div", { className: "section__heading", children: [
359
+ return /* @__PURE__ */ d(M, { ref: p, children: [
360
+ /* @__PURE__ */ d("div", { className: "section__heading", children: [
361
361
  t && /* @__PURE__ */ r("div", { className: "section__title", children: t }),
362
- a && /* @__PURE__ */ r("div", { className: "section__description", children: a })
362
+ o && /* @__PURE__ */ r("div", { className: "section__description", children: o })
363
363
  ] }),
364
364
  /* @__PURE__ */ r(
365
365
  k,
@@ -373,12 +373,12 @@ const N = f.div`
373
373
  }
374
374
  ),
375
375
  /* @__PURE__ */ r(
376
- M,
376
+ O,
377
377
  {
378
378
  items: n == null ? void 0 : n[m],
379
- showMoreText: o,
379
+ showMoreText: a,
380
380
  learnMoreText: l,
381
- onSelectItem: d,
381
+ onSelectItem: s,
382
382
  LinkComponent: g
383
383
  },
384
384
  `toggle-section-items__${m}`
@@ -387,5 +387,5 @@ const N = f.div`
387
387
  }
388
388
  );
389
389
  export {
390
- F as default
390
+ q as default
391
391
  };
@@ -1,4 +1,4 @@
1
- "use strict";const n=require("react/jsx-runtime"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),i=require("./utils-RnrgDDZP.cjs"),m=require("react"),u=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),l=c.styled.div`
1
+ "use strict";const n=require("react/jsx-runtime"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),i=require("./utils-CITgSxXe.cjs"),m=require("react"),u=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),l=c.styled.div`
2
2
  height: 1px;
3
3
  background-color: ${e=>i.getColorRgbaValue(e.theme,"MenuItem","default","enabled","separator")};
4
4
  margin-left: -0.25rem;
@@ -1,9 +1,9 @@
1
1
  import { jsx as s } from "react/jsx-runtime";
2
2
  import { s as l } from "./emotion-styled.browser.esm-BNN1dTl3.js";
3
- import { b as n } from "./utils-DtEfC-TX.js";
3
+ import { c as n } from "./utils-B2fsQ6PS.js";
4
4
  import { forwardRef as i } from "react";
5
5
  import { u as p } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
6
- const f = l.div`
6
+ const c = l.div`
7
7
  height: 1px;
8
8
  background-color: ${(e) => n(
9
9
  e.theme,
@@ -17,7 +17,7 @@ const f = l.div`
17
17
  `, b = i((e, r) => {
18
18
  const { className: t = "", style: a = {}, ...o } = e, m = p();
19
19
  return /* @__PURE__ */ s(
20
- f,
20
+ c,
21
21
  {
22
22
  ref: r,
23
23
  theme: m,
@@ -1 +1 @@
1
- "use strict";const D=require("./_commonjsHelpers-DwTZ_eVU.cjs"),C=require("react"),_=require("./SearchSection-B94YN_6P.cjs");function N(t,e){for(var r=0;r<e.length;r++){const a=e[r];if(typeof a!="string"&&!Array.isArray(a)){for(const s in a)if(s!=="default"&&!(s in t)){const o=Object.getOwnPropertyDescriptor(a,s);o&&Object.defineProperty(t,s,o.get?o:{enumerable:!0,get:()=>a[s]})}}}return Object.freeze(Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}))}var S=Object.create,l=Object.defineProperty,j=Object.getOwnPropertyDescriptor,I=Object.getOwnPropertyNames,M=Object.getPrototypeOf,A=Object.prototype.hasOwnProperty,H=(t,e,r)=>e in t?l(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,R=(t,e)=>{for(var r in e)l(t,r,{get:e[r],enumerable:!0})},P=(t,e,r,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of I(e))!A.call(t,s)&&s!==r&&l(t,s,{get:()=>e[s],enumerable:!(a=j(e,s))||a.enumerable});return t},F=(t,e,r)=>(r=t!=null?S(M(t)):{},P(!t||!t.__esModule?l(r,"default",{value:t,enumerable:!0}):r,t)),U=t=>P(l({},"__esModule",{value:!0}),t),n=(t,e,r)=>(H(t,typeof e!="symbol"?e+"":e,r),r),f={};R(f,{default:()=>h});var v=U(f),y=F(C),c=_.utils,u=_.patterns;const x="https://player.twitch.tv/js/embed/v1.js",K="Twitch",V="twitch-player-";class h extends y.Component{constructor(){super(...arguments),n(this,"callPlayer",c.callPlayer),n(this,"playerID",this.props.config.playerId||`${V}${(0,c.randomString)()}`),n(this,"mute",()=>{this.callPlayer("setMuted",!0)}),n(this,"unmute",()=>{this.callPlayer("setMuted",!1)})}componentDidMount(){this.props.onMount&&this.props.onMount(this)}load(e,r){const{playsinline:a,onError:s,config:o,controls:g}=this.props,i=u.MATCH_URL_TWITCH_CHANNEL.test(e),p=i?e.match(u.MATCH_URL_TWITCH_CHANNEL)[1]:e.match(u.MATCH_URL_TWITCH_VIDEO)[1];if(r){i?this.player.setChannel(p):this.player.setVideo("v"+p);return}(0,c.getSDK)(x,K).then(d=>{this.player=new d.Player(this.playerID,{video:i?"":p,channel:i?p:"",height:"100%",width:"100%",playsinline:a,autoplay:this.props.playing,muted:this.props.muted,controls:i?!0:g,time:(0,c.parseStartTime)(e),...o.options});const{READY:m,PLAYING:E,PAUSE:O,ENDED:L,ONLINE:b,OFFLINE:w,SEEK:T}=d.Player;this.player.addEventListener(m,this.props.onReady),this.player.addEventListener(E,this.props.onPlay),this.player.addEventListener(O,this.props.onPause),this.player.addEventListener(L,this.props.onEnded),this.player.addEventListener(T,this.props.onSeek),this.player.addEventListener(b,this.props.onLoaded),this.player.addEventListener(w,this.props.onLoaded)},s)}play(){this.callPlayer("play")}pause(){this.callPlayer("pause")}stop(){this.callPlayer("pause")}seekTo(e,r=!0){this.callPlayer("seek",e),r||this.pause()}setVolume(e){this.callPlayer("setVolume",e)}getDuration(){return this.callPlayer("getDuration")}getCurrentTime(){return this.callPlayer("getCurrentTime")}getSecondsLoaded(){return null}render(){const e={width:"100%",height:"100%"};return y.default.createElement("div",{style:e,id:this.playerID})}}n(h,"displayName","Twitch");n(h,"canPlay",u.canPlay.twitch);n(h,"loopOnEnded",!0);const $=D.getDefaultExportFromCjs(v),q=N({__proto__:null,default:$},[v]);exports.Twitch=q;
1
+ "use strict";const D=require("./_commonjsHelpers-DwTZ_eVU.cjs"),C=require("react"),_=require("./SearchSection-DUY61r3k.cjs");function N(t,e){for(var r=0;r<e.length;r++){const a=e[r];if(typeof a!="string"&&!Array.isArray(a)){for(const s in a)if(s!=="default"&&!(s in t)){const o=Object.getOwnPropertyDescriptor(a,s);o&&Object.defineProperty(t,s,o.get?o:{enumerable:!0,get:()=>a[s]})}}}return Object.freeze(Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}))}var S=Object.create,l=Object.defineProperty,j=Object.getOwnPropertyDescriptor,I=Object.getOwnPropertyNames,M=Object.getPrototypeOf,A=Object.prototype.hasOwnProperty,H=(t,e,r)=>e in t?l(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,R=(t,e)=>{for(var r in e)l(t,r,{get:e[r],enumerable:!0})},P=(t,e,r,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of I(e))!A.call(t,s)&&s!==r&&l(t,s,{get:()=>e[s],enumerable:!(a=j(e,s))||a.enumerable});return t},F=(t,e,r)=>(r=t!=null?S(M(t)):{},P(!t||!t.__esModule?l(r,"default",{value:t,enumerable:!0}):r,t)),U=t=>P(l({},"__esModule",{value:!0}),t),n=(t,e,r)=>(H(t,typeof e!="symbol"?e+"":e,r),r),f={};R(f,{default:()=>h});var v=U(f),y=F(C),c=_.utils,u=_.patterns;const x="https://player.twitch.tv/js/embed/v1.js",K="Twitch",V="twitch-player-";class h extends y.Component{constructor(){super(...arguments),n(this,"callPlayer",c.callPlayer),n(this,"playerID",this.props.config.playerId||`${V}${(0,c.randomString)()}`),n(this,"mute",()=>{this.callPlayer("setMuted",!0)}),n(this,"unmute",()=>{this.callPlayer("setMuted",!1)})}componentDidMount(){this.props.onMount&&this.props.onMount(this)}load(e,r){const{playsinline:a,onError:s,config:o,controls:g}=this.props,i=u.MATCH_URL_TWITCH_CHANNEL.test(e),p=i?e.match(u.MATCH_URL_TWITCH_CHANNEL)[1]:e.match(u.MATCH_URL_TWITCH_VIDEO)[1];if(r){i?this.player.setChannel(p):this.player.setVideo("v"+p);return}(0,c.getSDK)(x,K).then(d=>{this.player=new d.Player(this.playerID,{video:i?"":p,channel:i?p:"",height:"100%",width:"100%",playsinline:a,autoplay:this.props.playing,muted:this.props.muted,controls:i?!0:g,time:(0,c.parseStartTime)(e),...o.options});const{READY:m,PLAYING:E,PAUSE:O,ENDED:L,ONLINE:b,OFFLINE:w,SEEK:T}=d.Player;this.player.addEventListener(m,this.props.onReady),this.player.addEventListener(E,this.props.onPlay),this.player.addEventListener(O,this.props.onPause),this.player.addEventListener(L,this.props.onEnded),this.player.addEventListener(T,this.props.onSeek),this.player.addEventListener(b,this.props.onLoaded),this.player.addEventListener(w,this.props.onLoaded)},s)}play(){this.callPlayer("play")}pause(){this.callPlayer("pause")}stop(){this.callPlayer("pause")}seekTo(e,r=!0){this.callPlayer("seek",e),r||this.pause()}setVolume(e){this.callPlayer("setVolume",e)}getDuration(){return this.callPlayer("getDuration")}getCurrentTime(){return this.callPlayer("getCurrentTime")}getSecondsLoaded(){return null}render(){const e={width:"100%",height:"100%"};return y.default.createElement("div",{style:e,id:this.playerID})}}n(h,"displayName","Twitch");n(h,"canPlay",u.canPlay.twitch);n(h,"loopOnEnded",!0);const $=D.getDefaultExportFromCjs(v),q=N({__proto__:null,default:$},[v]);exports.Twitch=q;
@@ -1,6 +1,6 @@
1
1
  import { g as w } from "./_commonjsHelpers-BkfeUUK-.js";
2
2
  import D from "react";
3
- import { u as C, p as N } from "./SearchSection-DAaMecR4.js";
3
+ import { u as C, p as N } from "./SearchSection-BEYnWPSr.js";
4
4
  function I(t, e) {
5
5
  for (var r = 0; r < e.length; r++) {
6
6
  const s = e[r];
@@ -1,4 +1,4 @@
1
- "use strict";const s=require("react/jsx-runtime"),I=require("react"),r=require("./emotion-styled.browser.esm-BtEseadx.cjs"),p=require("./Icon.cjs"),M=require("./ProgressBar.cjs"),a=require("./utils-RnrgDDZP.cjs"),N=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),x={small:"1.5rem",medium:"1.75rem",large:"2rem"},y={small:"2.25rem",medium:"2.5rem",large:"2.75rem"},T=r.styled.div`
1
+ "use strict";const s=require("react/jsx-runtime"),I=require("react"),r=require("./emotion-styled.browser.esm-BtEseadx.cjs"),p=require("./Icon.cjs"),M=require("./ProgressBar.cjs"),a=require("./utils-CITgSxXe.cjs"),N=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),x={small:"1.5rem",medium:"1.75rem",large:"2rem"},y={small:"2.25rem",medium:"2.5rem",large:"2.75rem"},T=r.styled.div`
2
2
  display: inline-flex;
3
3
  gap: 0.5rem;
4
4
  align-items: center;
@@ -1,9 +1,9 @@
1
1
  import { jsxs as a, jsx as t } from "react/jsx-runtime";
2
- import { forwardRef as j } from "react";
2
+ import { forwardRef as T } from "react";
3
3
  import { s as o } from "./emotion-styled.browser.esm-BNN1dTl3.js";
4
4
  import p from "./Icon.js";
5
- import T from "./ProgressBar.js";
6
- import { b as S, c as y } from "./utils-DtEfC-TX.js";
5
+ import b from "./ProgressBar.js";
6
+ import { c as S, d as y } from "./utils-B2fsQ6PS.js";
7
7
  import { u as O } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
8
8
  const z = {
9
9
  small: "1.5rem",
@@ -67,7 +67,7 @@ const z = {
67
67
  e.size,
68
68
  "enabled"
69
69
  )};
70
- `, L = j((e, C) => {
70
+ `, L = T((e, C) => {
71
71
  const {
72
72
  id: x,
73
73
  fileName: n = "file",
@@ -95,8 +95,8 @@ const z = {
95
95
  const I = () => n && m && B ? `${n} (${M(m, 2)})` : n || "";
96
96
  function M(r, h = 2) {
97
97
  if (r === 0) return "0 Bytes";
98
- const u = 1024, N = h < 0 ? 0 : h, b = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"], g = Math.floor(Math.log(r) / Math.log(u));
99
- return parseFloat((r / Math.pow(u, g)).toFixed(N)) + " " + b[g];
98
+ const u = 1024, N = h < 0 ? 0 : h, j = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"], g = Math.floor(Math.log(r) / Math.log(u));
99
+ return parseFloat((r / Math.pow(u, g)).toFixed(N)) + " " + j[g];
100
100
  }
101
101
  const f = {
102
102
  small: "1rem",
@@ -140,7 +140,7 @@ const z = {
140
140
  ] })
141
141
  ] }),
142
142
  (i || i == 0) && /* @__PURE__ */ t(
143
- T,
143
+ b,
144
144
  {
145
145
  progressPercentage: i,
146
146
  style: { height: "0.5rem" },
@@ -1,4 +1,4 @@
1
- "use strict";const a=require("react/jsx-runtime"),s=require("react"),_=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./consts-goSZX3xP.cjs"),$=require("./useDetectMobile-zkbzoOGV.cjs"),T=require("./Button.cjs"),P=require("./index-CS4w87SW.cjs"),I=_.styled.div`
1
+ "use strict";const a=require("react/jsx-runtime"),s=require("react"),L=require("./emotion-styled.browser.esm-BtEseadx.cjs"),u=require("./breakpoints-CcVm-gVm.cjs"),T=require("./useDetectMobile-DYV6V1yw.cjs"),D=require("./Button.cjs"),j=require("./index-BEgD9vNo.cjs"),Q=L.styled.div`
2
2
  padding: 1.75rem 3rem;
3
3
  display: grid;
4
4
  grid-template-columns: ${t=>`repeat(${t.limit||5}, minmax(0, 1fr))`};
@@ -54,7 +54,13 @@
54
54
  }
55
55
  }
56
56
 
57
- @media (max-width: ${w.MOBILE_SIZE_PX+"px"}) {
57
+ @media ${u.down("M")} {
58
+ grid-template-columns: repeat(3, minmax(0, 1fr));
59
+ padding: 2rem 2rem;
60
+ gap: 1.5rem;
61
+ }
62
+
63
+ @media ${u.down("S")} {
58
64
  grid-template-columns: repeat(2, 1fr);
59
65
  padding: 2rem 1.25rem;
60
66
  gap: 1.19rem;
@@ -67,8 +73,8 @@
67
73
  }
68
74
  }
69
75
 
70
- @media (max-width: ${w.SMALL_MOBILE_SIZE_PX+"px"}) {
76
+ @media ${u.down("XS")} {
71
77
  display: flex;
72
78
  flex-direction: column;
73
79
  }
74
- `,N=s.memo(P.DetailedProductCard),B=s.forwardRef((t,j)=>{const{items:r,limit:n=5,limitMobile:l=4,onSelectCard:u=()=>{},title:q="Urgent sale",showLessText:L="Show less",showMoreText:M="Show more",isLoading:g=!1,getImage:p=()=>{},negotiableText:h,freeText:f,onBookmark:b=()=>{},actionComponent:k,componentName:S,sponsoredText:C,LinkComponent:y}=t,d=$.useDetectMobile(),[o,U]=s.useState(!1),F=s.useMemo(()=>{var i;return a.jsx(a.Fragment,{children:d===!0?(i=r==null?void 0:r.slice(0,o===!0?r==null?void 0:r.length:l))==null?void 0:i.map((e,m)=>a.jsx(N,{sellerName:e==null?void 0:e.sellerName,name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,categoryCode:e==null?void 0:e.categoryCode,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,sponsored:e==null?void 0:e.sponsored,onSelectCard:(v,c)=>u({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:c}),nameSlug:e==null?void 0:e.nameSlug,image:e==null?void 0:e.image,imageUrl:p(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,imageComponent:e==null?void 0:e.imageComponent,negotiableText:h,freeText:f,onBookmark:b,actionComponent:k,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{name:S,accessor:e==null?void 0:e.accessor},tags:e==null?void 0:e.tags,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,hasQuantities:e==null?void 0:e.hasQuantities,status:e==null?void 0:e.status,trade:e==null?void 0:e.trade,forCart:e==null?void 0:e.forCart,sponsoredText:C,LinkComponent:y,hasFreeShipping:e==null?void 0:e.hasFreeShipping},m)):r==null?void 0:r.slice(0,n).map((e,m)=>a.jsx(N,{name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,categoryCode:e==null?void 0:e.categoryCode,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,location:e==null?void 0:e.location,sponsored:e==null?void 0:e.sponsored,onSelectCard:(v,c)=>u({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:c}),nameSlug:e==null?void 0:e.nameSlug,image:e==null?void 0:e.image,imageUrl:p(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,imageComponent:e==null?void 0:e.imageComponent,negotiableText:h,freeText:f,onBookmark:b,actionComponent:k,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{name:S,accessor:e==null?void 0:e.accessor},tags:e==null?void 0:e.tags,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,hasQuantities:e==null?void 0:e.hasQuantities,status:e==null?void 0:e.status,trade:e==null?void 0:e.trade,forCart:e==null?void 0:e.forCart,sponsoredText:C,sellerName:e==null?void 0:e.sellerName,LinkComponent:y,hasFreeShipping:e==null?void 0:e.hasFreeShipping},m))})},[r,d,n,l,o]);return a.jsx(P.SuspenseDetailedProductCard,{isLoading:g,keyPrefix:"urgent-sale-products-skeleton",children:a.jsxs(I,{ref:j,limit:n,children:[a.jsxs("div",{className:"urgent-tag",children:[a.jsx("i",{className:"mng mng-lnc-bolt-filled"}),a.jsx("span",{children:q})]})," ",F," ",d===!0&&l<(r==null?void 0:r.length)&&!g&&a.jsx(T,{className:"show-more",btnType:"basic",type:"button",color:"neutral",onClick:i=>{var e;(e=i==null?void 0:i.target)==null||e.blur(),U(!o)},children:o===!0?L:M})]})})});module.exports=B;
80
+ `,N=s.memo(j.DetailedProductCard),R=s.forwardRef((t,q)=>{const{items:r,limit:n=5,limitMobile:l=4,onSelectCard:g=()=>{},title:P="Urgent sale",showLessText:U="Show less",showMoreText:F="Show more",isLoading:p=!1,getImage:h=()=>{},negotiableText:f,freeText:b,onBookmark:k=()=>{},actionComponent:S,componentName:C,sponsoredText:y,LinkComponent:w}=t,d=T.useDetectMobile(),[o,v]=s.useState(!1),M=s.useMemo(()=>{var i;return a.jsx(a.Fragment,{children:d===!0?(i=r==null?void 0:r.slice(0,o===!0?r==null?void 0:r.length:l))==null?void 0:i.map((e,m)=>a.jsx(N,{sellerName:e==null?void 0:e.sellerName,name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,categoryCode:e==null?void 0:e.categoryCode,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,sponsored:e==null?void 0:e.sponsored,onSelectCard:($,c)=>g({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:c}),nameSlug:e==null?void 0:e.nameSlug,image:e==null?void 0:e.image,imageUrl:h(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,imageComponent:e==null?void 0:e.imageComponent,negotiableText:f,freeText:b,onBookmark:k,actionComponent:S,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{name:C,accessor:e==null?void 0:e.accessor},tags:e==null?void 0:e.tags,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,hasQuantities:e==null?void 0:e.hasQuantities,status:e==null?void 0:e.status,trade:e==null?void 0:e.trade,forCart:e==null?void 0:e.forCart,sponsoredText:y,LinkComponent:w,hasFreeShipping:e==null?void 0:e.hasFreeShipping},m)):r==null?void 0:r.slice(0,n).map((e,m)=>a.jsx(N,{name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,categoryCode:e==null?void 0:e.categoryCode,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,location:e==null?void 0:e.location,sponsored:e==null?void 0:e.sponsored,onSelectCard:($,c)=>g({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:c}),nameSlug:e==null?void 0:e.nameSlug,image:e==null?void 0:e.image,imageUrl:h(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,imageComponent:e==null?void 0:e.imageComponent,negotiableText:f,freeText:b,onBookmark:k,actionComponent:S,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{name:C,accessor:e==null?void 0:e.accessor},tags:e==null?void 0:e.tags,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,hasQuantities:e==null?void 0:e.hasQuantities,status:e==null?void 0:e.status,trade:e==null?void 0:e.trade,forCart:e==null?void 0:e.forCart,sponsoredText:y,sellerName:e==null?void 0:e.sellerName,LinkComponent:w,hasFreeShipping:e==null?void 0:e.hasFreeShipping},m))})},[r,d,n,l,o]);return a.jsx(j.SuspenseDetailedProductCard,{isLoading:p,keyPrefix:"urgent-sale-products-skeleton",children:a.jsxs(Q,{ref:q,limit:n,children:[a.jsxs("div",{className:"urgent-tag",children:[a.jsx("i",{className:"mng mng-lnc-bolt-filled"}),a.jsx("span",{children:P})]})," ",M," ",d===!0&&l<(r==null?void 0:r.length)&&!p&&a.jsx(D,{className:"show-more",btnType:"basic",type:"button",color:"neutral",onClick:i=>{var e;(e=i==null?void 0:i.target)==null||e.blur(),v(!o)},children:o===!0?U:F})]})})});module.exports=R;
@@ -1,11 +1,11 @@
1
- import { jsx as o, Fragment as $, jsxs as y } from "react/jsx-runtime";
2
- import { memo as T, forwardRef as I, useState as _, useMemo as q } from "react";
3
- import { s as B } from "./emotion-styled.browser.esm-BNN1dTl3.js";
4
- import { M as D, S as E } from "./consts-BuFChS64.js";
5
- import { u as Q } from "./useDetectMobile-Bkvj0VMa.js";
6
- import j from "./Button.js";
7
- import { D as z, S as A } from "./index-BASX-BjS.js";
8
- const G = B.div`
1
+ import { jsx as o, Fragment as T, jsxs as w } from "react/jsx-runtime";
2
+ import { memo as q, forwardRef as D, useState as Q, useMemo as j } from "react";
3
+ import { s as z } from "./emotion-styled.browser.esm-BNN1dTl3.js";
4
+ import { d as c } from "./breakpoints-ff0SIcV3.js";
5
+ import { u as A } from "./useDetectMobile-CcVo3PNi.js";
6
+ import B from "./Button.js";
7
+ import { D as G, S as R } from "./index-rYUwBlpp.js";
8
+ const I = z.div`
9
9
  padding: 1.75rem 3rem;
10
10
  display: grid;
11
11
  grid-template-columns: ${(r) => `repeat(${r.limit || 5}, minmax(0, 1fr))`};
@@ -61,7 +61,13 @@ const G = B.div`
61
61
  }
62
62
  }
63
63
 
64
- @media (max-width: ${D + "px"}) {
64
+ @media ${c("M")} {
65
+ grid-template-columns: repeat(3, minmax(0, 1fr));
66
+ padding: 2rem 2rem;
67
+ gap: 1.5rem;
68
+ }
69
+
70
+ @media ${c("S")} {
65
71
  grid-template-columns: repeat(2, 1fr);
66
72
  padding: 2rem 1.25rem;
67
73
  gap: 1.19rem;
@@ -74,35 +80,35 @@ const G = B.div`
74
80
  }
75
81
  }
76
82
 
77
- @media (max-width: ${E + "px"}) {
83
+ @media ${c("XS")} {
78
84
  display: flex;
79
85
  flex-direction: column;
80
86
  }
81
- `, w = T(z), K = I((r, N) => {
87
+ `, N = q(G), V = D((r, P) => {
82
88
  const {
83
89
  items: a,
84
- limit: s = 5,
85
- limitMobile: n = 4,
86
- onSelectCard: c = () => {
90
+ limit: n = 5,
91
+ limitMobile: s = 4,
92
+ onSelectCard: u = () => {
87
93
  },
88
- title: P = "Urgent sale",
89
- showLessText: L = "Show less",
90
- showMoreText: M = "Show more",
91
- isLoading: u = !1,
92
- getImage: g = () => {
94
+ title: U = "Urgent sale",
95
+ showLessText: F = "Show less",
96
+ showMoreText: v = "Show more",
97
+ isLoading: g = !1,
98
+ getImage: p = () => {
93
99
  },
94
- negotiableText: p,
95
- freeText: f,
96
- onBookmark: h = () => {
100
+ negotiableText: f,
101
+ freeText: h,
102
+ onBookmark: k = () => {
97
103
  },
98
- actionComponent: k,
99
- componentName: b,
100
- sponsoredText: S,
101
- LinkComponent: C
102
- } = r, l = Q(), [i, U] = _(!1), F = q(() => {
104
+ actionComponent: b,
105
+ componentName: S,
106
+ sponsoredText: C,
107
+ LinkComponent: y
108
+ } = r, l = A(), [i, $] = Q(!1), L = j(() => {
103
109
  var t;
104
- return /* @__PURE__ */ o($, { children: l === !0 ? (t = a == null ? void 0 : a.slice(0, i === !0 ? a == null ? void 0 : a.length : n)) == null ? void 0 : t.map((e, m) => /* @__PURE__ */ o(
105
- w,
110
+ return /* @__PURE__ */ o(T, { children: l === !0 ? (t = a == null ? void 0 : a.slice(0, i === !0 ? a == null ? void 0 : a.length : s)) == null ? void 0 : t.map((e, m) => /* @__PURE__ */ o(
111
+ N,
106
112
  {
107
113
  sellerName: e == null ? void 0 : e.sellerName,
108
114
  name: e == null ? void 0 : e.name,
@@ -115,22 +121,22 @@ const G = B.div`
115
121
  sellerUuid: e == null ? void 0 : e.sellerUuid,
116
122
  uuid: e == null ? void 0 : e.uuid,
117
123
  sponsored: e == null ? void 0 : e.sponsored,
118
- onSelectCard: (v, d) => c({
124
+ onSelectCard: (M, d) => u({
119
125
  uuid: e == null ? void 0 : e.uuid,
120
126
  nameSlug: e == null ? void 0 : e.nameSlug,
121
127
  cardRef: d
122
128
  }),
123
129
  nameSlug: e == null ? void 0 : e.nameSlug,
124
130
  image: e == null ? void 0 : e.image,
125
- imageUrl: g(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
131
+ imageUrl: p(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
126
132
  imageComponent: e == null ? void 0 : e.imageComponent,
127
- negotiableText: p,
128
- freeText: f,
129
- onBookmark: h,
130
- actionComponent: k,
133
+ negotiableText: f,
134
+ freeText: h,
135
+ onBookmark: k,
136
+ actionComponent: b,
131
137
  bookmarked: e == null ? void 0 : e.bookmarked,
132
138
  bookmarkLists: e == null ? void 0 : e.bookmarkLists,
133
- metadata: { name: b, accessor: e == null ? void 0 : e.accessor },
139
+ metadata: { name: S, accessor: e == null ? void 0 : e.accessor },
134
140
  tags: e == null ? void 0 : e.tags,
135
141
  condition: e == null ? void 0 : e.condition,
136
142
  quantity: e == null ? void 0 : e.quantity,
@@ -138,13 +144,13 @@ const G = B.div`
138
144
  status: e == null ? void 0 : e.status,
139
145
  trade: e == null ? void 0 : e.trade,
140
146
  forCart: e == null ? void 0 : e.forCart,
141
- sponsoredText: S,
142
- LinkComponent: C,
147
+ sponsoredText: C,
148
+ LinkComponent: y,
143
149
  hasFreeShipping: e == null ? void 0 : e.hasFreeShipping
144
150
  },
145
151
  m
146
- )) : a == null ? void 0 : a.slice(0, s).map((e, m) => /* @__PURE__ */ o(
147
- w,
152
+ )) : a == null ? void 0 : a.slice(0, n).map((e, m) => /* @__PURE__ */ o(
153
+ N,
148
154
  {
149
155
  name: e == null ? void 0 : e.name,
150
156
  price: e == null ? void 0 : e.price,
@@ -157,22 +163,22 @@ const G = B.div`
157
163
  uuid: e == null ? void 0 : e.uuid,
158
164
  location: e == null ? void 0 : e.location,
159
165
  sponsored: e == null ? void 0 : e.sponsored,
160
- onSelectCard: (v, d) => c({
166
+ onSelectCard: (M, d) => u({
161
167
  uuid: e == null ? void 0 : e.uuid,
162
168
  nameSlug: e == null ? void 0 : e.nameSlug,
163
169
  cardRef: d
164
170
  }),
165
171
  nameSlug: e == null ? void 0 : e.nameSlug,
166
172
  image: e == null ? void 0 : e.image,
167
- imageUrl: g(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
173
+ imageUrl: p(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
168
174
  imageComponent: e == null ? void 0 : e.imageComponent,
169
- negotiableText: p,
170
- freeText: f,
171
- onBookmark: h,
172
- actionComponent: k,
175
+ negotiableText: f,
176
+ freeText: h,
177
+ onBookmark: k,
178
+ actionComponent: b,
173
179
  bookmarked: e == null ? void 0 : e.bookmarked,
174
180
  bookmarkLists: e == null ? void 0 : e.bookmarkLists,
175
- metadata: { name: b, accessor: e == null ? void 0 : e.accessor },
181
+ metadata: { name: S, accessor: e == null ? void 0 : e.accessor },
176
182
  tags: e == null ? void 0 : e.tags,
177
183
  condition: e == null ? void 0 : e.condition,
178
184
  quantity: e == null ? void 0 : e.quantity,
@@ -180,29 +186,29 @@ const G = B.div`
180
186
  status: e == null ? void 0 : e.status,
181
187
  trade: e == null ? void 0 : e.trade,
182
188
  forCart: e == null ? void 0 : e.forCart,
183
- sponsoredText: S,
189
+ sponsoredText: C,
184
190
  sellerName: e == null ? void 0 : e.sellerName,
185
- LinkComponent: C,
191
+ LinkComponent: y,
186
192
  hasFreeShipping: e == null ? void 0 : e.hasFreeShipping
187
193
  },
188
194
  m
189
195
  )) });
190
- }, [a, l, s, n, i]);
196
+ }, [a, l, n, s, i]);
191
197
  return /* @__PURE__ */ o(
192
- A,
198
+ R,
193
199
  {
194
- isLoading: u,
200
+ isLoading: g,
195
201
  keyPrefix: "urgent-sale-products-skeleton",
196
- children: /* @__PURE__ */ y(G, { ref: N, limit: s, children: [
197
- /* @__PURE__ */ y("div", { className: "urgent-tag", children: [
202
+ children: /* @__PURE__ */ w(I, { ref: P, limit: n, children: [
203
+ /* @__PURE__ */ w("div", { className: "urgent-tag", children: [
198
204
  /* @__PURE__ */ o("i", { className: "mng mng-lnc-bolt-filled" }),
199
- /* @__PURE__ */ o("span", { children: P })
205
+ /* @__PURE__ */ o("span", { children: U })
200
206
  ] }),
201
207
  " ",
202
- F,
208
+ L,
203
209
  " ",
204
- l === !0 && n < (a == null ? void 0 : a.length) && !u && /* @__PURE__ */ o(
205
- j,
210
+ l === !0 && s < (a == null ? void 0 : a.length) && !g && /* @__PURE__ */ o(
211
+ B,
206
212
  {
207
213
  className: "show-more",
208
214
  btnType: "basic",
@@ -210,9 +216,9 @@ const G = B.div`
210
216
  color: "neutral",
211
217
  onClick: (t) => {
212
218
  var e;
213
- (e = t == null ? void 0 : t.target) == null || e.blur(), U(!i);
219
+ (e = t == null ? void 0 : t.target) == null || e.blur(), $(!i);
214
220
  },
215
- children: i === !0 ? L : M
221
+ children: i === !0 ? F : v
216
222
  }
217
223
  )
218
224
  ] })
@@ -220,5 +226,5 @@ const G = B.div`
220
226
  );
221
227
  });
222
228
  export {
223
- K as default
229
+ V as default
224
230
  };
@@ -1 +1 @@
1
- "use strict";const v=require("./_commonjsHelpers-DwTZ_eVU.cjs"),b=require("react"),h=require("./SearchSection-B94YN_6P.cjs");function O(t,e){for(var r=0;r<e.length;r++){const o=e[r];if(typeof o!="string"&&!Array.isArray(o)){for(const a in o)if(a!=="default"&&!(a in t)){const n=Object.getOwnPropertyDescriptor(o,a);n&&Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:()=>o[a]})}}}return Object.freeze(Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}))}var V=Object.create,i=Object.defineProperty,D=Object.getOwnPropertyDescriptor,S=Object.getOwnPropertyNames,j=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty,M=(t,e,r)=>e in t?i(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,A=(t,e)=>{for(var r in e)i(t,r,{get:e[r],enumerable:!0})},_=(t,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of S(e))!w.call(t,a)&&a!==r&&i(t,a,{get:()=>e[a],enumerable:!(o=D(e,a))||o.enumerable});return t},L=(t,e,r)=>(r=t!=null?V(j(t)):{},_(!t||!t.__esModule?i(r,"default",{value:t,enumerable:!0}):r,t)),R=t=>_(i({},"__esModule",{value:!0}),t),s=(t,e,r)=>(M(t,typeof e!="symbol"?e+"":e,r),r),f={};A(f,{default:()=>d});var P=R(f),c=L(b),y=h.utils,m=h.patterns;const E="https://play.vidyard.com/embed/v4.js",C="VidyardV4",N="onVidyardAPI";class d extends c.Component{constructor(){super(...arguments),s(this,"callPlayer",y.callPlayer),s(this,"mute",()=>{this.setVolume(0)}),s(this,"unmute",()=>{this.props.volume!==null&&this.setVolume(this.props.volume)}),s(this,"ref",e=>{this.container=e})}componentDidMount(){this.props.onMount&&this.props.onMount(this)}load(e){const{playing:r,config:o,onError:a,onDuration:n}=this.props,l=e&&e.match(m.MATCH_URL_VIDYARD)[1];this.player&&this.stop(),(0,y.getSDK)(E,C,N).then(p=>{this.container&&(p.api.addReadyListener((u,g)=>{this.player||(this.player=g,this.player.on("ready",this.props.onReady),this.player.on("play",this.props.onPlay),this.player.on("pause",this.props.onPause),this.player.on("seek",this.props.onSeek),this.player.on("playerComplete",this.props.onEnded))},l),p.api.renderPlayer({uuid:l,container:this.container,autoplay:r?1:0,...o.options}),p.api.getPlayerMetadata(l).then(u=>{this.duration=u.length_in_seconds,n(u.length_in_seconds)}))},a)}play(){this.callPlayer("play")}pause(){this.callPlayer("pause")}stop(){window.VidyardV4.api.destroyPlayer(this.player)}seekTo(e,r=!0){this.callPlayer("seek",e),r||this.pause()}setVolume(e){this.callPlayer("setVolume",e)}setPlaybackRate(e){this.callPlayer("setPlaybackSpeed",e)}getDuration(){return this.duration}getCurrentTime(){return this.callPlayer("currentTime")}getSecondsLoaded(){return null}render(){const{display:e}=this.props,r={width:"100%",height:"100%",display:e};return c.default.createElement("div",{style:r},c.default.createElement("div",{ref:this.ref}))}}s(d,"displayName","Vidyard");s(d,"canPlay",m.canPlay.vidyard);const T=v.getDefaultExportFromCjs(P),k=O({__proto__:null,default:T},[P]);exports.Vidyard=k;
1
+ "use strict";const v=require("./_commonjsHelpers-DwTZ_eVU.cjs"),b=require("react"),h=require("./SearchSection-DUY61r3k.cjs");function O(t,e){for(var r=0;r<e.length;r++){const o=e[r];if(typeof o!="string"&&!Array.isArray(o)){for(const a in o)if(a!=="default"&&!(a in t)){const n=Object.getOwnPropertyDescriptor(o,a);n&&Object.defineProperty(t,a,n.get?n:{enumerable:!0,get:()=>o[a]})}}}return Object.freeze(Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}))}var V=Object.create,i=Object.defineProperty,D=Object.getOwnPropertyDescriptor,S=Object.getOwnPropertyNames,j=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty,M=(t,e,r)=>e in t?i(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,A=(t,e)=>{for(var r in e)i(t,r,{get:e[r],enumerable:!0})},_=(t,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of S(e))!w.call(t,a)&&a!==r&&i(t,a,{get:()=>e[a],enumerable:!(o=D(e,a))||o.enumerable});return t},L=(t,e,r)=>(r=t!=null?V(j(t)):{},_(!t||!t.__esModule?i(r,"default",{value:t,enumerable:!0}):r,t)),R=t=>_(i({},"__esModule",{value:!0}),t),s=(t,e,r)=>(M(t,typeof e!="symbol"?e+"":e,r),r),f={};A(f,{default:()=>d});var P=R(f),c=L(b),y=h.utils,m=h.patterns;const E="https://play.vidyard.com/embed/v4.js",C="VidyardV4",N="onVidyardAPI";class d extends c.Component{constructor(){super(...arguments),s(this,"callPlayer",y.callPlayer),s(this,"mute",()=>{this.setVolume(0)}),s(this,"unmute",()=>{this.props.volume!==null&&this.setVolume(this.props.volume)}),s(this,"ref",e=>{this.container=e})}componentDidMount(){this.props.onMount&&this.props.onMount(this)}load(e){const{playing:r,config:o,onError:a,onDuration:n}=this.props,l=e&&e.match(m.MATCH_URL_VIDYARD)[1];this.player&&this.stop(),(0,y.getSDK)(E,C,N).then(p=>{this.container&&(p.api.addReadyListener((u,g)=>{this.player||(this.player=g,this.player.on("ready",this.props.onReady),this.player.on("play",this.props.onPlay),this.player.on("pause",this.props.onPause),this.player.on("seek",this.props.onSeek),this.player.on("playerComplete",this.props.onEnded))},l),p.api.renderPlayer({uuid:l,container:this.container,autoplay:r?1:0,...o.options}),p.api.getPlayerMetadata(l).then(u=>{this.duration=u.length_in_seconds,n(u.length_in_seconds)}))},a)}play(){this.callPlayer("play")}pause(){this.callPlayer("pause")}stop(){window.VidyardV4.api.destroyPlayer(this.player)}seekTo(e,r=!0){this.callPlayer("seek",e),r||this.pause()}setVolume(e){this.callPlayer("setVolume",e)}setPlaybackRate(e){this.callPlayer("setPlaybackSpeed",e)}getDuration(){return this.duration}getCurrentTime(){return this.callPlayer("currentTime")}getSecondsLoaded(){return null}render(){const{display:e}=this.props,r={width:"100%",height:"100%",display:e};return c.default.createElement("div",{style:r},c.default.createElement("div",{ref:this.ref}))}}s(d,"displayName","Vidyard");s(d,"canPlay",m.canPlay.vidyard);const T=v.getDefaultExportFromCjs(P),k=O({__proto__:null,default:T},[P]);exports.Vidyard=k;
@@ -1,6 +1,6 @@
1
1
  import { g } from "./_commonjsHelpers-BkfeUUK-.js";
2
2
  import v from "react";
3
- import { u as b, p as O } from "./SearchSection-DAaMecR4.js";
3
+ import { u as b, p as O } from "./SearchSection-BEYnWPSr.js";
4
4
  function V(t, e) {
5
5
  for (var r = 0; r < e.length; r++) {
6
6
  const o = e[r];
@@ -1,6 +1,6 @@
1
1
  import { g as d } from "./_commonjsHelpers-BkfeUUK-.js";
2
2
  import f from "react";
3
- import { u as m, p as _ } from "./SearchSection-DAaMecR4.js";
3
+ import { u as m, p as _ } from "./SearchSection-BEYnWPSr.js";
4
4
  function P(t, e) {
5
5
  for (var r = 0; r < e.length; r++) {
6
6
  const a = e[r];