@bosonprotocol/react-kit 0.34.0-alpha.2 → 0.34.0-alpha.21

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 (249) hide show
  1. package/dist/cjs/components/config/ConfigContext.d.ts +2 -1
  2. package/dist/cjs/components/config/ConfigContext.d.ts.map +1 -1
  3. package/dist/cjs/components/config/ConfigContext.js.map +1 -1
  4. package/dist/cjs/components/config/ConfigProvider.d.ts.map +1 -1
  5. package/dist/cjs/components/config/ConfigProvider.js +4 -1
  6. package/dist/cjs/components/config/ConfigProvider.js.map +1 -1
  7. package/dist/cjs/components/connection/utils.d.ts.map +1 -1
  8. package/dist/cjs/components/connection/utils.js +0 -1
  9. package/dist/cjs/components/connection/utils.js.map +1 -1
  10. package/dist/cjs/components/currencyDisplay/CurrencyDisplay.d.ts +5 -2
  11. package/dist/cjs/components/currencyDisplay/CurrencyDisplay.d.ts.map +1 -1
  12. package/dist/cjs/components/currencyDisplay/CurrencyDisplay.js +6 -7
  13. package/dist/cjs/components/currencyDisplay/CurrencyDisplay.js.map +1 -1
  14. package/dist/cjs/components/exchangeCard/ExchangeCard.d.ts +1 -1
  15. package/dist/cjs/components/image/Image.styles.d.ts.map +1 -1
  16. package/dist/cjs/components/image/Image.styles.js +0 -2
  17. package/dist/cjs/components/image/Image.styles.js.map +1 -1
  18. package/dist/cjs/components/magicLink/MagicProvider.js +1 -1
  19. package/dist/cjs/components/magicLink/MagicProvider.js.map +1 -1
  20. package/dist/cjs/components/magicLink/UserContext.d.ts.map +1 -1
  21. package/dist/cjs/components/magicLink/UserContext.js +10 -2
  22. package/dist/cjs/components/magicLink/UserContext.js.map +1 -1
  23. package/dist/cjs/components/modal/components/Redeem/MyItems/Exchange.js +1 -1
  24. package/dist/cjs/components/modal/components/Redeem/MyItems/Exchange.js.map +1 -1
  25. package/dist/cjs/components/productCard/ProductCard.d.ts +5 -2
  26. package/dist/cjs/components/productCard/ProductCard.d.ts.map +1 -1
  27. package/dist/cjs/components/productCard/ProductCard.js +42 -34
  28. package/dist/cjs/components/productCard/ProductCard.js.map +1 -1
  29. package/dist/cjs/components/productCard/ProductCard.styles.d.ts +111 -4
  30. package/dist/cjs/components/productCard/ProductCard.styles.d.ts.map +1 -1
  31. package/dist/cjs/components/productCard/ProductCard.styles.js +51 -26
  32. package/dist/cjs/components/productCard/ProductCard.styles.js.map +1 -1
  33. package/dist/cjs/components/productCard/commonStyles.d.ts.map +1 -1
  34. package/dist/cjs/components/productCard/commonStyles.js +0 -1
  35. package/dist/cjs/components/productCard/commonStyles.js.map +1 -1
  36. package/dist/cjs/components/queryClient/withQueryClientProvider.d.ts +0 -4
  37. package/dist/cjs/components/queryClient/withQueryClientProvider.d.ts.map +1 -1
  38. package/dist/cjs/components/queryClient/withQueryClientProvider.js +3 -26
  39. package/dist/cjs/components/queryClient/withQueryClientProvider.js.map +1 -1
  40. package/dist/cjs/components/skeleton/CollectionsCardSkeleton.d.ts.map +1 -1
  41. package/dist/cjs/components/skeleton/CollectionsCardSkeleton.js +39 -17
  42. package/dist/cjs/components/skeleton/CollectionsCardSkeleton.js.map +1 -1
  43. package/dist/cjs/components/skeleton/ProductCardSkeleton.d.ts.map +1 -1
  44. package/dist/cjs/components/skeleton/ProductCardSkeleton.js +18 -19
  45. package/dist/cjs/components/skeleton/ProductCardSkeleton.js.map +1 -1
  46. package/dist/cjs/components/wallet/ConnectButton.d.ts.map +1 -1
  47. package/dist/cjs/components/wallet/ConnectButton.js +3 -2
  48. package/dist/cjs/components/wallet/ConnectButton.js.map +1 -1
  49. package/dist/cjs/components/wallet/wallet-connection.d.ts +9559 -9559
  50. package/dist/cjs/components/wallet2/accountDrawer/AuthenticatedHeader.d.ts +3 -3
  51. package/dist/cjs/components/wallet2/accountDrawer/AuthenticatedHeader.d.ts.map +1 -1
  52. package/dist/cjs/components/wallet2/accountDrawer/AuthenticatedHeader.js +2 -2
  53. package/dist/cjs/components/wallet2/accountDrawer/AuthenticatedHeader.js.map +1 -1
  54. package/dist/cjs/components/wallet2/accountDrawer/miniPortfolio/index.d.ts +3 -3
  55. package/dist/cjs/components/wallet2/accountDrawer/miniPortfolio/index.d.ts.map +1 -1
  56. package/dist/cjs/components/wallet2/accountDrawer/miniPortfolio/index.js +2 -2
  57. package/dist/cjs/components/wallet2/accountDrawer/miniPortfolio/index.js.map +1 -1
  58. package/dist/cjs/components/wallet2/accountDrawer/miniPortfolio/tokens/index.d.ts +5 -2
  59. package/dist/cjs/components/wallet2/accountDrawer/miniPortfolio/tokens/index.d.ts.map +1 -1
  60. package/dist/cjs/components/wallet2/accountDrawer/miniPortfolio/tokens/index.js +3 -2
  61. package/dist/cjs/components/wallet2/accountDrawer/miniPortfolio/tokens/index.js.map +1 -1
  62. package/dist/cjs/components/wallet2/selector/ChainSelector.d.ts +4 -1
  63. package/dist/cjs/components/wallet2/selector/ChainSelector.d.ts.map +1 -1
  64. package/dist/cjs/components/wallet2/selector/ChainSelector.js +2 -4
  65. package/dist/cjs/components/wallet2/selector/ChainSelector.js.map +1 -1
  66. package/dist/cjs/components/wallet2/walletModal/ConnectionErrorView.d.ts +6 -1
  67. package/dist/cjs/components/wallet2/walletModal/ConnectionErrorView.d.ts.map +1 -1
  68. package/dist/cjs/components/wallet2/walletModal/ConnectionErrorView.js +7 -5
  69. package/dist/cjs/components/wallet2/walletModal/ConnectionErrorView.js.map +1 -1
  70. package/dist/cjs/components/wallet2/walletModal/Option.d.ts +5 -1
  71. package/dist/cjs/components/wallet2/walletModal/Option.d.ts.map +1 -1
  72. package/dist/cjs/components/wallet2/walletModal/Option.js +5 -2
  73. package/dist/cjs/components/wallet2/walletModal/Option.js.map +1 -1
  74. package/dist/cjs/components/wallet2/walletModal/index.d.ts +12 -4
  75. package/dist/cjs/components/wallet2/walletModal/index.d.ts.map +1 -1
  76. package/dist/cjs/components/wallet2/walletModal/index.js +3 -3
  77. package/dist/cjs/components/wallet2/walletModal/index.js.map +1 -1
  78. package/dist/cjs/components/wallet2/web3Status/index.d.ts +14 -2
  79. package/dist/cjs/components/wallet2/web3Status/index.d.ts.map +1 -1
  80. package/dist/cjs/components/wallet2/web3Status/index.js +13 -5
  81. package/dist/cjs/components/wallet2/web3Status/index.js.map +1 -1
  82. package/dist/cjs/hooks/connection/connection.d.ts.map +1 -1
  83. package/dist/cjs/hooks/connection/connection.js +41 -12
  84. package/dist/cjs/hooks/connection/connection.js.map +1 -1
  85. package/dist/cjs/hooks/connection/useSyncChainQuery.js.map +1 -1
  86. package/dist/cjs/hooks/index.d.ts +5 -0
  87. package/dist/cjs/hooks/index.d.ts.map +1 -1
  88. package/dist/cjs/hooks/index.js +11 -1
  89. package/dist/cjs/hooks/index.js.map +1 -1
  90. package/dist/cjs/hooks/magic.d.ts +4 -4
  91. package/dist/cjs/hooks/magic.d.ts.map +1 -1
  92. package/dist/cjs/hooks/magic.js +9 -6
  93. package/dist/cjs/hooks/magic.js.map +1 -1
  94. package/dist/cjs/hooks/useCtaClickHandler.d.ts +1 -1
  95. package/dist/cjs/hooks/useCtaClickHandler.d.ts.map +1 -1
  96. package/dist/cjs/hooks/useCtaClickHandler.js.map +1 -1
  97. package/dist/cjs/hooks/useMetaTx.d.ts +1 -1
  98. package/dist/cjs/hooks/useMetaTx.d.ts.map +1 -1
  99. package/dist/cjs/hooks/useMetaTx.js.map +1 -1
  100. package/dist/cjs/index.d.ts +4 -0
  101. package/dist/cjs/index.d.ts.map +1 -1
  102. package/dist/cjs/index.js +4 -0
  103. package/dist/cjs/index.js.map +1 -1
  104. package/dist/cjs/lib/signer/externalSigner.d.ts.map +1 -1
  105. package/dist/cjs/lib/signer/externalSigner.js +7 -0
  106. package/dist/cjs/lib/signer/externalSigner.js.map +1 -1
  107. package/dist/esm/components/config/ConfigContext.d.ts +2 -1
  108. package/dist/esm/components/config/ConfigContext.d.ts.map +1 -1
  109. package/dist/esm/components/config/ConfigContext.js.map +1 -1
  110. package/dist/esm/components/config/ConfigProvider.d.ts.map +1 -1
  111. package/dist/esm/components/config/ConfigProvider.js +4 -1
  112. package/dist/esm/components/config/ConfigProvider.js.map +1 -1
  113. package/dist/esm/components/connection/utils.d.ts.map +1 -1
  114. package/dist/esm/components/connection/utils.js +0 -1
  115. package/dist/esm/components/connection/utils.js.map +1 -1
  116. package/dist/esm/components/currencyDisplay/CurrencyDisplay.d.ts +5 -2
  117. package/dist/esm/components/currencyDisplay/CurrencyDisplay.d.ts.map +1 -1
  118. package/dist/esm/components/currencyDisplay/CurrencyDisplay.js +6 -7
  119. package/dist/esm/components/currencyDisplay/CurrencyDisplay.js.map +1 -1
  120. package/dist/esm/components/exchangeCard/ExchangeCard.d.ts +1 -1
  121. package/dist/esm/components/image/Image.styles.d.ts.map +1 -1
  122. package/dist/esm/components/image/Image.styles.js +0 -2
  123. package/dist/esm/components/image/Image.styles.js.map +1 -1
  124. package/dist/esm/components/magicLink/MagicProvider.js +1 -1
  125. package/dist/esm/components/magicLink/MagicProvider.js.map +1 -1
  126. package/dist/esm/components/magicLink/UserContext.d.ts.map +1 -1
  127. package/dist/esm/components/magicLink/UserContext.js +10 -2
  128. package/dist/esm/components/magicLink/UserContext.js.map +1 -1
  129. package/dist/esm/components/modal/components/Redeem/MyItems/Exchange.js +1 -1
  130. package/dist/esm/components/modal/components/Redeem/MyItems/Exchange.js.map +1 -1
  131. package/dist/esm/components/productCard/ProductCard.d.ts +5 -2
  132. package/dist/esm/components/productCard/ProductCard.d.ts.map +1 -1
  133. package/dist/esm/components/productCard/ProductCard.js +20 -32
  134. package/dist/esm/components/productCard/ProductCard.js.map +1 -1
  135. package/dist/esm/components/productCard/ProductCard.styles.d.ts +111 -4
  136. package/dist/esm/components/productCard/ProductCard.styles.d.ts.map +1 -1
  137. package/dist/esm/components/productCard/ProductCard.styles.js +50 -24
  138. package/dist/esm/components/productCard/ProductCard.styles.js.map +1 -1
  139. package/dist/esm/components/productCard/commonStyles.d.ts.map +1 -1
  140. package/dist/esm/components/productCard/commonStyles.js +0 -1
  141. package/dist/esm/components/productCard/commonStyles.js.map +1 -1
  142. package/dist/esm/components/queryClient/withQueryClientProvider.d.ts +0 -4
  143. package/dist/esm/components/queryClient/withQueryClientProvider.d.ts.map +1 -1
  144. package/dist/esm/components/queryClient/withQueryClientProvider.js +1 -11
  145. package/dist/esm/components/queryClient/withQueryClientProvider.js.map +1 -1
  146. package/dist/esm/components/skeleton/CollectionsCardSkeleton.d.ts.map +1 -1
  147. package/dist/esm/components/skeleton/CollectionsCardSkeleton.js +39 -17
  148. package/dist/esm/components/skeleton/CollectionsCardSkeleton.js.map +1 -1
  149. package/dist/esm/components/skeleton/ProductCardSkeleton.d.ts.map +1 -1
  150. package/dist/esm/components/skeleton/ProductCardSkeleton.js +19 -20
  151. package/dist/esm/components/skeleton/ProductCardSkeleton.js.map +1 -1
  152. package/dist/esm/components/wallet/ConnectButton.d.ts.map +1 -1
  153. package/dist/esm/components/wallet/ConnectButton.js +4 -3
  154. package/dist/esm/components/wallet/ConnectButton.js.map +1 -1
  155. package/dist/esm/components/wallet/wallet-connection.d.ts +9559 -9559
  156. package/dist/esm/components/wallet2/accountDrawer/AuthenticatedHeader.d.ts +3 -3
  157. package/dist/esm/components/wallet2/accountDrawer/AuthenticatedHeader.d.ts.map +1 -1
  158. package/dist/esm/components/wallet2/accountDrawer/AuthenticatedHeader.js +2 -2
  159. package/dist/esm/components/wallet2/accountDrawer/AuthenticatedHeader.js.map +1 -1
  160. package/dist/esm/components/wallet2/accountDrawer/miniPortfolio/index.d.ts +3 -3
  161. package/dist/esm/components/wallet2/accountDrawer/miniPortfolio/index.d.ts.map +1 -1
  162. package/dist/esm/components/wallet2/accountDrawer/miniPortfolio/index.js +2 -2
  163. package/dist/esm/components/wallet2/accountDrawer/miniPortfolio/index.js.map +1 -1
  164. package/dist/esm/components/wallet2/accountDrawer/miniPortfolio/tokens/index.d.ts +5 -2
  165. package/dist/esm/components/wallet2/accountDrawer/miniPortfolio/tokens/index.d.ts.map +1 -1
  166. package/dist/esm/components/wallet2/accountDrawer/miniPortfolio/tokens/index.js +3 -2
  167. package/dist/esm/components/wallet2/accountDrawer/miniPortfolio/tokens/index.js.map +1 -1
  168. package/dist/esm/components/wallet2/selector/ChainSelector.d.ts +4 -1
  169. package/dist/esm/components/wallet2/selector/ChainSelector.d.ts.map +1 -1
  170. package/dist/esm/components/wallet2/selector/ChainSelector.js +3 -5
  171. package/dist/esm/components/wallet2/selector/ChainSelector.js.map +1 -1
  172. package/dist/esm/components/wallet2/walletModal/ConnectionErrorView.d.ts +6 -1
  173. package/dist/esm/components/wallet2/walletModal/ConnectionErrorView.d.ts.map +1 -1
  174. package/dist/esm/components/wallet2/walletModal/ConnectionErrorView.js +7 -5
  175. package/dist/esm/components/wallet2/walletModal/ConnectionErrorView.js.map +1 -1
  176. package/dist/esm/components/wallet2/walletModal/Option.d.ts +5 -1
  177. package/dist/esm/components/wallet2/walletModal/Option.d.ts.map +1 -1
  178. package/dist/esm/components/wallet2/walletModal/Option.js +5 -2
  179. package/dist/esm/components/wallet2/walletModal/Option.js.map +1 -1
  180. package/dist/esm/components/wallet2/walletModal/index.d.ts +12 -4
  181. package/dist/esm/components/wallet2/walletModal/index.d.ts.map +1 -1
  182. package/dist/esm/components/wallet2/walletModal/index.js +3 -3
  183. package/dist/esm/components/wallet2/walletModal/index.js.map +1 -1
  184. package/dist/esm/components/wallet2/web3Status/index.d.ts +14 -2
  185. package/dist/esm/components/wallet2/web3Status/index.d.ts.map +1 -1
  186. package/dist/esm/components/wallet2/web3Status/index.js +14 -6
  187. package/dist/esm/components/wallet2/web3Status/index.js.map +1 -1
  188. package/dist/esm/hooks/connection/connection.d.ts.map +1 -1
  189. package/dist/esm/hooks/connection/connection.js +41 -12
  190. package/dist/esm/hooks/connection/connection.js.map +1 -1
  191. package/dist/esm/hooks/connection/useSyncChainQuery.js.map +1 -1
  192. package/dist/esm/hooks/index.d.ts +5 -0
  193. package/dist/esm/hooks/index.d.ts.map +1 -1
  194. package/dist/esm/hooks/index.js +5 -0
  195. package/dist/esm/hooks/index.js.map +1 -1
  196. package/dist/esm/hooks/magic.d.ts +4 -4
  197. package/dist/esm/hooks/magic.d.ts.map +1 -1
  198. package/dist/esm/hooks/magic.js +9 -6
  199. package/dist/esm/hooks/magic.js.map +1 -1
  200. package/dist/esm/hooks/useCtaClickHandler.d.ts +1 -1
  201. package/dist/esm/hooks/useCtaClickHandler.d.ts.map +1 -1
  202. package/dist/esm/hooks/useCtaClickHandler.js.map +1 -1
  203. package/dist/esm/hooks/useMetaTx.d.ts +1 -1
  204. package/dist/esm/hooks/useMetaTx.d.ts.map +1 -1
  205. package/dist/esm/hooks/useMetaTx.js.map +1 -1
  206. package/dist/esm/index.d.ts +4 -0
  207. package/dist/esm/index.d.ts.map +1 -1
  208. package/dist/esm/index.js +4 -0
  209. package/dist/esm/index.js.map +1 -1
  210. package/dist/esm/lib/signer/externalSigner.d.ts.map +1 -1
  211. package/dist/esm/lib/signer/externalSigner.js +7 -0
  212. package/dist/esm/lib/signer/externalSigner.js.map +1 -1
  213. package/package.json +5 -5
  214. package/src/components/config/ConfigContext.ts +2 -1
  215. package/src/components/config/ConfigProvider.tsx +5 -2
  216. package/src/components/connection/utils.ts +0 -1
  217. package/src/components/currencyDisplay/CurrencyDisplay.tsx +21 -18
  218. package/src/components/exchangeCard/ExchangeCard.tsx +1 -1
  219. package/src/components/image/Image.styles.ts +0 -2
  220. package/src/components/magicLink/MagicProvider.tsx +1 -1
  221. package/src/components/magicLink/UserContext.tsx +10 -3
  222. package/src/components/modal/components/Redeem/MyItems/Exchange.tsx +1 -1
  223. package/src/components/productCard/ProductCard.styles.ts +57 -26
  224. package/src/components/productCard/ProductCard.tsx +54 -56
  225. package/src/components/productCard/commonStyles.ts +0 -1
  226. package/src/components/queryClient/withQueryClientProvider.tsx +1 -26
  227. package/src/components/skeleton/CollectionsCardSkeleton.tsx +63 -39
  228. package/src/components/skeleton/ProductCardSkeleton.tsx +24 -37
  229. package/src/components/wallet/ConnectButton.tsx +12 -9
  230. package/src/components/wallet2/accountDrawer/AuthenticatedHeader.tsx +5 -6
  231. package/src/components/wallet2/accountDrawer/miniPortfolio/index.tsx +8 -4
  232. package/src/components/wallet2/accountDrawer/miniPortfolio/tokens/index.tsx +8 -2
  233. package/src/components/wallet2/selector/ChainSelector.tsx +25 -13
  234. package/src/components/wallet2/walletModal/ConnectionErrorView.tsx +21 -6
  235. package/src/components/wallet2/walletModal/Option.tsx +9 -2
  236. package/src/components/wallet2/walletModal/index.tsx +17 -6
  237. package/src/components/wallet2/web3Status/index.tsx +43 -15
  238. package/src/hooks/connection/connection.ts +42 -12
  239. package/src/hooks/connection/useSyncChainQuery.ts +1 -1
  240. package/src/hooks/index.ts +10 -0
  241. package/src/hooks/magic.ts +9 -6
  242. package/src/hooks/useCtaClickHandler.ts +4 -1
  243. package/src/hooks/useMetaTx.ts +3 -1
  244. package/src/index.tsx +4 -0
  245. package/src/lib/signer/externalSigner.ts +7 -0
  246. package/src/stories/ConnectWallet.stories.tsx +63 -6
  247. package/src/stories/ProductCard.stories.tsx +1 -7
  248. package/src/stories/buttons/Upload.stories.tsx +1 -3
  249. package/src/stories/widgets/Commit.stories.tsx +2 -1
@@ -1,12 +1,13 @@
1
1
  import styled, { css } from "styled-components";
2
2
  import { theme } from "../../theme";
3
3
  import { cardWrapperStyles } from "./commonStyles";
4
+ import { Typography } from "../ui/Typography";
5
+ import { zIndex } from "../ui/zIndex";
4
6
  export const ProductCardLabelWrapper = styled.div `
5
7
  position: absolute;
6
8
  top: 0.5rem;
7
9
  left: 0.5rem;
8
10
  background: white;
9
- padding: 0.25rem 0.5rem 0.25rem 0.5rem;
10
11
  font-weight: 600;
11
12
  color: ${({ theme }) => theme?.colors?.light.darkGrey};
12
13
  z-index: 1;
@@ -68,28 +69,33 @@ export const ProductCardCreatorAvatar = styled.div `
68
69
  `;
69
70
  export const ProductCardCreatorName = styled.div `
70
71
  font-weight: 600;
71
- font-size: 0.75rem;
72
+ font-size: 0.625rem;
72
73
  line-height: 150%;
73
- min-height: 3em;
74
- color: ${({ theme }) => theme?.colors?.light.accent};
74
+ color: ${({ theme }) => theme?.colors?.light.darkGrey};
75
75
  flex: none;
76
76
  order: 1;
77
77
  flex-grow: 0;
78
- justify-self: flex-end;
79
- margin-bottom: 0.25rem;
78
+ justify-self: flex-start;
79
+ margin-right: auto;
80
+ > span {
81
+ font-weight: 600;
82
+ font-size: 0.625rem;
83
+ color: ${({ theme }) => theme?.colors?.light.darkGrey};
84
+ }
80
85
  `;
81
- export const ProductCardTitle = styled.div.attrs({ className: "title" }) `
82
- font-weight: 600;
83
- font-size: 1.25rem;
86
+ export const ProductCardTitle = styled(Typography).attrs({
87
+ className: "title"
88
+ }) `
84
89
  color: ${({ theme }) => theme?.colors?.light.black};
85
90
  word-break: break-word;
86
91
  overflow: hidden;
87
- text-overflow: ellipsis;
88
92
  display: -webkit-box;
89
93
  -webkit-box-orient: vertical;
90
94
  -webkit-line-clamp: 2;
91
95
  line-height: 1.5em;
92
96
  max-height: calc(1.5em * 2);
97
+ white-space: nowrap;
98
+ text-overflow: ellipsis;
93
99
  `;
94
100
  export const ProductCardPriceWrapper = styled.div `
95
101
  display: flex;
@@ -108,31 +114,26 @@ export const ProductCardPrice = styled.div `
108
114
  margin-bottom: 0.25rem;
109
115
  color: ${({ theme }) => theme?.colors?.light.darkGrey};
110
116
  `;
111
- export const ProductCardData = styled.div `
112
- display: flex;
113
- flex-direction: column;
114
- `;
115
117
  export const ProductCardBottom = styled.div.attrs({ className: "bottom" }) `
116
118
  width: 100%;
117
- background: ${theme?.colors?.light.white};
118
119
  height: 12rem;
119
120
  display: flex;
120
121
  flex-direction: column;
121
- justify-content: space-between;
122
+ justify-content: flex-end;
123
+ z-index: ${zIndex.ChatSeparator};
124
+ flex: 0;
122
125
  `;
123
126
  export const ProductCardBottomContent = styled.div `
124
127
  display: flex;
125
128
  justify-content: space-between;
129
+ flex-direction: column;
126
130
  width: 100%;
127
- padding: 1rem 1.5rem 0.5rem 1.5rem;
128
131
  box-sizing: border-box;
129
132
  align-items: flex-start;
130
133
  column-gap: 0.25rem;
131
- border-top: 2px solid ${theme.colors.light.border};
132
134
  `;
133
135
  export const ProductCardTitleWrapper = styled.div `
134
136
  width: 100%;
135
- padding: 0 1.5rem 0.5rem 1.5rem;
136
137
  box-sizing: border-box;
137
138
  `;
138
139
  export const ProductCardWrapper = styled.div `
@@ -144,6 +145,9 @@ export const ProductCardWrapper = styled.div `
144
145
  justify-content: space-between;
145
146
  flex-direction: column;
146
147
  cursor: pointer;
148
+ min-height: 286px;
149
+ height: 286px;
150
+ padding: 0 1rem 1rem 1rem;
147
151
  [data-image-wrapper] {
148
152
  position: static;
149
153
  padding-top: 0;
@@ -151,6 +155,14 @@ export const ProductCardWrapper = styled.div `
151
155
  display: flex;
152
156
  justify-content: center;
153
157
  align-items: center;
158
+ ${({ $isImageFitCover }) => $isImageFitCover
159
+ ? css `
160
+ width: 100%;
161
+ img {
162
+ object-fit: cover;
163
+ }
164
+ `
165
+ : ""}
154
166
  }
155
167
  ${({ $isHoverDisabled }) => !$isHoverDisabled
156
168
  ? css `
@@ -163,8 +175,10 @@ export const ProductCardWrapper = styled.div `
163
175
  16px 16px 16px rgba(0, 0, 0, 0.05);
164
176
 
165
177
  [data-image-wrapper] {
178
+ width: 110%;
166
179
  img {
167
- transform: scale(1.05);
180
+ transform: scale(1.5);
181
+ object-position: center;
168
182
  transition: all 300ms ease-in-out;
169
183
  }
170
184
  }
@@ -177,21 +191,33 @@ export const ProductCardTop = styled.div `
177
191
  overflow: hidden;
178
192
  width: 100%;
179
193
  align-self: stretch;
180
- z-index: 0;
194
+ z-index: ${zIndex.Default};
181
195
  `;
182
196
  export const BottomText = styled.p `
183
197
  font-size: 0.75rem;
184
198
  font-weight: 600;
185
199
  line-height: 0.975rem;
186
200
  margin: 0;
187
- padding: 0 1.5rem 1rem 1.5rem;
188
201
  letter-spacing: 0.5px;
189
202
  color: ${theme.colors.light.darkGrey};
190
203
  `;
191
204
  export const ProductCardImageWrapper = styled.div `
192
205
  width: 100%;
193
- min-height: 0;
194
- height: auto;
206
+ height: 13.125rem;
207
+ display: flex;
208
+ justify-content: center;
209
+ align-items: center;
210
+ padding-top: 0.9375rem;
211
+ padding-bottom: 0.9375rem;
195
212
  flex: 1;
196
213
  `;
214
+ export const ProductCardImageAndCTAContainer = styled.div `
215
+ position: relative;
216
+ `;
217
+ export const CTAOnHoverContainer = styled.div `
218
+ position: absolute;
219
+ z-index: ${zIndex.OfferCard};
220
+ bottom: ${({ $isHovered }) => ($isHovered ? "95px" : "1.875rem")};
221
+ transition: all 300ms ease-in-out;
222
+ `;
197
223
  //# sourceMappingURL=ProductCard.styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ProductCard.styles.js","sourceRoot":"","sources":["../../../../src/components/productCard/ProductCard.styles.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ProductCard.styles.js","sourceRoot":"","sources":["../../../../src/components/productCard/ProductCard.styles.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"commonStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/productCard/commonStyles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,6CAO7B,CAAC"}
1
+ {"version":3,"file":"commonStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/productCard/commonStyles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,6CAM7B,CAAC"}
@@ -4,7 +4,6 @@ export const cardWrapperStyles = css `
4
4
  padding: 0px;
5
5
  isolation: isolate;
6
6
  width: 100%;
7
- min-height: 31.25rem;
8
7
  box-shadow: 0px 4.31783px 107.946px rgba(21, 30, 52, 0.1);
9
8
  background: ${theme.colors.light.white};
10
9
  `;
@@ -1 +1 @@
1
- {"version":3,"file":"commonStyles.js","sourceRoot":"","sources":["../../../../src/components/productCard/commonStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;;gBAMpB,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;CACvC,CAAC"}
1
+ {"version":3,"file":"commonStyles.js","sourceRoot":"","sources":["../../../../src/components/productCard/commonStyles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;;;;gBAKpB,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK;CACvC,CAAC"}
@@ -1,7 +1,3 @@
1
- import { QueryClientProviderProps } from "react-query";
2
1
  import React from "react";
3
- type QueryClientProviderCustomProps = Partial<QueryClientProviderProps>;
4
- export declare const QueryClientProviderCustom: React.FC<QueryClientProviderCustomProps>;
5
2
  export declare const withQueryClientProvider: <P extends object>(WrappedComponent: React.ComponentType<P>) => React.FC<P>;
6
- export {};
7
3
  //# sourceMappingURL=withQueryClientProvider.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"withQueryClientProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/queryClient/withQueryClientProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,wBAAwB,EACzB,MAAM,aAAa,CAAC;AAErB,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,KAAK,8BAA8B,GAAG,OAAO,CAAC,wBAAwB,CAAC,CAAC;AAExE,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAC9C,8BAA8B,CAO/B,CAAC;AAEF,eAAO,MAAM,uBAAuB,6EAqBnC,CAAC"}
1
+ {"version":3,"file":"withQueryClientProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/queryClient/withQueryClientProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,uBAAuB,6EAqBnC,CAAC"}
@@ -1,15 +1,5 @@
1
- import { QueryClient, QueryClientProvider } from "react-query";
2
1
  import React from "react";
3
- const queryClient = new QueryClient({
4
- defaultOptions: {
5
- queries: {
6
- refetchOnWindowFocus: false
7
- }
8
- }
9
- });
10
- export const QueryClientProviderCustom = ({ ...props }) => {
11
- return (React.createElement(QueryClientProvider, { client: queryClient, ...props }, props.children));
12
- };
2
+ import { QueryClientProviderCustom } from "./QueryClientProviderCustom";
13
3
  export const withQueryClientProvider = (WrappedComponent) => {
14
4
  // Return a new component
15
5
  const WithQueryClientProvider = (props) => {
@@ -1 +1 @@
1
- {"version":3,"file":"withQueryClientProvider.js","sourceRoot":"","sources":["../../../../src/components/queryClient/withQueryClientProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,mBAAmB,EAEpB,MAAM,aAAa,CAAC;AAErB,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,GAAG,IAAI,WAAW,CAAC;IAClC,cAAc,EAAE;QACd,OAAO,EAAE;YACP,oBAAoB,EAAE,KAAK;SAC5B;KACF;CACF,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,yBAAyB,GAElC,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACnB,OAAO,CACL,oBAAC,mBAAmB,IAAC,MAAM,EAAE,WAAW,KAAM,KAAK,IAChD,KAAK,CAAC,QAAQ,CACK,CACvB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACrC,gBAAwC,EACxC,EAAE;IAIF,yBAAyB;IACzB,MAAM,uBAAuB,GAAoB,CAAC,KAAK,EAAE,EAAE;QACzD,OAAO,CACL,oBAAC,yBAAyB;YACxB,oBAAC,gBAAgB,OAAK,KAAK,GAAI,CACL,CAC7B,CAAC;IACJ,CAAC,CAAC;IAEF,0CAA0C;IAC1C,MAAM,WAAW,GACf,gBAAgB,CAAC,WAAW,IAAI,gBAAgB,CAAC,IAAI,IAAI,WAAW,CAAC;IACvE,uBAAuB,CAAC,WAAW,GAAG,iCAAiC,WAAW,GAAG,CAAC;IAEtF,OAAO,uBAAuB,CAAC;AACjC,CAAC,CAAC"}
1
+ {"version":3,"file":"withQueryClientProvider.js","sourceRoot":"","sources":["../../../../src/components/queryClient/withQueryClientProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAExE,MAAM,CAAC,MAAM,uBAAuB,GAAG,CACrC,gBAAwC,EACxC,EAAE;IAIF,yBAAyB;IACzB,MAAM,uBAAuB,GAAoB,CAAC,KAAK,EAAE,EAAE;QACzD,OAAO,CACL,oBAAC,yBAAyB;YACxB,oBAAC,gBAAgB,OAAK,KAAK,GAAI,CACL,CAC7B,CAAC;IACJ,CAAC,CAAC;IAEF,0CAA0C;IAC1C,MAAM,WAAW,GACf,gBAAgB,CAAC,WAAW,IAAI,gBAAgB,CAAC,IAAI,IAAI,WAAW,CAAC;IACvE,uBAAuB,CAAC,WAAW,GAAG,iCAAiC,WAAW,GAAG,CAAC;IAEtF,OAAO,uBAAuB,CAAC;AACjC,CAAC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"CollectionsCardSkeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/skeleton/CollectionsCardSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AA0BpD,KAAK,iBAAiB,GAAG,oBAAoB,CAAC,cAAc,CAAC,GAAG;IAC9D,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AACF,eAAO,MAAM,uBAAuB,UAAW,iBAAiB,gBAoC/D,CAAC"}
1
+ {"version":3,"file":"CollectionsCardSkeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/skeleton/CollectionsCardSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AA4CpD,KAAK,iBAAiB,GAAG,oBAAoB,CAAC,cAAc,CAAC,GAAG;IAC9D,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AACF,eAAO,MAAM,uBAAuB,UAAW,iBAAiB,gBA0C/D,CAAC"}
@@ -3,33 +3,55 @@ import styled from "styled-components";
3
3
  import { theme } from "../../theme";
4
4
  import { cardWrapperStyles } from "../productCard/commonStyles";
5
5
  import { LoadingBubble } from "./common";
6
+ import { Grid } from "../ui/Grid";
7
+ const colors = theme.colors.light;
6
8
  const Container = styled.div `
7
- display: grid;
8
- grid-template-columns: 1fr;
9
- grid-template-rows: repeat(2, min-content);
9
+ display: flex;
10
+ flex-direction: column;
10
11
  ${cardWrapperStyles}
12
+ /* REMs gives bad height here on smaller views */
13
+ height: 279px;
14
+ min-width: 265px;
11
15
  `;
12
16
  const ImagesContainer = styled.div `
13
17
  width: 100%;
14
- display: grid;
15
- grid-template-columns: repeat(2, 1fr);
16
- grid-template-rows: repeat(2, 1fr);
17
- grid-column-gap: 1px;
18
- grid-row-gap: 1px;
18
+ position: relative;
19
+ /* REMs gives bad height here on smaller views */
20
+ height: 208px;
21
+ background-color: ${colors.lightGrey};
19
22
  `;
20
23
  const BottomCard = styled.div `
21
- padding: 1rem 1.5rem 1rem 1.5rem;
24
+ padding: 1rem 1.5rem 1rem 0.3125rem;
25
+ `;
26
+ const ImageOne = styled.div `
27
+ position: absolute;
28
+ top: 50%;
29
+ left: 10%;
30
+ transform: translateY(-50%);
31
+ `;
32
+ const ImageTwo = styled.div `
33
+ position: absolute;
34
+ right: 10%;
35
+ top: 5%;
36
+ `;
37
+ const ImageThree = styled.div `
38
+ position: absolute;
39
+ right: 10%;
40
+ bottom: 5%;
22
41
  `;
23
42
  export const CollectionsCardSkeleton = (props) => {
24
43
  return (React.createElement(Container, null,
25
44
  React.createElement(ImagesContainer, null,
26
- React.createElement(LoadingBubble, { "$width": "100%", "$height": "170px", "$borderRadius": "0px", "$backgroundColor": theme.colors.light.darkGrey }),
27
- React.createElement(LoadingBubble, { "$width": "100%", "$height": "170px", "$borderRadius": "0px", "$backgroundColor": theme.colors.light.darkGrey }),
28
- React.createElement(LoadingBubble, { "$width": "100%", "$height": "170px", "$borderRadius": "0px", "$backgroundColor": theme.colors.light.darkGrey }),
29
- React.createElement(LoadingBubble, { "$width": "100%", "$height": "170px", "$borderRadius": "0px", "$backgroundColor": theme.colors.light.darkGrey })),
30
- React.createElement(BottomCard, null,
31
- React.createElement(LoadingBubble, { "$width": "50%", "$height": "26px", "$margin": "0 0 8.75px 0" }),
32
- React.createElement(LoadingBubble, { "$width": "52px", "$height": "18px", "$margin": "0 0 4.375px 0" }),
33
- React.createElement(LoadingBubble, { "$width": "30px", "$height": "30px" }))));
45
+ React.createElement(ImageOne, null,
46
+ React.createElement(LoadingBubble, { "$width": "140px", "$height": "102px", "$borderRadius": "0px", "$backgroundColor": theme.colors.light.darkGrey })),
47
+ React.createElement(ImageTwo, null,
48
+ React.createElement(LoadingBubble, { "$width": "60px", "$height": "50px", "$borderRadius": "0px", "$backgroundColor": theme.colors.light.darkGrey })),
49
+ React.createElement(ImageThree, null,
50
+ React.createElement(LoadingBubble, { "$width": "60px", "$height": "50px", "$borderRadius": "0px", "$backgroundColor": theme.colors.light.darkGrey }))),
51
+ React.createElement(Grid, { justifyContent: "flex-start", "align-items": "center", marginLeft: "1.5rem" },
52
+ React.createElement(LoadingBubble, { "$width": "43px", "$height": "43px", "$borderRadius": "100%" }),
53
+ React.createElement(BottomCard, null,
54
+ React.createElement(LoadingBubble, { "$width": "52px", "$height": "18px", "$margin": "0 0 4.375px 0" }),
55
+ React.createElement(LoadingBubble, { "$width": "30px", "$height": "25px" })))));
34
56
  };
35
57
  //# sourceMappingURL=CollectionsCardSkeleton.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"CollectionsCardSkeleton.js","sourceRoot":"","sources":["../../../../src/components/skeleton/CollectionsCardSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;IAIxB,iBAAiB;CACpB,CAAC;AAEF,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAOjC,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;CAE5B,CAAC;AAKF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,KAAwB,EAAE,EAAE;IAClE,OAAO,CACL,oBAAC,SAAS;QACR,oBAAC,eAAe;YACd,oBAAC,aAAa,cACL,MAAM,aACL,OAAO,mBACD,KAAK,sBACD,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,GAC7C;YACF,oBAAC,aAAa,cACL,MAAM,aACL,OAAO,mBACD,KAAK,sBACD,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,GAC7C;YACF,oBAAC,aAAa,cACL,MAAM,aACL,OAAO,mBACD,KAAK,sBACD,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,GAC7C;YACF,oBAAC,aAAa,cACL,MAAM,aACL,OAAO,mBACD,KAAK,sBACD,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,GAC7C,CACc;QAClB,oBAAC,UAAU;YACT,oBAAC,aAAa,cAAQ,KAAK,aAAS,MAAM,aAAS,cAAc,GAAG;YACpE,oBAAC,aAAa,cAAQ,MAAM,aAAS,MAAM,aAAS,eAAe,GAAG;YACtE,oBAAC,aAAa,cAAQ,MAAM,aAAS,MAAM,GAAG,CACnC,CACH,CACb,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"CollectionsCardSkeleton.js","sourceRoot":"","sources":["../../../../src/components/skeleton/CollectionsCardSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAClC,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;IAGxB,iBAAiB;;;;CAIpB,CAAC;AAEF,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;sBAKZ,MAAM,CAAC,SAAS;CACrC,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;CAE5B,CAAC;AAEF,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAK1B,CAAC;AACF,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI1B,CAAC;AACF,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI5B,CAAC;AAIF,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,KAAwB,EAAE,EAAE;IAClE,OAAO,CACL,oBAAC,SAAS;QACR,oBAAC,eAAe;YACd,oBAAC,QAAQ;gBACP,oBAAC,aAAa,cACL,OAAO,aACN,OAAO,mBACD,KAAK,sBACD,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,GAC7C,CACO;YACX,oBAAC,QAAQ;gBACP,oBAAC,aAAa,cACL,MAAM,aACL,MAAM,mBACA,KAAK,sBACD,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,GAC7C,CACO;YACX,oBAAC,UAAU;gBACT,oBAAC,aAAa,cACL,MAAM,aACL,MAAM,mBACA,KAAK,sBACD,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,GAC7C,CACS,CACG;QAClB,oBAAC,IAAI,IACH,cAAc,EAAC,YAAY,iBACf,QAAQ,EACpB,UAAU,EAAE,QAAQ;YAEpB,oBAAC,aAAa,cAAQ,MAAM,aAAS,MAAM,mBAAgB,MAAM,GAAI;YACrE,oBAAC,UAAU;gBACT,oBAAC,aAAa,cAAQ,MAAM,aAAS,MAAM,aAAS,eAAe,GAAG;gBACtE,oBAAC,aAAa,cAAQ,MAAM,aAAS,MAAM,GAAG,CACnC,CACR,CACG,CACb,CAAC;AACJ,CAAC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ProductCardSkeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/skeleton/ProductCardSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAoBpD,KAAK,iBAAiB,GAAG,oBAAoB,CAAC,cAAc,CAAC,GAAG;IAC9D,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AACF,eAAO,MAAM,mBAAmB,UAAW,iBAAiB,gBAoD3D,CAAC"}
1
+ {"version":3,"file":"ProductCardSkeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/skeleton/ProductCardSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAapD,KAAK,iBAAiB,GAAG,oBAAoB,CAAC,cAAc,CAAC,GAAG;IAC9D,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAaF,eAAO,MAAM,mBAAmB,UAAW,iBAAiB,gBAkC3D,CAAC"}
@@ -1,33 +1,32 @@
1
1
  import React from "react";
2
- import { BottomText, ProductCardBottom, ProductCardBottomContent, ProductCardCreator, ProductCardCreatorAvatar, ProductCardCreatorName, ProductCardData, ProductCardImageWrapper, ProductCardPrice, ProductCardPriceWrapper, ProductCardTitle, ProductCardTitleWrapper, ProductCardWrapper } from "../productCard/ProductCard.styles";
3
- import { Grid } from "../ui/Grid";
2
+ import { BottomText, ProductCardBottom, ProductCardImageWrapper, ProductCardTitle, ProductCardTitleWrapper, ProductCardWrapper } from "../productCard/ProductCard.styles";
4
3
  import { theme } from "../../theme";
5
4
  import { LoadingBubble } from "./common";
5
+ import styled from "styled-components";
6
+ const ProductCardImageWrapperStyled = styled(ProductCardImageWrapper) `
7
+ overflow: hidden;
8
+ width: 100%;
9
+ /* REMs gives bad height here on smaller views */
10
+ max-height: 210px;
11
+ min-height: 11.25rem;
12
+ `;
13
+ const ProductCardTitleWrapperStyled = styled(ProductCardTitleWrapper) `
14
+ margin-bottom: 5px;
15
+ `;
6
16
  export const ProductCardSkeleton = (props) => {
7
17
  const { withBottomText } = props;
8
18
  return (React.createElement(ProductCardWrapper, { ...props, "$isHoverDisabled": true },
9
- React.createElement(ProductCardImageWrapper, null,
19
+ React.createElement(ProductCardImageWrapperStyled, null,
10
20
  React.createElement(LoadingBubble, { "$width": "100%", "$height": "340px", "$borderRadius": "0px", "$backgroundColor": theme.colors.light.darkGrey })),
11
21
  React.createElement(ProductCardBottom, null,
12
22
  React.createElement("div", null,
13
- React.createElement(ProductCardBottomContent, null,
14
- React.createElement(ProductCardData, null,
15
- React.createElement(ProductCardCreator, null,
16
- React.createElement(ProductCardCreatorAvatar, null,
17
- React.createElement(LoadingBubble, { "$width": "16px", "$height": "16px" })),
18
- React.createElement(ProductCardCreatorName, { "data-avatarname": "product-card" },
19
- React.createElement(LoadingBubble, { "$width": "50px", "$height": "12.5px" })))),
20
- React.createElement(ProductCardPriceWrapper, null,
21
- React.createElement(ProductCardPrice, null,
22
- React.createElement(Grid, { justifyContent: "flex-end" },
23
- React.createElement(LoadingBubble, { "$width": "30px", "$height": "10px" }))),
24
- React.createElement(Grid, { justifyContent: "flex-end", gap: "8px" },
25
- React.createElement(LoadingBubble, { "$width": "24px", "$height": "24px" }),
26
- React.createElement(LoadingBubble, { "$width": "calc(100% - 24px - 8px)" })))),
27
- React.createElement(ProductCardTitleWrapper, null,
23
+ React.createElement(ProductCardTitleWrapperStyled, null,
28
24
  React.createElement(ProductCardTitle, null,
29
- React.createElement(LoadingBubble, { "$width": "100%", "$height": "30px" })))),
25
+ React.createElement(LoadingBubble, { "$width": "50%", "$height": "12px" }))),
26
+ React.createElement(ProductCardTitleWrapperStyled, null,
27
+ React.createElement(ProductCardTitle, null,
28
+ React.createElement(LoadingBubble, { "$width": "20%", "$height": "8px" })))),
30
29
  withBottomText && (React.createElement(BottomText, null,
31
- React.createElement(LoadingBubble, { "$width": "100%", "$height": "15.5px" }))))));
30
+ React.createElement(LoadingBubble, { "$width": "15%", "$height": "13px" }))))));
32
31
  };
33
32
  //# sourceMappingURL=ProductCardSkeleton.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ProductCardSkeleton.js","sourceRoot":"","sources":["../../../../src/components/skeleton/ProductCardSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,wBAAwB,EACxB,kBAAkB,EAClB,wBAAwB,EACxB,sBAAsB,EACtB,eAAe,EACf,uBAAuB,EACvB,gBAAgB,EAChB,uBAAuB,EACvB,gBAAgB,EAChB,uBAAuB,EACvB,kBAAkB,EACnB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAKzC,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAAwB,EAAE,EAAE;IAC9D,MAAM,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAEjC,OAAO,CACL,oBAAC,kBAAkB,OAAK,KAAK,sBAAoB,IAAI;QACnD,oBAAC,uBAAuB;YACtB,oBAAC,aAAa,cACL,MAAM,aACL,OAAO,mBACD,KAAK,sBACD,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,GAC7C,CACsB;QAC1B,oBAAC,iBAAiB;YAChB;gBACE,oBAAC,wBAAwB;oBACvB,oBAAC,eAAe;wBACd,oBAAC,kBAAkB;4BACjB,oBAAC,wBAAwB;gCACvB,oBAAC,aAAa,cAAQ,MAAM,aAAS,MAAM,GAAG,CACrB;4BAC3B,oBAAC,sBAAsB,uBAAiB,cAAc;gCACpD,oBAAC,aAAa,cAAQ,MAAM,aAAS,QAAQ,GAAG,CACzB,CACN,CACL;oBAClB,oBAAC,uBAAuB;wBACtB,oBAAC,gBAAgB;4BACf,oBAAC,IAAI,IAAC,cAAc,EAAC,UAAU;gCAC7B,oBAAC,aAAa,cAAQ,MAAM,aAAS,MAAM,GAAG,CACzC,CACU;wBACnB,oBAAC,IAAI,IAAC,cAAc,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK;4BACvC,oBAAC,aAAa,cAAQ,MAAM,aAAS,MAAM,GAAG;4BAC9C,oBAAC,aAAa,cAAQ,yBAAyB,GAAG,CAC7C,CACiB,CACD;gBAC3B,oBAAC,uBAAuB;oBACtB,oBAAC,gBAAgB;wBACf,oBAAC,aAAa,cAAQ,MAAM,aAAS,MAAM,GAAG,CAC7B,CACK,CACtB;YACL,cAAc,IAAI,CACjB,oBAAC,UAAU;gBACT,oBAAC,aAAa,cAAQ,MAAM,aAAS,QAAQ,GAAG,CACrC,CACd,CACiB,CACD,CACtB,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"ProductCardSkeleton.js","sourceRoot":"","sources":["../../../../src/components/skeleton/ProductCardSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,uBAAuB,EACvB,gBAAgB,EAChB,uBAAuB,EACvB,kBAAkB,EACnB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAMvC,MAAM,6BAA6B,GAAG,MAAM,CAAC,uBAAuB,CAAC,CAAA;;;;;;CAMpE,CAAC;AAEF,MAAM,6BAA6B,GAAG,MAAM,CAAC,uBAAuB,CAAC,CAAA;;CAEpE,CAAC;AACF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAAwB,EAAE,EAAE;IAC9D,MAAM,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAEjC,OAAO,CACL,oBAAC,kBAAkB,OAAK,KAAK,sBAAoB,IAAI;QACnD,oBAAC,6BAA6B;YAC5B,oBAAC,aAAa,cACL,MAAM,aACL,OAAO,mBACD,KAAK,sBACD,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,GAC7C,CAC4B;QAChC,oBAAC,iBAAiB;YAChB;gBACE,oBAAC,6BAA6B;oBAC5B,oBAAC,gBAAgB;wBACf,oBAAC,aAAa,cAAQ,KAAK,aAAS,MAAM,GAAG,CAC5B,CACW;gBAChC,oBAAC,6BAA6B;oBAC5B,oBAAC,gBAAgB;wBACf,oBAAC,aAAa,cAAQ,KAAK,aAAS,KAAK,GAAG,CAC3B,CACW,CAC5B;YACL,cAAc,IAAI,CACjB,oBAAC,UAAU;gBACT,oBAAC,aAAa,cAAQ,KAAK,aAAS,MAAM,GAAG,CAClC,CACd,CACiB,CACD,CACtB,CAAC;AACJ,CAAC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ConnectButton.d.ts","sourceRoot":"","sources":["../../../../src/components/wallet/ConnectButton.tsx"],"names":[],"mappings":";AA+DA,UAAU,KAAK;IACb,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAQD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,qBAA0B,EAC1B,WAAkB,EAClB,gBAAgB,EAChB,GAAG,IAAI,EACR,EAAE,KAAK,eAoLP"}
1
+ {"version":3,"file":"ConnectButton.d.ts","sourceRoot":"","sources":["../../../../src/components/wallet/ConnectButton.tsx"],"names":[],"mappings":";AA+DA,UAAU,KAAK;IACb,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAQD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,qBAA0B,EAC1B,WAAkB,EAClB,gBAAgB,EAChB,GAAG,IAAI,EACR,EAAE,KAAK,eAuLP"}
@@ -9,7 +9,7 @@ import ThemedButton, { bosonButtonThemes } from "../ui/ThemedButton";
9
9
  import { useBreakpoints } from "../../hooks/useBreakpoints";
10
10
  import { saveItemInStorage } from "../../hooks/storage/useBosonLocalStorage";
11
11
  import { SignOut, Wallet } from "phosphor-react";
12
- import { useIsMagicLoggedIn } from "../../hooks";
12
+ import { useConfigContext, useIsMagicLoggedIn } from "../../hooks";
13
13
  import { useAccount, useChainId } from "../../hooks/connection/connection";
14
14
  import { useDisconnect } from "../../hooks/connection/useDisconnect";
15
15
  import { MagicLoginButton } from "../magicLink/Login";
@@ -56,6 +56,7 @@ const iconProps = {
56
56
  }
57
57
  };
58
58
  export default function ConnectButton({ navigationBarPosition = "", showAddress = true, showChangeWallet, ...rest }) {
59
+ const { withMagicLink } = useConfigContext();
59
60
  const { isLteXS, isLteS } = useBreakpoints();
60
61
  const isSideBar = ["left", "right"].includes(navigationBarPosition);
61
62
  const buttonPadding = isSideBar ? "0.75rem 1rem" : "";
@@ -77,12 +78,12 @@ export default function ConnectButton({ navigationBarPosition = "", showAddress
77
78
  // reset the tag o undefined
78
79
  Sentry.setTag("wallet_address", undefined);
79
80
  return (React.createElement(React.Fragment, null,
80
- React.createElement(MagicLoginButton, { buttonProps: {
81
+ withMagicLink && (React.createElement(MagicLoginButton, { buttonProps: {
81
82
  size: isLteXS ? "small" : "regular",
82
83
  theme: bosonButtonThemes({
83
84
  withBosonStyle: false
84
85
  })["primary"]
85
- } }),
86
+ } })),
86
87
  React.createElement(Button, { onClick: () => {
87
88
  saveItemInStorage("isConnectWalletFromCommit", false);
88
89
  openConnectModal();
@@ -1 +1 @@
1
- {"version":3,"file":"ConnectButton.js","sourceRoot":"","sources":["../../../../src/components/wallet/ConnectButton.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ConnectButton.js","sourceRoot":"","sources":["../../../../src/components/wallet/ConnectButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,aAAa,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,EAAE,aAAa,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC/E,OAAO,KAAK,MAAM,MAAM,iBAAiB,CAAC;AAC1C,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,YAAY,MAAM,gCAAgC,CAAC;AAC1D,OAAO,cAAc,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,YAAY,EAAE,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,0CAA0C,CAAC;AAC7E,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,MAAM,YAAY,GAAG,aAAa,CAK/B;IACD,eAAe,EAAE,SAAS;IAC1B,OAAO,EAAE,SAAS;IAClB,aAAa,EAAE,SAAS;IACxB,UAAU,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE;CACpC,CAAC,CAAC;AACH,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;IAC9D,MAAM,eAAe,GAAG,kBAAkB,EAAE,CAAC;IAC7C,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,UAAU,EAAE,CAAC;IAChD,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,OAAO;YACL,eAAe;YACf,OAAO;YACP,aAAa;YACb,UAAU;SACX,CAAC;IACJ,CAAC,EAAE,CAAC,eAAe,EAAE,OAAO,EAAE,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC;IAC1D,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IAAG,QAAQ,CAAyB,CACxE,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC;IAChD,EAAE,EAAE,eAAe;CACpB,CAAC,CAAA;;;;;;CAMD,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI3B,CAAC;AAOF,MAAM,SAAS,GAAG;IAChB,IAAI,EAAE,EAAE;IACR,KAAK,EAAE;QACL,MAAM,EAAE,SAAS;KACT;CACF,CAAC;AAEX,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,qBAAqB,GAAG,EAAE,EAC1B,WAAW,GAAG,IAAI,EAClB,gBAAgB,EAChB,GAAG,IAAI,EACD;IACN,MAAM,EAAE,aAAa,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAC7C,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IAC7C,MAAM,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,qBAAqB,CAAC,CAAC;IACpE,MAAM,aAAa,GAAG,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;IACtD,MAAM,cAAc,GAAG,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IACjD,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACtC,MAAM,sBAAsB,GAAG;QAC7B,GAAG,CAAC,aAAa,IAAI,EAAE,OAAO,EAAE,aAAa,EAAE,CAAC;QAChD,GAAG,CAAC,cAAc,IAAI,EAAE,cAAc,EAAE,CAAC;KAC1C,CAAC;IACF,OAAO,CACL,oBAAC,oBAAoB,CAAC,MAAM,QACzB,CAAC,EACA,OAAO,EACP,KAAK,EACL,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,OAAO,EACR,EAAE,EAAE;QACH,OAAO,IAAI,MAAM,CAAC,MAAM,CAAC,gBAAgB,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;QAE7D,OAAO,CACL,6BACE,SAAS,EAAC,SAAS,EACnB,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,KACnC,IAAI;YAER,oBAAC,aAAa;gBACZ,oBAAC,YAAY,CAAC,QAAQ,QACnB,CAAC,EAAE,eAAe,EAAE,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,EAAE,EAAE;oBAC3D,OAAO,CAAC,GAAG,EAAE;wBACX,IACE,CAAC,OAAO;4BACR,CAAC,aAAa;4BACd,CAAC,CAAC,OAAO,IAAI,CAAC,eAAe,CAAC,EAC9B;4BACA,4BAA4B;4BAC5B,MAAM,CAAC,MAAM,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAC;4BAE3C,OAAO,CACL;gCACG,aAAa,IAAI,CAChB,oBAAC,gBAAgB,IACf,WAAW,EAAE;wCACX,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;wCACnC,KAAK,EAAE,iBAAiB,CAAC;4CACvB,cAAc,EAAE,KAAK;yCACtB,CAAC,CAAC,SAAS,CAAC;qCACd,GACD,CACH;gCACD,oBAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE;wCACZ,iBAAiB,CACf,2BAA2B,EAC3B,KAAK,CACN,CAAC;wCACF,gBAAgB,EAAE,CAAC;oCACrB,CAAC,EACD,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACnC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAE;wCACL,UAAU,EAAE,KAAK;wCACjB,GAAG,sBAAsB;wCACzB,KAAK,EAAE,SAAS;qCACjB;;oCAGA,CAAC,OAAO,IAAI,CACX,oBAAC,kBAAkB,IAAC,GAAG,EAAE,YAAY,GAAI,CAC1C,CACM,CACR,CACJ,CAAC;yBACH;wBAED,IAAI,KAAK,EAAE,WAAW,EAAE;4BACtB,OAAO,CACL,oBAAC,YAAY,IACX,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAC,SAAS,EAClB,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACnC,KAAK,EAAE;oCACL,UAAU,EAAE,KAAK;oCACjB,GAAG,sBAAsB;oCACzB,KAAK,EAAE,SAAS;iCACjB,oBAGY,CAChB,CAAC;yBACH;wBACD,OAAO,CACL,6BACE,KAAK,EAAE;gCACL,OAAO,EAAE,MAAM;gCACf,GAAG,EAAE,EAAE;gCACP,QAAQ,EAAE,MAAM;gCAChB,UAAU,EAAE,QAAQ;gCACpB,GAAG,CAAC,cAAc,IAAI;oCACpB,cAAc;iCACf,CAAC;gCACF,GAAG,CAAC,KAAK,IAAI,EAAE,KAAK,EAAE,CAAC;6BACxB;4BAEA,gBAAgB,IAAI,CAAC,eAAe,IAAI,CACvC,oBAAC,MAAM,OACD,SAAS,EACb,OAAO,EAAE,KAAK,IAAI,EAAE;oCAClB,IAAI;wCACF,8DAA8D;wCAC9D,MAAO,MAAc,CAAC,QAAQ,EAAE,OAAO,CAAC;4CACtC,MAAM,EAAE,2BAA2B;4CACnC,MAAM,EAAE;gDACN;oDACE,YAAY,EAAE,EAAE;iDACjB;6CACF;yCACF,CAAC,CAAC;qCACJ;oCAAC,OAAO,KAAK,EAAE;wCACd,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;qCACtB;gCACH,CAAC,GACD,CACH;4BACD,oBAAC,YAAY,IACX,OAAO,EAAE,gBAAgB,EACzB,QAAQ,EAAC,SAAS,EAClB,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACnC,KAAK,EAAE;oCACL,UAAU,EAAE,KAAK;oCACjB,GAAG,sBAAsB;oCACzB,KAAK,EAAE,SAAS;oCAChB,GAAG,CAAC,CAAC,WAAW,IAAI;wCAClB,WAAW,EAAE,aAAa;qCAC3B,CAAC;iCACH;gCAEA,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,CACpB,oBAAC,SAAS,IAAC,GAAG,EAAE,OAAO,CAAC,SAAS,GAAI,CACtC,CAAC,CAAC,CAAC,CACF,oBAAC,cAAc,IACb,OAAO,EAAE,aAAa,IAAI,OAAO,EAAE,OAAO,EAC1C,IAAI,EAAE,EAAE,GACR,CACH;gCACA,WAAW,IAAI,OAAO,EAAE,WAAW,CACvB;4BACd,MAAM,CAAC,CAAC,CAAC,CACR,oBAAC,OAAO,OACF,SAAS,EACb,OAAO,EAAE,GAAG,EAAE,CACZ,UAAU,CAAC;oCACT,mBAAmB,EAAE,IAAI;iCAC1B,CAAC,GAEJ,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,YAAY,IACX,QAAQ,EAAC,SAAS,EAClB,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACnC,OAAO,EAAE,GAAG,EAAE,CACZ,UAAU,CAAC;oCACT,mBAAmB,EAAE,IAAI;iCAC1B,CAAC,iBAIS,CAChB,CACG,CACP,CAAC;oBACJ,CAAC,CAAC,EAAE,CAAC;gBACP,CAAC,CACqB,CACV,CACZ,CACP,CAAC;IACJ,CAAC,CAC2B,CAC/B,CAAC;AACJ,CAAC"}