@faststore/core 2.0.97-alpha.0 → 2.0.99-alpha.0

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 (172) hide show
  1. package/.storybook/components/SectionItem.tsx +1 -3
  2. package/.turbo/turbo-build.log +16 -16
  3. package/CHANGELOG.md +12 -0
  4. package/package.json +5 -5
  5. package/public/icons.svg +60 -56
  6. package/src/Layout.tsx +1 -2
  7. package/src/components/cart/CartSidebar/CartSidebar.tsx +6 -8
  8. package/src/components/cart/CartToggle/CartToggle.tsx +5 -2
  9. package/src/components/cart/EmptyCart/EmptyCart.tsx +1 -2
  10. package/src/components/common/Alert/Alert.tsx +1 -2
  11. package/src/components/common/Footer/Footer.tsx +3 -3
  12. package/src/components/common/Footer/FooterFlags.tsx +21 -18
  13. package/src/components/common/Navbar/Navbar.tsx +2 -4
  14. package/src/components/product/OutOfStock/OutOfStock.tsx +2 -3
  15. package/src/components/region/RegionButton/RegionButton.tsx +1 -2
  16. package/src/components/region/RegionModal/RegionalizationModalContent.tsx +1 -1
  17. package/src/components/search/SearchInput/SearchInput.tsx +17 -17
  18. package/src/components/sections/Incentives/Incentives.tsx +1 -3
  19. package/src/components/sections/Newsletter/Newsletter.tsx +1 -2
  20. package/src/components/sections/ProducDetailsContent/ProductDetailsContent.tsx +24 -18
  21. package/src/components/sections/ProductGallery/EmptyGallery.tsx +1 -2
  22. package/src/components/sections/ProductGallery/ProductGallery.tsx +4 -5
  23. package/src/components/sections/ScrollToTopButton/ScrollToTopButton.tsx +1 -3
  24. package/src/components/ui/Breadcrumb/Breadcrumb.tsx +1 -2
  25. package/src/components/ui/Button/ButtonSignIn/ButtonSignIn.tsx +1 -2
  26. package/src/components/ui/Button/ButtonSignIn/ButtonSignInFallback/ButtonSignInFallback.tsx +1 -3
  27. package/src/components/ui/Carousel/Carousel.tsx +2 -4
  28. package/src/components/ui/Gift/Gift.tsx +6 -3
  29. package/src/components/ui/ImageGallery/ImageGallerySelector.tsx +5 -2
  30. package/src/pages/[...slug].tsx +1 -1
  31. package/.next/BUILD_ID +0 -1
  32. package/.next/build-manifest.json +0 -101
  33. package/.next/cache/.tsbuildinfo +0 -1
  34. package/.next/cache/config.json +0 -7
  35. package/.next/cache/eslint/.cache_1gneedd +0 -1
  36. package/.next/cache/next-server.js.nft.json +0 -1
  37. package/.next/cache/webpack/client-production/0.pack +0 -0
  38. package/.next/cache/webpack/client-production/index.pack +0 -0
  39. package/.next/cache/webpack/server-production/0.pack +0 -0
  40. package/.next/cache/webpack/server-production/index.pack +0 -0
  41. package/.next/export-marker.json +0 -1
  42. package/.next/images-manifest.json +0 -1
  43. package/.next/next-server.js.nft.json +0 -1
  44. package/.next/package.json +0 -1
  45. package/.next/prerender-manifest.json +0 -1
  46. package/.next/react-loadable-manifest.json +0 -44
  47. package/.next/required-server-files.json +0 -1
  48. package/.next/routes-manifest.json +0 -1
  49. package/.next/server/chunks/104.js +0 -196
  50. package/.next/server/chunks/143.js +0 -106
  51. package/.next/server/chunks/152.js +0 -216
  52. package/.next/server/chunks/154.js +0 -206
  53. package/.next/server/chunks/183.js +0 -72
  54. package/.next/server/chunks/247.js +0 -61
  55. package/.next/server/chunks/264.js +0 -67
  56. package/.next/server/chunks/280.js +0 -417
  57. package/.next/server/chunks/287.js +0 -79
  58. package/.next/server/chunks/312.js +0 -684
  59. package/.next/server/chunks/317.js +0 -125
  60. package/.next/server/chunks/350.js +0 -120
  61. package/.next/server/chunks/371.js +0 -1484
  62. package/.next/server/chunks/377.js +0 -82
  63. package/.next/server/chunks/394.js +0 -3801
  64. package/.next/server/chunks/439.js +0 -175
  65. package/.next/server/chunks/444.js +0 -464
  66. package/.next/server/chunks/465.js +0 -91
  67. package/.next/server/chunks/576.js +0 -72
  68. package/.next/server/chunks/608.js +0 -515
  69. package/.next/server/chunks/664.js +0 -124
  70. package/.next/server/chunks/676.js +0 -32
  71. package/.next/server/chunks/746.js +0 -237
  72. package/.next/server/chunks/777.js +0 -708
  73. package/.next/server/chunks/854.js +0 -72
  74. package/.next/server/chunks/859.js +0 -959
  75. package/.next/server/chunks/872.js +0 -378
  76. package/.next/server/chunks/881.js +0 -320
  77. package/.next/server/chunks/898.js +0 -240
  78. package/.next/server/chunks/914.js +0 -96
  79. package/.next/server/chunks/953.js +0 -674
  80. package/.next/server/chunks/98.js +0 -266
  81. package/.next/server/chunks/992.js +0 -570
  82. package/.next/server/chunks/font-manifest.json +0 -1
  83. package/.next/server/font-manifest.json +0 -1
  84. package/.next/server/middleware-build-manifest.js +0 -1
  85. package/.next/server/middleware-manifest.json +0 -6
  86. package/.next/server/middleware-react-loadable-manifest.js +0 -1
  87. package/.next/server/pages/404.js.nft.json +0 -1
  88. package/.next/server/pages/500.js.nft.json +0 -1
  89. package/.next/server/pages/[...slug].js +0 -633
  90. package/.next/server/pages/[...slug].js.nft.json +0 -1
  91. package/.next/server/pages/[slug]/p.js +0 -2390
  92. package/.next/server/pages/[slug]/p.js.nft.json +0 -1
  93. package/.next/server/pages/_app.js +0 -2467
  94. package/.next/server/pages/_app.js.nft.json +0 -1
  95. package/.next/server/pages/_document.js +0 -304
  96. package/.next/server/pages/_document.js.nft.json +0 -1
  97. package/.next/server/pages/_error.js +0 -164
  98. package/.next/server/pages/_error.js.nft.json +0 -1
  99. package/.next/server/pages/account.js.nft.json +0 -1
  100. package/.next/server/pages/api/graphql.js +0 -259
  101. package/.next/server/pages/api/graphql.js.nft.json +0 -1
  102. package/.next/server/pages/api/preview.js +0 -118
  103. package/.next/server/pages/api/preview.js.nft.json +0 -1
  104. package/.next/server/pages/checkout.js.nft.json +0 -1
  105. package/.next/server/pages/en-US/404.html +0 -81
  106. package/.next/server/pages/en-US/500.html +0 -81
  107. package/.next/server/pages/en-US/account.html +0 -81
  108. package/.next/server/pages/en-US/checkout.html +0 -81
  109. package/.next/server/pages/en-US/login.html +0 -81
  110. package/.next/server/pages/en-US/s.html +0 -81
  111. package/.next/server/pages/en-US.html +0 -81
  112. package/.next/server/pages/en-US.json +0 -1
  113. package/.next/server/pages/index.js +0 -428
  114. package/.next/server/pages/index.js.nft.json +0 -1
  115. package/.next/server/pages/login.js.nft.json +0 -1
  116. package/.next/server/pages/s.js.nft.json +0 -1
  117. package/.next/server/pages-manifest.json +0 -16
  118. package/.next/server/webpack-api-runtime.js +0 -229
  119. package/.next/server/webpack-runtime.js +0 -229
  120. package/.next/static/chunks/143.dd8a556e6957baa1.js +0 -1
  121. package/.next/static/chunks/152.d44c4f8d83e68e26.js +0 -1
  122. package/.next/static/chunks/251-5059c71d8e624b60.js +0 -1
  123. package/.next/static/chunks/291.1b3f1a62d6e853d1.js +0 -1
  124. package/.next/static/chunks/351-a4e28d64f48c5269.js +0 -1
  125. package/.next/static/chunks/608.59e69b83f35d9c44.js +0 -1
  126. package/.next/static/chunks/626-d631f2cb747ef569.js +0 -1
  127. package/.next/static/chunks/651.7142f31ce1e052b3.js +0 -1
  128. package/.next/static/chunks/686.41582b9e75eaba89.js +0 -1
  129. package/.next/static/chunks/741.52f7fb873418346f.js +0 -1
  130. package/.next/static/chunks/781-7df372b5b56e3f96.js +0 -1
  131. package/.next/static/chunks/843.f55ad79a8fd4f87c.js +0 -1
  132. package/.next/static/chunks/98.97381d2021f86cd9.js +0 -1
  133. package/.next/static/chunks/framework-dfd14d7ce6600b03.js +0 -1
  134. package/.next/static/chunks/main-9746772201fe3ac1.js +0 -1
  135. package/.next/static/chunks/pages/404-ba608a2a9f0c420a.js +0 -1
  136. package/.next/static/chunks/pages/500-910883c20541d9ce.js +0 -1
  137. package/.next/static/chunks/pages/[...slug]-4b2bea89ec5c8fbe.js +0 -1
  138. package/.next/static/chunks/pages/[slug]/p-912fe4b532f4fdce.js +0 -1
  139. package/.next/static/chunks/pages/_app-c30dfc55a86c1363.js +0 -1
  140. package/.next/static/chunks/pages/_error-a7a0c1d9bfbb4f38.js +0 -1
  141. package/.next/static/chunks/pages/account-b8fc5222ffe89b60.js +0 -1
  142. package/.next/static/chunks/pages/checkout-f8cb7cb22225ef9d.js +0 -1
  143. package/.next/static/chunks/pages/index-eabe9d42a172b52b.js +0 -1
  144. package/.next/static/chunks/pages/login-33954810b200eca8.js +0 -1
  145. package/.next/static/chunks/pages/s-b49bdf6af37376b6.js +0 -1
  146. package/.next/static/chunks/polyfills-c67a75d1b6f99dc8.js +0 -1
  147. package/.next/static/chunks/webpack-f1a1b4bcfa6b66bb.js +0 -1
  148. package/.next/static/css/10db3bc7ecdf0556.css +0 -1
  149. package/.next/static/css/43d61b402f41569b.css +0 -1
  150. package/.next/static/css/4899c3cc356704f9.css +0 -1
  151. package/.next/static/css/5f1958d8dece68c7.css +0 -1
  152. package/.next/static/css/6507cb48401e73a4.css +0 -1
  153. package/.next/static/css/8ea129ea90e49e98.css +0 -1
  154. package/.next/static/css/b2f16bd4b93e0aca.css +0 -1
  155. package/.next/static/css/db63ea05e98cb7e8.css +0 -1
  156. package/.next/static/m9qPYxeN9bMid06fpEhbE/_buildManifest.js +0 -1
  157. package/.next/static/m9qPYxeN9bMid06fpEhbE/_ssgManifest.js +0 -1
  158. package/.next/static/media/brandless-neutral.76ddf63a.png +0 -0
  159. package/.next/trace +0 -64
  160. package/public/~partytown/debug/partytown-atomics.js +0 -556
  161. package/public/~partytown/debug/partytown-media.js +0 -374
  162. package/public/~partytown/debug/partytown-sandbox-sw.js +0 -543
  163. package/public/~partytown/debug/partytown-sw.js +0 -59
  164. package/public/~partytown/debug/partytown-ww-atomics.js +0 -1789
  165. package/public/~partytown/debug/partytown-ww-sw.js +0 -1781
  166. package/public/~partytown/debug/partytown.js +0 -72
  167. package/public/~partytown/partytown-atomics.js +0 -2
  168. package/public/~partytown/partytown-media.js +0 -2
  169. package/public/~partytown/partytown-sw.js +0 -2
  170. package/public/~partytown/partytown.js +0 -2
  171. package/src/components/ui/Icon/Icon.tsx +0 -35
  172. package/src/components/ui/Icon/index.ts +0 -1
@@ -1,25 +1,23 @@
1
1
  import { sendAnalyticsEvent } from '@faststore/sdk'
2
2
  import {
3
- List as UIList,
4
- Button as UIButton,
5
- Badge as UIBadge,
6
3
  Alert as UIAlert,
4
+ Badge as UIBadge,
5
+ Button as UIButton,
6
+ List as UIList,
7
7
  SlideOver as UISlideOver,
8
8
  SlideOverHeader as UISlideOverHeader,
9
9
  } from '@faststore/ui'
10
10
 
11
+ import type { CurrencyCode, ViewCartEvent } from '@faststore/sdk'
11
12
  import { useEffect } from 'react'
12
- import type { ViewCartEvent, CurrencyCode } from '@faststore/sdk'
13
13
 
14
- import Icon from 'src/components/ui/Icon'
14
+ import { Icon, useFadeEffect, useUI } from '@faststore/ui'
15
15
  import { useCart } from 'src/sdk/cart'
16
16
  import { useCheckoutButton } from 'src/sdk/cart/useCheckoutButton'
17
17
  import { useSession } from 'src/sdk/session'
18
- import { useUI } from '@faststore/ui'
19
- import { useFadeEffect } from '@faststore/ui'
20
18
 
21
- import CartItem from '../CartItem'
22
19
  import Gift from '../../ui/Gift'
20
+ import CartItem from '../CartItem'
23
21
  import EmptyCart from '../EmptyCart'
24
22
  import OrderSummary from '../OrderSummary'
25
23
  import styles from './cart-sidebar.module.scss'
@@ -1,6 +1,9 @@
1
- import { IconButton as UIIconButton, Badge as UIBadge } from '@faststore/ui'
1
+ import {
2
+ Badge as UIBadge,
3
+ Icon,
4
+ IconButton as UIIconButton,
5
+ } from '@faststore/ui'
2
6
 
3
- import Icon from 'src/components/ui/Icon'
4
7
  import { useCartToggleButton } from 'src/sdk/cart/useCartToggleButton'
5
8
 
6
9
  function CartToggle() {
@@ -1,7 +1,6 @@
1
- import { Button as UIButton } from '@faststore/ui'
1
+ import { Button as UIButton, Icon } from '@faststore/ui'
2
2
 
3
3
  import EmptyState from 'src/components/ui/EmptyState'
4
- import Icon from 'src/components/ui/Icon'
5
4
 
6
5
  interface Props {
7
6
  /**
@@ -1,5 +1,5 @@
1
+ import type { PropsWithChildren, ReactNode } from 'react'
1
2
  import { useCallback, useState } from 'react'
2
- import type { ReactNode, PropsWithChildren } from 'react'
3
3
 
4
4
  import { Alert as UIAlert, AlertProps } from '@faststore/ui'
5
5
  import { mark } from 'src/sdk/tests/mark'
@@ -33,5 +33,4 @@ function Alert(args: PropsWithChildren<Props>) {
33
33
  }
34
34
 
35
35
  Alert.displayName = 'Alert'
36
-
37
36
  export default mark(Alert)
@@ -1,17 +1,17 @@
1
1
  import {
2
+ Icon,
2
3
  List as UIList,
3
4
  PaymentMethods as UIPaymentMethods,
4
5
  } from '@faststore/ui'
5
6
 
6
- import Logo from 'src/components/ui/Logo'
7
7
  import IncentivesFooter from 'src/components/sections/Incentives/IncentivesFooter'
8
- import Icon from 'src/components/ui/Icon'
9
8
  import Link from 'src/components/ui/Link'
9
+ import Logo from 'src/components/ui/Logo'
10
10
  import { mark } from 'src/sdk/tests/mark'
11
11
 
12
12
  import styles from './footer.module.scss'
13
- import FooterLinks from './FooterLinks'
14
13
  import FooterFlags from './FooterFlags'
14
+ import FooterLinks from './FooterLinks'
15
15
 
16
16
  type FooterProps = {
17
17
  /**
@@ -1,23 +1,26 @@
1
- import {
2
- Visa,
3
- Diners,
4
- Mastercard,
5
- EloCard,
6
- PayPal,
7
- Stripe,
8
- GooglePay,
9
- ApplePay,
10
- } from '@faststore/components'
1
+ import { Icon } from '@faststore/ui'
11
2
 
12
3
  const FooterFlags = [
13
- { image: <Visa />, text: 'Visa' },
14
- { image: <Diners />, text: 'Diners Club' },
15
- { image: <Mastercard />, text: 'Mastercard' },
16
- { image: <EloCard />, text: 'Elo Card' },
17
- { image: <PayPal />, text: 'PayPal' },
18
- { image: <Stripe />, text: 'Stripe' },
19
- { image: <GooglePay />, text: 'GooglePay' },
20
- { image: <ApplePay />, text: 'ApplePay' },
4
+ { image: <Icon width={32} height={22.5} name="Visa" />, text: 'Visa' },
5
+ {
6
+ image: <Icon width={32} height={22.5} name="Diners" />,
7
+ text: 'Diners Club',
8
+ },
9
+ {
10
+ image: <Icon width={32} height={22.5} name="Mastercard" />,
11
+ text: 'Mastercard',
12
+ },
13
+ { image: <Icon width={32} height={22.5} name="EloCard" />, text: 'Elo Card' },
14
+ { image: <Icon width={32} height={22.5} name="PayPal" />, text: 'PayPal' },
15
+ { image: <Icon width={32} height={22.5} name="Stripe" />, text: 'Stripe' },
16
+ {
17
+ image: <Icon width={32} height={22.5} name="GooglePay" />,
18
+ text: 'GooglePay',
19
+ },
20
+ {
21
+ image: <Icon width={32} height={22.5} name="ApplePay" />,
22
+ text: 'ApplePay',
23
+ },
21
24
  ]
22
25
 
23
26
  export default FooterFlags
@@ -1,15 +1,13 @@
1
1
  import { Suspense, useRef, useState } from 'react'
2
- import { IconButton as UIIconButton } from '@faststore/ui'
3
2
 
3
+ import { Icon, IconButton as UIIconButton, useUI } from '@faststore/ui'
4
4
  import CartToggle from 'src/components/cart/CartToggle'
5
- import SearchInput from 'src/components/search/SearchInput'
6
5
  import type { SearchInputRef } from 'src/components/search/SearchInput'
6
+ import SearchInput from 'src/components/search/SearchInput'
7
7
  import { ButtonSignIn, ButtonSignInFallback } from 'src/components/ui/Button'
8
- import Icon from 'src/components/ui/Icon'
9
8
  import Link from 'src/components/ui/Link'
10
9
  import Logo from 'src/components/ui/Logo'
11
10
  import { mark } from 'src/sdk/tests/mark'
12
- import { useUI } from '@faststore/ui'
13
11
  import useScrollDirection from 'src/sdk/ui/useScrollDirection'
14
12
 
15
13
  import styles from './navbar.module.scss'
@@ -1,9 +1,8 @@
1
- import { OutOfStock as UIOutOfStock, useUI } from '@faststore/ui'
2
- import { useState } from 'react'
1
+ import { Icon, OutOfStock as UIOutOfStock, useUI } from '@faststore/ui'
3
2
  import type { FormEvent } from 'react'
3
+ import { useState } from 'react'
4
4
 
5
5
  import { useSession } from 'src/sdk/session'
6
- import Icon from 'src/components/ui/Icon'
7
6
 
8
7
  function OutOfStock() {
9
8
  const { postalCode } = useSession()
@@ -1,8 +1,7 @@
1
1
  import { Button as UIButton } from '@faststore/ui'
2
2
 
3
- import Icon from 'src/components/ui/Icon'
3
+ import { Icon, useUI } from '@faststore/ui'
4
4
  import { useSession } from 'src/sdk/session'
5
- import { useUI } from '@faststore/ui'
6
5
 
7
6
  function RegionButton() {
8
7
  const { openModal } = useUI()
@@ -1,10 +1,10 @@
1
1
  import {
2
+ Icon,
2
3
  ModalBody as UIModalBody,
3
4
  ModalHeader as UIModalHeader,
4
5
  } from '@faststore/ui'
5
6
 
6
7
  import RegionInput from 'src/components/region/RegionInput'
7
- import Icon from 'src/components/ui/Icon'
8
8
  import Link from 'src/components/ui/Link'
9
9
 
10
10
  import styles from './regionalization-modal-body.module.scss'
@@ -1,30 +1,30 @@
1
+ import type { SearchEvent } from '@faststore/sdk'
2
+ import { sendAnalyticsEvent } from '@faststore/sdk'
3
+ import type {
4
+ SearchInputFieldProps as UISearchInputFieldProps,
5
+ SearchInputFieldRef as UISearchInputFieldRef,
6
+ } from '@faststore/ui'
7
+ import {
8
+ SearchInput as UISearchInput,
9
+ SearchInputField as UISearchInputField,
10
+ SearchProviderContextValue,
11
+ } from '@faststore/ui'
12
+ import { useRouter } from 'next/router'
13
+ import type { CSSProperties } from 'react'
1
14
  import {
2
15
  forwardRef,
3
16
  lazy,
4
17
  Suspense,
5
- useRef,
6
- useState,
7
18
  useDeferredValue,
8
19
  useImperativeHandle,
20
+ useRef,
21
+ useState,
9
22
  } from 'react'
10
- import type { CSSProperties } from 'react'
11
- import { useRouter } from 'next/router'
12
- import { sendAnalyticsEvent } from '@faststore/sdk'
13
- import type { SearchEvent } from '@faststore/sdk'
14
- import {
15
- SearchInputField as UISearchInputField,
16
- SearchInput as UISearchInput,
17
- SearchProviderContextValue,
18
- } from '@faststore/ui'
19
- import type {
20
- SearchInputFieldProps as UISearchInputFieldProps,
21
- SearchInputFieldRef as UISearchInputFieldRef,
22
- } from '@faststore/ui'
23
23
 
24
- import useSearchHistory from 'src/sdk/search/useSearchHistory'
25
24
  import { formatSearchPath } from 'src/sdk/search/formatSearchPath'
26
- import useOnClickOutside from 'src/sdk/ui/useOnClickOutside'
25
+ import useSearchHistory from 'src/sdk/search/useSearchHistory'
27
26
  import useSuggestions from 'src/sdk/search/useSuggestions'
27
+ import useOnClickOutside from 'src/sdk/ui/useOnClickOutside'
28
28
 
29
29
  const SearchDropdown = lazy(
30
30
  () => import('src/components/search/SearchDropdown')
@@ -1,6 +1,4 @@
1
- import { Incentive as UIIncentive, List as UIList } from '@faststore/ui'
2
-
3
- import Icon from 'src/components/ui/Icon'
1
+ import { Icon, Incentive as UIIncentive, List as UIList } from '@faststore/ui'
4
2
 
5
3
  import styles from './incentives.module.scss'
6
4
 
@@ -6,8 +6,7 @@ import {
6
6
  import type { ComponentPropsWithRef, FormEvent, ReactNode } from 'react'
7
7
  import { forwardRef, useRef } from 'react'
8
8
 
9
- import { useUI } from '@faststore/ui'
10
- import Icon from 'src/components/ui/Icon'
9
+ import { Icon, useUI } from '@faststore/ui'
11
10
  import Link from 'src/components/ui/Link'
12
11
  import { useNewsletter } from 'src/sdk/newsletter/useNewsletter'
13
12
 
@@ -1,18 +1,16 @@
1
- import { useState } from 'react'
2
1
  import {
2
+ Accordion as UIAccordion,
3
+ AccordionButton as UIAccordionButton,
4
+ AccordionItem as UIAccordionItem,
5
+ AccordionPanel as UIAccordionPanel,
6
+ Icon as UIIcon,
3
7
  List as UIList,
4
8
  Table as UITable,
5
9
  TableBody as UITableBody,
6
10
  TableCell as UITableCell,
7
11
  TableRow as UITableRow,
8
- Icon as UIIcon,
9
- Accordion as UIAccordion,
10
- AccordionItem as UIAccordionItem,
11
- AccordionButton as UIAccordionButton,
12
- AccordionPanel as UIAccordionPanel,
13
12
  } from '@faststore/ui'
14
-
15
- import Icon from 'src/components/ui/Icon'
13
+ import { useState } from 'react'
16
14
 
17
15
  import Section from '../Section'
18
16
 
@@ -140,7 +138,9 @@ function ProductDetailsContent({
140
138
  <UITableCell variant="header" align="left">
141
139
  <UIIcon
142
140
  data-fs-accordion-item-button-icon
143
- component={<Icon name="Ruler" width={18} height={18} />}
141
+ name="Ruler"
142
+ width={18}
143
+ height={18}
144
144
  />
145
145
  <span>Width</span>
146
146
  </UITableCell>
@@ -150,7 +150,9 @@ function ProductDetailsContent({
150
150
  <UITableCell variant="header" align="left">
151
151
  <UIIcon
152
152
  data-fs-accordion-item-button-icon
153
- component={<Icon name="Ruler" width={18} height={18} />}
153
+ name="Ruler"
154
+ width={18}
155
+ height={18}
154
156
  />
155
157
  Height
156
158
  </UITableCell>
@@ -160,7 +162,9 @@ function ProductDetailsContent({
160
162
  <UITableCell variant="header" align="left">
161
163
  <UIIcon
162
164
  data-fs-accordion-item-button-icon
163
- component={<Icon name="Ruler" width={18} height={18} />}
165
+ name="Ruler"
166
+ width={18}
167
+ height={18}
164
168
  />
165
169
  Dimensions
166
170
  </UITableCell>
@@ -172,7 +176,9 @@ function ProductDetailsContent({
172
176
  <UITableCell variant="header" align="left">
173
177
  <UIIcon
174
178
  data-fs-accordion-item-button-icon
175
- component={<Icon name="Bag" width={18} height={18} />}
179
+ name="Bag"
180
+ width={18}
181
+ height={18}
176
182
  />
177
183
  Weight
178
184
  </UITableCell>
@@ -182,9 +188,9 @@ function ProductDetailsContent({
182
188
  <UITableCell variant="header" align="left">
183
189
  <UIIcon
184
190
  data-fs-accordion-item-button-icon
185
- component={
186
- <Icon name="RocketLaunch" width={18} height={18} />
187
- }
191
+ name="RocketLaunch"
192
+ width={18}
193
+ height={18}
188
194
  />
189
195
  Days to ship
190
196
  </UITableCell>
@@ -194,9 +200,9 @@ function ProductDetailsContent({
194
200
  <UITableCell variant="header" align="left">
195
201
  <UIIcon
196
202
  data-fs-accordion-item-button-icon
197
- component={
198
- <Icon name="CircleWavyCheck" width={18} height={18} />
199
- }
203
+ name="CircleWavyCheck"
204
+ width={18}
205
+ height={18}
200
206
  />
201
207
  Estimated
202
208
  </UITableCell>
@@ -1,7 +1,6 @@
1
- import { LinkButton } from '@faststore/ui'
1
+ import { Icon, LinkButton } from '@faststore/ui'
2
2
 
3
3
  import EmptyState from 'src/components/ui/EmptyState'
4
- import Icon from 'src/components/ui/Icon'
5
4
 
6
5
  function EmptyGallery() {
7
6
  return (
@@ -1,20 +1,19 @@
1
1
  import { useSearch } from '@faststore/sdk'
2
- import { NextSeo } from 'next-seo'
3
- import { lazy, Suspense } from 'react'
4
- import type { MouseEvent } from 'react'
5
2
  import {
6
3
  Button as UIButton,
7
4
  LinkButton as UILinkButton,
8
5
  Skeleton as UISkeleton,
9
6
  } from '@faststore/ui'
7
+ import { NextSeo } from 'next-seo'
8
+ import type { MouseEvent } from 'react'
9
+ import { lazy, Suspense } from 'react'
10
10
 
11
+ import { Icon, useUI } from '@faststore/ui'
11
12
  import Filter from 'src/components/search/Filter'
12
13
  import Sort from 'src/components/search/Sort'
13
14
  import FilterSkeleton from 'src/components/skeletons/FilterSkeleton'
14
15
  import ProductGridSkeleton from 'src/components/skeletons/ProductGridSkeleton'
15
- import Icon from 'src/components/ui/Icon'
16
16
  import { mark } from 'src/sdk/tests/mark'
17
- import { useUI } from '@faststore/ui'
18
17
 
19
18
  import Section from '../Section'
20
19
  import EmptyGallery from './EmptyGallery'
@@ -1,7 +1,5 @@
1
- import { Button as UIButton } from '@faststore/ui'
2
1
  import type { ButtonProps } from '@faststore/ui'
3
-
4
- import Icon from 'src/components/ui/Icon'
2
+ import { Button as UIButton, Icon } from '@faststore/ui'
5
3
 
6
4
  import Section from '../Section'
7
5
  import styles from './scroll-to-top-button.module.scss'
@@ -1,8 +1,7 @@
1
1
  import type { BreadcrumbProps as UIBreadcrumbProps } from '@faststore/ui'
2
- import { Breadcrumb as UIBreadcrumb } from '@faststore/ui'
2
+ import { Breadcrumb as UIBreadcrumb, Icon } from '@faststore/ui'
3
3
  import { memo } from 'react'
4
4
 
5
- import Icon from 'src/components/ui/Icon'
6
5
  import Link from 'src/components/ui/Link'
7
6
 
8
7
  type ItemElement = {
@@ -1,7 +1,6 @@
1
- import { LinkButton } from '@faststore/ui'
1
+ import { Icon, LinkButton } from '@faststore/ui'
2
2
 
3
3
  import styles from 'src/components/ui/Button/button.module.scss'
4
- import Icon from 'src/components/ui/Icon'
5
4
  import { useSession } from 'src/sdk/session'
6
5
  import { useCart } from '../../../../sdk/cart/index'
7
6
 
@@ -1,6 +1,4 @@
1
- import { LinkButton } from '@faststore/ui'
2
-
3
- import Icon from 'src/components/ui/Icon'
1
+ import { Icon, LinkButton } from '@faststore/ui'
4
2
 
5
3
  function ButtonSignInFallback() {
6
4
  return (
@@ -1,8 +1,6 @@
1
- import type { PropsWithChildren } from 'react'
2
- import { Carousel as UICarousel } from '@faststore/ui'
3
1
  import type { CarouselProps as UICarouselProps } from '@faststore/ui'
4
-
5
- import Icon from 'src/components/ui/Icon'
2
+ import { Carousel as UICarousel, Icon } from '@faststore/ui'
3
+ import type { PropsWithChildren } from 'react'
6
4
 
7
5
  import styles from './carousel.module.scss'
8
6
 
@@ -3,12 +3,12 @@ import {
3
3
  Gift as UIGift,
4
4
  GiftContent as UIGiftContent,
5
5
  GiftImage as UIGiftImage,
6
+ Icon,
6
7
  } from '@faststore/ui'
7
8
 
8
- import Icon from 'src/components/ui/Icon'
9
9
  import { Image } from 'src/components/ui/Image'
10
- import { useFormattedPrice } from 'src/sdk/product/useFormattedPrice'
11
10
  import type { CartItem as ICartItem } from 'src/sdk/cart'
11
+ import { useFormattedPrice } from 'src/sdk/product/useFormattedPrice'
12
12
 
13
13
  export type Props = GiftProps & {
14
14
  /**
@@ -19,7 +19,10 @@ export type Props = GiftProps & {
19
19
 
20
20
  function Gift({ item, ...otherProps }: Props) {
21
21
  return (
22
- <UIGift icon={<Icon name="Tag" width={18} height={18} />} {...otherProps}>
22
+ <UIGift
23
+ icon={<Icon data-fs-gift-icon name="Tag" width={18} height={18} />}
24
+ {...otherProps}
25
+ >
23
26
  <UIGiftImage>
24
27
  <Image
25
28
  src={item.itemOffered.image[0].url}
@@ -1,8 +1,11 @@
1
- import { Button as UIButton, IconButton as UIIconButton } from '@faststore/ui'
1
+ import {
2
+ Button as UIButton,
3
+ Icon,
4
+ IconButton as UIIconButton,
5
+ } from '@faststore/ui'
2
6
  import { useRef } from 'react'
3
7
  import { useInView } from 'react-intersection-observer'
4
8
 
5
- import Icon from 'src/components/ui/Icon'
6
9
  import { Image } from 'src/components/ui/Image'
7
10
  import styles from 'src/components/ui/ImageGallery/image-gallery-selector.module.scss'
8
11
 
@@ -11,6 +11,7 @@ import { BreadcrumbJsonLd, NextSeo } from 'next-seo'
11
11
  import { useRouter } from 'next/router'
12
12
  import { useMemo } from 'react'
13
13
 
14
+ import { Icon } from '@faststore/ui'
14
15
  import type {
15
16
  ServerCollectionPageQueryQuery,
16
17
  ServerCollectionPageQueryQueryVariables,
@@ -20,7 +21,6 @@ import Hero from 'src/components/sections/Hero'
20
21
  import ProductGallery from 'src/components/sections/ProductGallery'
21
22
  import ProductShelf from 'src/components/sections/ProductShelf'
22
23
  import ScrollToTopButton from 'src/components/sections/ScrollToTopButton'
23
- import Icon from 'src/components/ui/Icon'
24
24
  import { ITEMS_PER_PAGE, ITEMS_PER_SECTION } from 'src/constants'
25
25
  import { useApplySearchState } from 'src/sdk/search/state'
26
26
  import { mark } from 'src/sdk/tests/mark'
package/.next/BUILD_ID DELETED
@@ -1 +0,0 @@
1
- m9qPYxeN9bMid06fpEhbE
@@ -1,101 +0,0 @@
1
- {
2
- "polyfillFiles": [
3
- "static/chunks/polyfills-c67a75d1b6f99dc8.js"
4
- ],
5
- "devFiles": [],
6
- "ampDevFiles": [],
7
- "lowPriorityFiles": [
8
- "static/m9qPYxeN9bMid06fpEhbE/_buildManifest.js",
9
- "static/m9qPYxeN9bMid06fpEhbE/_ssgManifest.js"
10
- ],
11
- "rootMainFiles": [],
12
- "pages": {
13
- "/": [
14
- "static/chunks/webpack-f1a1b4bcfa6b66bb.js",
15
- "static/chunks/framework-dfd14d7ce6600b03.js",
16
- "static/chunks/main-9746772201fe3ac1.js",
17
- "static/chunks/351-a4e28d64f48c5269.js",
18
- "static/chunks/781-7df372b5b56e3f96.js",
19
- "static/chunks/626-d631f2cb747ef569.js",
20
- "static/css/43d61b402f41569b.css",
21
- "static/chunks/pages/index-eabe9d42a172b52b.js"
22
- ],
23
- "/404": [
24
- "static/chunks/webpack-f1a1b4bcfa6b66bb.js",
25
- "static/chunks/framework-dfd14d7ce6600b03.js",
26
- "static/chunks/main-9746772201fe3ac1.js",
27
- "static/chunks/351-a4e28d64f48c5269.js",
28
- "static/chunks/pages/404-ba608a2a9f0c420a.js"
29
- ],
30
- "/500": [
31
- "static/chunks/webpack-f1a1b4bcfa6b66bb.js",
32
- "static/chunks/framework-dfd14d7ce6600b03.js",
33
- "static/chunks/main-9746772201fe3ac1.js",
34
- "static/chunks/351-a4e28d64f48c5269.js",
35
- "static/chunks/pages/500-910883c20541d9ce.js"
36
- ],
37
- "/[...slug]": [
38
- "static/chunks/webpack-f1a1b4bcfa6b66bb.js",
39
- "static/chunks/framework-dfd14d7ce6600b03.js",
40
- "static/chunks/main-9746772201fe3ac1.js",
41
- "static/chunks/351-a4e28d64f48c5269.js",
42
- "static/chunks/251-5059c71d8e624b60.js",
43
- "static/css/8ea129ea90e49e98.css",
44
- "static/chunks/pages/[...slug]-4b2bea89ec5c8fbe.js"
45
- ],
46
- "/[slug]/p": [
47
- "static/chunks/webpack-f1a1b4bcfa6b66bb.js",
48
- "static/chunks/framework-dfd14d7ce6600b03.js",
49
- "static/chunks/main-9746772201fe3ac1.js",
50
- "static/chunks/351-a4e28d64f48c5269.js",
51
- "static/chunks/781-7df372b5b56e3f96.js",
52
- "static/chunks/626-d631f2cb747ef569.js",
53
- "static/css/4899c3cc356704f9.css",
54
- "static/chunks/pages/[slug]/p-912fe4b532f4fdce.js"
55
- ],
56
- "/_app": [
57
- "static/chunks/webpack-f1a1b4bcfa6b66bb.js",
58
- "static/chunks/framework-dfd14d7ce6600b03.js",
59
- "static/chunks/main-9746772201fe3ac1.js",
60
- "static/css/5f1958d8dece68c7.css",
61
- "static/chunks/pages/_app-c30dfc55a86c1363.js"
62
- ],
63
- "/_error": [
64
- "static/chunks/webpack-f1a1b4bcfa6b66bb.js",
65
- "static/chunks/framework-dfd14d7ce6600b03.js",
66
- "static/chunks/main-9746772201fe3ac1.js",
67
- "static/chunks/pages/_error-a7a0c1d9bfbb4f38.js"
68
- ],
69
- "/account": [
70
- "static/chunks/webpack-f1a1b4bcfa6b66bb.js",
71
- "static/chunks/framework-dfd14d7ce6600b03.js",
72
- "static/chunks/main-9746772201fe3ac1.js",
73
- "static/chunks/351-a4e28d64f48c5269.js",
74
- "static/chunks/pages/account-b8fc5222ffe89b60.js"
75
- ],
76
- "/checkout": [
77
- "static/chunks/webpack-f1a1b4bcfa6b66bb.js",
78
- "static/chunks/framework-dfd14d7ce6600b03.js",
79
- "static/chunks/main-9746772201fe3ac1.js",
80
- "static/chunks/351-a4e28d64f48c5269.js",
81
- "static/chunks/pages/checkout-f8cb7cb22225ef9d.js"
82
- ],
83
- "/login": [
84
- "static/chunks/webpack-f1a1b4bcfa6b66bb.js",
85
- "static/chunks/framework-dfd14d7ce6600b03.js",
86
- "static/chunks/main-9746772201fe3ac1.js",
87
- "static/chunks/351-a4e28d64f48c5269.js",
88
- "static/chunks/pages/login-33954810b200eca8.js"
89
- ],
90
- "/s": [
91
- "static/chunks/webpack-f1a1b4bcfa6b66bb.js",
92
- "static/chunks/framework-dfd14d7ce6600b03.js",
93
- "static/chunks/main-9746772201fe3ac1.js",
94
- "static/chunks/351-a4e28d64f48c5269.js",
95
- "static/chunks/251-5059c71d8e624b60.js",
96
- "static/css/db63ea05e98cb7e8.css",
97
- "static/chunks/pages/s-b49bdf6af37376b6.js"
98
- ]
99
- },
100
- "ampFirstPages": []
101
- }